@charset "utf-8";
/* CSS Document */
body{font-family: 'Roboto', sans-serif;}
.map { background-image: url(../images/map.jpg); background-repeat: no-repeat; background-position: right;  overflow: hidden; color: #000;
}
.navbar-default .navbar-toggle .icon-bar{ background-color:#FFF;}
.logo{ margin-top:15px;}
.icon {  font-size: 26px;  float: left; text-align: center; background-color:#0092FE; color: #FFF; border-radius: 50%;    height: 40px; margin-right: 5px;    width: 40px;}
.box2 { width: 250px;  float: right;  padding: 10px;}
.box1 { width: 200px;  float: right;  padding: 8px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background-color:#fff !important; color:#0092FE;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{background-color:#fff !important; color:#0092FE; }
.navbar-default .navbar-nav > li > a{ font-size: 16px;  font-weight: bold; color:#FFF; padding:20px; }
.navbar-default{ background-color:#0092FE; color:#FFF; font-weight:bold; border:none;}
.navbar{ border-radius:0px; margin-bottom:0px;}
.carousel img {  width: 100%;}
.fade-carousel {  position: relative;  height: 100%; max-height:350px;}
.fade-carousel .carousel-inner .item {height: 100%;	max-height:350px;}
.fade-carousel .carousel-indicators > li {  margin: 0 2px; background-color: #f39c12; border-color: #f39c12; opacity: .7;}
.fade-carousel .carousel-indicators > li.active { width: 10px; height: 10px; opacity: 1;}
.hero {  position: absolute; top: 50%; left: 50%; z-index: 3; color: #fff; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0,0,0,.75); -webkit-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0); -ms-transform: translate3d(-50%,-50%,0); -o-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0);}
.hero h1 { font-size: 6em; font-weight: bold; margin: 0;  padding: 0;}
.fade-carousel .carousel-inner .item .hero {  opacity: 0; -webkit-transition: 2s all ease-in-out .1s;  -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; }
.fade-carousel .carousel-inner .item.active .hero {  opacity: 1; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; 
}
.overlay {  position: absolute;  width: 100%; height: 100%;	max-height:350px; z-index: 2; background-color: #080d15; opacity: .3;}
.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2,.fade-carousel .slides .slide-3, .fade-carousel .slides .slide-4, .fade-carousel .slides .slide-5 { height: 100vh; background-size: cover;
  background-position: center center; background-repeat: no-repeat;}
.fade-carousel .slides .slide-1 {  background-image:url(../images/wired-and-cables.jpg);}
.fade-carousel .slides .slide-2 {  background-image:url(../images/Wiring-Harnesses.jpg);}
.fade-carousel .slides .slide-3 {  background-image:url(../images/Moulded-Cords.jpg);}
.fade-carousel .slides .slide-4 {  background-image:url(../images/PVC-Sleeves-and-Extrusions.jpg);}
.fade-carousel .slides .slide-5 {  background-image:url(../images/Instrument-probes-banner.jpg);}


@media screen and (min-width: 980px){ .hero { width: 980px; }}
@media screen and (max-width: 640px){.hero h1 { font-size: 4em; }}
.about{ padding:30px 0px; text-align:center; }
.about h2{ font-size:36px;}.about p{ font-size:16px;}.about a{ font-size:16px; color:#333;}
.underline{ height:3px ; background-color:#09F;  margin:15px auto; }
.btn{ padding:10px 15px !important; }
.hvr-outline-out { 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-outline-out:before {  content: '';  position: absolute;  border: #09f solid 4px;  top: 0;  right: 0;  bottom: 0;  left: 0; -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {  top: -8px; right: -8px;  bottom: -8px;
  left: -8px;}
.gray-bg{ background-color:#D4D1D1;}.product{ padding:30px 0;}
.product p a{ font-size:16px !important; text-align:center;  color:#333 !important; margin:auto; display:block; width:150px; }
.product h2{ font-size:36px; text-align:center; color:#FFF;}
.product h3{  text-align:center; margin-bottom:25px;color:#FFF; }
/* Removes the default 20px margin and creates some padding space for the indicators and controls */
#product.carousel {   margin-bottom: 0;	padding: 0 40px 30px 40px;}
/* Reposition the controls slightly */
#product.carousel-control {	left: -12px;}
#product.carousel-control.right {right: -12px;}
/* Changes the position of the indicators */
#product.carousel-indicators {right: 50%; top: auto; bottom: 0px; margin-right: -19px;}
/* Changes the colour of the indicators */
#product.carousel-indicators li {background: #c0c0c0;}
#product.carousel-indicators .active {background: #333333;}
.carousel-control.left{ background-image:none !important;}
.carousel-control.right{ background-image:none !important;}
.bluebg{background-color:#0092FE; padding:30px 0px; }.bluebg p{ color:#FFF; font-size:16px;}
.bluebg h3{ color:#FFF;}
.footer-link a{ color:#333; font-size:16px; }
.footer-link li{ float:left; padding:15px 10px ; }
.footer-link{ list-style:none;}
.design{ padding:15px 0px; font-size:16px; color:#333;}
.icon2{  font-size: 50px; color: #333;  text-align: center;  background-color: #FFF; color: #0092FE; border-radius: 50%; height: 80px;
    margin: auto;  width: 80px;}
.about-us{ padding:30px 0px; text-align:justify;}
.about-us h2{ font-size:36px;  text-align:center;}.about-us p{ font-size:16px;}
.box img {
    float: left;
    margin-right: 15px;
    width: 200px;
    margin-bottom: 0px;
}.box h4{ margin-top:0px;}
.box3{ width:18%; margin:1%; float:left; }
.box3 p{text-align:center; font-size:16px; margin:5px 0px;  }
.Moulded-Cords{ margin-bottom: 5px;
    background-image:url(../images/Moulded%20Cords.jpg);
    background-repeat: no-repeat;
    padding: 259px 0 0;}
.box-wrap1 {
    background-color: rgba(0,0,0,0.5);
    color: #FFF;
    padding: 10px;
}
/*Infra page*/

.Infra{ padding:30px 0px; overflow:hidden; }
.Infra h2{ font-size:36px;  text-align:center;}
.Infra p{ font-size:16px; }
/*contact Page*/
.contact-pg{ padding:30px 0px;  }
.contact-pg h2{ font-size:36px;  text-align:center;}.contact-pg p{ font-size:16px; }
.client{ padding:30px 0px;}
.client h2{ font-size:36px;  text-align:center;}
.client h3{ font-size:22px; }
.last-footer{}
@media ( min-width:320px) and ( max-width:767px) {
.map{ display:none !important;}	
.about, .Infra{ padding:30px 15px;}
.box3{ float:none; margin:auto; width:50%;}
.bluebg{ text-align:center;}
.thumbnail{ text-align:center;}
.thumbnail img{ display:block; margin:auto;}
.clien h3{ font-size:14px;}
.last-footer{ text-align:center;}
}
@media ( min-width:768px) and ( max-width:991px) {
.client h3{ font-size:14px !important;}

}