body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	color:#01204c; 
	font-family: 'Lato', sans-serif; font-size:16px;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	 outline: 0px !important; font-weight:normal;
}
 
 
*{ box-sizing:border-box;}

a { 
	text-decoration: none; 
	outline: 0;
	-webkit-transform: translateZ(0);
	-webkit-transition:0.2s color linear;
		-moz-transition:0.2s color linear;
			transition:0.2s color linear;
}
:hover {  transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;}
 
  .scrollToTop{
	padding:10px; 
	text-align:center; 
	
	font-weight: bold;
	
	text-decoration: none;
	position:fixed;
	bottom:15px;
	right:15px; font-size:15px;
	display:none;background:#000; color:#fff; z-index:99999;

}
.scrollToTop:hover{
	text-decoration:none;
}


.item1 {
  position: relative;

  overflow: hidden;
   line-height:0px;
}
.item1 img {
  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item1:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


.main-container{width:100%; float:left; margin:0px; padding:0px;}
.container {width:1170px; margin:0 auto; padding:0px; }
.top-bar{width:100%; float:left; margin:0px; padding:10px 0; background:#f7f7f7;}
.top-bar-left{float:left; margin:0px; padding:0px;}
.top-bar-left ul{float:left; margin:0px; padding:0px;}
.top-bar-left ul li{float:left; margin:0px 30px 0 0; padding:0px; font-size:14px; color:#333; font-weight:300; list-style:none;}
.top-bar-left ul li a{color:#333;}
.top-bar-left ul li a:hover{color:#10a8e4;}
.top-bar-right{float:right; margin:0px; padding:0px;}
.top-bar-right ul{width:auto; float:right; margin:0px; padding:0px;}
.top-bar-right ul li{width:auto; float:left; margin:0px 5px; padding:0px; font-size:14px; color:#333; font-weight:300; line-height:14px; list-style:none;}

.header{width:100%; float:left; margin:0px; padding:0px; position:relative}
.logo{float:left; margin:0px; padding:16px 0; line-height:0px;}

.top-right{width:50%; float:right; margin:40px 0 0 0;}
 
.search-right{width:45px; float:right; margin:0px; padding:0px; line-height:24px; font-size:22px; text-align:center; color:#000000; border-left:#000 2px solid}
.search-right a{color:#000;}
.search-right a:hover{color:#10a8e4;}

 
 
 

.banner{width:100%; float:left; margin:0px; padding:0px; position:relative}
.banner-content{width:45%; float:left; margin:150px 0 0 0;}
.banner-content h2{width:100%; float:left; margin:0px; padding:0 0 20px; font-size:60px; line-height:60px; text-align:center; font-weight:900; color:#fff; letter-spacing:-0.5px; text-align:left; text-transform:uppercase} 
.banner-content h3{width:100%; float:left; margin:0px; padding:0 0 20px; font-size:22px; line-height:normal; font-weight:700; color:#fff; text-align:left; } 
.readmore-btn{width:100px; float:left; margin:0px; padding:0px; background:#10a8e4; line-height:47px; font-size:13px; font-weight:700; text-align:center; color:#fff; text-transform:uppercase}
.readmore-btn:hover{ background:#fff; color:#10a8e4}
 
.get-btn{width:172px; float:left; margin:0px; padding:0px; background:#fff; line-height:47px; font-size:16px; font-weight:700; text-align:center; color:#10a8e4; text-transform:uppercase}
.get-btn:hover{ background:#10a8e4; color:#fff}


.our-products{width:100%; float:left; margin:1px 0 0 0; padding:45px 0; background:#f3f3f3}
.our-products h3{float:left; margin:0px 0 20px; padding:0 67px 0 0; border-bottom:#10a8e4 3px solid;}
.our-products h3 span{background:#f3f3f3; display:table; padding:0 10px 0 0; margin:0 0 -5px 0; font-size:30px; font-weight:normal; letter-spacing:-0.5px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic}
.our-products h4{width:100%; float:left; margin:0px; padding:0 0 20px; font-size:24px; font-weight:300; line-height:30px; color:#333333}
.our-products p{width:100%; float:left; margin:0px; padding:0 0 20px; font-size:18px; font-weight:300; line-height:24px; color:#333}


 
.our-products1{width:100%; float:left; margin:30px 0 0px; padding:0;}
.our-products1 ul{width:100%; float:left; margin:0px; padding:0;}
.our-products1 ul li{width:30.5%; float:left; margin:0px 4.2% 0 0; padding:0; list-style:none; position:relative;}
.our-products1 ul li img{width:100%; height:auto;}
.our-products1 ul li:last-child{margin-right:0px;}

.pro-mid-bx{width:88%; float:left; margin:-40px 6% 0; padding:25px 25px 17px; background:#fff; box-shadow:0 0 5px #e3e3e3; position:relative; border-bottom:#10a8e4 2px solid}
.pro-mid-bx h3{width:100%; float:left; margin:0px; padding:0 0 15px 0; font-size:24px; font-weight:900; color:#333333; line-height:24px; border:0px}
.pro-mid-bx p{width:100%; float:left; margin:0px; padding:0 0 15px; font-size:17px; font-weight:300; line-height:24px; color:#333333}
.pro-mid-bx p a{color:#10a8e4; text-decoration:underline; line-height:20px; font-size:14px; text-transform:uppercase; font-weight:700;}
.pro-mid-bx p a:hover{color:#333;text-decoration:none;}

.our-products2{width:100%; float:left; margin:30px 0 45px; padding:0;}
.our-products2 h4{width:100%; float:left; margin:0px; padding:0 0 15px 0; font-size:18px; font-weight:700; color:#10a8e4; line-height:24px; border:0px}
.our-products2 ul{width:100%; float:left; margin:0px; padding:0;}
.our-products2 ul li{width:25%; float:left; margin:0px; padding:0 0 0 18px; list-style:none;  line-height:28px; font-size:16px; font-weight:400; color:#333; background:url(../images/bullet.png) left center no-repeat}
.our-products2 ul li a{color:#333;}
.our-products2 ul li a:hover{color:#10a8e4;}


.latest-news{width:100%; float:left; margin:0px; padding:60px 0;}
.latest-news h3{float:left; margin:0px 0 30px; padding:0 67px 0 0; border-bottom:#10a8e4 3px solid;}
.latest-news h3 span{background:#fff; display:table; padding:0 10px 0 0; margin:0 0 -5px 0; font-size:30px; font-weight:normal; letter-spacing:-0.5px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic} 
.latest-news ul{width:100%; float:left; margin:0px; padding:0;}
.latest-news ul li{width:30.5%; float:left; margin:0px 4.2% 0 0; padding:0; list-style:none; }
.latest-news ul li:last-child{margin-right:0px;}
.latest-news ul li img{width:100%; height:auto; margin:0 0 20px}
.latest-news ul li p{width:100%; float:left; margin:0px; padding:0 0 15px; font-size:17px; font-weight:300; line-height:24px; color:#333333}
.latest-news ul li p a{color:#10a8e4; text-decoration:underline; line-height:20px; font-size:14px; text-transform:uppercase; font-weight:700;}
.latest-news ul li p a:hover{color:#333;text-decoration:none;}



.footer-contact{width:100%; float:left; margin:0px; padding:48px 0; background:#10a8e4;}
.footer-contact ul{width:100%; float:none; margin:0px; padding:0; display:inline-block; text-align:left; vertical-align:middle}
.footer-contact ul li{width:37%; float:none; margin:0px; padding:0; list-style:none; display:inline-block; text-align:left; vertical-align:middle}
.footer-contact ul li:last-child{width:24%}
.footer-contact ul li i{color:#fff; font-size:45px; float:left; margin:0 15px 0 0}
.location{font-size:18px; color:#fff; line-height:normal; font-weight:400;}
.phone{font-size:24px; color:#fff; line-height:45px; font-weight:400;}
.mail{font-size:24px; color:#fff; line-height:22px; font-weight:400;}
.mail span{font-size:14px; color:#fff; line-height:14px; font-weight:400;}
.mail a{color:#fff;}
.mail a:hover{color:#fff; text-decoration:underline}




.footer{width:100%; float:left; margin:0px; padding:45px 0; }
.footer-logo{width:22%; float:left; margin:0px; padding:0px; position:relative;}
.footer-logo h4{width:100%; float:left; margin:0px; padding:0px; font-size:16px; font-weight:700; color:#333333; line-height:24px;}
.tooltip {
  position: relative;
  display: inline-block; margin:25px 0 0 0;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width:auto;
    
    position: absolute;
    z-index: 1;
 
    left: 24%;
 
    opacity: 0;
 
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


.footer-right{width:78%; float:right; margin:0px; padding:15px 0 10px 4%; border-left:#a1a1a1 2px solid}
.quick-links{width:100%; float:left; margin:0px; padding:0px;}
.quick-links ul{width:100%; float:left; margin:0px; padding:0px;}
.quick-links ul li{width:auto; float:left; margin:0px 20px 0 0; padding:0px; list-style:none; font-size:16px; line-height:24px; color:#333; font-weight:400;}
.quick-links ul li a{color:#333;}
.quick-links ul li a:hover{color:#10a8e4;}
 
.copyright{width:100%; float:left; margin:0px; padding:15px 0 0}
.copyright p{width:100%; float:left; margin:0px 0 10px 0; padding:0px;font-size:14px; line-height:21px; color:#333333; font-weight:300;}
.copyright ul li{width:auto; float:left; margin:0px 8px 0; padding:0px; list-style:none; font-size:14px; line-height:normal; color:#333333; font-weight:300;}
.copyright ul li a{color:#333333;}
.copyright ul li a:hover{color:#10a8e4;}

.default-banner{width:100%; float:left; margin:0px; padding:0px; line-height:0px;}
.default-banner img{width:100%; height:auto;}


.default-page{width:100%; float:left; margin:1px 0 0 0; padding:45px 0; }
.default-page h3{ margin:0px 0 30px; padding:0; border-bottom:#10a8e4 3px solid; display:table;}
.default-page h3 span{background:#fff; display:table; padding:0 10px 0 0; margin:0 0 -5px 0; font-size:30px; font-weight:normal; letter-spacing:-0.5px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic}
.default-page h4{ margin:0px; padding:0 0 20px; font-size:24px; font-weight:300; line-height:30px; color:#333333}
.default-page p{ margin:0px; padding:0 0 20px; font-size:18px; font-weight:300; line-height:24px; color:#333}
.default-page p a{color:#333;}
.default-page p a:hover{color:#10a8e4;}

.image-right{float:right; margin:0 0 10px 30px;}
.image-left{float:left; margin:0 30px 20px 0;}

.down-btn{width:auto; float:left; margin:0px; padding:0px 20px; background:#10a8e4; line-height:43px; font-size:18px; font-weight:700; text-align:center; color:#fff; border-radius:5px;}
.down-btn:hover{ background:#333; color:#fff}
.down-btn img{float:left; margin:8px 10px 0 0;}


.contact-page-left {width:50%; float:left; margin:0px; padding:0px 3% 0 0;}
.getintouch-form-nw {
    float: left;
    margin: 0;
    padding: 0px 0;
    width: 50%;
}
 
.getintouch-form-nw ul{width:100%; float:none; margin:0px; padding:0px 0px 0px 0;  }
.getintouch-form-nw ul li{width:100%; float:left; margin:0 0px 14px 0px; padding:0px ; list-style:none; }
.getintouch-form-nw ul li p{width:100%; float:left; margin:0px; padding:0 0 7px; font-size:14px; font-weight:300; line-height:14px; color:#333}
.getintouch-form-nw ul li:last-child{width:100%; float:left; margin:0 0px 10px 0px; padding:0px ; list-style:none;  }
.getintouch-form-nw ul li .text-field{width:100%; float:left; margin:0px; padding:0 10px; border:#b2b2b2 1px solid; background:#fff; box-sizing:border-box; font-size:14px; color:#5f5f5f; font-weight:300; height:40px;outline:0px;font-family: 'Lato', sans-serif;  border-radius:5px;}
.getintouch-form-nw ul li .text-area{width:100%; float:left; margin:0px; padding:10px; border:#b2b2b2 1px solid; background:#fff; box-sizing:border-box; font-size:14px; color:#5f5f5f; font-weight:300; height:120px; font-family: 'Lato', sans-serif;   outline:0px; border-radius:5px;}
.submit-nw1{width:148px; background-color:#10a8e4; text-align:center; font-weight:700; color:#fff; font-size:18px; line-height:43px; margin:0px; float:left; padding:0;border-radius:3px;}
.submit-nw1:hover{background:#000;}
.container h3 span {
    display: table;
    padding: 0 10px 0 0;
    margin: 0 0 -5px 0;
    font-size: 30px;
    font-weight: normal;
    letter-spacing: -0.5px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}
.container h3 {
    margin: 0px 0 20px;
    padding: 0 67px 0 0;
    border-bottom: #10a8e4 3px solid;
}