@charset "utf-8";
/* CSS Document */
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
	z-index:99999999999999999999999;
}
.i4ewOd-pzNkMb-haAclf{

  visibility:hidden !important;
  display:hide !important;
}
.industrial-service .home2{ position:relative; display:block;  align-items: center; width:100%; margin-left:auto; margin-right:auto; float:left;
  justify-content: center;}

.acenter{ text-align:center;} 
.googlea {position: relative; width:100%; margin:auto; overflow:hidden;}
.googlea iframe{top:-60px; margin-top:-60px; }

.googlea .c4YZDc{filter: grayscale(100%)!important;}


.home-container{

    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.home-container .ulli {
  flex: 1;
 
}
.vrsp{ position:relative; margin:auto; width:100%; display:block;}
.vrspo{ position:absolute;   width: 100%; left:0px; top:0px; height:100%;}


.blast-ben2a {
    background-image: url(../blastingicon/bga1.jpg);
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
	  margin:auto; width:100%;
	
	 
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.blast-ben2a-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgb(0,63,128,0.7);
}
.shadewhats .applicatorwhats{
	position: fixed;
	width: 40px;
	height: 40px;
	bottom: 80px;
	right: 20px;
	border: 1px solid #fff;
	border-radius: 50px;
	text-align: center;
	box-shadow: 0 0 10px rgba(12, 12, 12, 0.3);	
	cursor: pointer;
	z-index:9999999999999999999999999999999999;
	background: -webkit-linear-gradient(to right, #26C281, #09e072);
    background: -moz-linear-gradient(to right, #26C281, #09e072);
    background: -ms-linear-gradient(to right, #26C281, #09e072);
    background: -o-linear-gradient(to right, #26C281, #09e072);
    background: linear-gradient(to right, #26C281, #09e072);
	
}
.shadewhats .applicatorwhats:hover{
	box-shadow: 0px 0px 10px rgba(12, 12, 12, 0.5);
	
}
.shadewhats .applicatorwhats i{
color:#fff;
	margin-top: 8px;
	font-size: 25px;
	transition: transform .5s;
}
 .shadewhats .applicatorwhats:hover  i:hover {
 -webkit-animation: beat 1.5s ease 0s infinite;
    animation: beat 1.5s ease 0s infinite;
	/*transition: transform .5s;*/
	 /* transform: rotate(30deg);*/
	  /*transform: scale(.9);*/
} 
 .shadewhats .applicatorwhats:hover  i {
 -webkit-animation: beat 1.5s ease 0s infinite;
    animation: beat 1.5s ease 0s infinite;
	/*transition: transform .5s;*/
	 /* transform: rotate(30deg);*/
	 /* transform: scale(1.2);*/
} 



.shadewhats2 .applicatorwhats2{
	position: fixed;
	width: 40px;
	height: 40px;
	bottom: 140px;
	right: 20px;
	border: 1px solid #fff;
	border-radius: 50px;
	text-align: center;
	box-shadow: 0 0 10px rgba(12, 12, 12, 0.3);	
	cursor: pointer;
	 background: -webkit-linear-gradient(to right, #1f4cca, #0b4edd);
    background: -moz-linear-gradient(to right, #1f4cca, #0b4edd);
    background: -ms-linear-gradient(to right, #1f4cca, #0b4edd);
    background: -o-linear-gradient(to right, #1f4cca, #0b4edd);
    background: linear-gradient(to right, #1f4cca, #0b4edd);
	z-index:9999999999999999999999999999999999;
}
.shadewhats2 .applicatorwhats2:hover{
 background-color:#114a8e;
 background: #114a8e;
	box-shadow: 0px 0px 10px rgba(12, 12, 12, 0.5);
	
}
.shadewhats2 .applicatorwhats2 i{
color: #fff;
	margin-top: 8px;
	font-size: 25px;
	transition: transform .5s;
}
 .shadewhats2 .applicatorwhats2:hover  i:hover {
	transition: transform .5s;
	 /* transform: rotate(30deg);*/
	  transform: scale(1.2);
} 
 .shadewhats2 .applicatorwhats2:hover  i {

	transition: transform .5s;
	 /* transform: rotate(30deg);*/
	  transform: scale(1.2);
}
.equal3, .equal4, .equal5, .equal2{
    width: 100%;
}
 
.go-top {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  font-size: 30px;
  position: fixed;
  bottom: -40px;
  right: 20px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  background-color:  #996504;
/* background-color:  #002448;*/
  /*background-color: #354a89;*/
  color: #FFFFFF;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
 /* */z-index: 999999999999999999999999999999;
}

.go-top.show { bottom: 20px; }

.go-top:hover {
background-color:#ffb327  ;
  /*backgrounbackground-color:ffb327 #990000;d-color: #c58b0e; 255 179 39
  
  */
  color: #FFFFFF;
}
.industrial-service{
width:100%;
	max-width: 1200px;
	position: relative;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	z-index:99;
	
}
.industrial-service:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.industrial-service .row{width:100%; position: relative;}

.industrial-service .col-full{width:100%;}
.industrial-service .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.industrial-service .row:after{clear: both; }
.industrial-service .row{zoom: 1;}

.industrial-service .wrap-col{margin:0px;}
.industrial-service .col-1-2h{ width:50%;
display:inline-block; float:left;
/*padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
	}
.industrial-service .col-1-2{ width:50%;
display:inline-block; float:left;
/*padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
	}
	.industrial-service .col-1-2w{ width:50%;
display:inline-block; float:left;
/*padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
	}
.industrial-service .col-1-3{ 
width:33.33%; 
 
 display:inline-block; float:left;
	}
	.industrial-service .col-2-3{ 
width: 66.67%; 
 
 display:inline-block; float:left;
	}
	 .wrap20tp{
	padding-top:20px;
	padding-bottom:20px;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
 .wrap15{
	padding: 0 15px 0 15px;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
	.industrial-service .wrap5a{
	padding: 5px;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}	
	
	.industrial-service .wraph{
	padding: 0 45px 0 15px;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
.industrial-service .shade  {
	 
	 
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.industrial-service .shade img {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
#shade3 img {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.industrial-service .title2s
{
 font-family: 'Barlow', sans-serif; 
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 3.2px;
	color: #999999;
	position: relative;
	display:block;
	margin-bottom:20px; text-align:center ;
	}
.industrial-service .title2
{
	color: #121315;
	font-family: 'Barlow', sans-serif;
	font-size: 30px;
	font-weight: 700;
	display:block;
	text-transform: capitalize;
	letter-spacing: 0px;
	position: relative;
	margin: 0;
	letter-spacing: -1px;
	text-align:center;
	}
.industrial-service .title {
    font-size: 36px;
    position: relative;
    margin: 0;
    letter-spacing: -1px;
	margin-top:20px;
	
	   font-family: 'Barlow', sans-serif; 
    display:flex;
     
	   /* color: #202c83;*/
    color: #008000;
      margin-bottom: 25px;
   
    
}
 .titleab {
    font-size: 40px;
    position: relative; 
	margin-left:auto;
   margin-right:auto;
    letter-spacing: -1px;
	margin-top:10px;
	text-align:center; 
	    font-family: 'Cardo', serif;
    display:block;
     
	   /* color: #202c83;*/
    color: #008000;
      margin-bottom: 25px;
	  width: 100%;
 
    
}

  .title-descab{
font-family: 'Barlow', sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 38px;
    margin-bottom: 10px;
	color:#ffa500; text-align:center; 
	width::100%; 
		margin-left:auto;
   margin-right:auto; float:none;
}

.industrial-service  .title-desc{
font-family: 'Barlow', sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 20px;
	color:#ffa500;
}

.shadep {
position: relative;
    font-family: 'Outfit', sans-serif;
   color: #111;
    font-weight: 400;
    font-size: 18px;
	line-height:26px;
    text-align: justify;
    margin: 0px;
    transition: all 500ms ease;
    margin-bottom: 33px;
}
.shadepw {
position: relative;
    font-family: 'Outfit', sans-serif;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
	line-height:26px;
    text-align: justify;
    margin: 0px;
    transition: all 500ms ease;
    margin-bottom: 33px;
}
.shadepwnp {
position: relative;
    font-family: 'Outfit', sans-serif;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
	line-height:26px;
    text-align: center;
    margin: 0px;
    transition: all 500ms ease;
     
}
.home-demo2 h4 {
    color: #FFF;
    text-align: center;
    padding: 5rem 0;
    margin: 0;
    font-style: italic;
    font-weight: 300;
}
.home-demo h2 {
    color: #FFF;
    text-align: center;
    padding: 5rem 0;
    margin: 0;
    font-style: italic;
    font-weight: 300;
}
.home-demo .item {
    background: #f4f4f5;
}
.home-demo .shde3 img { padding: 50px 15px  0px 15px;width:auto !important; height:auto;
text-align:center !important; margin-left:auto; margin-right:auto;}

  .home-demo:hover .shde3 img  { -webkit-animation: beat 1.5s ease 0s infinite;
    animation: beat 1.5s ease 0s infinite;}
	@keyframes beat{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.82);transform:scale(.82)}}
.home-demo i{
   color: #1b1f2e;
    font-size: 50px;
    display: block;
    line-height: 1.4;
    margin-bottom: 0;
    text-transform: none; text-align:center;
	
	padding: 30px 15px 30px 15px;
} 
.home-demo  .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0px;
	background: #f4f4f5;
	padding-bottom: 20px;
}

.home-demo .shade-applicator{ 
color: #1b1f2e;
    font-size: 20px;
    display: block;
    line-height: 1.5;
    margin-bottom: 0;
    text-transform: none;
font-weight: 700;
letter-spacing: .5px;
	font-family: 'Outfit', sans-serif;
	padding: 30px 35px 30px;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	
	}
	
	
.shadelist li{
  position: relative;
  display: block;
  font-size: 18px;
  color: #111;
  /*color: #8d8b8a;*/
  margin-bottom: 21px;
  padding-bottom: 20px;
  padding-left: 45px;
  line-height:28px;
  font-family: 'Barlow', sans-serif;
}

.shadelist li:last-child{
 /* margin-bottom: 0px;*/
}

.shadelist li i{
  position: absolute;
  left: 0px;
  top: 1px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  color: #17195d;
  border-radius: 50%;
}

.shadelist li:before{
  position: absolute;
  content: '';
  background: #e2dfdd;
  width: 170px;
  height: 1px;
  left: 0px;
  bottom: 0px;
  margin-top:20px;
}
.shadelist li:last-child:before{
  position: absolute;
  content: '';
  background: #e2dfdd;
  width: 170px;
  height: 1px;
  left: 0px;
  bottom: 0px;
  margin-top:20px;
}
/* why to choose*/
.shot-blasting{
width:100%;
    position: relative;
    margin-top: -10%;
    
    z-index: 99;
	margin-bottom: -5%;
}


.shot-blasting .innner-container{

    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.shot-blastingpic{ 
    background-image: url(../shot-blasting1.png);

	min-height:230px;
    background-repeat: no-repeat;
    background-size: cover;}
	
	
.shot-blastinga{
     margin-top: -1%;
    margin-bottom: 0%;
    padding: 0px 15px 30px 15px;
    /**/
	position:relative;
	/*min-height:300px;*/
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background-color: #fd9f14;
    background-image: url(../painting33.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
	padding-bottom:100px;/**/}
	
	.shot-blasting2-overlay   {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
	z-index:99;
	
}
.shot-blasting2-overlay  {
background-image: url(../why9.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
    /*transition: background 0.3s, border-radius 0.3s, opacity 0.3s;*/
	
	}
	.whytoc{
	font-family: 'Barlow', sans-serif;
    color: #fff;
     position: relative;
    font-size: 36px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 42px;
	margin-bottom: 18px;
}
.whytocbg{width:100%; position:relative; width:100%; margin-right::auto; margin-left::auto; flaot:left;background:rgb(24,14,1,.9);  /*background: #150e01;/* background:#030F27;*/ z-index:999; display:table; padding:12px ; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.whytocbg .whytocbgp{width:100%; height:100%;
 
position:absolute;
 background:#030F27; }
.whytocbg .col-1-4{ display:inline-block; float:left; width:25%; margin-right::auto; margin-left::auto;  }
.whytocbg .col-3-4{ display:inline-block; float:left; width:75%; margin-right::auto; margin-left::auto; }
.whead1w{
 color: #fff;
font-family: 'Barlow', sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 26px;}
	
	.wbuttona a{ float:left; text-align:center;
	width:auto;
	   margin-top:0px; 
background-color: transparent;  
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFFFFF;
padding: 18px 30px 18px 30px;
font-weight: 700; font-family: 'Outfit', sans-serif;
color:#fff;}
.wbuttona:hover a{ float:left; text-align:center;
	border-color:  rgb(0,0,0,.5);  
background-color: rgb(0,0,0,.5);  
    
   }
   
   .wbuttonb a{   text-align:center;
	width:auto;
	   margin-top:0px; 
background-color: transparent;  
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFFFFF;
padding: 18px 30px 18px 30px;
font-weight: 700; font-family: 'Outfit', sans-serif;
color:#fff;}
.wbuttonb:hover a{  text-align:center;
	border-color:  rgb(0,0,0,.5);  
background-color: rgb(0,0,0,.5);  
    
   }
 .wbuttonc a{   text-align:left;
	width:auto;
	line-height:30px;
	   margin-top:0px; 
background-color: #ffa500;  
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color:  #ffa500;
padding: 10px 30px;
 font-family: 'Outfit', sans-serif;
color:#111;}
 .wbuttonc i{ font-size:12px; color:#111;  line-height:48px; padding-left:10px; transition: all 0.5s ease 0s}
 .wbuttonc:hover i{ font-size:12px; color:#111;  line-height:48px; padding-left:10px; transform: translateX(-10px);
    transition: all 0.5s ease 0s;}
.wbuttonc:hover a{  text-align:center;
	border-color:  #ffa500;  border-width: 1px 1px 1px 1px; border-style: solid;
background-color: transparent;  
    
   }  
   
   
   
  /* enfui*/
 .paintings1 
 { -webkit-box-sizing: border-box;
 position:relative;
 background-attachment:fixed;
 background-image:url(../bg33.jpg); background-position:top center;
 overflow:hidden; margin:auto;
 
  
 /*   background-color:rgb(24,24,24,.5);
background-color: #18185B;*/
}
.paintings1-overlay{ background-color:rgb(24,24,91,.91); position:absolute; width:100%; height:100%;}
 .enquirysp
{    -moz-box-sizing: border-box;
    box-sizing: border-box; 
	position:relative;
 
/**/ padding: 50px 30px 50px 30px; 

margin:auto;
 text-align:center;
max-width:1100px; 
color:#fff;
font-family: 'Barlow', sans-serif;
font-size: 45px;
    text-transform: uppercase;
    letter-spacing: .03em;}
	
	
	
#owl-shade .item{
  margin: 3px;
}
#owl-shade .item img{
  display: block;
  width: 100%;
  height: auto;
  
}	
#owl-shade .item a img{	
/*filter: grayscale(100%);*/
  
}
#owl-shade .item:hover a img{	
 
 /* filter: grayscale(0%);*/
}
/*owl innewr*/


@charset "utf-8";
/* CSS Document */

.shade12{
    padding: 20px 15px;
    background: #fff;
    border: 1px solid #eee;
    border-bottom-color:  #0d675d;
    text-align: center;
    position: relative;
    transition: all 0.5s ease 0s;
}
.shade12:hover{ border: 1px solid  #008000;/*#0d675d;  background-color: #90b58a;*/ background-color:rgb(172,196,219,0.1)}
.shade12:before,
.shade12:after{
    content: "";
    width: 70%;
    height: 5px;
    background:  #ffb327;
    opacity: 0;
    position: absolute;
    top: -3px;
    left: 35%;
    transform: translateX(-50%);
    transition: all 0.5s ease 0s;
}
.shade12:hover:before,
.shade12:hover:after{
    opacity: 1;
    left: 50%;
}
.shade12:after{
    top: auto;
    bottom: -3px;
}
.shade12 .service-icon{
   width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
	background:#274158;
	
   /* background: #0d675d;*/
    margin: 0 auto 20px;
    font-size: 36px;
    color: #fff;
	 transition: all 0.5s ease 0s;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.shade12:hover .service-icon{
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    background: #205781;
    margin: 0 auto 20px;
    font-size:50px;
    color: #fff;
	 transition: all 0.5s ease 0s;
}
.shade12 .title{
    font-size: 17px;
	 font-family: 'Poppins';
    font-weight: bold;
    color: #205781;
    margin: 0 0 10px 0;
    transition: all 0.5s ease 0s;
	letter-spacing:.5px;
}
.shade12:hover .title{transition: all 0.5s ease 0s; opacity: 1;   font-family: 'Poppins'; font-size: 17px; letter-spacing:.5px; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.shade12 .description{
    font-size: 14px;
    color: #7a7a7a;
    line-height: 25px;
    margin: 0;
    transition: all 0.5s ease 0s;
}
.shade12:hover .description{
    margin-top: -20px;
    padding-bottom: 20px;
}

.shade12 .icon-bg {
    font-size: 250px;
    color: rgba(255, 255, 255, 0.3);
    line-height: 120px;
    position: absolute;
    bottom: 0;
    right: -30px;
    transition: all 0.3s ease-in-out 0s;
}
#ksialignh2a img{
    vertical-align: middle;
    max-width: 100%;
    height: auto;  
}
 /*owl inne*/
 
 .industrial-service .cli-1-2{width:50%;
display:inline-block; float:left;}
.industrial-service .clif{ position:relative; display:flex;  align-items: center;
  justify-content: center; margin-bottom:20px; border-bottom : rgb(204,204,204,1)  1px solid; border-top: rgb(204,204,204,0)  1px solid; border-right: rgb(204,204,204,0)  1px solid; border-left: rgb(204,204,204,0)  1px solid;/*border : rgb(204,204,204,1)  1px solid; */-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
/*	
.industrial-service .clif::before,
.industrial-service .clif::after {
	content: '';
	position: absolute;
	width: 50%;
	height: 50%;
	opacity: 1;
	border: 2px solid #ccc;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29);
	transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29);
}

.industrial-service .clif::before {
	top: 0;
	left: 0;
	border-width: 2px 0 0 2px;
	 
}

.industrial-service .clif::after {
	right: 0;
	bottom: 0;
	border-width: 0 2px 2px 0;
 
}*/
	
	
	
  .industrial-service  .clif:hover{ position:relative; display:flex;  align-items: center;  margin-bottom:20px;
  justify-content: center; background-color:rgb(0,0,0,.03);  border: #CCCCCC 1px solid; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
  .industrial-service  .clif:hover img{ animation: spzoom-in-zoom-out 1s ease infinite; }


@keyframes spzoom-in-zoom-out {
  0% {
   transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
  }
  50% {
      transform: scale(.95);
-ms-transform: scale(.95);
-webkit-transform: scale(.95);
  }
  100% {
      transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);;
  }
}
 .industrial-service  .clif .hea1{font-family: 'Barlow', sans-serif;
 text-align:center;
  position: relative;
 width:100%;
 margin:auto;
  padding-top:30px;
    font-size: 20px;
  
    line-height: 24px;
    margin-bottom: 5px;
	font-weight:600 ;
    color: #008000;} 
	 .industrial-service  .clif .sub1 {
    position: relative;
	width:100%;
    font-family: 'Outfit', sans-serif;
   color: #111;
    font-weight: 400;
    font-size: 18px;
     padding-bottom:30px;
    text-align:center;
    margin: 0px;
    transition: all 500ms ease;
    
}
  
.industrial-service  .cli-1-50{width:50%;
display: inline-block; float:left;}
.industrial-service  .cli-1-500{width:50%;
display:inline-block; float:left;   }
.client   {
text-align:center;
vertical-align:middle;  
     margin: auto;
display: flex;
  justify-content: center;
  align-items: center;
  height:160px;
}
.client img{  
    vertical-align: middle;
    max-width: 100%;
    height: auto;  
	
}
.industrial-service  .servicefle{ position:relative; width:100%; margin:auto; display:flex; justify-content: center;  }
.industrial-service  .servicef{ position:relative; width:100%; margin:auto; /*display:flex;*/ }
.industrial-service .service-1-3{width:33.33%;
display:inline-block; float:left; }
.industrial-service .service-1-4a{width:25%;
display:inline-block; float:left; }

 .wrap15l{
	padding-left:15px;
	 
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
	 .wrap15r{
	padding-right:15px;
	 
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
	
	.box-outerspad {position: relative; width:100%; margin:auto; margin-bottom: 10px;}
	.box-outerspad:hover{
	-webkit-box-shadow: 2px 2px 8px 3px rgba(0,0,0,0.24);
-moz-box-shadow: 2px 2px 8px 3px rgba(0,0,0,0.24);
box-shadow: 2px 2px 8px 3px rgba(0,0,0,0.24);
	-webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;/* */
	}
		.box-outerspa {
	position: relative;
    overflow: hidden;}
	
	box-outerspad img{    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;   transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);}
	.box-outerspad:hover img{    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;   transform: scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);}



	.box-outersp { position:relative; width:100%; overflow:hidden;}
	.box-outersp .tbod{ -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	    padding: 10px 40px 31px 24px;
    border: 1px solid #dedede;
    position: relative;
   
    background-color: #fff;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;}
	.box-outersp .titlea{padding: 10px 20px;
    background-color: #ffb327;
}
	.box-outersp .titlea a {
		font-size:20px;
	  font-family: 'Outfit', sans-serif;
    letter-spacing: .03em;
	    line-height: 1.2;
   color:#333333;
    font-weight: 700;
	}
	.box-outersp .contenta {
	position: relative;
    font-family: 'Outfit', sans-serif;
   color: #111;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: justify;
    margin: 0px;
    transition: all 500ms ease;
    margin-bottom: 5px;}
	.box-outersp  .readmore {
    position: absolute;
    bottom: -1px;
    right: -1px;
}
.box-outersp  .readmore a {
    height: 36px;
    width: 36px;
    background-color: #f5ad0d;
    display: block;
}
.box-outersp  .readmore span  {
font-size: 17px;
 
position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
}
.box-outerspad:hover  .readmore span{opacity: 0; -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;}
.box-outerspad:hover .readmore i { opacity: 1; -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;}
.box-outerspad  .readmore i {
font-size: 14px;
    opacity: 0;
position: absolute;
    top: 48%;
    left: 48%;
    color: #fff;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;}
.box-outerspad ul{	
	margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    list-style-type: none;}
	.box-outerspad ul li{padding-left:40px;  
list-style: none;
position: relative;
padding-bottom:15px;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
 
} 
	.box-outerspad ul li:before{
	display: inline-block;
	    font: normal normal normal 14px/1 FontAwesome;
	    content: "\f00c";
  position: absolute;
    left: 10px;
    top: 10px;
    color: #003f87
	 }
	 
.contactf {
    background-color: #fff;
    padding: 44px 26px 50px;
    -webkit-box-shadow: 0 8px 57px rgb(0 0 0 / 25%);
    -khtml-box-shadow: 0 8px 57px rgba(0,0,0,.25);
    -moz-box-shadow: 0 8px 57px rgba(0,0,0,.25);
    -ms-box-shadow: 0 8px 57px rgba(0,0,0,.25);
    -o-box-shadow: 0 8px 57px rgba(0,0,0,.25);
    box-shadow: 0 8px 57px rgb(0 0 0 / 25%);
    position: relative;
}	
.industrial-service .col-1-4neo {
    width: 25%;
    float: left;
    display: inline-block;
    font-family: 'Barlow', sans-serif;
    font-size: 18px;
    line-height: 35px;
    color: ##202c83;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
} 
.contactf:after {
    content: '';
    border-width: 30px;
    border-style: solid;
    border-color: #f5ad0d transparent transparent #f5ad0d;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.contactf:before {
display: inline-block;
    font: normal normal normal 22px/1 FontAwesome;
    content: "\f1d8";
    position: absolute;
   
    

/*color: #003f87;
    content: "\efb4";
    font-family: icofont;
    font-size: 25px;
    position: absolute;*/
    top: 6px;
    left: 6px;
    z-index: 2;
    color: #fff;
    line-height: 1;
}
.conhea
{  font-family: 'Barlow', sans-serif;
    font-size: 20px;
color: #111;
    clear: both;
    line-height: 1.2;
    margin: 0 0 10px;
    font-weight: 700; text-align:center;
	margin-bottom:10px;
	}
	.conheap
{  font-family: 'Barlow', sans-serif;
    font-size: 16px;
color: #111;
    clear: both;
    line-height: 1.2;
    margin: 0 0 15px;
     text-align:center;
	margin-bottom:20px;
	}
  .lmarg{
	    margin: 0px 0px 0px 70px;}
		.consubthead1 {
		color: #111;
    font-size: 15px;
	   clear: both;
    text-transform: uppercase;
    letter-spacing: .6px;
     font-family: 'Barlow', sans-serif;
    margin-bottom: 3px;
}
	.conthead1
	{ color:  #008000; font-family: 'Barlow', sans-serif;
	    font-size: 25px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    position: relative;
    letter-spacing: .03em;}
	.conthead1:before {
    content: '';
    width: 65px;
    height: 2px;
    background-color: #f5ad0d;
    position: absolute;
    bottom: 0;
    left: 0;
}
hr.spdashed {
margin-top:10px;
margin-bottom:40px;
  border-top: 1px solid #D8D8D;
}
.conthead1p{
font-family: 'Barlow', sans-serif;
    font-size: 18px;
    line-height:30px;
    color:  #111;
    /*-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;*/
	}
	
	.text-theme-coloreda {
    color: #f5ad0d !important;
    /* color: #1e73be !important; */
}
.industrial-service .col-1-2neo {
    width: 50%;
    float: left;
    display: inline-block;
    font-family: 'Barlow', sans-serif;
    font-size: 18px;
    line-height: 35px;
    color: ##202c83;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
} 

.industrial-service .about-1-3{
    width: 33.33%;
    float: left;
    display: inline-block;
    font-family: 'Barlow', sans-serif;
    font-size: 18px;
    line-height: 35px;
    color: ##202c83;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
} 
.industrial-service .about-1-2{
    width: 50%;
    float: left;
    display: inline-block;
    font-family: 'Barlow', sans-serif;
    font-size: 18px;
    line-height: 35px;
    color: ##202c83;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
} 
.industrial-service .about-1-4{
    width: 25%;
    float: left;
    display: inline-block;
    font-family: 'Barlow', sans-serif;
    font-size: 18px;
    line-height: 35px;
    color: ##202c83;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
} 
.industrial-service .about-2-3{
    width: 66.67%;
    float: left;
    display: inline-block;
    font-family: 'Barlow', sans-serif;
    font-size: 18px;
    line-height: 35px;
    color: ##202c83;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}
.industrial-service .cont-1-2{width:50%; float:left; display:inline-block	} 

/*project*/
	.icon-bx-wraper {
    position: relative;
}
	.industrial-service .project-1-2 {
    width: 50%;
    float: left;
    display: inline-block;
    font-family: 'Barlow', sans-serif;
    font-size: 18px;
    line-height: 35px;
    color:  #202c83;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*padding-left: 10px;
    padding-right: 10px;*/
} 
	.industrial-service .project-1-4 {
    width: 33.33%;
    float: left;
    display: inline-block;
    font-family: 'Barlow', sans-serif;
    font-size: 18px;
    line-height: 35px;
    color:  #202c83;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*padding-left: 10px;
    padding-right: 10px;*/
} 
	.industrial-service .project-1-4a {
    width: 25%;
    float: left;
    display: inline-block;
    font-family: 'Barlow', sans-serif;
    font-size: 18px;
    line-height: 35px;
    color:  #202c83;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*padding-left: 10px;
    padding-right: 10px;*/
} 
.tboda{ -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	    /*padding: 20px;
    border: 1px solid #dedede;*/
    position: relative;
   
    background-color: #fff;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;}

  .shadepar {
    position: relative;
    font-family: 'Outfit', sans-serif;
    color: #111;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: justify;
    margin: 0px;
    transition: all 500ms ease;
    margin-bottom: 33px;
}
  .shadepar2 {
    position: relative;
    font-family: 'Outfit', sans-serif;
    color: #ffa500;
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    text-align: justify;
    margin: 0px;
    transition: all 500ms ease;
    margin-bottom: 33px;
}
 .contentapro {
	position: relative;
    font-family: 'Outfit', sans-serif;
   color: #111;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: justify;
    margin: 0px;
    transition: all 500ms ease;
    margin-bottom: 5px;}

.tboda .titleas   {
    font-size: 20px;
    font-family: 'Outfit', sans-serif;
    letter-spacing: .03em;
    line-height: 1.2;
    color: #111;
    font-weight: 700;
	margin-bottom:15px;
}
 .contentapro ul{	
	margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    list-style-type: none;}
 .contentapro  ul li{padding-left:40px;  
list-style: none;
position: relative;
padding-bottom:15px;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
 
}  
.contentapro  ul li:hover{   
 -o-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
 transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
	background-color:rgb(0,0,0,.06);
} 


 .contentapro ul li:before{
	display: inline-block;
	    font: normal normal normal 14px/1 FontAwesome;
	    content: "\f00c";
  position: absolute;
    left: 10px;
    top: 10px;
    color: #003f87
	 }
/*	

-webkit-filter: invert(40%) grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2);
      filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);
	  
	  
.project-wraper {
    
	padding: 50px 30px;
    background: #fff;
    margin-bottom: 30px;
    box-shadow: 5px 5px 20px 0 rgb(0 0 0 / 5%);
    z-index: 1;
}	

.project-wraper {
    position: relative;
}
.service-box.style3{position: relative;}
.service-box.style3 .project-wraper:before {
    content: attr(data-name);
    position: absolute;
    font-size: 100px;
    right: 30px;
    top: 30px;
    line-height: 80px;
    font-weight: 700;
    color: #000;
    opacity: 0.05;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.service-box.style3 .dlab-tilte {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
    line-height: 30px;
}

.service-box.style3 .shadepaa {
    position: relative;
    font-family: 'Outfit', sans-serif;
   color: #111;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: justify;
    margin: 0px;
    transition: all 500ms ease;
    margin-bottom: 33px;
}
.service-box.style3 .icon-lg {
    margin-bottom: 25px;
}
.service-box.style3 .icon-lg {
    width: 80px;
}

.service-box.style3 .project-wraper:after {
    content: "";
    height: 100%;
    width: 0;
    background-color: #FFCC00;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    -webkit-transform-origin: left;
    -o-transform-origin: left;
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.service-box.style3:hover .project-wraper:after {
    width: 100%;
    left: 0;
    right: auto;
    transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -webkit-transform-origin: right;
    -o-transform-origin: right;
	background-color: #ff5e14;
}

*/
/*dfsdf
As you said, if you start from white, it would give you filter: invert(19%) sepia(28%) saturate(590%) hue-rotate(180deg) brightness(89%) contrast(84%); which would be equal to #9AB8D3.

But if you start from black, it will give you the perfect result: filter: invert(20%) sepia(13%) saturate(1155%) hue-rotate(180deg) brightness(93%) contrast(87%); which is equal to #333C4C

Demo:

*/

/* Service Box Style3 */ 
 
.service-box.style3 .icon-bx-wraper{
	padding: 30px 30px;
    background: #fff;
    margin-bottom: 30px;
    box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.05);
	z-index: 1;
}
.service-box.style3 .icon-bx-wraper:before{
	content: attr(data-name);
    position: absolute;
    font-size: 100px;
    right: 30px;
    top: 30px;
    line-height: 80px;
    font-weight: 700;
    color: #000;
    opacity: 0.05;
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.service-box.style3 .icon-lg i{
	font-size: 70px;
    line-height: 70px;
    color: #FFCC00;
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.service-box.style3 .icon-lg img{
    vertical-align: middle;
    max-width: 100%;
    height: auto;  
	
/*z-index:9999999999999999999999;
-webkit-filter: invert(100%) grayscale(100%) brightness(100%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2);
      filter: grayscale(100%) brightness(100%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8); */
}
.service-box.style3:hover .icon-lg img{
-webkit-filter: invert(0%) grayscale(100%) brightness(100%) sepia(100%) hue-rotate(174deg) saturate(100%) contrast(2);
/*-webkit-filter: invert(100%) grayscale(100%) brightness(100%) sepia(100%) hue-rotate(-100deg) saturate(100%) contrast(2);
      filter: invert(100%) grayscale(100%) brightness(100%) sepia(1000%) hue-rotate(-360deg) saturate(-1000%) contrast(1000%);
-webkit-filter: invert(100%) grayscale(100%) brightness(100%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2);
    filter:grayscale(100%) brightness(1000%) sepia(100%) hue-rotate(50deg) saturate(100%) contrast(1); 
	z-index:9999999999999999999999;
-webkit-filter: invert(100%) grayscale(100%) brightness(100%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2);
      filter: grayscale(100%) ;*/
}
.service-box.style3 .dlab-tilte{
 font-family: 'Outfit', sans-serif;
	font-size: 20px;
    font-weight: 600;
    color: #000;
	margin-bottom: 10px;
	line-height: 20px;
}
.service-box.style3:hover .dlab-tilte{
 color:#fff !important;
}
.service-box.style3 .icon-lg{
	margin-bottom: 25px;
}
.service-box.style3 .icon-bx-wraper:after {
    content: "";
    height: 100%;
    width: 0;
    background-color: #FFCC00;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    -webkit-transform-origin: left;
    -o-transform-origin: left;
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.service-box.style3 .icon-bx-wraper:hover .dlab-tilte,
.service-box.style3 .icon-bx-wraper:hover .icon-lg i,
.service-box.style3 .icon-bx-wraper:hover:before,
.service-box.style3 .icon-bx-wraper:hover{
	color:#fff;
}
.service-box.style3 .icon-bx-wraper:hover:before{
	opacity:0.2;
}
.service-box.style3 .icon-bx-wraper:hover:after {
    width: 100%;
    left: 0;
    right: auto;
    transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -webkit-transform-origin: right;
    -o-transform-origin: right;
/* 	animation: animationSignal4;
	animation-duration: 0.6s; */
}
.service-box.style3 .shadepaa {
    position: relative;
    font-family: 'Outfit', sans-serif;
   color: #111;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: justify;
    margin: 0px;
    transition: all 500ms ease;
    margin-bottom: 33px;
}
.service-box.style3:hover .shadepaa { color:#fff;}
/* @keyframes animationSignal4 {
	0% {
		 width: 0%;
	}
	25% {
		 width: 100%;
	}
	50% {
		 width: 80%;
	}
	100% {
		width: 100%;
	}
} */
.industrial-pro .consubthead11 {
    color: #111;
    font-size: 15px;
    clear: both;
    text-transform: uppercase;
    letter-spacing: .6px;
    font-family: 'Barlow', sans-serif;
    margin-bottom: 3px;
}
.industrial-pro .conthead1a {
    color: #008000;
    font-family: 'Barlow', sans-serif;
    font-size: 25px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    position: relative;
    letter-spacing: .03em;
}
	/*project*/
	.marb30{ margin-bottom:30px;}

@media only screen and (min-width: 768px) and (max-width: 984px) { .equal3, .equal4, .equal5, .equal2{
    width: 100%;
}
.industrial-service .service-1-4a{width:50%;
display:inline-block; float:left; }
.industrial-service .cli-1-2 {width:100%;
display: block; float:none;}
	.industrial-service .col-1-2{width:100%;
display: block; float:none;
	}
	.industrial-service .col-1-3{ width:100%;
display: block; float:none;
	}
		.industrial-service .col-2-3{ 
width:100%;
display: block; float:none;
	}
	.shot-blastingpic{ 
    background-image: url(../shot-blasting1.png);

	min-height:200px;
    background-repeat: no-repeat;
    background-size: cover;}
	.industrial-service .project-1-4, .industrial-service .project-1-4a {
 width:50%;
display: inline-block; float:left;
} 
}
	
@media only screen and (min-width: 620px) and (max-width: 767px) {
.industrial-service .service-1-4a, .industrial-service .project-1-4, .industrial-service .project-1-4a  {
 width:50%;
display: inline-block; float:left;
} 
.industrial-service .about-1-2, .industrial-service .about-2-3,.industrial-service .about-1-3, .industrial-service .cli-1-2 {width:100%;
display: block; float:none;}
.industrial-service .col-1-2neo, .industrial-service .cont-1-2{width:100%;
display: block; float:none;} 
		.industrial-service .col-1-3{ width:100%;
display: block; float:none;
	}
		.industrial-service .col-2-3{ 
width:100%;
display: block; float:none;
	}
	}
@media only screen and (max-width: 619px) {
.industrial-service  .servicefle{ position:relative; width:100%; margin:auto; display:block;  }
.shot-blasting{
width:100%;
    position: relative;
    margin-top: -10%;
    
    z-index: 99;
	margin-bottom: -10%;
}
	.industrial-service .service-1-4a, .industrial-service .about-1-2, .industrial-service .about-2-3,.industrial-service .about-1-3,  .industrial-service .project-1-2 , .industrial-service .project-1-4, .industrial-service .project-1-4a  {
 width:100%;
display: block; float:none;
} 
  .lmarg{
	    margin: 30px 0px 0px 0px;}
.industrial-service .col-1-2neo, .industrial-service .cont-1-2{width:100%;
display: block; float:none;} 
.client   {
padding-top:30px;
}
  .industrial-service  .clif:hover{ position:relative; display:block;  align-items: center;  margin-bottom:20px;}
.client   {
vertical-align:middle;  
     margin: auto;
display: block;
  justify-content: center;
  align-items: center;
  height:auto;
}
.industrial-service .clif{ position:relative; display:block;}
.industrial-service .cli-1-2, .industrial-service  .cli-1-50, .industrial-service  .cli-1-500{width:100%;
display: block; float:none;}
.shot-blastingpic{ 
    background-image: url(../shot-blasting1.png);

	min-height:60px;
    background-repeat: no-repeat;
    background-size: contain;}
	.industrial-service .col-1-2h{ width:100%;
display: block; float:none;
 
	}
.industrial-service .col-1-2{ width:100%;
display: block; float:none;
	}
	.industrial-service .col-1-2w{ width:100%;
display: block; float:none;
	}
.industrial-service .col-1-3{ width:100%;
display: block; float:none;
	}
	.industrial-service .col-2-3{ 
width:100%;
display: block; float:none;
	}
 
}
	
/*light boxz**/
.buttona {
  display: inline-block;
  padding: 0.5em 1.0em;
  border-radius: 0px;
  background: #ffffff;
  font-family: sans-serif;
  font-size: 16px;
  cursor: pointer;
  border: 1px solid rgba(255,200,0,1);
  margin: 10px;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}

.buttona:hover {
 border: 1px solid rgba(255,200,0,1);
color:#000;
   background-color: rgba(255,200,0,1);
}

.buttona:active,
.buttona.is-checked {
 border: 1px solid rgba(255,200,0,1);
   background-color: rgba(255,200,0,1);
 color:#000;
  outline: none;
}

.button-group {
  margin: 20px 0;
  text-align: center;
 
}

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
 .grid2 {width: 100%; position:relative; margin:auto;   -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
.grid2 article {
overflow:hidden;
  background-color: #FFFFFF;
  display: block;
  float: left;
 /* margin: 10px;*/
  width: 25%;
  padding:10px;
 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid2 article .articleaa{position:relative;  overflow:hidden; width:100%; margin:auto;}

.grid2 .articleaa {/* position:relative;  overflow:hidden; width:100%; margin:auto;*/}
.articleaa figure {
    position: absolute;
    background: #333;
    background: rgba(48,48,48,0.7);
    width: 100%;
    height: 100%;
	margin:0px;
	    display: block;
    left: 0px;
    top: -100%;
    transition: all 300ms ease 0s;
	z-index:9999999999999;
}
.articleaa:hover a figure {
    position: absolute;
    background: #333;
    background: rgba(48,48,48,0.7);
    width: 100%;
    height: 100%;
	    display:flex;
		align-items: center;
  justify-content: center;
    left: 0;
    top: 0%;
    transition: all 300ms ease 0s;
}
 
.grid2 article a figure span {
    display: block;
    padding: 10px ;
    margin: 20px 20px 20px 20px;
    text-transform: uppercase;
    font-weight: normal;
    color: rgba(255,255,255,0.9);
    text-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
    border-bottom: 1px solid rgba(255,255,255,0.5);
	vertical-align:middle;
 
	 
	/*top: 0%;
  left: 0%;
  transform: translate(0%, -50%);*/
}
/*
@media (max-width: 1024px) {
  .grid2 article {
    width: 33.33%;
  }
}

@media (max-width: 767px) {
  .grid2 article {
    width: 50%;
  }
}

@media (max-width: 479px) {
  .grid2 article {
    margin: 1% 0;
    width: 100%;
  }
}
*/

@media only screen and (min-width: 620px) and (max-width: 767px) { .grid2 article {
    overflow: hidden;
    background-color: #FFFFFF;
    display:inline-block;
    float: left;
    /* margin: 10px; */
    width: 50%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}}
@media only screen and (min-width: 768px) and (max-width: 1200px) {  .grid2 article {
    overflow: hidden;
    background-color: #FFFFFF;
      display:inline-block;
    float: left;
    /* margin: 10px; */
    width: 33.33%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}}
@media only screen and (max-width: 619px) {.grid2 article {
    margin: 1% 0;
    width: 100%;
	 display: block;
    float: none;}
	
	
	}
	
	/*light box*/	
	/*blasting*/
	.industrial-service .blastingrev{  display: flex;
  flex-direction: row-reverse; align-items: center;}
		.industrial-service .blasting-1-3{ width:33.33%;
display: inline-block; float:left;
 
 
	}
	.industrial-service .blasting-2-3{ width:66.67%;
display: inline-block; float:left;
 
 
	}
	
	
	.industrial-service .blasting40{ width:40%;
display: inline-block; float:left;
 
 
	}
		.industrial-service .blasting60{ width:60%;
display: inline-block; float:left;
 
 
	}
			.industrial-service .blasting-1-2{ width:50%;
display: inline-block; float:left;
 
 
	}
	.industrial-service .blasting-1-4{ width:25%;
display: inline-block; float:left;
 
 
	}
	.industrial-service .blasting-1-3nn{ width:33.33%;
display: inline-block; float:left;
 
 
	}
	
 .blasting-he{letter-spacing: 3px;
font-size: 20px;
    line-height: 1.2em;
  color: #111;
    font-family: 'Barlow', sans-serif;
	display:block;
width:100%
 }
	.blasting-he2{
	color: #111;
    font-size: 16px;
    clear: both;
    text-transform: uppercase;
    letter-spacing: .6px;
    font-family: 'Barlow', sans-serif;
    margin-bottom: 20px;
	}
	
	.blasting-he3{
	font-size: 30px;
    line-height: 1.2em;
	font-family: 'Barlow', sans-serif;
    margin-bottom: 20px;
	display:block; 
	font-weight:600px;
width:100%}


 .blasting-hew{letter-spacing: 3px;
font-size: 20px;
    line-height: 1.2em;
 color: #fff;
    font-family: 'Barlow', sans-serif;
	display:block;
width:100%
 }
	.blasting-he2w{
	color: #fff;
    font-size: 16px;
    clear: both;
    text-transform: uppercase;
    letter-spacing: .6px;
    font-family: 'Barlow', sans-serif;
    margin-bottom: 20px;
	}
	
	.blasting-he3w{
	color: #fff;
	font-size: 30px;
    line-height: 1.2em;
	font-family: 'Barlow', sans-serif;
    margin-bottom: 20px;
	display:block; 
	font-weight:600px;
width:100%}


	
	.blasting-wraper{ position:relative; width:100%; z-index:-1; }
	
 .blasting-wraperas{z-index:9999999999999999;
	 top:20px; /*left:10px; background-color: #CC0000; height:10px width:100%; left: calc(50% + 20px);
    width: calc(100% - 40px);*/
	 
	/*border-top:2px solid #FFCC00  ;*/
	right: 0%;
    width:  calc(50% - 20px);
	height:100%;
	border-top:2px solid #ffb327; position:absolute; z-index:9;
    /*top: 20px;     border-top-width: 1px solide #111;
	eight: 0;
    left: 50%;
    margin-left: 0;
    position: absolute;
    width: 100%;
	    z-index: 1;
    border-width: 0 0 0 1px;*/  
}
.blasting-wraperasr{z-index:9999999999999999;
	 top:20px; /*left:10px; background-color: #CC0000; height:10px width:100%; left: calc(50% + 20px);
    width: calc(100% - 40px);*/
	 
	/*border-top:2px solid #FFCC00  ;*/
	left: 0%;
    width:  calc(50% - 20px) ;
	height:100%;
	border-top:2px solid #ffb327; position:absolute; z-index:9;
    /*top: 20px;     border-top-width: 1px solide #111;
	eight: 0;
    left: 50%;
    margin-left: 0;
    position: absolute;
    width: 100%;
	    z-index: 1;
    border-width: 0 0 0 1px;*/  
}
.blasting-wraperas2{z-index:9;   
	 top:20px; /*left:10px; background-color: #CC0000; height:10px width:100%; left: calc(50% + 20px);
    width: calc(100% - 40px);*/
	 
	/*border-top:2px solid #FFCC00  ;*/
	right: 0%;
    width:  100%;
	height:100%;
	border-top:2px solid #ffb327; position:absolute; 
	display: block;
	margin:auto;
    /*top: 20px;     border-top-width: 1px solide #111;
	eight: 0;
    left: 50%;
    margin-left: 0;
    position: absolute;
    width: 100%;
	    z-index: 1;
    border-width: 0 0 0 1px;*/  
}
.blasting-wraperas-icon{ text-align:center;  position:relative; 
 color: #ffb327;
    font-size: 28px;
    height: 50px;
    width: 50px;
    line-height: 40px;
    height: 40px;
	background-color:#FFFFFF;
	background:#FFFFFF;
    width: 40px;
	border:2px solid #ffb327;
    text-align: center; margin:auto; border-radius:100%; z-index:99999999999999999999999999;}
 
	
/**/.blasting-wraperas-iconn i{background-color:#FFFFFF;}
 
.blasting-wraperas-iconn i:before {
 z-index:999999;
    color: #ffb327;
	 
	    font: normal normal normal 14px/1 FontAwesome;
    height: auto;
    width: auto;
    line-height: 40px;
	font-weight:300;
    height: 40px;
    width: 40px;
    text-align: center;
}
.shadeproj {
position: relative;
    font-family: 'Outfit', sans-serif;
    color: #111;
    font-weight: 400;
    font-size: 22px;
	line-height:26px;
    text-align: justify;
    margin: 0px;
    transition: all 500ms ease;
    margin-bottom: 33px; text-align:center; padding-bottom:20px; padding-top:10px;
}

.shadeprojp {
    position: relative;
    font-family: 'Outfit', sans-serif;
   color: #111;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: justify;
    margin: 0px;
    transition: all 500ms ease;
    margin-bottom: 33px;
}
.shadeprojpw {
    position: relative;
    font-family: 'Outfit', sans-serif;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: justify;
    margin: 0px;
    transition: all 500ms ease;
    margin-bottom: 33px;
}

.blast-ben{   background-image: url(../blast-grid.jpg);
 position: relative;
	min-height:200px;
    background-repeat: no-repeat;
    background-size: cover;}
	
	.blast-ben-overlay{ width:100%; height:100%; position: absolute; background-color: rgb(10,0,0,0.8) }
	
.blasting-ben{position:relative; width:100%; margin-top:-80px; margin-bottom:-100px; background-color:rgb(255,165,10,1)}	
.blasting-ben-si:hover{ transform: translateX(-10px);
    transition: all 0.5s ease 0s;}
.blasting-ben-si{position:relative; width:100%; display:flex; align-items: center; border-bottom: 1px solid  rgb(255,255,255,.3); margin-bottom:0px; transition: all 0.5s ease 0s;
 /* justify-content: center;*/ }
.blasting-ben .blast1-2{ width:33.33%; float:left; display:inline-block}
.blasting-ben .blast2-3{ width:66.67% ; float:left; display:inline-block}

.bmargin20{ margin:20px;
   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
	
	.blasting-ben img{ max-width:30px;
    vertical-align: middle;
    max-width: 50px;
    height: auto;  
}

.shadeprojpwbla {
  
    font-family: 'Outfit', sans-serif;
    color: #fff;
    font-weight: 400;
font-size: 20px;
    line-height: 30px;
    text-align: justify;
    margin: 0px;
    transition: all 500ms ease;
    
}

.blasting-benfir{position:relative; width:100%; display:flex; align-items: center;   margin-bottom:100px;}
.blasting-benflex{  width:100%; display:flex; align-items: center;  }
/*one*/
.blastingbg1{z-index: 99;
background-color: #231f20; position:relative;  padding:50px 50px; overflow:hidden;}
.blastingbg1aa {
	width:100%;
	height:100%;
	left:-100%;
	top:0px;
	background-color:rgb(255,168,0,1);
	position: absolute;
	z-index:99999999;
	transition: all 500ms ease;
}
.blastingbg1:hover .blastingbg1aa{width:100%; height:100%; left:0% ; transition: all 500ms ease; }
.blastingbg1a{
width:50px;
 height:50px;  
    position: absolute;
    top: 0; letter-spacing:3px;
    left: 0px ; padding:15px;  font-family: 'Outfit', sans-serif;
    color: #fff; font-size:  20px;
  z-index:9999999999;
}

.shadeprojp1a{
   position:relative; text-align:center; margin:auto ;
    font-family: 'Outfit', sans-serif;
    color: #fff;
    font-weight: 400;
font-size: 24px;
    line-height: 36px;
     z-index:9999999999;
    transition: all 500ms ease;
    
}
.shadeprojp1apara{
   position:relative; text-align:center; margin:auto ;
    font-family: 'Outfit', sans-serif;
    color: #fff;
    font-weight: 400;
	padding-top:10px;
font-size: 18px;
    line-height: 24px;
     z-index:9999999999;
    transition: all 500ms ease;
    
}
.shadeprojp1apara2{
   position:relative; text-align:center; margin:auto ;
    font-family: 'Outfit', sans-serif;
    color: #000;
    font-weight: 400;
	padding-top:10px;
font-size: 18px;
    line-height: 24px;
     z-index:9999999999;
    transition: all 500ms ease;
    
}
.shadeprojp2apara{
   position:relative; text-align:center; margin:auto ;
    font-family: 'Outfit', sans-serif;
    color: #111;
    font-weight: 400;
	padding-top:10px;
font-size: 18px;
    line-height: 24px;
     z-index:9999999999;
    transition: all 500ms ease;
    
}
/*one*/

/*one*/
.blastingbg12{z-index: 99;
  position:relative;  padding:50px 50px; overflow:hidden;}
.blastingbg1aa2 { width:100%; height:100%; left:-100%; top:0px; background-color:rgb(255,168,0,1); position: absolute; z-index:99999999; transition: all 500ms ease; }
.blastingbg12:hover .blastingbg1aa{width:100%; height:100%; left:0% ; transition: all 500ms ease; }
.blastingbg1a2{
width:50px;
 height:50px;  
    position: absolute;
    top: 0; letter-spacing:3px;
    left: 0px ; padding:15px;  font-family: 'Outfit', sans-serif;
    color: #111; font-size:  20px;
  z-index:9999999999;
}

.shadeprojp1a2{
   position:relative; text-align:center; margin:auto ;
    font-family: 'Outfit', sans-serif;
    color: #111;
    font-weight: 400;
font-size: 24px;
    line-height: 36px;
     z-index:9999999999;
    transition: all 500ms ease;
    
}
/*one*/
.blast-ben2-overlay{ width:100%;
 height:100%;  
    position: absolute; background-color:rgb(255,168,0,.8);}
.blast-ben2{   background-image: url(../blastingicon/bga1.jpg);
 position: relative;
 
 
    background-repeat: no-repeat;
    background-size: cover; background-position:bottom center;}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
 	.industrial-service .blasting-1-4{ width:50%;
display: inline-block; float:left;
 
 
	}
	
	}	
@media only screen and (min-width: 620px) and (max-width: 767px) {
 	.industrial-service .blasting-1-4{ width:50%;
display: inline-block; float:left;
 
 
	}
	.industrial-service .blasting-1-3nn, .industrial-service .service-1-3 {width:100%;
display: block; float:none;}
	}
@media only screen and (max-width: 619px) {

.industrial-service .blasting-1-3nn, .industrial-service .service-1-3, .industrial-service .blasting40, .industrial-service .blasting60, .industrial-service .blasting-2-3, .industrial-service .blasting-1-2, .industrial-service .blasting-1-3, .industrial-service .blasting-1-4{width:100%;
display: block; float:none;}
	
 .industrial-service .blastingrev {
    display: block;
    flex-direction: row-reverse;
    align-items: center;
}
.blasting-ben {
    position: relative;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: rgb(255,165,10,1);
}
.blasting-wraperas {
    z-index: 9999999999999999;
    top: 20px;
    /* border-top: 2px solid #FFCC00; */
    right: 0%;
    width: 100%;
    height: 100%;
    border-top: 2px solid #ffb327;
    position: absolute;
    z-index: 9;
}
.blasting-wraperasr {
    z-index: 9999999999999999;
    top: 20px;
    /* border-top: 2px solid #FFCC00; */
    right: 0%;
    width: 100%;
    height: 100%;
    border-top: 2px solid #ffb327;
    position: absolute;
    z-index: 9;
}
}