body{font-family: 'Barlow', sans-serif; font-size:15px; line-height:29px; color:#404040; text-align:justify; /*overflow-x:hidden;*/}
h1,h2,h3,h4,h5{font-family: 'Barlow', sans-serif;}
a, a:active, a:focus {outline: none;}
img{display:block}
#hm{
    -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        #hm.sticky {
          position:fixed; top:0; z-index:999; width:100%; border-bottom:1px solid #c4c5c7
        }
		
		#hmlg img{
    -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        #hmlg.stickylg img{
           width:50%; height:50%; margin-top:0px;
        }
		#hmdiv1{
    -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }
		#hmdiv1.stickydiv1{
           display:none;
        }
		#hmmenu{
    -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }
		
		#hmmenu.stickymenu{float:none;}
		
		#hmmenu.stickymenu li a{
          padding-top:13px; padding-bottom:13px; 
        }
		#hmright{
    -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }
		#hmright.stickyright{
         padding-top:1px; padding-bottom:1px; font-size:13px;
        }



.container{max-width:1100px; width:100%}

.top-div1{background:url(../images/top-bg.jpg) no-repeat top center #f9700f; height:35px;}

.logo-div{margin-top:-20px; margin-bottom:0px;}
.logo-div img{margin-left:auto; margin-right:auto}

.top-div2{padding-bottom:20px;}
.top-div2 h1{margin:0px; font-family: 'Aldrich', sans-serif; font-size:22px; text-transform:uppercase; font-weight:600; background:#e1e1e1; padding-top:10px; padding-bottom:10px; text-align:center}
.top-div2 h2{margin:0px; text-align:center; color:#313131; font-size:22px; margin-top:10px; font-weight:500;}

.top-div3{background:url(../images/top-bg1.jpg) no-repeat; background-size:cover; padding-top:40px; padding-bottom:40px;}
.top-div3 h1{margin:0px; text-align:center; color:#fff; font-size:26px; font-weight:600;}

.top-div4{text-align:center; padding-top:50px;}
.top-div4 img{display:inline-block; margin-left:20px; margin-bottom:30px;}


.main-div1{margin-bottom:80px;}

.banner-div1{position:relative; z-index:2; margin-top:40px;}	
.banner-div1 h1{margin:0px; background:#f9700f; color:#fff; text-align:center; font-size:27px; padding:10px; font-weight:600;}

.banner-div1 img{width:100%}
.carousel-indicators{bottom:0px; left:inherit; right:0; margin-right:7%;}
.carousel-indicators li{border:none; background: #9c9c9c; width: 11px; height: 11px; border-radius:50%; opacity:1}
.carousel-indicators .active {width: 11px; height: 11px; border:none; background:#f9700f;}
 .banner-div1 .carousel-control-next,  .banner-div1 .carousel-control-prev{top:0%;}
 .banner-div1 .carousel-control-prev {background:url(../images/banner-arrow-left.png) no-repeat left center; left: 3%; opacity:1; }
.banner-div1 .carousel-control-next {background:url(../images/banner-arrow-right.png) no-repeat right center; right:3%; opacity:1; z-index:100;}

.techser-office{margin-top:20px;}
.techser-office .carousel-indicators li{border:none; background: #fff; width: 11px; height: 11px; border-radius:50%; opacity:1}
.techser-office .carousel-indicators .active {width: 11px; height: 11px; border:none; background:#f9700f;}
.techser-office img{width:100%;}

.enquiry-form{margin-top:30px;}

.main-div2{background:url(../images/bg.jpg) no-repeat; background-size:cover; padding-top:40px; padding-bottom:30px; padding-bottom:50px;}
.main-hd{text-align:center}
.main-div2 h1{margin:0px; background:#fff; color:#d64600; display:inline-block; text-transform:uppercase; border-radius:30px; font-size:25px; padding:15px 40px; font-weight:600; margin-bottom:25px;}
.main-div2 ul{list-style:none; padding:0px; margin:0px; color:#fff; font-size:18px; text-align:left}
.main-div2 ul li{background:url(../images/li-icon.png) no-repeat top 10px left; padding-left:20px; padding-bottom:5px; line-height:26px;}

.main-div3{padding-top:40px;}
.main-div3 h1{margin:0px; background:#e8e7e7; color:#12720e; display:inline-block; text-transform:uppercase; font-size:27px; padding:15px 40px; font-weight:700; margin-bottom:50px;}
.client-div img{margin-bottom:30px; width:100%;}


.shade{margin-top:40px;}


.main-div4{padding-top:10px; padding-bottom:30px; font-size:17px;}
.main-div4 h1{margin:0px; background:#e8e7e7; color:#12720e; display:inline-block; text-transform:uppercase; font-size:27px; padding:15px 40px; font-weight:700; margin-bottom:30px;}
.main-div4 h2{margin:0px; color:#1f1f1f; font-size:27px; font-weight:700; margin-top:20px; margin-bottom:10px; text-align:left}


.main-div5{background:#eeeeee; padding-top:20px; padding-bottom:20px;}
.main-div5 img{margin-left:auto; margin-right:auto}





.call-div{display:none}






.copy-div{color:#352117; font-size:13px; line-height:22px; background:#f9700f; padding-top:5px; padding-bottom:5px;}
.copy-div a{color:#fff; text-decoration:none;}	
.copy-div a:hover{color:#5d5d5d;}	
.power-div{text-align:right;}
.copy-div img{display:inline;}





::selection {
	background:#000051;
	color:#fff;
}

::-moz-selection {
	background:#000051;
	color:#fff;
}
::-webkit-selection {
	background:#000051;
	color:#fff;
}


/* Float */
.hvr-float {
  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;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}




@media(max-width:767px){
.main-div2 h1{font-size:22px;}
.enquiry-form{margin-top:30px;}
.main-div1{margin-bottom:30px;}
.copy-div, .power-div{text-align:center}
.top-div2 h1{padding-left:5px; padding-right:5px; font-size:17px;}
.main-div4 h2{font-size:20px;}
}





