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

.blackMenu ul li a{ color:#000;}

.dyesPoints{ padding-left:0;}
.dyesPoints li{ padding:15px 20px; border-bottom:1px solid #000; list-style-type:none; margin-left:0; position:relative;}
.dyesPoints li:last-child{ border-bottom:0;}
.dyesPoints li:before{ width:3px;  background:#000; position:absolute; left:0; top:18px; bottom:18px; content:"";}

.bgNavyBlue {background-color: #2c0265;}
.bgBlue {background-color: #2b32bf;}
.bg-red {background-color: #c61900;}
.bg-black {background-color: #000;}


.left-product-banner, .right-product-banner {
    overflow: hidden;
    height: 470px;
}

.left-product-banner img, .right-product-banner img {
    object-fit: cover;
    height: 100%;
}

.nonstained-application-wrap {
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px;
    padding-top: 30px;
}

.nonstained-application{background: url(../img/non-stained.jpg);}
.water-soluble{background: url(../img/water_soluble_application.jpg);}


.nonstained-application-wrap ul{ padding-left:0;}
.nonstained-application-wrap ul li {
    list-style: none;
    padding: 15px;
    border-bottom: 1px solid #fff;
    display: flex;
}
.nonstained-application-wrap ul li:last-child {
    border-bottom: 1px solid transparent;
}
.nonstained-application-wrap ul li img{
    width: 30px;
    display: inline-block;
    height: 30px;

}
.nonstained-application-wrap ul li span{
    margin-left: 15px;
    color: #2c0265;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 14px;
}

.featuresWrap{ position:relative; text-align:center;}
.featuresWrap:before{ height:8px; background:#2c0265;  position:absolute; top:0; left:10%; right:10%; content:""; }
.featurePoint{ position:relative;}
.featurePoint:before{ width:20px; height:20px; border-radius:50%; background:#fff; border:5px solid #2c0265; position:absolute; left:50%; margin-left:-8px; top:-7px; content:"";}

.titaniumProperties{height:100%; background:#b1a897; border-radius:20px; color:#fff; padding:10px 15px 10px 45px; position:relative;  }
.titaniumProperties:before{ width:30px; height:30px; border-radius:50%; background:#fff; position:absolute; top:5px; left:5px; content:"";}

.ironOxideProperties{height:100%; background:#c61900; border-radius:20px; color:#fff; padding:10px 15px 10px 45px; position:relative;  }
.ironOxideProperties:before{ width:30px; height:30px; border-radius:50%; background:#fff; position:absolute; top:5px; left:5px; content:"";}

.produtAccord{font-size:14px;}
.produtAccord .accord{position:relative; border: 1px solid #b7b7b7; margin-bottom: 20px; border-radius: 8px; overflow:hidden;  }
.produtAccord .accordion-toggle {cursor:pointer; font-size:18px;  color:#1d1d1d;  padding:15px 20px;  line-height: 20px;background: #d6cbf4;}
.produtAccord .accordion-toggle h3{ font-size:16px; font-weight:600; color:#242122;  margin-bottom:0 !important; padding-bottom:0; border-bottom:0; }

.produtAccord .accordion-toggle .icon {float: right; margin-top:5px;}
.produtAccord .accordion-toggle.open{padding:15px 20px; background:#efd5bf; }
.produtAccord .accordion-toggle.open h3{ }
.produtAccord .accordion-toggle .icon:before { width:8px; height:8px;  position: absolute; top:20px; right:20px; color: transparent; z-index: 1; content:"";   border-top: 1px solid #000; border-left: 1px solid #000; transform: rotate(220deg);}

.produtAccord .accordion-content .productAccordLink a{ border:0 ; border-bottom:1px solid #ccc; border-radius:0;}
.produtAccord .accordion-content .productAccordLink a:last-child{ border-bottom:0; }
.produtAccord .accordion-toggle.open .icon:before {transform: rotate(45deg); top:25px;}
.produtAccord .accordion-content {display:none;width: 100%;padding:15px 25px;  font-size:14px; line-height:24px; background: #fff;color: #545454;}

.produtAccord .accordion-content.default {display:block;}


.commonList{ padding-left:0;}
.commonList li{ position:relative; border-bottom:1px solid #848383; list-style-type:none; padding:15px 0 15px 30px;}
.commonList li:before{ width:8px; height:8px; background:#c61900; border-radius:50%; position:absolute; left:0; top:20px; content:"";}
.commonList li:last-child{ border-bottom:0;}

.sideLogo{text-align:right; }
.sideLogo img{ max-width:230px;}

.colorPic{ width:160px; height:160px; margin:0 auto 20px;  background:#ddd; border-radius:50%; overflow:hidden; transition:all .3s ease-in-out;}
.colorTitle{ font-size:15px;  color:#212121; text-align:center;font-weight: 600;}
a:hover .investorTitle{ color:#744129;}

.colorPic img{ width:100%; transition:all .5s ease-in-out;}

a.cosmeticsColorBox:hover .colorPic img{transform: scale(1.1);}

.coloreShades{ padding-left:0;}
.coloreShades li{ list-style-type:none; font-size:15px; font-weight:500; margin-bottom:25px;}   

.intelligentBlueBg{ background:#22378d;}
.intelligentBlue{color:#22378d}

.passionateRedBg{ background:#d40c1c;}
.passionateRed{color:#d40c1c}

.creativeOrangeBg{ background:#e33e21;}
.creativeOrange{color:#e33e21}

.cheaarfullYellowBg{ background:#fecc2f;}
.cheaarfullYellow{color:#fecc2f}

.gorgeousPinkBg{ background:#db366e;}
.gorgeousPink{color:#db366e}

.ambitiousGreenBg{ background:#0e4f18;}
.ambitiousGreen{color:#0e4f18}

.imagingVoiletBg{ background:#7e0158;}
.imagingVoilet{color:#7e0158}

.elegantBrownBg{ background:#7d3704;}
.elegantBrown{color:#7d3704}

.powerfulBlackBg{ background:#000;}
.powerfulBlack{color:#000}

.pureWhiteBg{ background:#fbfbfb;}

.csrBox{ position:relative; padding:30px; min-height:250px;  }
.csrBox .h-100{ background:none;}
.csrBoxNumber{ font-size:85px; line-height:60px; color:#fff; font-weight:600; position:absolute;}
.csrBox h2{ font-size:29px; font-weight:700;}
.csrBox p{ font-size:14px; font-weight:400; margin-bottom:0; }
.csrBox hr{ margin:20px 0; border-top:1px solid #000;}
.csrBox img{ width:100%; max-width:320px;}

.csrBox_01{ background:#b2d6ed;}
.csrBox_01 .csrBoxNumber{ left:-4px; bottom:0;}
.csrBox_02{ background:#b4edac;}
.csrBox_02 .csrBoxNumber{ right:-4px; top:0;}
.csrBox_03{ background:#b1eae4;}
.csrBox_03 .csrBoxNumber{ right:-4px; top:0;}
.csrBox_04{ background:#e9e07d;}
.csrBox_04 .csrBoxNumber{ right:-4px; bottom:0;}


.portfolio{ min-height:150px; padding:50px 55px; background:url(../img/portfolio_bg.jpg) no-repeat right center #acede8; border-radius:50px 0 50px 0; overflow:hidden; }

.portfolio h5{ font-size:21px; color:#277f78; letter-spacing:2px; font-weight:600;}
.portfolio h1{ font-size:50px; color:#0b6861;  font-weight:700;}
.portfolio p{ font-size:14px; color:#277f78; font-weight:400; margin-bottom:0;}

.continentName, #showall{ font-size:15px; font-weight:700; text-transform:uppercase; cursor:pointer;}
.globalWrap .blueColor{ color:#1d3cb0}
.globalWrap .cyanColor{ color:#30aee3}
.globalWrap .redColor{ color:#ed1c32}
.globalWrap .greenColor{ color:#1aad4f}
.globalWrap .orangeColor{ color:#ff9c00}




.relatelinksBtn {display: none; background:#fff; color:#545454; font-size:18px; width:100%; text-align:left;position:relative;margin-bottom: 10px;padding: 0;}
.relatelinksBtn:focus{/*border:2px solid #fff; */color:#545454;}
.relatelinksBtn:before{width: 26px; height: 18px;background:url(../img/down_arrow.png) 0 0 no-repeat; top:50%; margin-top:-5px; position: absolute; right:15px; content:""; }

.relatedLinks{ padding-left:0;}
.relatedLinks li{ list-style-type:none;}
.relatedLinks li a { padding:10px 0; border-bottom:1px solid #d6d6d6; display:block; font-weight:600;}
.relatedLinks li a:hover, .relatedLinks li a.active{ color:#30aee3 ;}

.aboutBox{padding:25px; background:#ddd; text-align:center;margin:0 2px; font-size:13px; font-weight:500;}
.aboutBox .aboutIcon{ width:105px; height:105px; background:#fff; border-radius:50%; margin:0 auto 15px; overflow:hidden;}

.abtBox_1{ background:#d4d0fb; color:#6358d1;}
.abtBox_2{ background:#a5b6f3; color:#3650ad;}
.abtBox_3{ background:#80c2e4; color:#1d5a79;}
.abtBox_4{ background:#49cf92; color:#0b693e;}
.abtBox_5{ background:#f3be65; color:#7a5310;}
.abtBox_6{ background:#f39a62; color:#814119;}
.abtBox_7{ background:#f77660; color:#762518;}
.abtBox_8{ background:#d482d5; color:#751f76;}
.abtBox_9{ background:#a78be5; color:#2e1467;}

.ourPurpose{ background:#fbeded;}
.facilityWrap{ background:url(../img/facilityBg.jpg) no-repeat; background-size:cover; font-size:14px; color:#fff; font-weight:400;}
.facilityBox{width:100%;padding:15px;display: inline-block; transition:0.3s}
.facilityBox:hover{ background:#ffffff30 !important; }
.facilityIcon{ display:block; float:left; width:64px; height:64px; background:#fff; border-radius:50%; overflow:hidden; }
.facilityWrap .h-100{ background:none;}

.aboutText{ height:100%;}

.environmentWrap{ background:#def2f7; font-size:14px; color:#4c4c4c; font-weight:400;}
.environmentBox{width:100%; border:1px solid #6c7172; border-radius:10px; padding:15px;display: inline-block; transition:0.3s}
.environmentBox:hover{ border:1px solid #30aee3; }
.environmentIcon{ display:block; float:left; width:64px; height:64px; background:#fff; border-radius:50%; overflow:hidden; font-size:21px; font-weight:600; text-align:center; line-height:64px;box-shadow: 5px 2px 0 #b8b8b8; -webkit-box-shadow: 5px 2px 0 #b8b8b8; -moz-box-shadow: 5px 2px 0 #b8b8b8; }
.environmentWrap .h-100{ background:none;}

.environmentBox:hover .environmentIcon{ color:#30aee3; box-shadow: 5px 2px 0 #30aee3; -webkit-box-shadow: 5px 2px 0 #30aee3; -moz-box-shadow: 5px 2px 0 #30aee3;}

.certificateBox{ height:100%; border:1px solid #f1f1f1; border-radius:10px;}
.certificateBox img{display: block; margin: auto;}

.initiativeBox{ height:100%; border:1px solid #30aee3; border-radius:10px;}
.initiativeBox img{display: block; margin: auto;}


.micaFetures{ position: relative; background:#e6e7e8; font-weight:600; height:80px; border-right:25px solid #da5a55; padding: 5px 25px; padding: 5px 10px 5px 75px; }
.micaFetures .h-100{ background:none;}
.micaNumber{ width:73px; height:90px; background:url(../img/feature_arrow.png) no-repeat; position:absolute; left:0; top:0;color: #fff;   font-size: 22px;    line-height: 108px;    text-align: center;}

.mapMarker span{ margin-left:5px; display:none;    position: relative;    z-index: 9;    font-weight: 600;}
.mapMarker:hover span{display:inline-block;}
.hq1{ position:absolute; top:50%; left:68%; }

.af1{ position:absolute; top:20%; left:60.3%; }
.af2{ position:absolute; top:39.6%; left:74.2%; }
.af3{ position:absolute; top:45.8%; left:66.4%; }
.af4{ position:absolute; top:44.5%; left:70.2%; }
.af5{ position:absolute; top:48.7%; left:72.2%; }
.af6{ position:absolute; top:43.4%; left:82.9%; }
.af7{ position:absolute; top:45%; left:86.2%; }
.af8{ position:absolute; top:64%; left:78.9%; }
.af9{ position:absolute; top:50.8%; left:81.2%; }
.af10{ position:absolute; top:54.4%; left:76.7%; }
.af11{ position:absolute; top:58.3%; left:69.7%; }
.af12{ position:absolute; top:61.4%; left:75.8%; }
.af13{ position:absolute; top:59.7%; left:82.3%; }
.af14{ position:absolute; top:67.7%; left:81.9%; }
.af15{ position:absolute; top:82%; left:84.8%; }
.af16{ position:absolute; top:92.1%; left:93.2%; }

.Amr1{ position:absolute; top:27.1%; left:16%; }
.Amr2{ position:absolute; top:38.4%; left:14.4%; }
.Amr3{ position:absolute; top:49.9%; left:16.2%; }
.Amr4{ position:absolute; top:65.5%; left:25.1%; }
.Amr5{ position:absolute; top:70.7%; left:32.3%; }
.Amr6{ position:absolute; top:79.9%; left:30%; }
.Amr7{ position:absolute; top:84.4%; left:26.5%; }

.am1{ position:absolute; top:44.6%; left:43.3%; }
.am2{ position:absolute; top:42.4%; left:47.5%; }
.am3{ position:absolute; top:47.2%; left:52.8%; }
.am4{ position:absolute; top:43.2%; left:56.9%; }
.am5{ position:absolute; top:43.4%; left:61.6%; }
.am6{ position:absolute; top:50.1%; left:59%; }
.am7{ position:absolute; top:47%; left:62%; }
.am8{ position:absolute; top:62.4%; left:57.2%; }
.am9{ position:absolute; top:78.2%; left:51.3%; }

.eu1{ position:absolute; top:28.1%; left:45.3%; }
.eu2{ position:absolute; top:30.5%; left:47.7%; }
.eu3{ position:absolute; top:33.6%; left:45.7%; }
.eu4{ position:absolute; top:37.4%; left:43.9%; }
.eu5{ position:absolute; top:25.4%; left:52.2%; }
.eu6{ position:absolute; top:29%; left:50.5%; }
.eu7{ position:absolute; top:28.1%; left:54.6%; }
.eu8{ position:absolute; top:30.5%; left:53.1%; }
.eu9{ position:absolute; top:31.9%; left:51.9%; }
.eu10{ position:absolute; top:34.9%; left:50.9%; }
.eu11{ position:absolute; top:35.5%; left:51.8%; }
.eu12{ position:absolute; top:34.1%; left:52.8%; }
.eu13{ position:absolute; top:36.5%; left:50.2%; }
.eu14{ position:absolute; top:38.6%; left:52.2%; }
.eu15{ position:absolute; top:39.1%; left:55.9%; }
.eu16{ position:absolute; top:23%; left:75.3%; }

.afMobile{ position:absolute; top:35%; left:70%; }
.amrMobile{ position:absolute; top:40%; left:15%; }
.amMobile{ position:absolute; top:60%; left:52%; }
.euMobile{ position:absolute; top:23%; left:52%; } 



@media (max-width:768px){
.featurePoint{ border-top:5px solid #2c0265;}
.featuresWrap:before{ display:none;}    
.featurePoint:before{ top:-13px;}

.relatelinksBtn {display:block;}
.relatedLinks{ display:none;}
.sideLogo{text-align:left; }

    }
    

@media (max-width:550px){
.facilityBox, .environmentBox { text-align:center;} 
.facilityIcon, .environmentIcon{ float:none; margin:0 auto 10px;}   
.aboutText{ height:auto; text-align:center; display:block !important;}  
.mapMarker, .mapMarker img{ width:6px; height:8px; display:block;}
.mapMarker img{ position:relative; bottom:2px; right:1px;}
}
    
    
    
/*  shailesh  */    

.page-title{ font-weight:700 !important;}
.page-sec-title{ height:40px;}
.page-sec-title p{
    margin-bottom: 0px;
    padding: 8px 20px 8px 25px;
    font-size:16px;
    display: inline-block;
    transform: skewX(15deg );
    display: inline-block;
    background: #5cb2cc;
    color: #fff;
    text-transform: none;
    position: absolute;
    left: -10px;
    min-width: 320px;
    font-weight:700;
    }

.page-sec-subtitle p{ font-size:16px; font-weight:700;border-bottom: 3px solid #5cb2cc;}

.catepage-tutle{ font-weight:700;font-size: 28px;}

.light-font{ font-weight:500;font-size: 22px;}
a.catinnerpage-list-wrap p{ font-weight:400;}

.catlog-thumb{ max-width:300px; display:block; margin:0 auto;} 

.right-banner-wrap, .left-banner-wrap { height:470px;}

.countryLocation{ display:block;}
.continentName{ cursor:progress; }
.continentName:hover{ color:inherit;}
/*.countryLocation form{display:none;}*/

@media (max-width: 767px) {
    
.mdisplay{
    display:none !important;
}

.col-xs-12 {
  
     flex: 0 0 100% !important;
    max-width: 100% !important;
}
}

/*New Css mangesh*/

.contentBg{ background-size:cover !important; /*min-height:800px;*/ height:auto;background-position: bottom !important; }
.innerHead{ font-size:45px; font-family: 'Montserrat', serif;}
.sideLogo > div{ height:100%;}
.innerotherHead{ font-size:24px; font-family: 'Montserrat', serif;display: inline-block; border-bottom:2px solid #000;} 
.featuresNew { padding-left:15px;}
.featuresNew li{ margin-bottom:10px; background:url(../img/feature_bullet.png) no-repeat left 5px; padding:10px 0 10px 40px; list-style-type:none; }

.applicationBox{ text-align:center;}
.appIcon{ width:110px; height:110px; margin:0 auto 20px;}
.appIcon img{ width: 100%; }

.downlodBrochure{ max-width:220px;}
.downloadPic{ max-width:220px; border:1px solid #000;}
.downloadBtn{ max-width:220px; padding:10px;color:#fff;font-family: 'Montserrat', serif; text-transform: capitalize; font-size:15px; background:url(../img/pdf_icon.png) no-repeat right top #2c0265; transition:all .3s ease-in-out;  }
.downlodBrochure:hover .downloadBtn{ background:url(../img/pdf_icon.png) no-repeat right bottom #2c0265; transition:all .3s ease-in-out;}

.bottomImage{ position:absolute; right:5%; bottom:0; }
.bottomImage img{ max-width:500px;}

.subscribeBox{ background:#e5e5e5;}
.subscribeBox form{ margin: 0 !important }
.subText{ font-size:24px;/*font-family: 'Libre Baskerville', serif; font-weight:700;*/font-family: 'Montserrat', sans-serif;}
.subscribeBox .form-control{ box-shadow:none;font-family: 'Montserrat', sans-serif; }
.subscribeBox .form-control:focus{border:1px solid #000;}
.subscribeBox button{ border-radius:0; background:#2c0265; color:#fff; border:1px solid #2c0265;}
.subscribeBox .smtbtn { border-radius:0; background:#2c0265; color:#fff; border:1px solid #2c0265;}
.subscribeBox .smtbtn:hover {background: #2c0265;}

.list-stylee a{ line-height:20px !important;}

.footerContact{ padding-left:0;}
.footerContact li{ padding:15px 0; border-bottom:1px solid #ccc; list-style-type:none; }
.footerContact li span{ float:left; width:35px;}
.footAddress{ width:auto; margin-left:35px;}
.footerLogo img{ max-width:150px;}


.subhead{ font-size:18px; font-weight:500;}
.careersFormWrap{ min-height:100px; box-shadow:0 0 20px #00000030; }
.careerHead{ width:50%; padding:10px; border-bottom:1px solid #000; font-size:30px; text-align:center; margin:auto; position:relative; }
.careerHead:before{ width:88px; height:4px; background:#30aee3; position:absolute; bottom:-1px; left:50%; margin-left:-44px; content:"";}

.applyForm{ width:100%;}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: block;
  text-align:left;
  background:url(../img/attach_icon.png) no-repeat top 12px right 20px;
}

.upload-btn-wrapper .btn {
  padding: 0 15px;
  color: #495057;
  height:42px;
 
}

.upload-btn-wrapper input[type=file] {
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}


.applyForm .form-control{ height:auto; padding:10px 15px; border:0;font-size:13px; margin-bottom:8px; margin-right:8px; border:1px solid #dfdfdf; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size:16px; box-shadow:none;}
.applyForm .form-control::placeholder{ color:#6b6b6b;}
.applyForm .form-control:focus{ color:#5d5d5d;}
.applyForm textarea{height:90px; padding:10px 15px !important;}
.applyForm select{ color:#666 !important}
.applyForm .submit{width: 125px; font-size:18px; font-weight:500; padding:10px; margin:auto; color:#fff; text-transform:uppercase; background:#000; border:0; line-height: 18px; }
.applyForm .submit:hover{background:#21295f;}

.productLink{ display:block; overflow:hidden; transition: all .3s ease-in-out;}
.productLink img{ width:100%; transition: all .3s ease-in-out;}
.productLink:hover img{transform: scale(1.1);}
.productLink h3{ position:absolute; bottom:15px; left:0; right:0; text-align:center; color:#fff; padding:0 20px;}



@media (max-width:768px){
.bottomImage{/* position:static; */float: right;}	
.innerHead{ font-size:28px; }
.bottomImage img{max-width: 320px;  float: right;}
.appIcon{ width:90px; height:90px; margin:0 auto 20px;}
.innerotherHead{font-size: 20px;}
.subscribeBox .form-group{ width: 100% !important; }
}

@media (max-width:550px){
.innerHead{ font-size:24px; }
.innerotherHead{font-size: 18px;}
.appIcon{ width:80px; height:80px; margin:0 auto 20px;}
.downloadPic, .downloadBtn{max-width: 125px;}
.downloadBtn{font-size: 9px; padding:14px;}
.bottomImage img{max-width: 190px;}
.subText{ font-size:18px;}
.careerHead{ width:90%;}
.applyForm .submit{margin-top: 5px !important;}

.sideLogo img{max-width:150px; }
}








/* janak */

.footer_widget .wp-block-image img{ width:100%; max-width:259px; height:auto;}


@media (max-width:550px){
.footer_widget .wp-block-image img{ max-width:180px; }
    }



.downloadPdf{ list-style-type:none; padding-left:0;}
.downloadPdf li{ margin-bottom:10px; border:1px solid #ddd; border-radius:5px;  overflow:hidden;}
.downloadPdf li a{ padding:10px 20px; display:block; background:url(../img/download_icon.png) no-repeat right top #f9f9f9;}
.downloadPdf li a:hover{ color:#fff; background:url(../img/download_icon.png) no-repeat right bottom #00c9fa;}