/*designed and developed by actonate*/
/* precise trading*/
/* date:9-3-2015*/


@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

body{
  font-family: 'Roboto', sans-serif;
}

p{margin:2px 0px important;}
.clear{clear:both;}
.header-blueband{background-color:#20c1d0; padding:5px;  z-index:90; position: relative; height:37px; 
  margin-top:-37px; }

.header-light-blue-band{
  background-color:#181861; 
  font-size:0.8em; 
  line-height: 200%; 
  color:white; font-weight: 300;
  padding-left: 50px;
}

.header-light-blue-band a{
  color:white; 
}

.header-light-blue-band a:hover{
  border-bottom: 1px solid white;
}



.header-light-blue-band img{margin-left:20px; }

.header{background-color: white; border-bottom: 4px solid #20c1d0; padding-bottom:0px; z-index:100; }


.header-left{background-color:#20c1d0; height:35px; position:relative; z-index:80;}

.header-right{background-color:#181861; height:35px; }

.header-tag-line{

 padding-top:10px;

  }


  .top-bar2{background-color:transparent; margin-top:60px;}

.top-bar-section li:not(.has-form) a:not(.button){background-color:#FFF;}


.top-bar-section ul li > a{
  color: #181861; 
  font-size: 1em; 
  font-weight:400; 
  font-family: 'Roboto', sans-serif;
  transition: background-color 200ms ease-out;  

 }

 .top-bar-section ul li:hover{color:white;   }


.top-bar-section ul li{margin:0px 3px;}

/* Bounce To Top */
.hvr-bounce-to-top {
  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-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #20c1d0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}




.index-channel-partner{background-color: #0c0c4d; }

.index-footer{background-color: #171742;  padding:30px 00px 00px 00px ;}

.heading1{color: white;  font-size: 1.3em; font-weight: 300; line-height: 100%;}

.text-center{text-align: center;}

.text-right{text-align: right;}
.heading2{color:#333;  font-size: 1.3em; font-weight: 400; line-height: 180%;
 text-transform:uppercase; padding: 20px 0px;}
.heading3{color:#333;  font-size:1.4em; font-weight: 400; line-height: 140%;  }
.heading4{font-weight: 400; font-size:1.8em; line-height: 180%;}
.heading5{color:#FFF;  font-size:0.75em; font-weight: 300; line-height: 150%;}
.heading6{color:#FFF;  font-size:1.2em; font-weight: 400; line-height: 250%; text-transform: uppercase;  }
.heading7{color:#333;  font-size:1em; font-weight: 500; line-height: 150%;  }
.heading8{color:#333;  font-size:1.1em; font-weight: 400; line-height: 100%;  }
.heading9{color:#333;  font-size:0.95em; font-weight: 700; line-height: 100%; margin-top:20px important; }
.bold{font-weight:bold important;}
.marron-font{color: #fe0002;}

.index-products{padding-left: 10px;}
.index-products-band{background-color: #FFF; padding: 10px 0px; margin-bottom: 20px; }

.slider1 slide{background-color: white;}

.slide img{width:250px important;}

.slider1-name{text-align: center; font-size: 1.1em; line-height: 200%; 
  background-color: #d3d3d3; color:#242323; font-weight: 300;}

.index-cl{background-image: url(../img/index-full-img.jpg); background-repeat: no-repeat; background-position: center; 
background-size: 100% 276px; height: 200px; margin: 40px 0px 20px ; padding: 30px 0px;}
.about-banner{height: 300px; background-size: 100% 300px; 
  background-repeat: no-repeat; background-position: center;  
   padding: 00px 0px important;
  background-image: url(../img/about-banner.jpg);}



.contact-banner{background-image: url(../img/contact-banner.jpg);}

.product-banner{background-image: url(../img/product-banner.jpg);}

.index-content{padding: 15px 0px;}

.index-content p{margin:5px  0px 20px 0px; text-align: justify; font-size: 0.85em; color: #333; font-weight: 400; line-height: 180%;}
.index-contact-content{margin:0px  0px;  font-size: 0.85em; color: #FFF; font-weight: 400; line-height: 180%;}

.index-contact-content a{color:white; }
.index-contact-content a:hover{color:#20c1d0; }

.footer-last a{color:white; }
.footer-last a:hover{color:#20c1d0; }
.table-content td {margin:3px  0px; text-align: left; font-size: 0.85em; color: #333; font-weight: 400; 
  line-height: 180%; vertical-align:top; }



.more-info{padding: 10px 15px; background-color: #181861; margin: 10px 0px; font-size: 0.8em;}

.blue-line{height: 1px; background-color: #20c1d0; margin: 10px 0px;}

.index-contact-address img{padding: 0px 0px 0px 0px;}

.index-address-info{margin: 5px 0px;}

.index-footer-text{list-style:circle imporatnt; list-style:inside imporatnt; }

.index-footer-text a{color:white; }

.index-footer-text a:hover{color:#20c1d0; }


.index-footer-text li{color: white;  
  margin: 5px 0px; padding: 5px 40px 5px 0px; font-size: 0.8em; line-height: 180%; padding-left: 20px; 
  background-image: img/arrow.png;  background-repeat:no-repeat; background-position: left top; 
}

.index-footer-text li div{ border-bottom: 1px solid white; 
}
.footer-info-company{padding: 0px 30px 0px 0px;}

.footer-last{background-color: #05052c; padding-bottom: 10px;}

.about-img img{margin: 00px 00px 10px 20px; width: 92%; margin-top: 20px; }

.about-content{padding: 10px 0px 10px; margin-top: 20px;}

.about-content .index-content{margin-top: -20px;}

.about-business-info{padding: 00px 0px 10px; margin-top: 00px;}

.about-business-info .index-content{margin-top: -15px;}



.about-business{padding-left:20px;}

.contact-form{padding-right: 25px;}

.contact-form-input{padding: 5px;}

.contact img{margin-top: 5px;}

.product-display{margin-top:40px;}

.product-description{padding-left:20px;}
.pr-range ul{margin-top:6px; font-size:0.9em;}
.pr-range ul li{padding-left:30px; background-image:url(../img/arrow.png); background-size:20px 8px; background-repeat:no-repeat; background-position:left 15px; line-height:160%; padding:5px 10px 00px 30px !important; margin:0px ;}

.pr-range ol{margin-top:6px; font-size:0.9em;}
.pr-range ol li{line-height:160%; padding:0px !important; margin:0px ; }
.pr-range ul li ul{margin-top:1px;}

.pr-range ul li ul li{list-style:circle;  background-image:none; padding-left:00px; line-height:160%; padding:5px 10px 00px 5px !important; margin:2px ; font-size:1em;}

.content-pr{border:1px solid silver; padding:10px;}

.index-logo{margin-top:-35px; z-index:100; position:relative;}

.index-content-animation{
  -vendor-animation-duration:2s;
  -vendor-animation-delay:15s;
  -vendor-animation-iteration-count: infinite;
}

.index-content-animation1{
  -vendor-animation-duration:2s;
  -vendor-animation-delay:5000s;
  -vendor-animation-iteration-count: infinite;
}


.channel-partner{text-align:right;}

.index-upper-content{padding:0px 15px;}
.pr-active{background-color:#20c1d0 !important; color:white!important; border-top:1px solid white!important;}
.pr-active a{color:white!important;}

.pr-active a ul li {color:#20c1d0!important;}
#cssmenu ul li  ul li a {color:#323232!important;}

#cssmenu ul li  ul li a:hover {color:#323232!important; background-color:#a0e8ef!important;}

.motor-points{padding-left:30px; background-image:url(../img/arrow.png); background-size:20px 8px; background-repeat:no-repeat; background-position:left 15px; line-height:160%;
 padding:5px 10px 00px 30px !important;  margin:3px  0px 8px 0px; text-align: left; font-size: 0.85em; color: #333; font-weight: 400; 
  line-height: 180%; vertical-align:top;}
// Small screens
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) {
.index-footer .row{padding:10px;}

.index-cl{background-image:none; background-repeat: no-repeat; background-position: center; 
background-size: 100% 276px; height:auto; margin: 10px 0px 20px ; padding: 10px 0px; background-color:#181861;}


.heading1{color: white;  font-size:1.1em; font-weight: 300; line-height: 180%;}

.index-content{padding: 15px 15px;}	

.header-tag-line{text-align:center; margin-bottom:20px;}

.channel-partner{text-align:center; margin:10px;}

.index-upper-content{padding:0px 10px;}

.index-logo{margin-top:1px !important; z-index:100; position:relative; text-align:center !important;}
.logo{position:absolute; left:50%; margin-left:-113px; width:226px; height:140px; z-index:100;}
.top-bar2{background-color:#181861; margin-top:10px; margin-top:150px;}

.top-bar-section li:not(.has-form) a:not(.button){background-color:#181861; }

.top-bar-section ul li > a{
  color: #FFF; 
 border-bottom:1px solid white;

 }
 
 .top-bar-section ul li >  a:hover{
  color: #FFF!important;
 border-bottom:1px solid white!important;
 background-color:#1eb9c7!important;

 }
 
 

 .top-bar-section ul li:hover{color:white;   }
 
.bx-wrapper .bx-prev {
	display:none;
}

.bx-wrapper .bx-next {
	display:none;
}

.about-business-info{padding:10px;}

.about-content .heading3{padding-left:10px;}

.about-business-info .heading3{padding-left:10px;}


.about-business,  .about-content{padding:10px;}

.about-banner{height: 0px; display:none;
  background-image: none;}

#cssmenu ul li  ul li a {color:#323232!important;}

#cssmenu ul li  ul li a:hover {color:#323232!important; background-color:#a0e8ef!important;}

.product-display{padding:20px 40px 20px 20px;}

.c-two{ width:80%!important; height:200px !important; }

.index-contact-content{font-size: 0.8em;  line-height: 160%; }	

.index-contact-content img{padding-right:5px !important;}

.index-contact-gap{margin-top:-15px;}

.index-big-line{padding:0px 10px;}

 } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	
.header-tag-line{text-align:center; margin-bottom:20px;}

.channel-partner{text-align:center; margin:10px;}	
.top-bar-section ul li > a{
  padding:10px; 
 }

.top-bar-section ul li{margin:0px 1px;}
.index-logo{margin-top:1px !important; z-index:100; position:relative; text-align:center !important;}
 .top-bar2{ margin-top:100px;}
.fdw-background .fdw-port{ text-align:center; padding:0 10px 0!important;}
.fdw-background .fdw-port a{ padding:2px; font-size:.5em!important;}



.index-contact-content{margin:0px  0px;  font-size: 0.8em; color: #FFF; font-weight: 400; line-height: 160%; padding:0px 10px !important; text-align:justify !important;}	

.about-business-info{padding:10px;}

.about-business,  .about-content{padding:10px;}


	 } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */