@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');
*,
*:after,
*:before {
	margin:0;
	padding:0;

	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
.error{
	border:1px solid red!important;
}
body {
	font-family: 'Poppins', sans-serif;
font-weight:300;
-webkit-font-smoothing: antialiased!important;
	-moz-osx-font-smoothing: grayscale!important;
text-rendering: optimizeSpeed!important;

}
.enquire-btn{
	padding:10px 15px;
	background:#3db7ef;
	color:#ffffff;
	text-decoration:none;
	margin:35px 0px;
	position:relative;
	clear:both;

}
.product-tag{
	width:90%;
	height:auto;
	float:left;
	margin:0;
	padding:0px;
	clear:both;
	margin-right:10%;
}
.btn-shells{
	width:90%;
	height:auto;
	float:left;
	margin: 20px 0px 40px 0px;
	padding:0px;
	clear:both;
	margin-right:10%;
}

#scroll {
position:fixed;
right:10px;
bottom:60px;
cursor:pointer;
width:50px;
height:50px;
background:url(../images/scroll-to-top.png);
text-indent:-9999px;
display:none;
z-index:+999999;
}

.description{
	width:25%;
	height:auto;
	float:left;
	margin:0px;
	padding:15px 3%;
    background:rgba(255,255,255,0.8);
    position:absolute;
    left:35%;
top:25%;	
}
.wrapper{
	width:80%;
	height:auto;
	margin:0px auto;
	padding:0px;
}
.product-image{
	width:90%;
	height:auto;
	float:left;
}
ul.nav ul.nav-submenu{
	background: #ffffff;
	position:absolute;
	left:0;
    margin-top:17px;
	width:240px;
	z-index:999;
	visibility: hidden; 
	opacity: 0;
	
	transform: translateY(-2em);
    z-index:+9999;
	box-shadow:0 0 4px #bdbdbd;
	-webkit-box-shadow:0 0 4px #bdbdbd;
	-moz-box-shadow:0 0 4px #bdbdbd;
	-o-box-shadow:0 0 4px #bdbdbd;
    transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.nav-submenu li{
width:220px;
border-radius:0px;

text-transform:none;
box-shadow:0px 0px 0px #ccc;
display:inline-block!Important;
padding:10px 20px!Important;
text-align:left!important;
transition:all .2s ease-in!important;
}
.nav-submenu li:hover{

}
.nav-submenu li:hover a{
	color:#3db7ef!important;
}
.nav-submenu li a{
	font-family: 'Poppins', sans-serif;
	font-weight:400!important;
	font-size:16px!important;
	text-align:left!important;
	line-height:28px!important;
	color:#333!important;
	text-transform:uppercase;
}
li.drop-down{
	position:relative;
}
li.drop-down:hover .nav-submenu {
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: +999;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s; 
  padding:0px;
}
header{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
	position:relative;
	z-index:+999999999;
	top:0;
}
.cell{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:7px 0px;
	background:#3db7ef;
}
.white{
	color:#fff!important;
	font-size:19px;
}

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(219,127,8, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   padding:0px 10px!important;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.05,1.05);
   -moz-transform: scale(1.05,1.05);
   -o-transform: scale(1.05,1.05);
   -ms-transform: scale(1.05,1.05);
   transform: scale(1.05,1.05);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
ul.social{
	list-style:none;
	float:left;
	display:inline;
}
ul.social li{
	display:inline;
	padding:0px 8px;
}
ul.social li a{
	font-size:20px;
	color:#fff;
}
ul.social li a:hover i{
	background:#fff;
	color:#3db7ef
}
ul.social li a i{
	width: 15px;
	height: 20px;
	line-height: 20px;
	padding: 4px 8px;
	text-align:center;
}
ul.contact{
	list-style:none;
	float:right;
	display:inline;	
}
ul.contact li {

	display:inline;
	padding:10px 5px;
}
ul.contact li i{
	font-size: 18px;
	color:#fff;
	line-height: 28px;
	padding:0px 10px;
	text-align:center;
}
ul.contact li i span{
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:20px;
}
.logo{

	width:100%;
	height:auto;
	float:left;
	margin:0px 0px;
	padding:10px 0px;
	text-align:center;
	background:#fff;
	font-weight:300;
	color:#000;
}
.logo h1{
font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:46px;
	line-height:34px;
	color:#4a4a4a;
}
.banner{
	width:100%;
	height:auto;
	float:left;
	margin:0px 0px;
	padding:0px;
	position:relative;
}
nav{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px 0px;
	background:#fff;
	border-top:1px solid rgba(0,0,0,0.1);
	border-bottom:1px solid rgba(0,0,0,0.1);
}
#header.navbar-fixed{
	width:100%;
	height:auto;
	float:left;
	position:fixed
}
#header.navbar-fixed .cell{
	display:none;
}
#header.navbar-fixed .logo h1{
	line-height:15px;
}
.nav{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px 0px;
}
ul.nav{ 
  width:100%;
  height:auto;
  float:left;
  margin-bottom:0px;
  list-style:none;
  text-align:center;
  padding:17px 0px;
  box-shadow:0 10px 10px -9px #111;
  
}
ul.nav li{ 
padding:18px 75px;
display:inline;
text-decoration:none;
text-align:center;


}
ul.nav li.active a{
	color:#3db7ef;
}
ul.nav li.active{
	border-top:1px solid #3db7ef;
	color:#3db7ef;
}
ul.nav li a{ 
    font-family: 'Poppins', sans-serif;
	font-weight:600;
	font-size:16px;
	line-height:23px;
    text-decoration:none;
    text-align:center;
	color:#2a2a2a;
	text-transform:uppercase;
}
.welcome{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding: 0px;
	background:url(../images/background-img.png);
}
.col{
	width:100%;
	height:auto;
	float:left;
	padding:10px 0px 100px 0px;
}
.center{
	text-align:center!important;
}
.banners{
	width:100%;
	height:auto;
	float:left;
	position:relative;
	margin-bottom:15px;
}
.banners img{
	width:100%;
	height:auto;
	float:left;	 
}
h1{
    font-family: 'Poppins', sans-serif;
	font-weight:600;
	font-size:30px;
	line-height:42px;
    padding:20px 0px;	
	letter-spacing:0.5px;
}
h1{
    font-family: 'Poppins', sans-serif;
	font-weight:600;
	font-size:30px;
	line-height:42px;
    padding:20px 0px;	
	letter-spacing:0.5px;
}
h2{
    font-family: 'Poppins', sans-serif;
	font-weight:600;
	font-size:20px;
	line-height:32px;
    padding:10px 0px;	
	letter-spacing:0.5px;
}
p{
    font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:30px;
	letter-spacing:0.5px;
    padding:10px 0px;
	color:#737373;
text-rendering:optimizeLegibility !important;
-webkit-font-smoothing:antialiased !important;	
}
.content p{
  font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:18px;
	line-height:27px;
	letter-spacing:0.5px;
    padding:10px 0px;
    text-rendering:optimizeLegibility !important;
    -webkit-font-smoothing:antialiased !important;		
     color:#fff;
}
.welcome p{
	padding:10px 140px;
}
.count{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
	background:url(../images/stats-background.jpg) no-repeat;
	background-size:cover;
	background-attachment:fixed;
	position:relative;
}
.stats-background{
	width:90%;
	height:auto;
	float:left;
	margin:40px 5%;
	padding:0px;
}
.stats-background img{
	width:100%;
	height:auto;
	float:left;
	margin:0px 0px;
	padding:0px;
}
.stats-content{
	width:100%;
	height:auto;
	float:left;
	margin:40px 0px;

	position:relative;
}
span.content{
	width:72%;
	height:auto;
	float:left;
	margin:0px 14%;
	top:45%;
	left:0;
    text-align:center;
}
img.calendar{
	width:45px;
	height:auto;
    padding:25px 0px; 
	text-align:center;
}
span.content h2{
	font-family: 'Poppins', sans-serif;
	font-weight:600;
	font-size:38px;
	line-height:42px;
	letter-spacing:0.5px;
	padding:4px 0px;
	color:#3db7ef;
	text-align:center;
}
a.button{
		font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:20px;
	line-height:30px;
	text-decoration:none;
	border:1px solid #3db7ef;
	padding:10px 0px 10px 15px;
	color:#3db7ef
}
a.button span{
	background:#3db7ef;
	padding:10px 15px 10px 15px;
	margin-left:15px;
	color:#fff;
}
a.button:hover{
	background:#3db7ef;
	color:#fff;
}
.button-outer{
	width:100%;
	height:auto;
	text-align:center;
	margin:35px 0px 15px 0px;
}
a.buttons{
		font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:20px;
	line-height:30px;
	text-decoration:none;
	border:1px solid #3db7ef;
	padding:10px 0px 10px 15px;
	color:#3db7ef
}
a.buttons span{
	background:#3db7ef;
	padding:10px 15px 10px 15px;
	margin-left:15px;
	color:#fff;
}
a.buttons:hover{
	background:#3db7ef;
	color:#fff;
}
.button-outers{
	width:100%;
	height:auto;
	text-align:center;
	margin:70px 0px 15px 0px;
}
li span.footer-icon{
	width:13%;
	height:auto;
	float:left;
	padding:5px 0px 0px 0px;
	font-size:25px;

}
li span.footer-t{
	width:87%;
	height:auto;
	float:left;
		color:#fff!important;
}
li span.footer-t p{
	color:#fff!important;
}
.col-4{
	width:30%;
	height:auto;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
	margin-right:2%;
}
.col-4 .col-2{ 
	width:40%;
	height:auto;
	float:left;
	margin-right:10%;
}

.services{
    width: 100%;
    height: auto;
    float: left;
    margin: 0px;
    padding: 55px 0px 30px 0px;
    background: url(../images/why-us-background.jpg) no-repeat;
    background-size: cover;
    
    position: relative;
}

.col-5{
	width:50%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
}
.services-inner{
	width:90%;
	height:auto;
	float:left;
	margin:0px;
	padding:40px 5%;
	background:rgba(0,0,0,0.8)
}
ul.service{
	width:100%;
	height:auto;
	float:left;
	margin:20px 0px;
	padding:0px;
	list-style:none;
}
ul.service li{
	width:100%;
	height:auto;
	float:left;
	padding:15px 0px;
}
span.icon{
	
}
span.icon img{
	width:50px;
	height:auto;
	float:left;
	padding:10px 20px;
}
span.text{
		font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:20px;
	line-height:30px;
	padding:10px 10px;
	color:#fff;
	line-height:50px;
}
.col1{
	width:100%;
	height:auto;
	float:left;
	margin:60px 0px 0px 0px; 
}
.why-us{
	width:80%;
	height:auto;
	float:left;
	margin:10px 5%;
	padding:0px 5%;
	background:#ededed;
	min-height:320px;
}
span.col-3{
	width:30%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
}
span.col-3 img{
	width:80%;
	height:auto;
	float:left;
	margin:15px 10%;
	padding:0px;
	
}
span.col-9{
	width:70%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
}
.col-12{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
}
span.col-12 h2{
	font-family: 'Poppins', sans-serif;
	font-weight:600;
	font-size:20px;
	line-height:32px;	
	letter-spacing:0.5px;
	padding:10px 10px;
	color:#222222;
	text-align:center;
	
}
span.col-9 h2:after{
  content: '';
  display: block;
  background-color:#222;
  height: 2px;
  max-width: 50px;
  width: 50px;
  margin: 8px 0px;
  top:0;
  left:0;
}
.row{
	width:100%;
	height:auto;
	float:left;
	clear:both;
}
.right{
	text-align:right!important
}
.client{
	width:100%;
	height:auto;
	float:left;
	background:#213047;
	margin:0px;
	padding:20px 0px;
}
.why-us-image{
	width:100%;
	height:auto;
	float:left;
	margin:45px 0px
}
.why-us-center{
	
}
ul.clients{
	width:100%;
	height:auto;
	float:left;
}
ul.clients li{
	list-style:none;
	width:25%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
}
ul.clients li img.client{
	width:50%;
	height:auto;
	float:left;
	margin:15px 25%;
}
.col-4 h2{
	font-family: 'Poppins', sans-serif;
	font-weight:600;
	font-size:20px;
	line-height:32px;
	letter-spacing:0.5px;
	padding:37px 10px 10px 10px;

}
.footer{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px 0px 40px 0px;
	background:url(../images/footer.jpg) no-repeat;
	background-size:cover;

}
.copywright{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px 0px;
	background:#3db7ef;
	color:#fff;
}
.copywright p:first-child{    padding-top:15px;font-weight:400;}
.copywright p:last-child{   padding-top:5px; padding-bottom:15px;}
.copywright p{
		font-family: 'Poppins', sans-serif;
	font-weight:600;
	font-size:14px;
	line-height:24px;
    padding:0px 10%;
    text-align:center;
    color:#fff;	
}
.copywright a{
	color: #e2d9d9;
}
ul.Quick-links{
	width:100%;
	height:auto;
	float:left;
	list-style:none;
}
ul.Quick-links li{
	width:100%;
	height:auto;
	float:left;
	list-style:none;
}
ul.Quick-links li{
	list-style:none;
	padding:4px 0px;
}
ul.Quick-links li a{
		font-family: 'Poppins', sans-serif;
	font-weight:600;
	font-size:16px;
	line-height:30px;
    padding:7px 0px;
    color:#fff;
	text-decoration:none;
}
ul.service-link{
	width:100%;
	height:auto;
	float:left;
	list-style:none;
}
ul.service-link li{
	width:100%;
	height:auto;
	float:left;
	list-style:none;
}
ul.service-link li{
	list-style:none;
	padding:4px 0px;
}
ul.service-link li a{
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:30px;
    padding:6px 0px;
    color:#fff;
	text-decoration:none;
}
ul.service-link li:hover a{
	color:#3db7ef;
	}
ul.contact-info{
	width:100%;
	height:auto;
	float:left;
	list-style:none;
}
ul.contact-info li{
	width:100%;
	height:auto;
	float:left;
	list-style:none;
}
ul.contact-info li{
	list-style:none;
	padding:10px 15px;
		font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:20px;
	line-height:30px;
    padding:4px 0px;
    color:#fff;
	text-decoration:none;
}
ul.contact-info li a{
		font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:26px;
    padding:5px 0px;
    color:#fff;
	text-decoration:none;
}

span.head{
	float:left;
	padding:10px 15px;
	background:rgba(252,81,11,0.3)
}
span.head h2{
	font-family: 'Poppins', sans-serif;
	font-weight:600;
	font-size:20px;
	line-height:32px;
	letter-spacing:0.5px;
    padding:0px 0px;
    color:#fff;	
}
.why{
	width:100%;
	height:auto;
	float:left;
	background:#f4f4f4;
}
img.aside{
	width:95%;
	height:auto;
	float:right;
}
.justify{
	text-align:justify!important;
}
span.para{
	float:left;
	clear:both;
	padding:10px 15px;
	background:rgba(255,255,255,1);
}
span.para p{
		font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:22px;
	line-height:32px;
    padding:0px 0px;
    color:#3db7ef;	
}
.mission{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
	background:url(../images/vission-mission.jpg) no-repeat;
	background-size:cover;
	background-attachment:fixed;
}
.mission-inner{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:15px 0px;
	background:#ffffff;
}
ul.missi{
	width:90%;
	height:auto;
	float:left;
	margin:0px;
	padding:10px 5%;	

}
ul.missi li{
		font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:28px;
    padding:5px 0px;	
	color:#fff;
}
.col-7{
	width:65%;
	height:auto;
	float:left;
}
.col-6{
	width:35%;
	height:auto;
	float:left;
}
.vission{
	border-bottom:1px solid rgba(255,255,255,0.6)
}
.col-9{
	width:70%;
	height:auto;
	float:left;
}
.col-3{
	width:30%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
}
img.stat{
	width:60%;
	height:auto;
	float:left;
	margin:15px 20%;
	
}
span.stats{
	width:90%;
	height:auto;
	float:left;
	margin:0px 5%;
}
span.stats h2{
	    font-family: 'Poppins', sans-serif;
	font-weight:600;
	font-size:20px;
	line-height:32px;
	letter-spacing:0.5px;
    padding:20px 0px;	
	text-align:center;
}
.cols{
	width:100%;
	height:auto;
	float:left;
	margin:0px 0px 50px 0px;
}
.form{
	width:100%;
	height:auto;
	float:left;	
}
.form form{
	width:100%;
	height:auto;
	float:left;
	margin:15px 0px;
	padding:0px;
}
input.inpt{
		font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:30px;
	width:90%;
	height:auto;
	float:left;
	background:#f2f2f2;
	border:1px solid rgba(0,0,0,0.1);
	padding:10px 10px;
	margin:5px 0px;
	outline:0;
	
}
input.inpts{
		font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:30px;
	width:60%;
	height:auto;
	float:left;
	background:#f2f2f2;
	border:1px solid rgba(0,0,0,0.1);
	padding:10px 10px;
	margin:5px 0px;
	outline:0;
	
}
.sweet-overlay{
	z-index:+999999999!important;
}
.sweet-alert{
	z-index:+9999999999!important;
}
.captchas{
   font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:30px;
	width:25%;
	height:auto;
	float:left;
	background:#f2f2f2;
	border:1px solid rgba(0,0,0,0.1);
	padding:10px 10px;
	margin:5px 8px;
	outline:0;
}
textarea.inpt{
		font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:30px;
	width:90%;
	height:auto;
	float:left;
	background:#f2f2f2;
	border:1px solid rgba(0,0,0,0.1);
	padding:10px 10px;
	margin:5px 0px;
	outline:0
}
input.submit{
		font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:30px;
	padding:10px 50px;
	margin:10px 0px;
	outline:0;
	background:#3db7ef;
	color:#fff;
	border:none;
}
.circle{
	width:80px;
	height:80px;
	float:left;
	background:#3db7ef;
	border-radius:50%;
	margin:7.5px 7.5px;
}
.inner-circle:hover {
	width:
}
.inner-circle{
	width:95px;
	height:95px;
	float:left;
	background:rgba(61,183,239,0.5);
	border-radius:50%;
	
}
img.contact{
	width:70%;
	height:auto;
	float:left;
	margin:10px 15%;
}
.col-6-1{
	width:25%;
	height:auto;
	float:left;
}
.col-7-1{
	width:75%;
	height:auto;
	float:left;
}
.why-us01{
	width:100%;
	height:auto;
	float:left;
	margin:30px 0px;
}
.why-us02{
	width:100%;
	height:auto;
	float:left;
	margin:30px 0px;
}
.why-us-image{
	width:100%;
	height:auto;
	float:left;
	margin:45px 0px 5px 0px;
}
.why-us-center{
	width:100%;
	height:auto;
	float:left;
	margin:0px 5% 30px 0px;
	clear:both
}
a.read{
	float:left;
	clear:both;
	text-decoration:none;
		font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:30px;
    padding:10px 0px 20px 0px;	
}
.small{
	font-size:14px!important;
	line-height:28px;
}
.footer-statement{
	width:90%;
	height:auto;
	float:left;
	margin:0px;
}
.caption{
	width:30%;
	height:auto;
	float:left;
	position:absolute;
	bottom:5%;
	left:5%;
}
.captions{
	width:30%!important;
	height:300px!important;
	text-align:center;
	padding:15px 20px!important;
	background:rgba(255,255,255,0.8)!important;
	color:#2a2a2a!important;
	font-family: 'Raleway', sans-serif!important;
	font-weight:400!important;
	font-size:28px!important;
	line-height:38px!important;
}

ul.aside-nav{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.aside-nav li{
width:100%;
height:auto;
float:left;
margin:0px;
padding:5px 0px;
border-bottom:1px solid #b7b7b7;
transition:all .2s ease-in;

}
ul.aside-nav li:hover a{color:#fff;}
ul.aside-nav li:hover{
background:	#3db7ef;
color:#fff;
border-bottom:1px solid transparent;	
}
ul.aside-nav li.active a{color:#fff;}
ul.aside-nav li.active{
background:	#3db7ef;
color:#fff;
border-bottom:1px solid transparent;	
}
ul.aside-nav li:first-child{
border-top:1px solid #b7b7b7;	
}
ul.aside-nav li a{
	width:90%;
	height:auto;
	float:left;
	text-decoration:none;
    	font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:32px;
	padding:5px 25px;
	color:#3db7ef;
}
.map{
	width:100%;
	height:auto;
	float:left;
	margin:0px 0px;
}
#map_container{
  position: relative;
}
#map{
    height: 0;
    overflow: hidden;

    padding-top: 50px;
    position: relative;
	height:490px;
}
p.cells{
padding:30px 0px 0px 10px
}
/**aside contact **/

#contact { 
  -webkit-user-select: none; /* Chrome/Safari */        
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  margin: 4em auto;
  width: 60px; 
  height: 60px; 
  line-height: 30px;
  background: teal;
  color: white;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  position:fixed;
  top:28%;
  right:0;
  z-index:+9999999999;
  text-indent:-999;
  background:url(../images/messageicon.png)
}
#contact:hover{
	 -webkit-user-select: none; /* Chrome/Safari */        
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  margin: 4em auto;
  width: 60px; 
  height: 60px; 
  line-height: 30px;
  background: teal;
  color: white;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  position:fixed;
  top:28%;
  right:0;
  z-index:+9999999999;
  text-indent:-999;
  background:url(../images/messageicon-white.png);
  z-index:+999999
}
#contact.active{
	 -webkit-user-select: none; /* Chrome/Safari */        
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  margin: 4em auto;
  width: 60px; 
  height: 60px; 
  line-height: 30px;
  background: teal;
  color: white;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  position:fixed;
  top:28%;
  right:0;
  z-index:+9999999999;
  text-indent:-999;
  background:url(../images/messageicon-white.png);
  z-index:+999999
}
#contact span{
  width:240px;
  height: 60px;
  right: 60px;
  position: absolute;
  background: #3db7ef;
  padding:0px 26px;
  text-align:left;
  display:none;
  line-height:55px;
   -webkit-animation: slides 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slides 0.5s forwards;
}

#contact:hover span{
	display:inline-block;
	width:240px;
	background:#3db7ef
 }
#contact.active span{
	display:inline-block;
	width:240px;
	background:#3db7ef
}

#contactForm { 
  display: none;
  border: 6px solid #3db7ef; 
  padding:5px 20px;
  width: 300px;
  text-align: center;
  background: #fff;
  position: fixed;
  top:43%;
  right:0%;
 z-index:+99999999999;
  -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide 0.5s forwards;

	right:-100%;
}
@-webkit-keyframes slide {
    100% { right: 0; }
}

@keyframes slide {
    100% { right: 0; }
}
@-webkit-keyframes slides {
    100% { right: 60px; }
}

@keyframes slides {
    100% { right: 60px; }
}
input, textarea { 
  margin: .8em auto;
  font-family: inherit; 
  text-transform: inherit; 
  font-size: inherit;
  
  display: block; 
  width: 280px; 
  padding: 0.2em;
  outline:0;
}
textarea { height: 50px; resize: none; }

.formBtn { 
  width: 140px;
  display: inline-block;
  
  background: #3db7ef;
  color: #fff;
  font-weight: 400;
  font-size: 18px;
  border: none;
  height: auto;
}
.download{
	width:31%;
	min-height:207px;
	float:left;
	position:relative;
	border:1px solid #CCC;
	text-decoration:none;
	margin-bottom:2%;
	margin-right:2%;
	margin-top:10px;
	}	
.download bold{
	text-align:center;
	background:#11111136;
	color:#000;
	text-decoration:none !important;
	height:auto;
	padding:9px 15px;
	display:block;
	font-size:14px;
	}

.download a{
	text-decoration:none;
	}			
.download_icon{
	width:41px;
	height:36px;
	position:absolute;
	top:0;
	left:0;
	}
.prdt_col1{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	text-decoration:none;
	margin-bottom:25px;
	}
.visible{
	visibility:hidden;	
	}
img{
	max-width:100%;
	height:auto;
	}

	
	
/**aside contact **/

@media only screen and (min-width:1025px) and (max-width:1200px){}
@media only screen and (min-width:1000px) and (max-width:1024px){}
@media only screen and (min-width:769px) and (max-width:900px){}
@media only screen and (min-width:801px) and (max-width:999px){}
@media only screen and (min-width:770px) and (max-width:800px){}
@media only screen and (min-width:460px) and (max-width:769px){
	  .wrapper{
	  width:95%;
	  height:auto;
	  float:left;
	  margin:0px 2.5%;
  }	
  header{
	  width:100%;
	  height:auto;
	  float:left;
	  margin:0px;
	  padding:0px;
  }
  .cell{
	  width:100%;
	  height:auto;
	  float:left;
	  margin:0px;
	  padding:60px 0px 0px 0px;
	  background:#ffffff;
      display:none;
	  
  }
.col{
	width:100%;
	height:auto;
	float:left;
	padding:40px 0px 50px 0px;
}
.welcome p{
	padding:10px 0px;
}
.col-4{
	width:100%;
	height:auto;
	float:left;
}
.stats-content{
	width:100%;
	height:auto;
	float:left;
	margin:20px 0px 20px 0px;
}
.right{
	text-align:center!important;
}
.col-5{
	width:100%;
	height:auto;
	float:left;
}
img.aside{
	width:100%;
	height:auto;
	float:left;
}
.col-9{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
padding:0px;
}
.col-3{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
}
.banners{
	width:100%;
	height:auto;
	float:left;
	margin:38px 0px 0px 0px;
	
}
ul.aside-nav li a{
	width: 80%;
	height:auto;
	float:left;
	text-decoration:none;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:32px;
	padding:5px 25px;
	color:#3db7ef;
}
ul.nav li{
	width:95%;
	height:auto;
	padding: 18px 2.5%;display:inline;text-decoration:none;    text-align:left!important;}

ul.nav li a{ 
    font-family: 'Poppins', sans-serif;
	font-weight:600;
	font-size:16px;
	line-height:23px;
    text-decoration:none;
    text-align:left!important;
	color:#2a2a2a;
	text-transform:uppercase;
	color:#fff;
}
ul.nav li.active a{
	color: #000;
}
ul.nav ul.nav-submenu{
	background: #ffffff;
	position: relative;
	left:0;
	margin-top:17px;
	width: 95%;
	z-index:999;
	visibility: hidden;
	opacity: 0;
	transform: translateY(-2em);
	z-index:+9999;
	box-shadow:0 0 4px #bdbdbd;
	-webkit-box-shadow:0 0 4px #bdbdbd;
	-moz-box-shadow:0 0 4px #bdbdbd;
	-o-box-shadow:0 0 4px #bdbdbd;
	transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
/*ul.products2,ul.products1,ul.products{
	display:none;
	}*/
.download{
	width:44%;
	}	
.visible{
	display:none;
	}
}
@media screen and (min-width:769px) and (max-width:1063px){
.download{
	width:46%;

	}
.download img{
	width:75%;
	height:auto;
	padding-bottom:30px;
	}	
	
.download bold{
	text-align:center;
	background:#11111136;
	color:#000;
	text-decoration:none !important;
	height:auto;
	padding:9px 15px;
	display:block;
	font-size:12px;
	}
.download img{
	padding-left:0px;
	}
.visible{
	display:none;
	}
ul.nav li{
	padding:18px 50px;
	}		
}
@media only screen and (min-width:1058px) and (max-width:1308px){
	.download bold{
		font-size:11px;
		padding-bottom:10px;
		}
	.visible{
	display:none;
	}	
	.download{
	width:44%;
	}
	
}
@media only screen and (min-width:320px) and (max-width:550px){
ul.products2,ul.products1,ul.products{
	display:none;
	}
.google1{
	height:100px;
	}	
	}
@media only screen and (min-width:320px) and (max-width:767px){
	.top-h{
		margin-top:50px;
		}
	
	}	
@media only screen and (min-width:260px) and (max-width:459px){
  .wrapper{
	  width:95%;
	  height:auto;
	  float:left;
	  margin:0px 2.5%;
  }	
  header{
	  width:100%;
	  height:auto;
	  float:left;
	  margin:0px;
	  padding:0px;
  }
  .cell{
	  width:100%;
	  height:auto;
	  float:left;
	  margin:0px;
	  padding:60px 0px 0px 0px;
	  background:#ffffff;
      display:none;
	  
  }
.col{
	width:100%;
	height:auto;
	float:left;
	padding:40px 0px 50px 0px;
}
.welcome p{
	padding:10px 0px;
}
.col-4{
	width:100%;
	height:auto;
	float:left;
}
.stats-content{
	width:100%;
	height:auto;
	float:left;
	margin:20px 0px 20px 0px;
}
.right{
	text-align:center!important;
}
.col-5{
	width:100%;
	height:auto;
	float:left;
}
img.aside{
	width:100%;
	height:auto;
	float:left;
}
.col-9{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
padding:0px;
}
.col-3{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
}
.banners{
	width:100%;
	height:auto;
	float:left;
	margin:38px 0px 0px 0px;
	
}
ul.products-list{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.products-list li{
		width: 100%;
	height:auto;
	float:left;
	margin:0px;
	padding:10px 0px;
	text-align:center;
	background:#ededed;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:30px;
	border-bottom:1px solid #fff;
}
ul.products-lists{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.products-lists li{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:10px 0px;
	text-align:center;
    	font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:30px;
    border-bottom:1px solid #ededed;
}
ul.aside-nav li a{
	width: 80%;
	height:auto;
	float:left;
	text-decoration:none;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:32px;
	padding:5px 25px;
	color:#3db7ef;
}
ul.nav li{
	width:95%;
	height:auto;
	padding: 18px 2.5%;display:inline;text-decoration:none;    text-align:left!important;}

ul.nav li a{ 
    font-family: 'Poppins', sans-serif;
	font-weight:600;
	font-size:16px;
	line-height:23px;
    text-decoration:none;
    text-align:left!important;
	color:#2a2a2a;
	text-transform:uppercase;
	color:#fff;
}
ul.nav li.active a{
	color: #000;
}
ul.nav ul.nav-submenu{
	background: #ffffff;
	position: relative;
	left:0;
	margin-top:17px;
	width: 95%;
	z-index:999;
     display:none;
	transform: translateY(-2em);
	z-index:+9999;
	box-shadow:0 0 4px #bdbdbd;
	-webkit-box-shadow:0 0 4px #bdbdbd;
	-moz-box-shadow:0 0 4px #bdbdbd;
	-o-box-shadow:0 0 4px #bdbdbd;
	transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.inner-circle{
	width:75px;
	height:75px;
	float:left;
	background:rgba(61,183,239,0.5);
	border-radius:50%;
	
}
.circle{
	width:60px;
	height:60px;
	float:left;
	background:#3db7ef;
	border-radius:50%;
	margin:7.5px 7.5px;
}
p.cells{
padding:10px 0px 0px 10px
}
.tp-caption.medium_bg_asbestos{
	left:020%;
}
.captions{
	width:80%!important;
	left:8%!important;
	padding:4px 2%!important;
	top:25%;
	background:rgba(255,255,255,0.6)!important;
	height: 170px;	
}
.tp-caption.medium_bg_asbestos{
	
	width:40%!important;
	left:15%!important;
}
.tp-caption.medium_bg_asbestos.sfl.start h1{
	width:50%!important;
	left:10%!important;

font-size:23px;
line-height:33px;	
}
.tp-caption.medium_bg_asbestos.skewfromright.start p{
		width:50%!important;
	left:10%!important;
    color:#000!important;
	padding-top:50px;
	font-size:12px;
}
.button-outers{
	margin:120px 0px 15px 0px
}

a.buttons{
	font-size:14px;
	line-height:24px;
	padding:5px 0px 5px 7px;
}
a.buttons span{
	padding:5px 15px 5px 15px;
}
.services .col-4{
	width:50%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
}
.services .col-4.mobile{
	
		width:25%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
}
.services .col-4.mobile h2{
	font-size:14px;
	padding:15px 10px 10px 10px;
	line-height:18px;
}
.services .col-4.mobile p{
	display:none;
}
.services .col-4 h2{
		font-size:14px;
	padding:15px 10px 10px 10px;
	line-height:18px;
}
.description{
	width:50%;
	height:auto;
	float:left;
	margin:0px;
	left:25%;
	right:25%;
	padding:5px 1%;
	top:5%;
}
.description h1{
	font-size:16px;
	line-height:15px;
	padding:0px;
}
.description P{
	font-size:11px;
	line-height:17px;
}

.download{
	width:98%;
	}				
.visible{
	display:none;
	}
}

<!--left-aside-->
.left-aside{
	margin-top:20px;
	}
.left-aside h1{
	font-weight:600;
	font-size:30px;
	line-height:42px;
	letter-spacing:0.5px;
	padding-bottom:20px 0;	
	}
.left-aside img{
	margin-bottom:30px !important;
	position:relative;
	width:75%;
	margin-top:15px;
	} 	
.left-aside a{
	background:#3db7ef;
	text-decoration:none;
	padding:15px;
	margin-top:5px;
	color:#FFF;
	margin-bottom:10px;
	display:block;
	width:15%;
	}	
.left-aside p{
	font-weight:400;
	font-size:16px;
	line-height:30px;
	letter-spacing:0.5px;
	padding:10px 0px;
	color:#737373;
	margin-right:20px;
	text-align:justify;
	}
.left-aside dl{
	font-weight:400;
	font-size:16px;
	line-height:30px;
	letter-spacing:0.5px;
	padding:10px 0px;
	color:#737373;
	margin-right:20px;
	text-align:justify;
	}	
.left-aside span{
	font-weight:500;
	font-size:17px;	
	color:#757575;
	letter-spacing:0.5px;
	}		

<!--Table-->
.prd_desc{
	width:98%; float:left;
	
}


ul.lists_1{
	width:100%; float:left; margin:0px 0px 1px; padding:0px; background:#f2f2f2;
}
ul.lists_1.lists_2{
}
ul.lists_1.lists_2 li{
	width:16.6%;
}
ul.lists_1.lists_3{
}
.top1{
	padding-top:10px;
	padding-bottom:40px;
	}
ul.lists_1.lists_3 li{
	width:33.3%;
}
ul.lists_1.gray_bg{
	background:#e7e5e5;
}
ul.lists_1 li{
	list-style:none; 
	float:left; 
	font-size:13px; 
	font-family:'Roboto-Regular'; 
	color:#666; 
	text-align:center; 
	width:18%; 
	border-right:1px solid #ccc; 
	padding:5px;
}
ul.lists_1 li.head_1{
	color:#000;  
	min-height:40px;
}
ul.lists_1 li.head_1.head_hght{
	min-height:55px;
}
ul.lists_1 li.head_1.head_hght1{
	min-height:0px;
}
ul.lists_1 li:last-child{
	border-right:0px;
}
ul.products{
	width:100%;
	height:auto;
	float:left;
	margin:25px 0px;
	padding:0px;
	list-style:none;
	
}
ul.products li{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
}
ul.products-list{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.products-list li{
	width:19%;
	min-height:40px;
	float:left;
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	background:#ededed;
    font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:13px;
	
    border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
ul.products-list li:first-child{
	border-left:1px solid #ededed;
}
ul.products-list li:last-child{
	border-left:1px solid #ededed;
}
ul.products-lists{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}
/*ul.products-lists:last-child{
	border-bottom:1px solid #ededed;
}*/
ul.products-lists li{
	width:19%;
	min-height:28px;
	float:left;
	margin:0px;
	padding:10px 0%;
	text-align:center;
	background:#ededed;
    font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:13px;
	
    border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
ul.products-lists li:first-child{
	border-left:1px solid #ededed;
}
ul.products1{
	width:100%;
	height:auto;
	float:left;
	margin:25px 0px;
	padding:0px;
	list-style:none;
	
}
ul.products1 li{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
}
ul.products1-list{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.products1-list li{
	width:32%;
	min-height:28px;
	float:left;
	margin:0px;
	padding:10px 0%;
	text-align:center;
	background:#ededed;
    font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:13px;
   
    border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
/*ul.products1-list li:first-child{
	border-left:1px solid #ededed;
}*/
/*ul.products1-list li:last-child{
	border-left:1px solid #ededed;
}*/
ul.products1-lists{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}
/*ul.products1-lists:last-child{
	border-bottom:1px solid #ededed;
}*/
ul.products1-lists li{
	width:32%;
	min-height:28px;
	float:left;
	margin:0px;
	padding:10px 0%;
	text-align:center;
	background:#ededed;
    font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:13px;
	
    border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
/*ul.products1-lists li:first-child{
	border-left:1px solid #ededed;
}*/
ul.products2{
	width:100%;
	height:auto;
	float:left;
	margin:25px 0px;
	padding:0px;
	list-style:none;
	
}
ul.products2 li{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
}
ul.products2-list{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.products2-list li{
	width:16%;
	min-height:40px;
	float:left;
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;	
	text-align:center;
	background:#ededed;
    font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:13px;
	
    border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
/*ul.products2-list li:first-child{
	border-left:1px solid #ededed;
}
ul.products2-list li:last-child{
	border-left:1px solid #ededed;
}*/
ul.products2-lists{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}
/*ul.products2-lists:last-child{
	border-bottom:1px solid #ededed;
}*/
ul.products2-lists li{
	width:16%;
	min-height:28px;
	float:left;
	margin:0px;
	padding:10px 0%;
	text-align:center;
	background:#ededed;
    font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:13px;
	line-height:30px;
    border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
/*ul.products2-lists li:first-child{
	border-left:1px solid #ededed;
}*/
ul.products-list li.color{
	background:#11111136;
	}
ul.products2-list li.color{
	background:#11111136;
	}
ul.products1-list li.color{
	background:#11111136;
	}			
ul.products1-lists li.color{
	background:#11111136;
	}
.col-2{
	width:10%;
	}
.top-h{
	width:100%;
	
	background:#3db7ef;
	text-align:center;
	min-height:70px;
	}
.top-h h1{
	padding-top:12px;
	color:#FFF;	
	}
.breadcum{
	width:100%;
	float:left;
	margin-bottom:00px;  
	}
.breadcum ul{
	margin:0;
	padding-left:12px;
	padding-right:12px;
	padding-bottom:10px;	
	float:left;
	width:100%;
	}
.breadcum ul li{
	float:left;
	margin-right:10px;
	list-style:none;
	}
.breadcum ul li a{
	text-decoration:none;
	color:#888;
	font-size:13px;
	}		
	
	
/* Product silder */

.flex-caption {
	width: 96%;
	padding: 2%;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.5);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	font-size: 14px;
	line-height: 18px;
  }

/* Product silder end */ 


@media screen and (min-width:760px) and (max-width:830px){
	ul.products-list li{
		min-height:60px;	
		}
	}
@media screen and (min-width:550px) and (max-width:990px){
	ul.products2-list li{
		min-height:60px;
		}	
	}
@media screen and (min-width:550px) and (max-width:1335px){
	ul.products-lists li.resp{
		height:30px;
		}
	ul.products1-lists li{
		height:30px;
		}
			
	}
@media screen and (min-width:457px) and (max-width:1000px){
	.description{
		width:30%;
		height:auto;
		float:left;
		margin:0px;
		left:35%;
		right:25%;
		padding:5px 1%;
		top:20%;
		}
.description h1{
		font-size:16px;
		line-height:15px;
		padding:0px;
		}
.description P{
		font-size:11px;
		line-height:17px;
		}
}

/** silder start**/
.filterDiv {
    float: left;
  
    color: #ffffff;
    width: 320px;
	min-height: 241px;
    text-align: center;
  	margin-right:20px;  
	display: none; /* Hidden by default */
	overflow: hidden;
	
}
.filterDiv img {
    width: 320px;
	min-height: 200px;
    
}

/* The "show" class is added to the filtered elements */
.show {
    display: block;
}
.btn.active{
	background: #3db7ef;
}

/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 15px 30px;
  /* border:1px solid #3db7ef; */
  background: #ccc;
  border-radius: 5px;
  cursor: pointer;
  font-size: 18px;
  margin-right:5px; 
  color: #fff;
  
}
/* Add a light grey background on mouse-over */
.btn:hover {
	/* border:1px solid #3db7ef; */
	background: #aacedf;	
}



/***********/


span.industry{
	width:95%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
	position:relative;
	overflow:hidden;
}


span.industry img{
	width:100%;
	height:200px;
	float:left;
	margin:0px;
	padding:0px;
	position:relative;

}
span.industry:hover img{
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

span.industry:hover img{
	-webkit-filter : grayscale(0%); /* Safari 6.0 - 9.0 */
    transform:scale(1.1) rotate(10deg);
}
span.industry-text{
	float:left;
	margin:0px;
	width: 100%;
	padding:8px 0px 8px 0px;
	position:absolute;
	left:0;
	bottom:1%;
	background:#525252;
	-webkit-transition:0.3s all ease;
	-o-transition:0.3s all ease;
	transition:0.3s all ease;
}

span.industry-text:before{
	content:'';
	transform:scale(1.1);
	background-color:#525252;
	position:absolute;
	top:0px;
	bottom:0px;
	right:-30px;
	left:-3vw;
	z-index:+1;
	box-shadow:3px 4px 5px 0px rgba(0,0,0,0.11);
	box-sizing:border-box;
	display:block;
}
span.industry:hover span.industry-text {
	padding:8px 5px 8px 5px;
	
}
span.industry:hover span.industry-text h3 i{
visibility:visible;
}
span.industry-text h3{
		font-family: 'Poppins', sans-serif;
	font-weight:600;
	font-size:18px;
	line-height:28px;
	padding:0px 0px;
	color:#fff;
	text-transform:uppercase;
	position:relative;
	z-index:+2;

}
span.industry-text h3 i{
visibility:hidden
}


/* silder end  */