body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	color:#444444; 
	font-family: 'Roboto', sans-serif; font-size:16px;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	 outline: 0px !important; font-weight:normal;
}
.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);
} 
html {
scroll-behavior: smooth;
} 
*{ 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;}

.effect{ position:relative; display:block; overflow:hidden;}
.effect:before,.effect:after{content:''; background:rgba(212, 210, 210, 0.2) none repeat scroll 0 0;content: "";opacity: 1;position:absolute;}
.effect:before{ bottom: 0;left: 50%;right:50%;top: 0;}
.effect:after{left: 0;bottom: 50%;right:0;top:50%;}
.effect:hover:before,.effect:hover:after{transition: all 900ms ease-in 0s;}
.effect:hover:before{ left: 0; opacity: 0; right: 0;}
.effect:hover:after{ top: 0; opacity: 0; bottom: 0;}


 
.main-container{max-width:1600px; float:none; margin:0px auto; padding:0px; display:table;}
.container {width:1200px; margin:0 auto; padding:0px; position:relative; display:table;}
.header{width:100%; float:left; margin:0px; padding:0px; background:url(../images/top_img.jpg) no-repeat center top; background-size:cover; min-height:770px;  position:relative; text-align:center;}

.banner-connect{width:100%; float:left; margin:0px; padding:300px 0 0 0; text-align:center}
.banner-connect h1{width:100%; float:left; margin:0px; padding:0px 0 0px 0; font-size:120px; font-weight:900; color:#00ccff; text-transform:uppercase;}
.banner-connect p{width:100%; float:left; margin:0px; padding:0px 0%; font-size:29px; font-weight:300; text-align:center; line-height:36px;color:#fff;}

.get-btn{width:auto; margin:0px; padding:0px; position: fixed; right:0; top:25%; z-index:999}

.welcome-txt{width:100%; float:left; margin:0px; padding:80px 0px 100px; background:#fff; text-align:center;}
.welcome-txt h2{width:100%; float:left; margin:0px; padding:0px 0 20px; font-size:48px; font-weight:900;  line-height:50px;color:#022a40; text-transform:uppercase;}
.welcome-txt h6{width:100%; float:left; margin:0px; padding:0px 0 40px; font-size:24px; font-weight:300;  line-height:30px;color:#022a40;}
.welcome-txt p{width:100%; float:left; margin:0px; padding:0px 0%; font-size:18px; font-weight:300; text-align:center; line-height:24px;color:#022a40;}


.button-top{width:442px; margin:0 auto; padding:15px 0; background:#4da9d9; font-size:18px; line-height:20px; text-align:center; display:table; font-weight:700; text-transform:uppercase; color:#fff;}
.button-top:hover{background:#015370;}



.regular_greases{width:100%; float:left; margin:0px; padding:0px 0 0 0; background:#022a40; }
.regular_greases_left{width:55%; float:left; margin:0px; padding:0px 0 0 0; line-height:0;}
.regular_greases_left img{width:100%; height:auto;}

.regular_greases_right{width:45%; float:left; margin:0px; padding:5% 5% 0 4%;}
.regular_greases_right h2{width:100%; float:left; margin:0px; padding:0px 0 20px; font-size:36px; font-weight:700; color:#00ccff;}
.regular_greases_right p{width:100%; float:left; margin:0px; padding:0px 0%; font-size:18px; font-weight:300; line-height:24px;color:#fff;}


.applications-txt{width:100%; float:left; margin:0px; padding:80px 0px 100px; background:#b2f0ff; text-align:center;}
.applications-txt h2{width:100%; float:left; margin:0px; padding:0px 0 20px; font-size:48px; font-weight:900;  line-height:50px;color:#022a40; text-transform:uppercase;}
.applications-txt p{width:100%; float:left; margin:0px; padding:0px 0% 30px; font-size:18px; font-weight:400; text-align:center; line-height:24px;color:#022a40;}
.applications-txt p b{font-weight:700; }

.applications-txt1{width:100%; float:left; margin:80px 0 0 0; padding:80px 0px; background:#b2f0ff; text-align:center;}
.applications-txt1 h2{width:100%; float:left; margin:0px; padding:0px 0 20px; font-size:48px; font-weight:900;  line-height:50px;color:#022a40; text-transform:uppercase;}
.applications-txt1 p{width:100%; float:left; margin:0px; padding:0px 0% 30px; font-size:18px; font-weight:400; text-align:center; line-height:24px;color:#022a40;}
.applications-txt1 p b{font-weight:700; }





.content_area1{width:100%; float:left; margin:0px; padding:80px  0 0px; }
.content_area1_left{width:48%; float:left; margin:0px; padding:0px 0px;}
.content_area1_left h2{width:100%; float:left; margin:0px; padding:0px 5% 20px 0 ; font-size:36px; font-weight:700; color:#022a40; text-transform:uppercase;}
.content_area1_left p{width:100%; float:left; margin:0px; padding:0px 0 20px; font-size:18px; font-weight:300;  line-height:24px; color:#022a40; }

.content_area1_right{width:48%; float:right; margin:0px 0 0px 0; padding:0px 0px; text-align:right}
.content_area1_right img{ width:100%; height:auto;}


.content_area{width:100%; float:left; margin:0px; padding:80px  0 0px;}
.content_area_left{width:48%; float:left; margin:0px 0 0px 0; padding:0px 0px; text-align:right}
.content_area_left img{ width:100%; height:auto;}

.content_area_right{width:48%; float:right; margin:0px; padding:0px 0px;}
.content_area_right h2{width:100%; float:left; margin:0px; padding:0px 5% 20px 0 ; font-size:36px; font-weight:700; color:#022a40; text-transform:uppercase;}
.content_area_right p{width:100%; float:left; margin:0px; padding:0px 0 20px; font-size:18px; font-weight:300;  line-height:24px; color:#022a40; }




.faq_area{width:100%; float:left; margin:0px 0 0px; padding:80px 0px; }
.faq_area h2{width:100%; float:left; margin:0px; padding:7px  15px ; font-size:36px; font-weight:700; color:#fff; text-transform:uppercase; background:#022a40;}

.faq_area ul{width:100%; float:left; margin:20px 0 0 0; padding:0px  0 0px; }
.faq_area ul li{width:100%; float:left; margin:0px; padding:20px  0;  border-bottom:1px solid #999999; list-style:none}
.faq_area ul li h3{width:100%; float:left; margin:0px; padding:0px 0 5px; font-size:24px; font-weight:700;  line-height:30px;color:#022a40;}
.faq_area ul li p{width:100%; float:left; margin:0px; padding:0px 0 0px; font-size:18px; font-weight:300;  line-height:24px; color:#022a40; }



.service_area{width:100%; float:left; margin:0px 0 0px; padding:80px 0px;  border-bottom:40px solid #022a40; }
.service_area h2{width:100%; float:left; margin:0px 0 20px; padding:7px  15px ; font-size:36px; font-weight:700; color:#fff; text-transform:uppercase; background:#022a40;}
.service_area p{width:100%; float:left; margin:0px; padding:0px 0%; font-size:18px; font-weight:300; line-height:24px;color:#022a40;}

.service_area ul{width:100%; float:left; margin:0px 0 0 0; padding:0px  0 0px; }
.service_area ul h3{width:100%; float:left; margin:20px 0; padding:0px 0 5px; font-size:24px; font-weight:700;  line-height:30px; color:#022a40;  border-bottom:1px solid #022a40;}

.service_area ul li{width:19%; float:left; margin:0px 1% 10px 0; padding:0px  0; font-size:15px; font-weight:400;  line-height:24px; color:#022a40; list-style:inside; }