body{margin:0;padding:0;font-family:'Yantramanav', sans-serif !important;color:#000;}
h1{font-size:30px !important;font-weight:700 !important;text-transform:uppercase;margin-top:32px !important;}
h2{font-size:26px;font-weight:700;}
h3{font-size:22px;font-weight:700;padding-bottom:21px !important;color:#ef9529;margin-bottom:20px !important;padding-bottom:4px !important;}
h4{font-size:18px;color:#14a723 !important;font-weight:700 !important;padding-bottom:0 !important;background:rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;margin:0 0 15px 0 !important;}
h5{font-weight: bold !important;}
a{color:#14a723;}
a:hover{text-decoration: none !important;}
p{font-size:16px !important;line-height:26px !important;text-align:justify;}
.clearfix{clear:both;}
.clearfix2{clear:both;margin-bottom:10px;}
.wrapper{width:1170px;margin:0 auto;}
.top-area-container{
	/* background:rgba(0, 0, 0, 0) url("images/top-bg.png") no-repeat scroll center 31px; */
float:left;height:90px;width:100%;z-index:999999;position:absolute;}
.top-area{width:100%;float:right;height:31px;padding-top:5px;padding-right:0;background:#fff;z-index:99999;}
.top-area ul{margin:0 0 0 0;padding:0;float:right;}
.top-area li{float:left;list-style:none;background:url(images/devider.jpg) no-repeat right 5px;}
.top-area li:last-child{}
.top-area li a{font-size:15px;color:#14a723;text-transform:uppercase;text-decoration:none;padding:0 13px 0 14px;}
.top-area li a:hover{}
.top-area a{font-size:15px;color:#fff;text-transform:uppercase;text-decoration:none;}
.login-area{background:url(images/login-icon.png) no-repeat 17px 2px;width:auto;float:right;padding-right:15px;padding-left:37px;padding-top:1px;}
.calc-area{background:url(images/calc-icon.png) no-repeat 17px 2px;width:auto;padding-left:35px;padding-top:1px;margin-right:12px;}
.calc-area-outarea{background:url(images/devider.jpg) no-repeat left 5px;float:right;}
.ls-responsive .liquid-slider{display:none}
.logo-area{float:left;padding-top:2px;width:100%;position:absolute;z-index:99;height:202px;margin-top:36px;}
 .logo-area img{/*margin-left:-176px;*/margin-top:15px;} 
.logo-area.inside-logo{height:273px;}
.header-area{}
.about-banner{width:100%;float:left;background:url(images/about-banner.jpg) no-repeat center top;height:266px;margin-top:35px;}
.network-banner{width:100%;float:left;background:url(images/network.jpg) no-repeat center top;height:266px;margin-top:35px;}
.cooling-water-banner{width:100%;float:left;background:url(images/cooling-water-treatment.jpg) no-repeat center top;height:266px;margin-top:35px;}
.boiler-water-banner{width:100%;float:left;background:url(images/boiler-water-treatment.jpg) no-repeat center top;height:266px;margin-top:35px;}
.membrane-separation-banner{width:100%;float:left;background:url(images/membrane-separation.jpg) no-repeat center top;height:266px;margin-top:35px;}
.raw-waste-separation-banner{width:100%;float:left;background:url(images/raw-waste-separation.jpg) no-repeat center top;height:266px;margin-top:35px;}
.chilled-water-banner{width:100%;float:left;background:url(images/chilled-water-treatment.jpg) no-repeat center top;height:266px;margin-top:35px;}
.industrial-chemical-banner{width:100%;float:left;background:url(images/industrial-chemical-treatment.jpg) no-repeat center top;height:266px;margin-top:35px;}
.pipeline-preservation-banner{width:100%;float:left;background:url(images/pipeline-preservation.jpg) no-repeat center top;height:266px;margin-top:35px;}
.chlorine-dioxide-banner{width:100%;float:left;background:url(images/chlorine-dioxide.jpg) no-repeat center top;height:266px;margin-top:35px;}
.chemical-dosing-banner{width:100%;float:left;background:url(images/chemical-dosing-systems.jpg) no-repeat center top;height:266px;margin-top:35px;}
.vsense-cooling-banner{width:100%;float:left;background:url(images/vsense-cooling.jpg) no-repeat center top;height:266px;margin-top:35px;}
.chorine-dioxide-banner{width:100%;float:left;background:url(images/chorine-dioxide.jpg) no-repeat center top;height:266px;margin-top:35px;}
.paints-and-coatings-banner{width:100%;float:left;background:url(images/paints-and-coatings.jpg) no-repeat center top;height:266px;margin-top:35px;}
.cable-crane-systems-banner{width:100%;float:left;background:url(images/cable-crane-systems.jpg) no-repeat center top;height:266px;margin-top:35px;}
.process-chemicals-banner{width:100%;float:left;background:url(images/process-chemicals.jpg) no-repeat center top;height:266px;}
.corrosion-control-banner{width:100%;float:left;background:url(images/corrosion-control.jpg) no-repeat center top;height:266px;margin-top:19px;}
.chemicals-banner{width:100%;float:left;background:url(images/chemicals-and-pharmaceuticals.jpg) no-repeat center top;height:266px;margin-top:35px;}
.power-plants-banner{width:100%;float:left;background:url(images/power-plants.jpg) no-repeat center top;height:266px;margin-top:35px;}
.steel-plants-banner{width:100%;float:left;background:url(images/steel-plants.jpg) no-repeat center top;height:266px;margin-top:35px;}
.sugar-mills-banner{width:100%;float:left;background:url(images/sugar-mills.jpg) no-repeat center top;height:266px;margin-top:35px;}
.fertilizers-banner{width:100%;float:left;background:url(images/fertilizers.jpg) no-repeat center top;height:266px;margin-top:35px;}
.ports-banner{width:100%;float:left;background:url(images/ports.jpg) no-repeat center top;height:261px;}
.hotels-and-hospitals-banner{width:100%;float:left;background:url(images/hotels-and-hospitals.jpg) no-repeat center top;height:266px;margin-top:35px;}
.industreis-we-serve-banner{width:100%;float:left;background:url(images/industreis-we-serve.jpg) no-repeat center top;height:266px;margin-top:35px;}
.error-captcha-banner{width:100%;float:left;background:url(images/error-captcha.jpg) no-repeat center top;height:266px;margin-top:35px;}
.oil-and-gas-banner{width:100%;float:left;background:url(images/oil-and-gas.jpg) no-repeat center top;height:266px;margin-top:35px;}
.airports-banner{width:100%;float:left;background:url(images/airports.jpg) no-repeat center top;height:266px;margin-top:35px;}
.automobile-banner{width:100%;float:left;background:url(images/automobile.jpg) no-repeat center top;height:266px;margin-top:35px;}
.alliances-banner{width:100%;float:left;background:url(images/alliances.jpg) no-repeat center top;height:266px;margin-top:35px;}
.knowledge-sharing-banner{width:100%;float:left;background:url(images/knowledge-sharing.jpg) no-repeat center top;height:266px;margin-top:35px;}
.careers-banner{width:100%;float:left;background:url(images/careers.jpg) no-repeat center top;height:266px;margin-top:35px;}
.vast-banner{width:100%;float:left;background:url(images/vast.jpg) no-repeat center top;height:266px;margin-top:35px;}
.resources-banner{width:100%;float:left;background:url(images/resources.jpg) no-repeat center top;height:266px;margin-top:35px;}
.contact-us-banner{width:100%;float:left;background:url(images/contact-us.jpg) no-repeat center top;height:266px;margin-top:35px;}
.network-banner{width:100%;float:left;background:url(images/network.jpg) no-repeat center top;height:266px;margin-top:35px;}
.sitemap-banner{width:100%;float:left;background:url(images/sitemap.jpg) no-repeat center top;height:266px;margin-top:35px;}
.water-treatment-banner{width:100%;float:left;background:url(images/water-treatment.jpg) no-repeat center top;height:266px;margin-top:35px;}
.thankyou-banner{width:100%;float:left;background:url(images/thankyou.jpg) no-repeat center top;height:266px;margin-top:35px;}
.content-heading2.second{width:auto;float:none;}
.breadcurmb{float:left;width:100%;background:#009fe3;}
.breadcurmb ul{margin:0;padding:0;}
.breadcurmb li{float:left;font-size:15px;background:url(images/devider.jpg) no-repeat right 14px;list-style:none;padding:10px 15px;}
.breadcurmb li:first-child{padding-left:6px;}
.breadcurmb li:last-child{background:none;}
.breadcurmb li a{color:#fff;text-decoration:none;}
.home-menu{padding-left:30px !important;}
.last-menu{padding-right:0 !important;}
.content-area{width:100%;float:left;}
.inside-heading{color:#14a723;
/*background:rgba(0, 0, 0, 0) url("images/heading-border.png") no-repeat scroll 0 bottom;*/
padding-bottom:3px;margin-bottom:20px;float:left;width:100%;}
.right-sidebar{width:287px;float:left;border:1px solid #e9e8e6;margin-right:40px;margin-left:5px;}
.right-sidebar ul{margin:0;padding:0}
.right-sidebar li{list-style:none;padding:15px 0 13px;border-bottom:1px solid #e9e8e6;-webkit-transition:background-color 1s ease-out;-moz-transition:background-color 1s ease-out;-o-transition:background-color 1s ease-out;transition:background-color 1s ease-out;}
.right-sidebar li a{font-size:16px;color:#000;padding-left:28px;text-decoration:none;background:rgba(0, 0, 0, 0) url("images/arrow2.png") no-repeat scroll 15px 4px;display:block;}
.right-sidebar li:last-child{border-bottom:none}
.right-sidebar li:hover{background:#f4f4f4;}
.right-sidebat-active{background:#f4f4f4 url(images/active-bg.png) repeat-y left top !important;}
.right-sidebar-heading a.right-sidebat-active2{color:#ef9529 !important}
.right-sidebar-heading{background:none repeat scroll 0 0;transition:none !important;color:#fff !important;}
.right-sidebar-heading a{color:#14a723 !important;font-size:18px !important;background:#14a723;font-weight:bold;padding-left:13px !important;background:none !important;}
.right-sidebar-heading:hover{background:none repeat scroll 0 0 !important;}
.mobile-sidebar-menu{display:none;}
.right-sidebar{display:block}
.left-area{width:829px;float:left;}
.content-heading{color:#14a723;padding-bottom:9px;margin:0;background:rgba(0, 0, 0, 0) url("images/heading-border2.png") no-repeat scroll 0 bottom;margin:0 0 0;}
.content-heading2{margin:0 0 0;float:left;width:100%;border-bottom:0px solid #e9e8e6;}
.content-banner{float:left;width:100%;margin:29px 0 0 0;}
h3.content-heading2{border-bottom:1px solid #e9e8e6;}
.tagline1{color:#14a723;float:left;width:100%;font-size:16px;font-weight:700;margin-bottom:5px;margin-top:0;}
.tagline1.tagline2{margin-bottom:10px;}
.tagline1 h4{color:#14a723;float:left;font-size:18px;width:100%;font-weight:700;margin:0 0 15px;padding:0 !important;}
.main-content-list{float:left;width:100%;margin-bottom:20px;}
.main-content-list ul{margin:0 1% 0 0;padding:0;width:100%;float:left;}
.main-content-list ul ul{margin-left:32px;width:96% !important;}
.main-content-list li{list-style:none;background:url(images/bullet1.png) no-repeat left 10px;border-bottom:1px solid #e9e8e6;padding:10px 0 9px 30px;clear:both;}
.main-content-list li:last-child{border-bottom:none;}
.main-content-list ul ul li{list-style:none;background:url(images/bullet2.png) no-repeat left 14px !important;border-bottom:1px solid #e9e8e6;padding:10px 0 9px 13px;clear:both;}
.content-list{float:left;width:100%;margin-bottom:10px;}
.content-list ul{margin:0 1% 0 0;padding:0;width:48%;float:left;}
.content-list ul.second-list{margin:0 0 0 0;padding:0;width:48%;float:right;}
.content-list li{list-style:none;background:url(images/bullet1.png) no-repeat left 10px;border-bottom:1px solid #e9e8e6;padding:10px 0 9px 30px;}
.content-list li:last-child{border-bottom:none;}
.content-list li a{text-decoration:none;font-size:16px;color:#000;}
.content-list li.border{border-bottom:1px solid #e9e8e6;}
.footer-container{width:100%;float:left;background:rgba(0, 0, 0, 0) url("images/footer-bg.jpg") no-repeat scroll center top;height:350px;margin-top:52px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.footer-container.home-footer{margin:0;}
.footer-area{width:100%;float:left;padding-top:36px;}
.footer-area ul{margin:0;padding:0;}
.footer-area li{list-style:none;}
.footer-area li.title1{padding-bottom:0;margin-bottom:0;}
.footer-area .footer-col1.last3 li.title1:last-child a{border:0}
.footer-area li.title1 a{font-weight:bold;font-size:16px;border-bottom:1px solid #a4e6b8; float:left; width: 100%}
.footer-area li.title1 ul li a{font-weight:400;font-size:15px;border-bottom:0px solid #769cb7; float:left; width: 100%; padding:3px 0}
.footer-area li.title2{border-top:1px solid #769cb7;padding-top:9px;margin-top:9px;}
.footer-area li.title2 a{font-weight:bold;font-size:16px;}
.footer-area li.title3{border-top:1px solid #769cb7;padding-top:9px;margin-top:9px;}
.footer-area li.title3 a{font-weight:bold;font-size:16px;}
.footer-area li a{color:#fff;text-decoration:none;font-size:15px;padding-bottom:7px;padding-top:7px;}

.footer-col1:last-child{margin-right:0 !important;}
.footer-col2{width:448px;float:left;margin-right:18px;margin-left:6px;}
.footer-col2 ul ul{float:left;margin-right:35px;}
.footer-col1 li{padding-bottom:2px;}
.footer-col2 li{padding-bottom:2px;}
.footer-col2 ul:last-child{margin-right:0 !important;}
.title1:last-child{border:medium none !important;}
.copyright-area{width:100%;background:#14a723;color:#fff;text-align:center;float:left;padding:15px 0;font-size:15px;}
.copyright-area a{color:#fff;text-decoration:underline;}
.home-about-area{width:100%;float:left;padding: 4em 0;}
/* .home-about-area.about-ab{margin-top: 14em;} */
.home-about-area img{/*margin: 2em 0 0;*/}
.home-about-area .inside-heading{/*background-position:center bottom;text-align:center;*/margin-top:53px;margin-bottom:20px;}
.home-about-area p{text-align:justify !important;/*width:65%;*/margin:0 auto;line-height:25px;font-size: 23px !important;}

.about-icon1 {
    width: 288px;
    /* float: left; */
    text-align: center;
    margin: 0 auto;
}
.about-iconarea{width:100%;float:left;margin-top:21px;}
.icon-img{margin-bottom:13px;margin-bottom:12px;}
.icon-title{text-align:center;font-size:16px;color:#14a723;font-weight:bold;}
.readmore{width:100%;float:left;text-align:center;margin-top:34px;}
.readmore a{font-size:15px;color:#14a723;border:1px solid #14a723;text-align:center;font-weight:bold;text-decoration:none;padding:9px 19px;-webkit-transition:background-color 1s ease-out;-moz-transition:background-color 1s ease-out;-o-transition:background-color 1s ease-out;transition:background-color 1s ease-out;}
.readmore a:hover{background:#14a723;color:#fff;}
.industries-area{width:100%;float:left;height:514px;background:#f7fff8;}
.industries-leftarea{width:49%;float:left;}
.industries-heading{color:#14a723;background:rgba(0, 0, 0, 0) url("images/heading-border.png") no-repeat scroll 2px bottom;padding-bottom:3px;margin-bottom:20px;font-size:30px;font-weight:700;margin-left:4px;margin-top:43px;text-transform:uppercase;}
.industries-heading h2{font-size:30px;margin:0;font-weight: 700;}
.industries-area p{text-align:justify !important;width:auto;font-size:23px !important;margin-left:4px;width:auto;line-height:23px;}
.industries-rightarea{background:rgba(0, 0, 0, 0) url("images/squares-image-psd-new.png") no-repeat scroll left bottom;height:514px;width:49%;float:right;}
.industries-leftarea ul{margin:18px 0 0 5px;padding:0;float:left;}
.industries-leftarea li{list-style:none;background:rgba(0, 0, 0, 0) url("images/bullet1.png") no-repeat scroll left 6px;border-bottom:1px solid #a3ceea;padding:6px 0 6px 27px;font-size:20px;}
.industries-leftarea li a{color:#000;text-decoration:none;}
.industries-leftarea li:last-child{border-bottom:none;}
.industries-area .readmore{text-align:left;margin-top:20px;margin-left:4px;}
.inside-industries-area{background:none;margin-top:0;height:auto;}
.first-list{margin-right:24px !important;width:220px !important;}
.copyright-area.home-copyright a{margin-left:3px;}
.main-content-area{width:99%;padding-left:5px;}
.contact-leftarea{width:100%;float:left;}
.contact-rightarea{width:100%;float:left;}
.address-area-text{float:left;font-size:16px;line-height:24px;margin-bottom:24px;width:48%;margin-right:20px;border-right:1px dotted #ccc;}
.address-area-text:last-child{border:medium none;}
.address-area-text > strong{float:left;width:70px;}
.address-area-text > a{color:#000;text-decoration:none;}
.address-area-title{border-bottom:medium none;color:#14a723;font-size:20px;margin:0 0 13px;padding:0;font-weight:bold;}
.bold-text > img{margin-right:15px;}
.map-area{float:left;margin-right:11px;padding-right:12px;width:47%;}
.map-area iframe{border:none;}
.map-area:last-child{margin-right:0;}
.contact-div2 > a{color:#000;text-decoration:none;}
.contact-div2{margin:0 0 0 52px;float:left;}
.contact-div1{float:left;}
.contact-form{width:100%;float:left;}
.sitemap{float:left;margin:0;padding:0;width:100%;}
.sitemap ul{float:left;margin:0;padding:0;width:100%;}
.sitemap ul li{float:left;list-style:outside none none;margin:0;padding:0;width:100%;}
.sitemap ul li a{background:#f4f4f4 none repeat scroll 0 0;color:#14a723;display:block;font-size:18px;font-weight:bold;margin-bottom:13px;padding:7px 0 12px 18px;text-decoration:none;}
.sitemap ul ul{float:left;list-style:outside none none;margin:10px 0 0;padding:0 0 0 0;width:98%;}
.sitemap ul ul li{background:rgba(0, 0, 0, 0) url("images/bullet1.png") no-repeat scroll 0 0px;float:left;margin:0 0 15px;padding:0;width:30%;}
.sitemap ul ul li.col-left, .sitemap ul ul li.col-right{width:100%;}
.sitemap ul ul li a{border-bottom:medium none;color:#727272;display:block;font-size:14px;padding:2px 0 2px 26px;font-weight:normal;background:rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;margin-bottom:0;}
.sitemap ul ul ul{float:left;list-style:outside none none;margin:10px 0 0;padding:0 0 0 12px;width:100% !important;}
.sitemap ul ul ul li{background:rgba(0, 0, 0, 0) url("images/submenu-arrow.jpg") no-repeat scroll 15px 5px;float:left;padding:0 0 0 7px;width:100%;margin:0 0 5px 0;}
.sitemap ul li ul li{margin-right:30px;}
.sitemap ul ul ul li a{color:#727272;display:block;font-size:13px;padding:2px 0 0 25px;background:rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;margin-bottom:0;}
.sitemap-first-list{width:100% !important;}
.sitemap-first-list li{width:100% !important}
.sitemap-first-list li ul li{float:left !important;width:30% !important;}
.sitemap .home-menu{padding-left:0 !important;}
.world-maparea{margin-top:20px;}
.knowledge-sharing-list{float:left;width:100%;}
.knowledge-sharing-list ul{margin:0 2% 0 0;padding:0;width:48%;float:left;}
.knowledge-sharing-list li{list-style:none;border-bottom:1px solid #e9e8e6;}
.knowledge-sharing-list li:last-child{border-bottom:none;}
.knowledge-sharing-list li a{text-decoration:none;font-size:16px;color:#000;background:url(images/pdf-icon.png) no-repeat left 10px;padding:15px 0 15px 30px;line-height:53px;}
.header-area{width:100%;float:left;
/* height:677px; */
}
.tab-readmore-btn{float:left;}
.video-area{margin-top:0;width:100%;}
#video-bg{border:none;height:640px;position:absolute;width:100%;z-index:1;top:35px;}
.alliences-area{width:100%;float:left;}
.alliences-leftarea{float:left;border:1px solid #e9e8e6;float:left;margin-left:5px;margin-right:40px;width:288px;}
.alliences-rightarea{float:left;width:829px;}
select{background-color:#fafafa;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");background-position:100% center;background-repeat:no-repeat;border-color:#ccc;border-radius:0;border-style:solid;border-width:1px;color:rgba(0, 0, 0, 0.75);font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:0.875rem;height:2.3125rem;line-height:normal;padding:0.5rem;width:100%;}
.jump-menu{display:none;}
.products-area{float:left;width:96%;margin-bottom:0;}
.products-area ul{margin:0;padding:0;list-style:none;}
.products-area li a{color:#000;float:left;background:#f4f4f4 url("images/bullet1.png") no-repeat scroll 13px 10px;list-style:none;text-decoration:none;padding:10px 0 9px 45px;width:99%;margin-bottom:15px;}
.products-area img{float:right;margin-right:11px;}
.cable-crane-area{width:100%;float:left;margin-bottom:28px;}
.cable-crane-imgarea{float:left;width:260px;height:auto;}
.cable-crane-textarea{float:right;width:550px;}
.cable-crane-textarea p{margin:0;}
.key-facts-area{background:#edf7fa url("images/kery-fatcs-img.png") no-repeat scroll -36px 0;height:400px;width:100%;float:left;}
.key-facts-list{width:425px;float:right;margin-right:35px;margin-top:21px;}
.key-facts-list ul{float:left;margin:0 1% 0 0;padding:0;width:100%;}
.key-facts-list li{background:rgba(0, 0, 0, 0) url("images/bullet3.png") no-repeat scroll left 10px;border-bottom:1px solid #bedced;clear:both;list-style:outside none none;padding:10px 0 9px 30px;}
.key-facts-list li:last-child{border-bottom:none;}
.ceodesk-contentarea{background:#edf7fa;float:left;font-style:italic;padding:0 30px 30px 30px;color:#14a723;margin-top:25px;}
.ceodesk-contentarea .main-content-list li{border:medium none !important;}
.vision-first-area{float:left;width:100%;color:#14a723;font-size:18px;font-style:italic;}
.vision-first-area p{color:#14a723 !important;font-size:18px !important;}
.vision-second-area{background:#edf7fa;float:left;padding:30px;}
.vision-second-area h3.content-heading2{border:medium none;color:#14a723 !important;font-size:20px !important;margin:0 0 6px !important;padding:0 !important;}
.diagram-area{float:left;margin-bottom:16px;text-align:center;width:100%;}
.alliances-area{width:100%;float:left;margin-bottom:20px;border-bottom:1px solid #e9e8e6;padding-bottom:20px;}
.alliances-area:last-child{border-bottom:0;padding-bottom:0;}
.alliances-area-last{margin-right:0}
.inside-alliances-area{width:23%;float:left;margin-right:2%;border:1px solid #dcdcdc;}
.alliances-imgarea{width:100%;text-align:center;padding:55px 0;float:left;}
.alliances-titlearea{width:100%;text-align:center;background:#f6f6f6;display:none;color:#14a723;font-size:16px;padding:15px 0;float:left;}
.alliances-titlearea a{text-decoration:none;color:#14a723;}
.alliances-textarea{width:74%;text-align:left;padding:0;float:left;}
.alliances-textarea a{text-decoration:underline;color:#14a723;}
.alliances-textarea p{margin:0 0 15px;}
.content-list.full ul{margin:0;width:100%;}
.inside-industries-area .industries-rightarea{background:rgba(0, 0, 0, 0) url("images/industries-bg2.png") no-repeat scroll left bottom;float:right;height:814px;width:49%;}
.col1{height:306px;margin-bottom:29px;padding:20px;width:235px;}
.col1-title{color:#fafeff;font-size:20px;border-bottom:1px solid #fff;padding-bottom:7px;}
.col1 ul{margin:0;padding:0}
.col1 li{background:rgba(0, 0, 0, 0) url("images/bullet4.png") no-repeat scroll left 1px;color:#fff;list-style:outside none none;margin:17px 0;padding-left:30px;font-size:15px;}
.col2{background:#14a723;float:left;}
.col3{background:#0485e0;float:left;}
.col4{background:#0393f7;float:left;}
.underline{text-decoration:underline;}
.underline a{color:#14a723;}
.content-img img{width:100%;}
.title4{color:#14a723;background:url("images/heading-border.png") no-repeat center bottom;margin:30px 0 0;padding:0 0 10px;text-transform:uppercase;float:left;width:100%;text-align:center;font-size:30px;line-height:30px;font-weight:700;}
.proud-recipient{float:left;width:100%;padding:0 0 55px 0;background:url(images/proud-recipient-bg.jpg) no-repeat 0 15px #edf7fa;margin:0 0 35px;}
.proud-recipient .key-facts-list{}
.ceo-imgs{float:left;margin:29px 0 30px 0;width:100%;}
.ceo-img1{float:left;margin:0 10%;text-align:center;width:30%;}
.ceo-img1 span{font-size:16px;color:#14a723;font-weight:700;}
.ceo-img1 img{margin-bottom:10px;width:100%;max-width:310px;}
.vision-panel{float:left;width:100%;margin:0 0 15px;}
.vision-img{float:left;width:23%;margin:0 2% 0 0;}
.vision-text{float:left;width:75%;}
.vision-text p{line-height:22px;}
.vision-img img{width:100%;max-width:148px;}
.content-img2{float:left;margin:0 35px 25px 0;width:100%;max-width:318px;}
.content-img2.second{max-width:260px;}
img{max-width:100%;}
.cable-crane-area.second .cable-crane-imgarea{width:318px;margin:0 35px 20px 0;height:auto;}
.cable-crane-area.second .cable-crane-textarea{float:left;width:476px;}
.content-img2.margin{margin-top:20px;}
.row1{float:left;width:100%;margin:0 0 15px 0;text-align:left;}
.column1{float:left;width:48%;}
.column2{float:right;width:48%;}
.product-listing-panel{float:left;width:100%;margin-top:20px;}
.product1{float:left;width:31%;margin:0 3% 25px 0;}
.product1:nth-child(3n){margin-right:0;}
.pro-img{float:left;width:100%;}
.pro-name{float:left;width:96%;padding:15px 2%;text-align:center;background:#e9f8ff;}
.pro-name a{text-decoration:none;color:#000;}
video.HasListener{height:1170px;margin:-280px 0 0 0; width: 100%}
.forcefullwidth_wrapper_tp_banner{z-index:9;
    display: none;}
.pro-name h3{font-weight:normal;color:#000;font-size:16px;margin:0px 0px 0px 0px !important;padding:0px !important;}
#functionality-panel{clear:both;display:block;float:left;margin:-420px 0 32px;max-width:1162px;width:100%;}
.desktop{display:block !important;}
.product-slider-row1{float:left;width:100%;
    }
.gallery_block{float:left;margin:0;overflow:hidden;padding:0px;position:relative;width:20%;z-index: 101;}
.hotspot{height:250px;width:1px;}
.gallery_block.red .item_more_info{background:#e3351f none repeat scroll 0 0;}
.item_more_info{background-color:#fff;color:#fffffe;cursor:pointer;float:left;font-size:17px;height:100%;left:0;overflow:hidden;padding:0;position:absolute;text-decoration:none;top:199px;width:100%;z-index:9;}
.gallery_block h2{font-weight:bold;margin:0 0 5px!important;color:#fff;font-size:15px;text-transform:uppercase;line-height:20px;}
.text-slider{color:#1b1b1b;float:left;font-size:14px;height:100%;padding:0;text-align:left;width:100%;}
.gallery_block.brown-box1 .item_more_info{background:#8d0022 none repeat scroll 0 0;}
.scroll-text{float:left;height:100%;padding:0 2% 20px;position:relative;
/* width: 88%; */
z-index:999;}
.gallery_block.brown-box4.last .scroll-text p span {
    text-align: center !important;
    font-size: 16px;
    float: none !important;
    display: block;
}
.scroll-text p{color:#fff;line-height:18px;margin:0 0 10px;text-align:left;padding:0;font-size: 12px !important;}
.view-more{float:left;font-weight:bold;padding:9px 0;text-decoration:none;width:100%;}
.brown-box1 .view-more h2{background:url(images/tab-water-treatment-icon.png) no-repeat 38px center;padding:10px 0 10px 114px!important;}
.brown-box2 .view-more h2{background:url(images/tab-process-chemicals-icon.jpg) no-repeat 38px center;padding:10px 0 10px 114px!important;}
.brown-box3 .view-more h2{background:url(images/tab-dosing-system-icon.png) no-repeat 38px center;padding:10px 0 10px 114px!important;}
.brown-box3-new .view-more h2{
	background:url(images/cosmetics-icon.png) no-repeat 38px center;
}
.brown-box4 .view-more h2{background:url(images/tab-corrison-protection-ixon.png) no-repeat 38px center;padding:10px 0 10px 114px!important;}
.gallery_block.brown-box1 .item_more_info{background:#067711;}
.gallery_block.brown-box2 .item_more_info{background:#067711;}
.gallery_block.brown-box3 .item_more_info{background:#067711;}
.gallery_block.brown-box4 .item_more_info{background:#067711;}
.home-slider{margin:0 auto;max-width:1170px;width:98%}
.tab-readmore-btn a{color:#fff;}
.accordion_container{width:100%;float:left;}
.accordion_head{background-color:#f4f4f4;color:#14a723;cursor:pointer;font-size:18px;margin:0 0 1px 0;padding:10px 20px;font-weight:500;}
.accordion_head h3{font-size:18px;margin:0 0 0 0 !important;padding:0 0 0 0 !important;font-weight:500;color:#14a723; display:inline}
.accordion_body{background:#fff;margin-top:15px;}
.plusminus{float:right;font-size:25px;line-height:25px;}
.accordion_body p{margin:0 0 15px;}
.label2{display:block;margin:0px;padding:5px 0px 5px 10px;width:99% !important;background:#F9F5EB;}
.req-fields{color:#F00;font-size:14px;font-weight:bold;}
form{margin:0px;
/*border:1px solid #e8f0f5;*/
}
.enquiry-button2{float:left;margin:0px 0px 0px 17.5%;width:auto;}
.submit{background:#14a723 none repeat scroll 0% 0%;border:medium none;border-radius:3px;color:#FFF;cursor:pointer;float:left;font-weight:800;text-align:center;padding:8px 15px;}
.submit:hover{background:#14a723;border:medium none;border-radius:3px;color:#FFF;cursor:pointer;float:left;font-weight:800;text-align:center;padding:8px 15px;transition:all 0.5s ease 0s;}
.enquiry-text img{float:left;margin:0px 0px 0px 10px;}
.label{background-color:#f6f9fb;display:block;margin:0px;padding:10px 0px;}
.enquiry-row{border-bottom:1px dotted #C7C7C7;padding:10px 1%;width:98%;background:#fafafa;}
.enquiry-row2{border-bottom:1px dotted #C7C7C7;padding:10px 1%;width:98%;}
.enquiry-bold{color:#6D6D6D;float:left;font-size:14px;font-weight:500;margin:0px;padding:6px 0px 0px 10px;text-align:left;width:13%;}
.enquiry-bold2{float:left;font-size:13px;font-weight:bold;padding:8px 0px 0px;margin:0px;text-align:left;width:3%;}
.enquiry-text{float:left;font-size:14px;font-weight:300;line-height:14px;padding:0px;width:80%;color:#6D6D6D;cursor:pointer;}
.form-textfield{border:1px solid #E4E4E4;height:20px;padding:7px 10px;width:84%;color:#6D6D6D;}
.form-textfield2{border:1px solid #E4E4E4;height:70px;margin:0px;padding:5px 10px;resize:vertical;width:84%;color:#6D6D6D;}
.enquiry-text select{border:1px solid #e4e4e4;color:#6d6d6d;height:40px;padding:7px 10px;width:86.5%;}
.home-textfield-captcha-top{border:1px solid #E4E4E4;float:left;height:20px;width:100px;padding:2px 10px;}
.checkbox-panel{float:left;width:100%;}
.checkbox-button{float:left;padding:3px 0px;width:25px;}
.checkbox-button-text{float:left;padding:0px 0px 0px;width:90%;line-height:20px;}
.check-left{float:left;width:49%;margin:0 2% 0 0;}
.check-rt{float:left;width:49%;}
.clear{clear:both;}
.orange{color:#ef9529;font-weight:700;}
.alliances-textarea .content-list li{padding:5px 0 5px 30px;background:url(images/bullet1.png) no-repeat left 4px;}
.ceo-imgs.paints-and-coatings .ceo-img3{margin:0;width:47%;float:left;text-align:left;}
.ceo-imgs.paints-and-coatings .ceo-img2{margin:0;width:47%;float:right;text-align:left;}
.ceo-imgs.paints-and-coatings .ceo-img3 img,.ceo-imgs.paints-and-coatings .ceo-img2 img{width:100%;}
@media only screen and (max-width:1366px){.logo-area{}
#video-bg{height:76%;position:absolute;width:100%;z-index:9;}
.header-area{float:left;width:100%;}
}
.tp-poster{display:none!important;}
@media only screen and (max-width:1024px){.tp-poster{background-position:center 0!important;}
.wrapper{width:98% !important;}
.left-area{width:66%;}
.content-banner img{width:100%;}
.footer-col1{width:310px;margin-left:5px;margin-right:25px;margin-bottom:20px;}
.footer-col2{width:415px;margin-left:5px;}
.about-icon1{margin:0 6px;}
.first-list{margin-right:15px !important;width:214px !important;}
.industries-leftarea ul{width:170px !important;}
.address-area-text{margin-right:19px;width:48%;}
.map-area:last-child{margin-right:0;padding:0 !important;width:50%;}
.contact-leftarea{width:99%;}
.contact-rightarea{width:99%;}
.sitemap{width:100%;}
.sitemap ul li{width:100%;}
.main-content-area{padding-left:5px;width:98%;}
.world-maparea img{width:100%;}
.logo-area img{/*margin-left:-67px;*/}
.video-area{width:100%;margin-top:0;}
.header-area{float:left;width:100%;}
.jump-menu{display:none;}
.cable-crane-textarea{float:right;width:395px;}
.top-area-container{/*background:rgba(0, 0, 0, 0) url("images/top-bg.png") no-repeat scroll -480px 31px*/}
.key-facts-area{background:#edf7fa url("images/kery-fatcs-img.png") no-repeat scroll -43px 0/auto 82%;float:left;height:441px;width:100%;}
.key-facts-list{float:right;margin-right:35px;margin-top:22px;width:310px;}
.alliances-area{margin:0 0 20px 0;}
.alliances-area-last{margin:0 0 20px 0;}
.inside-industries-area .main-content-list ul{width:100% !important;}
.col1{height:auto;margin-bottom:0;padding:20px;width:92%;}
.col4{background:#0393f7 none repeat scroll 0 0;float:left;margin-bottom:20px;}
.proud-recipient .key-facts-list{}
.proud-recipient{background-position:0 15px;}
}
.desk{display:block;}
.mbl{display:none;}
@media only screen and (max-width:800px){.desk{display:none;}
.mbl{display:block;}
.logo-area img{margin:0 !important;}
video.HasListener{height:992px;margin:-280px 0 0 0}
.brown-box1 .view-more h3{background:url(images/tab-water-treatment-icon.png) no-repeat 13px center;padding:10px 0 10px 75px!important;}
.brown-box2 .view-more h3{background:url(images/tab-process-chemicals-icon.jpg) no-repeat 13px center;padding:10px 0 10px 75px!important;}
.brown-box3 .view-more h3{background:url(images/tab-dosing-system-icon.png) no-repeat 13px center;padding:10px 0 10px 75px!important;}
.brown-box4 .view-more h3{background:url(images/tab-corrison-protection-ixon.png) no-repeat 13px center;padding:10px 0 10px 75px!important;}
.gallery_block h3{font-size:17px;margin-bottom:0!important;}
.content-img2{margin:0 20px 20px 0;max-width:225px;}
.cable-crane-area.second .cable-crane-imgarea{width:226px;margin:0 20px 20px 0;height:auto;}
.cable-crane-area.second .cable-crane-textarea{width:356px;}
.wrapper{width:100%;}
.menu{float:right;height:42px;width:100%;}
.logo-area{background-position:center center;float:left;height:180px;margin-left:0;margin-top:39px;position:static;text-align:center;width:100%;}
.top-area li:last-child a{padding-right:13px;}
.logo-area.inside-logo{height:180px;margin-top:24px;background-size:cover}
.column1{float:left;width:100%;}
.column2{float:right;width:100%;}
.ceo-img1{float:left;margin:0 2%;text-align:center;width:46%;}
.top-area-container{background:rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;float:left;height:169px;position:static;width:100%;z-index:9999;}
.top-area-container.top-area-container2{height:auto;}
.left-area{width:61%;}
.footer-col1{width:47%;}
.footer-col1:nth-child(2){margin-right:0 !important;}
.footer-col1:last-child{width:98% !important;}
.footer-container{height:auto;background:rgba(0, 0, 0, 0) url("images/footer-bg.jpg") no-repeat scroll left top/auto 100%;}
.home-about-area p{width:96%;}
.industries-leftarea{width:99%;}
.industries-area{height:auto;}
.industries-rightarea{width:100%;}
.industries-leftarea ul{margin-right:7px !important;width:46% !important;}
.inside-banner{background:url(images/inside-banner.jpg) no-repeat center top/auto 100%;height:180px;}
.home-menu{padding-left:10px !important;}
.address-area-text{border:medium none;margin-right:0;width:100%;}
.map-area{float:left;margin-bottom:20px;margin-right:0;padding-right:0;width:100%;}
.map-area:last-child{margin-right:0;padding:0 !important;width:100%;}
.main-content-area{padding-left:0;}
.sitemap{float:none;margin:0 auto;padding:0;width:99%;}
.sitemap-first-list li ul li{float:left !important;width:44% !important;}
.sitemap ul ul ul{width:98% !important;}
.sitemap ul ul li{width:45%;}
.header-area{float:left;height:auto;margin-top:-170px;width:100%;}
.logo-area img{margin-left:0;margin-top:0;}
.top-area{position:absolute;top:0;}
#video-bg{height:43%;position:absolute;width:100%;z-index:9;top:217px;}
.top-area .wrapper{width:100% !important;}
.content-area{float:none;margin:0 auto;width:98%;}
.content-heading3{background:rgba(0, 0, 0, 0) url("images/heading-border3.png") no-repeat scroll 0 63px;}
.jump-menu{display:none;}
.right-sidebar{width:257px;margin-right:23px;}
.content-list ul{width:100%;}
.content-list ul.second-list{width:100%;}
.content-list ul.second-list{border-top:1px solid #e9e8e6;}
.key-facts-area{background:#edf7fa url("images/kery-fatcs-img.png") no-repeat scroll center bottom;float:left;height:780px;width:100%;}
.key-facts-list{float:right;margin:0 4%;margin-top:22px;width:94%;}
.cable-crane-imgarea{float:left;height:200px;margin-bottom:20px;text-align:center;width:100%;}
.alliances-imgarea img{width:82%;max-width:145px;}
.cable-crane-textarea{float:right;width:100%;}
.alliances-area{margin:0 0 20px 0;}
.alliances-area-last{margin:0 0 20px 0;}
.inside-industries-area .industries-rightarea{background:rgba(0, 0, 0, 0) url("images/industries-bg2.png") no-repeat scroll left bottom;float:right;height:814px;width:100%;}
.about-banner{width:100%;float:left;background:url(images/about-banner.jpg) no-repeat center top/auto 100%;height:192px;}
.cooling-water-banner{width:100%;float:left;background:url(images/cooling-water-treatment.jpg) no-repeat center/auto 100%;height:192px;}
.boiler-water-banner{width:100%;float:left;background:url(images/boiler-water-treatment.jpg) no-repeat center/auto 100% height:192px;}
.membrane-separation-banner{width:100%;float:left;background:url(images/membrane-separation.jpg) no-repeat center/auto 100%;height:192px;}
.raw-waste-separation-banner{width:100%;float:left;background:url(images/raw-waste-separation.jpg) no-repeat center/auto 100%;height:192px;}
.chilled-water-banner{width:100%;float:left;background:url(images/chilled-water-treatment.jpg) no-repeat center/auto 100%;height:192px;}
.industrial-chemical-banner{width:100%;float:left;background:url(images/industrial-chemical-treatment.jpg) no-repeat center/auto 100%;height:192px;}
.pipeline-preservation-banner{width:100%;float:left;background:url(images/pipeline-preservation.jpg) no-repeat center/auto 100%;height:192px;}
.chlorine-dioxide-banner{width:100%;float:left;background:url(images/chlorine-dioxide.jpg) no-repeat center/auto 100%;height:192px;}
.chemical-dosing-banner{width:100%;float:left;background:url(images/chemical-dosing-systems.jpg) no-repeat center/auto 100%;height:192px;}
.vsense-cooling-banner{width:100%;float:left;background:url(images/vsense-cooling.jpg) no-repeat center/auto 100%;height:192px;}
.chorine-dioxide-banner{width:100%;float:left;background:url(images/chorine-dioxide.jpg) no-repeat center/auto 100%;height:192px;}
.paints-and-coatings-banner{width:100%;float:left;background:url(images/paints-and-coatings.jpg) no-repeat center/auto 100%;height:192px;}
.cable-crane-systems-banner{width:100%;float:left;background:url(images/cable-crane-systems.jpg) no-repeat center/auto 100%;height:192px;}
.process-chemicals-banner{width:100%;float:left;background:url(images/process-chemicals.jpg) no-repeat center/auto 100%;height:192px;}
.corrosion-control-banner{width:100%;float:left;background:url(images/corrosion-control.jpg) no-repeat center/auto 100%;height:192px;}
.chemicals-banner{width:100%;float:left;background:url(images/chemicals-and-pharmaceuticals.jpg) no-repeat center/auto 100%;height:192px;}
.power-plants-banner{width:100%;float:left;background:url(images/power-plants.jpg) no-repeat center/auto 100%;height:192px;}
.company-profile-banner{width:100%;float:left;background:url(images/cement.jpg) no-repeat center/auto 100%;height:192px;}
.oil-and-gas-banner{width:100%;float:left;background:url(images/oil-and-gas.jpg) no-repeat center/auto 100%;height:192px;}
.alliances-banner{width:100%;float:left;background:url(images/alliances.jpg) no-repeat center/auto 100%;height:192px;}
.careers-banner{width:100%;float:left;background:url(images/careers.jpg) no-repeat center/auto 100%;height:192px;}
.contact-us-banner{width:100%;float:left;background:url(images/contact-us.jpg) no-repeat center/auto 100%;height:192px;}
.network-banner{width:100%;float:left;background:url(images/network.jpg) no-repeat center/auto 100%;height:192px;}
.sitemap-banner{width:100%;float:left;background:url(images/sitemap.jpg) no-repeat center/auto 100%;height:192px;}
.water-treatment-banner{width:100%;float:left;background:url(images/water-treatment.jpg) no-repeat center/auto 100%;height:192px;}
.products-area li{background:#f4f4f4 url("images/bullet1.png") no-repeat scroll 13px 10px;float:left;list-style:outside none none;margin-bottom:15px;padding:10px 0 9px 45px;width:93%;}
.footer-col1{width:47%;}
.proud-recipient .key-facts-list{margin:50% 4% 0;width:92%;}
.vision-img{float:left;width:30%;margin:0 4% 0 0;}
.vision-text{float:left;width:66%;}
.product1{float:left;width:48%;margin:0 3% 25px 0;}
.product1:nth-child(3n){margin-right:3%;}
.product1:nth-child(2n){margin-right:0;}
.product1 img{width:100%;}
.brown-box1 .view-more h2{background:url(images/tab-water-treatment-icon.png) no-repeat 38px center;padding:10px 0 10px 95px!important;}
.brown-box2 .view-more h2{background:url(images/tab-process-chemicals-icon.jpg) no-repeat 38px center;padding:10px 0 10px 95px!important;}
.brown-box3 .view-more h2{background:url(images/tab-dosing-system-icon.png) no-repeat 38px center;padding:10px 0 10px 95px!important;}
.brown-box4 .view-more h2{background:url(images/tab-corrison-protection-ixon.png) no-repeat 38px center;padding:10px 0 10px 95px!important;}
.gallery_block h2{font-weight:bold;margin:0 0 5px!important;color:#fff;font-size:14px;text-transform:uppercase;line-height:20px;}


}
@media only screen and (max-width:732px){.gallery_block{margin:0 0 -169px;}
.gallery_block.last{margin:0;}
.gallery_block{width:100%;}
.logo-area{background-position:center center;float:left;height:180px;margin-left:0;margin-top:39px;position:static;text-align:center;width:100%;}
.top-area-container{background:rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;float:left;height:170px;position:static;width:100%;z-index:9;}
.jump-menu{margin:10px auto;width:98%;clear:both;display:block;}
.right-sidebar{display:none}
.mobile-sidebar-menu button{width:100%;border:none;background:#14a723 url(images/down-arrow3.png) no-repeat right 18px;border-radius:2px;color:#fff;padding:10px;text-align:left;}
.left-area{width:98%;margin:15px auto;float:none;}
.footer-col1:last-child{width:34% !important;}
.industries-rightarea{background:rgba(0, 0, 0, 0) url("images/industries-bg.png") no-repeat scroll left bottom/auto 100%;height:375px;width:100%;float:right;float:left;}
.main-content-area{padding-left:0;}
.sitemap{float:none;margin:0 auto;padding:0;width:99%;}
.sitemap ul li ul li{width:45%;}
.sitemap-first-list li ul li{float:left !important;width:45% !important;}
.main-content-area{margin:0 auto;padding-left:0;}
.inside-heading{margin-bottom:20px;}
#video-bg{height:42%;}
.footer-col1{min-height:180px;width:47%;}
}
@media only screen and (width:640px){#video-bg{top:222px !important;}
}
@media only screen and (max-width:640px){.right-sidebar{display:none}
.mobile-sidebar-menu button{width:100%;border:none;background:#14a723 url(images/down-arrow3.png) no-repeat right 18px;border-radius:5px;color:#fff;padding:10px;text-align:left;}
.footer-col1:last-child{width:99% !important;}
.about-icon1{width:18%;}
.industries-leftarea ul{width:44% !important;}
.industries-rightarea{background:rgba(0, 0, 0, 0) url("images/industries-bg.png") no-repeat scroll left bottom/auto 100%;float:right;height:351px;}
.first-list{margin:20px 0 0 5px !important;width:97% !important;border-bottom:1px solid #a3ceea;}
.industries-leftarea ul{width:97% !important;margin-top:0;}
.main-content-area{padding-left:0;}
.knowledge-sharing-list ul{float:left;margin:0;padding:0;width:99%;}
.knowledge-sharing-list li:last-child{border-bottom:1px solid #e9e8e6;}
.header-area{height:auto;}
#video-bg{height:100%;}
.top-area .wrapper{width:100% !important;}
.proud-recipient .key-facts-list{margin:40% 4% 0;width:92%;}
.header-area{background-image:none;}
.column1{float:left;width:48%;}
.column2{float:right;width:48%;}
.key-facts-area{background:#edf7fa url("images/kery-fatcs-img.png") no-repeat scroll left bottom;float:left;height:460px;width:100%;}
.key-facts-list{float:right;margin-right:16px;margin-top:5px;width:42%;}
.content-heading{background:rgba(0, 0, 0, 0) url("images/heading-border2.png") no-repeat scroll 0 34px;float:left;margin-bottom:20px;width:100%;}
.logo-area img{margin-left:0;margin-top:0;}
.diagram-area img{width:100%;}
.alliances-area{margin:0 0 20px 0;}
.alliances-area-last{margin:0 0 20px 0;}
.inside-industries-area .industries-rightarea{background:rgba(0, 0, 0, 0) url("images/industries-bg2.png") no-repeat scroll left bottom/100% auto;float:right;height:528px;width:100%;}
.products-area li{background:#f4f4f4 url("images/bullet1.png") no-repeat scroll 13px 10px;float:left;list-style:outside none none;margin-bottom:15px;padding:10px 0 9px 45px;width:96%;}
}
@media only screen and (max-width:600px){.proud-recipient .key-facts-list{margin:67% 4% 0;width:92%;}
.alliances-imgarea{float:left;min-height:10px;padding:20px 0;text-align:center;width:100%;}
.inside-alliances-area{width:100%;margin:0 0 15px;}
.alliances-textarea{width:100%;}
}
@media only screen and (max-width:480px){.enquiry-bold{width:90%;}
.enquiry-bold2{display:none;}
.enquiry-text{width:90%;padding:0px 0 0 10px;margin:5px 0 0 0;}
.column1{float:left;width:100%;}
.column2{float:right;width:100%;}
.content-img2{clear:both;margin:0 0 20px !important;max-width:100% !important;}
.cable-crane-area.second .cable-crane-textarea{width:100%;}
body{background:none;}
.top-area{padding-bottom:8px;height:21px;}
.calc-area-outarea{margin-bottom:10px;}
.top-area ul{background:none;}
.footer-col1{margin-right:0;width:97%;}
.footer-col2{margin-right:0;width:97%;}
.footer-col1:last-child{width:93% !important;}
.top-area li a{padding:0 9px 0 8px;}
.about-icon1{margin-bottom:19px;width:47%;}
.about-icon1:last-child{margin-top:10px;width:98%;margin-bottom:0;}
.footer-col1 > ul li{float:left;width:50%;}
.footer-area li.title2{width:100%;}
.footer-area li.title1{width:100%;}
.contact-div2{float:left;margin:6px 0 0;}
.contact-rightarea{width:97%;}
.main-content-area{padding-left:0;}
.sitemap ul li ul li{margin-right:0;width:98% !important;}
.menu{height:42px;}
.logo-area img{margin-left:111px;}
.content-list ul{width:98%;}
.content-list ul.second-list{float:left;margin:0;padding:0;width:98%;}
.content-list li:last-child{border-bottom:1px solid #e9e8e6 !important;}
.second-list > li:last-child{border:medium none !important;}
.logo-area.inside-logo{margin-top:24px;}
.breadcurmb li{padding:10px 5px;}
.content-heading3{background:rgba(0, 0, 0, 0) url("images/heading-border3.png") no-repeat scroll 0 98px;}
.content-heading{background:rgba(0, 0, 0, 0) url("images/heading-border2.png") no-repeat scroll 0 34px;}
h2{font-size:21px;background:rgba(0, 0, 0, 0) url("images/heading-border2.png") no-repeat scroll 0 34px;}
.content-heading4{background:rgba(0, 0, 0, 0) url("images/heading-border3.png") no-repeat scroll 0 60px !important;}
h3{font-size:18px;}
.content-heading2{background:rgba(0, 0, 0, 0) url("images/heading-border3.png") no-repeat scroll 0 52px;}
.content-img2{margin:0 20px 20px 0;max-width:318px;}
.key-facts-area{background:#edf7fa url("images/kery-fatcs-img.png") no-repeat scroll center bottom;float:left;height:885px;width:100%;}
.key-facts-list{float:right;margin-right:16px;margin-top:22px;width:93%;}
.alliances-area{margin:0 0 20px 0;}
.alliances-area-last{margin:0 0 20px 0;}
.about-banner{width:100%;float:left;background:url(images/about-banner.jpg) no-repeat center top/auto 100%;height:122px;margin-top:0;}
.cooling-water-banner{width:100%;float:left;background:url(images/cooling-water-treatment.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.boiler-water-banner{width:100%;float:left;background:url(images/boiler-water-treatment.jpg) no-repeat center/auto 100% height:122px;margin-top:0;}
.membrane-separation-banner{width:100%;float:left;background:url(images/membrane-separation.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.raw-waste-separation-banner{width:100%;float:left;background:url(images/raw-waste-separation.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.chilled-water-banner{width:100%;float:left;background:url(images/chilled-water-treatment.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.industrial-chemical-banner{width:100%;float:left;background:url(images/industrial-chemical-treatment.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.pipeline-preservation-banner{width:100%;float:left;background:url(images/pipeline-preservation.jpg) no-repeat center/auto 100%;height:122px;}
.chlorine-dioxide-banner{width:100%;float:left;background:url(images/chlorine-dioxide.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.chemical-dosing-banner{width:100%;float:left;background:url(images/chemical-dosing-systems.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.vsense-cooling-banner{width:100%;float:left;background:url(images/vsense-cooling.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.chorine-dioxide-banner{width:100%;float:left;background:url(images/chorine-dioxide.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.paints-and-coatings-banner{width:100%;float:left;background:url(images/paints-and-coatings.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.cable-crane-systems-banner{width:100%;float:left;background:url(images/cable-crane-systems.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.process-chemicals-banner{width:100%;float:left;background:url(images/process-chemicals.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.corrosion-control-banner{width:100%;float:left;background:url(images/corrosion-control.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.chemicals-banner{width:100%;float:left;background:url(images/chemicals-and-pharmaceuticals.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.power-plants-banner{width:100%;float:left;background:url(images/power-plants.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.company-profile-banner{width:100%;float:left;background:url(images/cement.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.oil-and-gas-banner{width:100%;float:left;background:url(images/oil-and-gas.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.alliances-banner{width:100%;float:left;background:url(images/alliances.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.careers-banner{width:100%;float:left;background:url(images/careers.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.vast-banner{width:100%;float:left;background:url(images/vast.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.contact-us-banner{width:100%;float:left;background:url(images/contact-us.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.network-banner{width:100%;float:left;background:url(images/network.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.sitemap-banner{width:100%;float:left;background:url(images/sitemap.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.water-treatment-banner{width:100%;float:left;background:url(images/water-treatment.jpg) no-repeat center/auto 100%;height:122px;margin-top:0;}
.col1{height:auto;margin-bottom:0;padding:20px;width:86%;}
.cable-crane-area.second .cable-crane-imgarea{width:100%;margin:0 0 20px 0;height:auto;}
}
@media only screen and (max-width:360px){.top-area li a{padding:0 4px 0 4px;font-size:12px;}
.about-icon1{margin-bottom:19px;width:98%;margin:0 0 19px 0}
.industries-rightarea{height:224px;}
.industries-area .readmore{width:98%}
.main-content-area{padding-left:0;}
.logo-area img{margin-left:0;margin-top:0;}
.footer-col1{margin-right:0;min-height:auto;width:93%;}
.logo-area.inside-logo{height:179px;margin-top:24px;}
.vision-second-area{background:#edf7fa none repeat scroll 0 0;float:left;padding:15px;}
.inside-industries-area .industries-rightarea{background:rgba(0, 0, 0, 0) url("images/industries-bg2.png") no-repeat scroll right bottom/auto 100%;float:right;height:298px;width:100%;}
.products-area li{background:none;float:left;list-style:outside none none;margin-bottom:15px;padding:10px 0 9px 0;width:100%;}
.products-area li a{width:86%;}
.wrapper{width:96% !important;}
.vision-img{float:left;width:100%;margin:0 0 5px 0;text-align:center;}
.vision-text{float:left;width:100%;}
.product1{float:left;width:100%;margin:0 0 20px 0;}
.product1:nth-child(3n){margin-right:0;}
.product1:nth-child(2n){margin-right:0;}
.top-area li:last-child a{padding-right:3px;}
}
@media only screen and (width:360px){#video-bg{height:32%;top:220px !important;}
}
@media only screen and (max-width:320px){.top-area li a{padding:0 4px 0 4px;font-size:12px;}
.industries-rightarea{height:176px;margin-top:21px;}
.main-content-area{padding-left:0;}
.alliances-area{margin:0 0 20px 0;}
.alliances-area-last{margin:0 0 20px 0;}
#video-bg{top:220px !important;height:38% !important;}
.ls-wrapper{margin:-60px auto 0 2px !important}
}
@media only screen and (max-width:940px){.desk2{display:none;}
.mobile-header{float:left;width:100%;background:url(images/mbl-header.jpg) no-repeat center 0;background-size:cover;}
.home-slider{float:left;margin:110px 1% 0;}
.gallery_block h2{
    font-size: 14px;
}
#example-1 canvas, #example-2 canvas, #example-3 canvas, #example-4 canvas{
    width: 150px !important;
}
span.value-a {
    font-size: 16px !important;
}
}
@media only screen and (max-width:767px){.home-about-area .inside-heading{margin-top:0;}
.desk2{display:none;}
.mobile-header{float:left;width:100%;background:url(images/mbl-header.jpg) no-repeat center 0;background-size:cover;}
.home-slider{float:left;margin:110px 1% 0;}
}
@media only screen and (width:1024px){.mobile-header{float:left;width:100%;
/*height:677px;*/
background:url(images/mbl-header.jpg) no-repeat center 0;background-size:cover;}
}
a{outline:none;}
[data-tooltip]{position:relative;z-index:2;cursor:pointer;}
[data-tooltip]:before,
[data-tooltip]:after{visibility:hidden;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;pointer-events:none;}
[data-tooltip]:before{position:absolute;bottom:150%;left:50%;margin-bottom:5px;margin-left:-80px;padding:7px;width:160px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#000;background-color:hsla(0, 0%, 20%, 0.9);color:#fff;content:attr(data-tooltip);text-align:center;font-size:14px;line-height:1.2;}
[data-tooltip]:after{position:absolute;bottom:150%;left:50%;margin-left:-5px;width:0;border-top:5px solid #000;border-top:5px solid hsla(0, 0%, 20%, 0.9);border-right:5px solid transparent;border-left:5px solid transparent;content:" ";font-size:0;line-height:0;}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after{visibility:visible;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}
.blue-text{color:#14a723;}
.vast a,.underline{color:#14a723;font-style:italic;}
.tp-simpleresponsive ul{
	background-image: url(images/bg.jpg);
    background-size: cover;
}
.tp-loader.spinner0 {
    display: none;
}
.paral-section {
    background-image: url(images/paral-new-1.jpg);
    clear: both;
    background-attachment: fixed;
    padding: 12em 0 15em;
    background-size: cover;
	color:#fff;
	transition:0.5s ease-in-out;
	-webkit-transition:0.5s ease-in-out;
}
.paral-section:hover{
    opacity: 0.85;
}
.paral-section h1 {
    font-size: 3em !important;
    background-color: rgba(3, 103, 13, 0.87);
    padding: 5px;
    text-align: center;
}
.paral-section h3 {
    background-color: rgba(3, 103, 13, 0.87);
    padding: 5px;
    text-align: center;
}
.paral-section .readmore{
    text-align: center;
    margin-top: 10px;
}
.paral-section .readmore a{
	color:#03670d;
    border: 1px solid #03670d;
	opacity: 0.87;
}
.paral-section .readmore a:hover{
    background: rgba(3, 103, 13, 0.87);
	color:#fff !important;
}
.inside-heading.distributors{
    text-align: center;
    background-position: center bottom;
}
a:focus, a:hover {
    color: #dadede !important;
}





img.years {
    background-color: #fff;
    border-radius: 100%;
    padding: 10px;
}

.pie-title-center {
  display: inline-block;
  position: relative;
  text-align: center;
}

.pie-value {
  display: block;
  position: absolute;
  font-size: 40px;
  height: 40px;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -20px;
  line-height: 40px;
    color: #fff !important;
    font-weight: bold;
}
section.stats-pie-charts {
    background-color: #ffffff;
    box-shadow: 2px 2px 10px;
    /* margin-bottom: 1em; */
	text-align:center;
    padding: 55px 0;
}
section.stats-pie-charts h1{
    margin-bottom: 3em;
}
.stats-pie-charts, .stats-pie-charts .wrap{
    overflow: hidden;
    clear: both;
}
.one-fourth{
    text-align: center;
}
span.value-a {
    font-size: 19px;
    margin: 20px 0 0;
    display: block;
    text-transform: uppercase;
}
.paral {
    background-image: url(images/paral-2.png);
    clear: both;
    background-attachment: fixed;
    padding: 12em 0 15em;
    background-size: cover;
	color:#fff;
	transition:0.5s ease-in-out;
	-webkit-transition:0.5s ease-in-out;
    min-height: 500px;
}
.paral-section-2{
    background-image: url(images/pattern.png);
    color: #000;
    padding: 2em 0 10em;
    background-size: auto !important;
    background-color: #f3f2f2 !important;
    clear: both;
    background-attachment: fixed;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
}
#example-1 canvas{
    background-image: url(images/pharma-circle.jpg);
    border-radius: 100%;
}
#example-2 canvas{
    background-image: url(images/food-recipient.jpg);
    border-radius: 100%;
}
#example-3 canvas{
    background-image: url(images/cosmetics-circle.jpg);
    border-radius: 100%;
}
#example-4 canvas{
    background-image: url(images/herbal-recipient.jpg);
    border-radius: 100%;
}
#example-5 canvas{
    background-image: url(images/sugar.jpg   );
    border-radius: 100%;
}
.col-sm-2.one-fourth {
    width: 20%;
}
#myCarousel2 .carousel-indicators .active {
    background-color: #969696 !important;
}
#myCarousel2 .carousel-indicators li {
    border: 1px solid #969696 !important;
}
.carousel-indicators-parent{
    position: relative;
}
#myCarousel2 .carousel-indicators {
    top: 60px;
}
.social-icons li.title1{
	display:block;
}
.footer-area .social-icons li.title1 {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 7px;
    padding-top: 7px;
}
.footer-area .social-icons li.title1 {
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px solid #a4e6b8;
    float: left;
    width: 100%;
}
form textarea {
    height: 120px;
}
form > button, input, select, textarea {
    border: 1px solid #ccc;
    border-radius: 4px;
}
input.wpcf7-form-control.wpcf7-submit, button {
    padding: 6px 40px;
    color: #737373;
}
div.wpcf7 input[type="file"]{
    padding: 4px;
}
.contact-info i{
    color:#14a723;
}
#mega-menu-wrap-h1 {
    background: transparent !important;
}
li#mega-menu-item-16 ul.mega-sub-menu {
    width: 915px !important;
    left: -605px !important;
}
ul.mega-sub-menu a.mega-menu-link {
    font-size: 14px !important;
    font-weight: normal !important;
}
#mega-menu-wrap-h1 {
    float: right;
}
.menu.main-menu {
    float: none;
    margin: auto;
}
ul#mega-menu-h1 {
    margin-top: 1em !important;
    background-color: rgba(0, 146, 63, 0.74) !important;
}
a.mega-menu-link {
    text-transform: uppercase !important;
    font-weight: bold;
    font-size: 16px !important;
}
#mega-menu-wrap-h1 #mega-menu-h1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-h1 #mega-menu-h1 > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-h1 #mega-menu-h1 > li.mega-menu-item > a.mega-menu-link:focus {
    background: transparent;
    color: #00923f !important;
}
ul.mega-sub-menu {
    width: 150px !important;
    left: auto !important;
    padding: 10px 20px !important;
}
#mega-menu-wrap-h1 #mega-menu-h1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: transparent !important;
}
ul#menu-top-right-menu {
    width: auto;
}
#mega-menu-wrap-h1 #mega-menu-h1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-h1 #mega-menu-h1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-h1 #mega-menu-h1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    background: transparent !important;
    color: #00923f !important;
}
.sticky {
    border-bottom: 1px solid #ccc;
    position: fixed;
    width: 100%;
    transition: all 0.4s ease;
    z-index: 1000;
    background-color: #FFF;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 80px;
}
.sticky ul#mega-menu-h1, body.inner .main-menu ul#mega-menu-h1{
    background-color: transparent !important;
}
.sticky a.mega-menu-link {
    color: #00923f !important;
}
.sticky-logo {
    display: none;
}
.sticky .sticky-logo {
    display: block;
    position: absolute;
    left: 3%;
    top: 9%;
}
.sticky .sticky-logo img {
    width: 55%;
}
.sticky #mega-menu-wrap-h1 {
    float: right;
    margin-top: 10px;
    margin-right: 40px;
}
body.inner .main-menu {
    width: 100%;
    transition: all 0.4s ease;
    z-index: 1000;
    background-color: #FFF;
    width: 100% !important;
}
body.inner .sticky-logo {
    display: block;
    float: left;
    top: 5%;
}
body.inner .sticky-logo img {
    width: 60%;
}
body.inner #mega-menu-wrap-h1 {
    clear: none;
}
body.inner a.mega-menu-link {
    color: #00923f !important;
}
body.inner .top-area-container{
    position: relative;
}
#mega-menu-wrap-h1 #mega-menu-h1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-h1 #mega-menu-h1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-h1 #mega-menu-h1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-h1 #mega-menu-h1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus {
    color: #00923f !important;
}
#mega-menu-wrap-h1 #mega-menu-h1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-h1 #mega-menu-h1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    color: #00923f !important;
}
.inner-content {
    clear: both;
    margin-top: 2em;
}
.heighto {
    display: block;
    clear: both;
    height: 20px;
    border-bottom: 1px solid #ccc;
}
#gallery-1 .gallery-item{
    text-align: left !important;
}
#gallery-1 img{
    border:0 !important;
}
.col-md-9.col-sm-9.col-xs-12.woocommerce.left-pad {
    width: 100%;
}
.col-md-3.col-sm-3.col-xs-12.sidebar {
    display: none;
}
select.orderby {
    padding: 0;
}
#myCarousel .carousel-inner>.item:before{
	content:'';
    width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 1024px){
.menu {
    width: 100% !important;
} 
ul#menu-top-right-menu {
    width: auto !important;
}
}
@media only screen and (max-width: 767px){
.copyright-area .text-left, .copyright-area .text-right{
    text-align:center !important;
}
.footer-area li {
    clear: both;
}
}
@media only screen and (max-width: 600px){
.sticky #mega-menu-wrap-h1 .mega-menu-toggle.mega-menu-open + #mega-menu-h1 {
    background-color: #eee;
    margin: 0 !important;
} 
#mega-menu-wrap-h1 .mega-menu-toggle.mega-menu-open + #mega-menu-h1 {
    background-color: #00923f;
    margin: 0 !important;
}
}
@media only screen and (max-width: 1125px){
.industries-rightarea, .industries-leftarea{
    width: 46%;
}
.industries-heading {
    margin-bottom: 10px;
    margin-top: 13px;
}
}
@media only screen and (max-width: 940px){
	#gallery-1 .gallery-item{
    width: 50% !important;
	}
}
@media only screen and (max-width: 480px){
	#gallery-1 .gallery-item{
    width: 100% !important;
	}
}
#mega-menu-wrap-h1 .mega-menu-toggle .mega-toggle-block-right {
    padding-left: 10px;
}
html, body{
    overflow-x: hidden !important;
}
select.wpcf7-form-control{
    padding: 0 !important;
}
.element-heading span{
    position:relative;
}
.element-heading span:before {
    position: absolute;
    content: '';
    background-color: #3ec14b;
    height: 4px;
    width: 100%;
    display: block;
    bottom: 0;
    left: 0;
}
table.tableizer-table {
    border: 1px solid #CCC;
    margin-top: 50px;
}
.tableizer-table td {
	padding: 5px;
	margin: 3px;
	border: 1px solid #CCC;
}
.tableizer-table th {
	background-color: #00923f;
	color: #FFF;
	font-weight: bold;
	font-size: 17px;
}
table.tableizer-table a {
	color: #00923f;
	font-weight:bold;
	font-size:16px;
}
table.tableizer-table a:hover, table.tableizer-table a:focus {
	color: #0e4224 !important;
}
table.tableizer-table tr:nth-child(even) {
	background-color: #fff;
}
table.tableizer-table tr:nth-child(odd) {
	background-color: rgba(0, 146, 4, 0.27) !important;
}
.events-content .clearfix {
    margin: 30px 0;
}
.products-content .prod{
    margin: 40px 0;
    background-color: #f7f7f7;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 15px;
}
.products-content .prod img {
    margin: 0 auto;
    display: block;
}
.carousel-indicators li {
    box-shadow: 0px 4px 10px #000;
    -webkit-box-shadow: 0px 4px 10px #000;
}
span.fa.fa-arrow-left, span.fa.fa-arrow-right {
    position: absolute;
    top: 40%;
}
.carousel-control {
    font-size: 30px !important;
    opacity: 1 !important;
	width: 9% !important;
}
.carousel-control.left,  .carousel-control.right{
    z-index: 100 !important;
}
.about-us-content p{
    font-size: 23px !important;
}
.head-office h5 {
    font-size: 19px;
}
ol.benefits-list{
    font-size: 23px !important;
    padding: 24px;
}
.hido{
	display:none;
}
.locate{
	margin-bottom:50px;
}
.evonik-content p{
    font-size: 23px !important;
}

.wrap{
  display:inline-block;
  height:200px;width:200px;
  position:relative;
  overflow:hidden;
}
.wrap img{
  position:absolute;top:0;left:0;height:100%;width:100%;
}
.wrap:before{
  content:"";z-index:10;
  position:absolute;height:200%;width:200%;top:-120%;left:-120%;
  background:linear-gradient(transparent 0%,
    rgba(255, 255, 255, 0.1) 45%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0.1) 55%,
    transparent 100%);
    transition:all 2s;
    transform:rotate(-45deg);
    animation: shine 10s infinite forwards;
}
@keyframes shine{
  0%{top:-120%;left:-120%;}
  10%{left:100%;top:100%;}
  20%{left:100%;top:100%;}
  100%{left:100%;top:100%;}
  
}