/*!
 * Start Bootstrap - Half Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

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


html {
  scroll-behavior: smooth;
}

/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */

.carousel {
    
}

.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mt70{ margin-top:70px;}
.mt80{ margin-top:80px;}
.mt90{ margin-top:90px;}

.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb70{ margin-bottom:70px;}
.mb80{ margin-bottom:80px;}
.mb90{ margin-bottom:90px;}


.item,
.active,
.carousel-inner {
    height: 100%;
}


.carousel-control {
    top: 40%;
}


.padl0{padding-left:0px;}

.padr0{padding-right:0px;}


/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}




.affix {
    position: fixed;
	width: 100%;
	background: #fff;
	border-radius:0px;
	z-index:99;
	top:0px !important;
	-webkit-box-shadow: 0px 16px 68px -17px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 16px 68px -17px rgba(0,0,0,0.14);
    box-shadow: 0px 16px 68px -17px rgba(0,0,0,0.14);
}


.elevator {
	position: fixed;
	right: 20px;
	bottom: 45px;
	display: inline-block;
	width: 48px;
	height: 48px;
	overflow: hidden;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	visibility: hidden;
	background: #052169;
	background-image: none;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	opacity: 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.elevator.elevator-is-visible {
	visibility: visible;
	opacity: 1;
	z-index: 999;
}
.elevator .fa {
	position: relative;
	top: 12.5px;
	left: 14.5px;
	padding: 0;
	margin: 0;
	font-size: 20px;
	color: white;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.elevator:hover {
	background: rgba(0, 0, 0, .8);
}
.elevator:hover .fa {
	top: 5px;
	color: white;
}


.green1{background:#282828;}
 

.navbar-brand {
    height:inherit;
    padding: 3px 0px;

} 

.nav>li {
	padding:0 20px;}
 
.navbar-default{ background:none;}


.nav>li>a{ font-size:15px;}


.navbar-right{ padding-top:16px;}


.navbar-nav>li a:hover {
    border-bottom: 4px solid #052169 ;
}


.nav>li>a {
    padding: 10px 5px;
	color: #000000  !important;
	text-transform: uppercase;
}



.active-ul {
	border-bottom: 4px solid #052169 ;
}


.topl1{ margin:0; padding:0;}

.topl1 li{ list-style:none; display:inline-block; padding-left: 15px; margin-top: 15px;} 

.topl1 li a{ color:#fff;}


.topl2{ margin:0; padding:0;}

.topl2 li{ list-style:none; display:inline-block; padding-left: 15px;} 

.topl2 li{ color:#fff;}

.topl2 li i{ padding-right:5px; color:#fff;}

.topl2 a{color:#fff;}

.navbar-nav li:hover .dropdown-menu {
display: block;
}   
   

.navbar-brand img{ margin-top:10px; margin-bottom:10px; width: 190px;}

.welcome{ text-align:center;}

.welcome h2{     
    font-size: 40px;
    color: #141414; padding-top:50px; padding-bottom:30px;}

.welcome h2 span{color:#052169;}

.welcome p{ margin: 0 0 50px 0;
    font-size: 18px;
    line-height: 32px;
    color: #1b1b1b;}




.innerp h2{ font-size:30px; padding-bottom: 20px;}

.innerp h3{font-size: 20px; color: #052169;}

.innerp p{ font-size: 16px;
           line-height: 35px; 
	       padding-bottom:20px;}

.lightblue{ background:#F7F8FA ;}





.products{ border-bottom:2px solid #fff;}

.products .col-md-6{ padding:100px 0;}

.products img{}

.products h2{ font-size:31px; color:#fff; padding-top:23%;}

.products p{ font-size:16px; color:#fff; line-height: 30px;}


.ftr{ color:#FFF; background: #282828;}
	
.ftr .container{ padding:100px 0;}	

.ftr h3{     
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 40px;
    color: #fff;
    font-weight: bold;}

.ftr ul{ margin:0; padding:0;}

.ftr li{ list-style:none; display:block; font-size:15px; padding-bottom:20px; }

.ftr li a{ color:#fff; transition:all .8s;}

.ftr li a:hover{ color:#ccc; text-decoration:none;}

.ftr a{ color:#fff;}

.copyr{text-align:center; padding-top:40px;}

.copyr p{  color:#CCC; margin-bottom:0px;}

.copyr p a{ color:#CCC; text-decoration:none;}

/* footer social icons */

ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 10px 0 0;
}

.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#fff;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 40px;
	height: 40px;
	font-size:15px;
	border: 2px solid #fff;
}
.social-circle li i {
	margin:0;
	line-height:38px;
	text-align: center;
    color: #fff;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

/* footer social icons */


.innerban{
	color:#fff;}
	
.innerban img{ width:100%;}

.bread_ll .breadcrumb{ background:none; color:#333; padding-left: 0px; text-align:right; padding-top:20px;}

.bread_ll .breadcrumb>li a{color:#333;}

.bread_ll .breadcrumb>li{color:#333; font-size:16px;}


.breadcrumb>li+li:before {
 color: #333;
}


.mission{margin-bottom:20px; text-align:center; padding:50px 0;}

.mission h2{ font-size:20px; font-weight:bold; color: #052169;}

.mission p{
	font-size: 16px;
    line-height: 35px;}


.hexagon {
    position: relative;
    width: 116px;
    height: 66.97px;
    background-color: transparent;
    margin: 33.49px 0;
    border-left: solid 2px #052169;
    border-right: solid 2px #052169;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    transform: rotate(0.0001deg);
    -webkit-transform: rotate(0.0001deg);
    -ms-transform: rotate(0.0001deg);
    -webkit-backface-visibility: hidden;
	margin-bottom:50px;
}


.hexagon::before {
    top: -41.0122px;
    border-top: solid 2.8284px #052169;
    border-right: solid 2.8284px #052169;
}
.hexagon::before, .hexagon::after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 82.02px;
    height: 82.02px;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    background-color: inherit;
    left: 14.9878px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


.hexagon::after {
    bottom: -41.0122px;
    border-bottom: solid 2.8284px #052169;
    border-left: solid 2.8284px #052169;
}
.hexagon::before, .hexagon::after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 82.02px;
    height: 82.02px;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    background-color: inherit;
    left: 14.9878px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.hexagon img{
	margin-top: -7px;
    position: absolute;
    width: 80px;
    left: 14%;}
	
	
.dropdown-menu li a:hover {
    border-bottom:0px !important;
}


.navbar-nav li:hover .dropdown-menu {
    display: block;
    top: 43px;
}



.pro-detail-bx{ background:#e6e5ea; border-top-left-radius:10px; border-top-right-radius:10px;}	

.pro-detail-bx{}	
	
.details-bx{padding:10px; border:1px solid #ccc;}
	
.details-bx h2{
	font-size: 20px;
    color: #052169;}	
	
.details-bx p{ font-size:15px;}	


.side-menu{ background:#fafafa; border-top:5px solid #052169; padding:0 10px;}

.side-menu h2{
	font-size: 20px;
	text-transform: uppercase;}

.side-menu ul{ margin:0; padding:0; padding-bottom:20px;}

.side-menu li{ 
    list-style: none;
    display: inline-grid;
    font-size: 15px;
    padding: 0px 0;
    width: 100%;
	background:url(../images/bull.png) no-repeat left center; background-position: 0 17px;
	padding-left:20px;}

.side-menu li a{ 
    text-decoration: none;
    padding: 11px 0;
    border-bottom: 1px solid #ccc;
	color:#000;}

.side-menu li a:hover{ background:#fff;}


.active-ul1{background:#fff;
	background-position: 0 16px;}


.con-lm h2{font-size: 30px;}

.con-lm h3{
	font-size: 20px;
	color: #052169;}

.con-lm img{}

.con-lm p{font-size:16px;
    line-height: 35px;}

.con-lm ul{ margin:0; padding:0;}

.con-lm li{list-style:none; display:block; padding-left:20px; font-size:16px; line-height:32px; background:url(../images/bull.png) no-repeat left center; background-position: 0 10px;}



.contact-form h2{font-size: 30px; padding-bottom:20px;}

.contact-form p{font-size: 16px;
                line-height: 35px;}

.contact-form .form-control{ height:40px; border-radius:0px; margin-bottom:20px;}



.submit_1{padding: 10px 40px;
    color: #fff;
    border-radius: 0px;
    border: 2px solid #052169;
    background: none;
    color: #052169;
	transition:all 0.5s;}


.submit_1:hover{background:#052169; color:#fff;}

.submit_1:focus{background:#052169; color:#fff;}




.quality{ text-align:center;}

.quality h2{     
    font-size: 48px;
    color: #141414; padding-bottom:30px;}


.quality p{ margin: 0 0 50px 0;
    font-size: 18px;
    line-height: 32px;
    color: #1b1b1b;}


.readmore {
    color: #fff;
    border-radius: 0px;
    border: 1px solid #fff;
    padding: 10px 20px;
    margin-top: 20px;
	transition:all 0.5s;
}

.readmore:hover{ background:#fff; color:#000;}	


.readmore:focus{ background:#fff; color:#000;}	


.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background:url(../images/logo.png) center no-repeat #fff;
}


.mgleft{ float:left; margin-right:20px;}


@media (max-width:480px) {
	
.navbar-nav li:hover .dropdown-menu {
    top:0px !important;
}


.products .col-md-6 {
    padding: 10px 0 !important;
}	

		}
		
@media (max-width:768px) {
.dropdown-menu{ position: inherit !important;
                width: 100%;} 
				
.navbar-nav li:hover .dropdown-menu {
    top:0px !important;
}


.products .col-md-6 {
    padding: 10px 0 !important;
}	


.products h2 {
    padding-top:2%;
	padding-bottom:4%;
    text-align: center;
}			    
		
}		
		


body>.skiptranslate, .goog-logo-link, .gskiptranslate, .goog-te-gadget span, .goog-te-banner-frame, #goog-gt-tt, .goog-te-balloon-frame, div#goog-gt-tt {
  display: none !important;
}

body{ top:0 !important;}

.goog-te-gadget {
  color: transparent !important;
  font-size: 0px;
}

.goog-text-highlight {
  background: transparent !important;
  box-shadow: transparent !important;
}

#google_translate_element select {
  background:#00000000;
  color: #d8b653;
  border-radius: 3px;
  padding: 6px 12px;
    border: 1px solid #d8b653;
    margin-top: 9px;
    width: 100%;
}

.goog-te-combo option{ background:#000;}

font {
  background-color: transparent !important;
  box-shadow: none !important;
}


.VIpgJd-ZVi9od-aZ2wEe-wOHMyf{opacity:0;}



.topl1{
  float: right;
}
.topl2{
  float: right;
}


@media (min-width: 300px) and (max-width: 768px){
  .topl2{
    float: left;
  }
  .topl1{
    display: none;
  }
}