/* CSS Document */
@font-face {
    font-family: 'kit55f-webfont';
    src: url('fonts/kit55f-webfont.eot');
    src: url('fonts/kit55f-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kit55f-webfont.woff') format('woff'),
         url('fonts/kit55f-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kit65f_0';
    src: url('fonts/kit65f_0.eot');
    src: url('fonts/kit65f_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/kit65f_0.woff') format('woff'),
         url('fonts/kit65f_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kit45p_0';
    src: url('fonts/kit45p_0.eot');
    src: url('fonts/kit45p_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/kit45p_0.woff') format('woff'),
         url('fonts/kit45p_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
img{ border:0; margin:auto;}
*{ margin:0; padding:0;}
a ,a:hover{ text-decoration: none; color:inherit; }

body {
	background:#FFF ;
    font-family: 'kit55f-webfont';
	font-size:18px;
	color:#000;
}
.carousel-inner>.item>img {
    margin: auto;
	width:100%;
}

.cleaner {clear:both; width:100%; height:0px;}
.h30{clear:both; width:100%; height:30px;}
.h20{clear:both; width:100%; height:20px;}
.h10{clear:both; width:100%; height:10px;}
.fontkit65{font-family: 'kit65f_0';}

.pull-left{
	margin-left:5%;
}

/*///////////////////////////////////////////////////////////////////////////head///////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////head///////////////////////////////////////////////////////////////////////////*/

.navbar-brand{
	position: relative;
	padding: 5px 20px;
}
.navbar-brand>img {
	width:40%;
	right: 40%;
	position:relative;
}
.navbar{
	border:0;
	border-radius:0;
	margin-bottom:0;
}
.navbar-default {
    border-color: transparent;
    background: url(../images/bg-hader.png) right top #4982d6;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
	font-size: 20px;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color:#00197b;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	color:#fff;
    background:rgba(51, 255, 255, 0.61);
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color:#fff;
    background:rgba(51, 255, 255, 0.61);
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background-color:transparent;
}
.navbar-default .navbar-toggle{
	border:0;
	border: solid 1px #00197b;
}
.navbar-default .navbar-brand {
    color: #fff;
	font-size:50px;
}
.nav>li>a {
    font-size: 30px;
}
/*///////////////////////////////////////////////////////////////////////////head///////////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////////////////////////////////////////////content///////////////////////////////////////////////////////////////////////////*/

.bg-blue{
	background:#0138ff;
}
.winzen-bg{
	padding: 30px 0;
/*	background:url(../images/winzen-bg.png) no-repeat;*/
}
.business-title{
	font-size:22px;
	font-family: 'kit65f_0';
}
.business-data{
	color:#fff;
	line-height: 1;
}
.product{
	margin:20px 0;
}
.product-box{
	margin: 5px;
	border: solid 1px #0034ff;
	border-bottom: solid 5px #33ffff;
}

.product-text{
	background:#09192e;
	color:#fff;
	text-align:center;
}
.product-text:hover{
	background: rgba(51, 255, 255, 0.53);
    transition: all 0.3s;
}
.data-center{
	text-align:center;
	line-height: 1;
	color:#0033ff;
	padding: 10px 0;
	font-size: 20px;
	font-style:italic;
	font-family: 'kit45p_0';
}
.winzen-bg{
	padding: 30px 0;
	background:url(../images/winzen-bg.png) repeat;
}
.product-box img {
  max-width: 100%;  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.product-box img:hover{
	transform: scale(1.1);
}
.product-box a{
	display:block;
	overflow:hidden;
}
/*///////////////////////////////////////////////////////////////////////////content///////////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////////////////////////////////////////////footer///////////////////////////////////////////////////////////////////////////*/

.bg-footer{
	background: #ececec;
}
.bg-copyright{
	background:#00197b;
}
.location-title{
	font-family: 'kit65f_0';
	font-size: 24px;
}
.followus{
	font-family: 'kit65f_0';
	font-size: 25px;
}
.copyright{
	color:#FFF;
	padding:2% 0;
	text-align:center;
}
.copyright a{
	color:#FFF;
}
i.fa.fa-phone,.fa-fax,.fa-envelope{
	color:#213042;
}
.footer-left{
	line-height: 1;
	padding: 20px 20px 10px 20px;
}
.footer-right{
	line-height: 1;
    padding: 20px;
}
.social-top{
	margin-left: 10px;
}
.contact-top-phone{
	color:#fff;
	position: absolute;
    top: 10px;
    right: 45px;
    font-size: 25px;
	text-shadow: 0.1em 0.1em 0.2em black
}
.contact-top-phone img{
	position: absolute;
	width: 30px;
    top: 0;
    left: -30%;
}

/*///////////////////////////////////////////////////////////////////////////footer///////////////////////////////////////////////////////////////////////////*/

/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #33ffff;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Shadow Radial */
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-shadow-radial:before, .hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-shadow-radial:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
  opacity: 1;
}
/*///////////////////////////////////////////////////////////////////////////media///////////////////////////////////////////////////////////////////////////*/

@media (max-width: 767px ) {
	body{
		max-width: 100% !important;
	}
	.navbar-collapse{
		position: fixed;
		width: 250px;
		background: #fff;
		height: 100vh !important;
		max-height: none !important;
		top: 0;
		display: block;
		left: -250px;
		margin: 0 !important;
		z-index: 9999;
	}
	.navbar-collapse.in{
		left: 0 !important;
		background: #00197b;
	}
	.all-container{
		width: 100%;
	}
	.all-container.-collapse{
		margin-left: 250px;
	}
	.navbar-default, .navbar-collapse, .navbar-collapse.collapsing, .all-container.all-container.all-container {
		transition: all 0.5s !important;
	}
	.navbar-default.-collapse {
		margin-left: 250px;
		width:100%;
	}
}

/*///////////////////////////////////////////////////////////////////////////media///////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////contact-us//////////////////////////////////////////////////////*/
.bg-white{ font-size:28px;    color: #252525; padding-bottom:10px;     letter-spacing: 0.01cm; }
@media (max-width: 414px) {
	.contact-list li,
	.bg-white{ font-size:20px;}
}
.contact-list{
	list-style: none;
	font-size: 26px;
	color: #000;
	float:left;
    /*margin-left: 30px;*/
}
.contact-list a{	color: #545454;}
.contact-list li{
    padding-left: 20px;	vertical-align: top;
}
.contact-list .list-image{
	width: 30px;
	text-align: center;
	display: inline-block;
	color: #000000;
}

/*////////////////////////////////////////Product///////////////////////////////////////////////////////////*/

.product-list-img{
	position: relative;
	overflow:hidden;
	padding-bottom: 66%;
	background:#FFFFFF;
	margin:10px 0;
	border:1px solid silver;
}
.product-list-img img{
	height:auto;
	height:100%;
	width: auto;
	position: absolute;
	top:50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}


/*.product-list-img{
	padding-bottom:1px;
}
*/
.product-category li {
	width:100%;
	float:left;
	list-style:none;
	margin:5px;
	padding:5px;
	background: #00197b;
	color:#FFF;
}
.product-category li.active ,
.product-category li:hover{
	transition: all 0.5s;
	color:#252525;
	background:#33ffff;
}
.btn-detail{
	background:#000;
	color:#FFF;
	text-align:center;
	padding:4px 0;
	margin:5px 0;
	transition: all 0.4s;
	border:1px solid #000;
}
.btn-detail:hover{
	background:#000;
	color:#b98139;
}
.product-list-box{
	margin:5px 0;
	font-size:1.5em;
}
.text-indent{
	text-indent:30px;
}
.ellipsis {
  text-overflow: ellipsis;

  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}
/*-----Pagenumber----/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.pagelist{
	float:right;
	background:#FFF;
	padding:5px;
	border-radius:0px;
	margin:0 5px 20px 5px;
}
.pagelist li{
	display:inline-block;
	font-size:23px;
	cursor:pointer;
}
.pagelist li a:hover{
	background:#00197b;
	border:1px solid #9c79c6;
	color:#FFF;
	transition: all 0.4s;
}
.pagelist li.disabled a,
.pagelist li.disabled a:hover{
	background:#FFF;
	color:#0e0e0e;
	border:1px solid #CCC;
	transition: all 0.4s;
}
.pagelist li.disabled a,
.pagelist li.disabled a:hover{
	color:#CCC;
}
.pagelist li a{
	color:#000;
	display:block;
	background:#FFF;
	padding:0px 12px;
	border:1px solid #CCC;
	font-style:italic;
	font-weight:bold;
}
.pagelist li a i.fa{
	font-size:18px;
	vertical-align: middle;
}

.pagelist>li:first-child>a, .pagelist>li:first-child>span , .pagelist>li:last-child>a, .pagelist>li:last-child>span {
	border-radius:0px;
}
.pagelist li.active a{
	color:#FFF;
	background:#00197b;
}