body{font-family: 'Rubik', sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
button:focus,.btn:active,.btn:focus,.form-control:focus{outline:0;box-shadow:none!important}

.navbar-dark.navfixed{top: 60px;left: 0;right: 0;position: absolute;z-index: 1024;padding: 0;}

.navbar-dark .navbar-brand{padding-top: 20px;padding-bottom: 20px;margin-left: 12px;max-width: 277px;width: 100%;}
.navbar-dark .navbar-nav .nav-item{padding: 7px 16px;}
.navbar-dark .navbar-nav .nav-link{position:relative;color:#FFFFFF;padding:0px;font-size: 16px;font-weight: 400;white-space: nowrap;}
.navbar-dark .navbar-nav .nav-item:hover .nav-link{text-decoration: none;}
.navbar-dark .navbar-nav .nav-link:before {position: absolute;bottom: -7px;left: 0;right: 0;width: 0px;display: block;content: "";background: #da6c08;height: 2px;margin: auto;}
.navbar-dark .navbar-nav .nav-item:hover .nav-link:before {width: 100%;}
.navbar-dark .navbar-nav .nav-item:hover .nav-link.dropdown-toggle:after{color: #dc6c07;  }
.navbar-dark.navfixed.sticky {top: 0;position: fixed;background-color: #fff;box-shadow: 0px 0px 24px 0px rgb(0 0 0 / 20%);-webkit-animation-duration: 1s;animation-duration: .6s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.navbar-dark.navfixed.sticky .nav-link{color: #444444;font-weight: 500;font-size: 15px;} 
.navbar-dark.navfixed.sticky .nav-link:before {font-weight: 500; }
.navbar-dark.navfixed.sticky .navbar-brand {padding-top: 14px; padding-bottom: 14px; }
.navbar-dark.navfixed.sticky .navbar-nav .dropdown-menu {padding-top: 24px;}

.navbar-dark .navbar-nav .dropdown-menu {border: none;padding-top: 2px;margin: 0;min-width: 12rem;padding-bottom: 2px;border-radius: 0px 0px 14px 14px;box-shadow: 0px 12px 24px -5px rgb(0 0 0 / 10%);}
.navbar-dark .navbar-nav .dropdown-item{color: #616161;padding: 9px 24px 9px 32px;border-bottom: solid 1px #ececec;background-color: transparent !important;position: relative;}
.navbar-dark .navbar-nav li:last-child .dropdown-item{border-bottom:none; }
.navbar-dark .navbar-nav .dropdown-item:before {position: absolute;content: "\f105";font-family: 'Fontawesome';left: 18px;top: 8px;color: #dc6c07;}
.navbar-dark .navbar-nav .dropdown-item:hover{padding: 9px 20px 9px 36px; }


#carouselfade .mask{display: flex;height: 100%;align-items: flex-end;padding-bottom: 9%;z-index: 1;}
#carouselfade .mask h5{color: #FFF;font-size: 45px;font-size: 2.35vw;font-family: 'Raleway', sans-serif;font-weight: 700;margin-top: -12px;max-width: 625px;line-height: 120%;-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
#carouselfade .mask p{color: #FFF;font-size: 23px;font-size: 1.2vw;font-family: 'Raleway', sans-serif;font-weight: 500;line-height: 30px;max-width: 625px;letter-spacing: 2px;-webkit-animation-name: slideInRight;animation-name: slideInRight;}
#carouselfade .carousel-indicators li{height: 10px;width: 10px;opacity: 1;border-radius: 50%;border: solid 2px #fff;background-color: transparent;margin-bottom: 2%;}
#carouselfade .carousel-indicators li.active{background-color: #fff;  } 
#carouselfade .mask h5, #carouselfade .mask p{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes fadeInLeft {from {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeft {from {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInLeft {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes slideInRight {from {-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {from {-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInRight {-webkit-animation-name: slideInRight; animation-name: slideInRight; }
@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInUp {0% {-webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% {-webkit-transform: translateY(0); transform: translateY(0); } } 
@keyframes slideInUp {0% {-webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% {-webkit-transform: translateY(0); transform: translateY(0); } }
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}


 
     @media only screen and (min-width:576px) {
          .navhide{display: none;  }
          .clients .clientbox img {width: 86%;}
     }

     @media only screen and (min-width:768px) {
          .navi h6{display: none;  }
          #ISOModal .modal-dialog {max-width: 570px; }
          .home-testi .slidenav {margin-right: 20px; }
     }

     @media only screen and (min-width:992px) {
          .weltext{margin-left: 86px;max-width: 577px;}
     }

     @media only screen and (min-width:1200px) {
     	.navbar-dark .navbar-nav .dropdown-menu{opacity:0;display:block;visibility:hidden;-webkit-transition:all .32s linear 0ms;-moz-transition:all .32s linear 0ms;-ms-transition:all .32s linear 0ms;-o-transition:all .32s linear 0ms;transition:all .32s linear 0ms;clip:rect(1px,1px,1px,1px);-webkit-transform:scaleY(0);-khtml-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 0 0;-khtml-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;-o-transform-origin:0 0 0;transform-origin:0 0 0;text-align:left}
     	.navbar-dark .navbar-nav li.focus>.sub-menu,.navbar-dark .navbar-nav li:hover>.dropdown-menu{visibility:visible;opacity:1;-webkit-transform:scaleY(1);-khtml-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1);clip:inherit}
          .offerpic>img{height: 100%;width: auto;object-fit: cover;position: absolute;}
     }

     @media only screen and (min-width:1400px){
          .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1370px; }
     }
     @media only screen and (min-width:1921px){
          .googlemap {width: calc(100% - 44%); }
     }

     @media only screen and (max-width:1399px) {	
          .navbar-dark .navbar-nav .nav-item {padding: 7px 12px; } 
          .slidebtm h5{letter-spacing: 0;  }
          .range .card-body{padding: 16px 9px;  }
          .googlemap {width: calc(100% - 48%); }
     }

     @media only screen and (max-width:1199px) {
          .navbar-dark .navbar-nav .nav-item {padding: 7px 6px; } 	
          .navbar-dark .navbar-nav .nav-link, .navbar-dark.navfixed.sticky .nav-link{font-size: 14px;  }
          .footer-logo+p {padding-right: 14%; }
          .fmenu.pronav:after{display: none;  }
          .fmenu:after {top: 8%;  height: 86%; }
          .googlemap {width: calc(100% - 52%); }
          .career p{padding-right:0;}
          .careertxt{position: relative;padding-bottom: 42px;margin-bottom: 24px;}
          .careertxt:after {top: -107px; left: -48vw; width: 150vw; height: auto; }
     }

     @media only screen and (max-width:991px) {	
          .headtop p, .social:after{display: none;  }
          .welleft {padding: 0px 23px; } 
          .welleft:after{right: 0;  }
          .navbar-dark.navfixed{position: relative !important;top: 0;background: #1f1b1b;}
          .navbar-dark.navfixed .navbar-brand {padding-top: 14px;padding-bottom: 14px;max-width: 248px;margin-left: 0;}
          .navbar-dark .navbar-nav .dropdown-menu{margin-top: 12px;  }
          .navbar-dark .navbar-nav .nav-item {padding: 13px 9px 12px 9px; border-top: solid 1px #363232; }
          .navbar-dark .navbar-nav .nav-link:before{bottom: -13px; height: 1px; z-index: 1; }
          .indus:before{top: auto;width: 150vw;height: 1px;right: -50vw;}
          .indus{padding-bottom: 42px;}
          .ourclient>div{margin: auto;  }
          .offerpic:after{right: 23%;  }
          .googlemap{width: 100%; position: relative;  }
          .contactbox{margin: 42px 0px; max-width: 100%;  } 
          .renovationpic, .salientimg{margin: 24px 0px;}
          .renovationpic img, .salientimg img{width:100%; }
          .renovation h2, .features h3 {padding-top: 9px;}
          .renovation:after{height: 100%;  }
          .export .view>img {display: none; }
          .export .view .mask{margin-top: 36px; margin-right: 0;  }
          .applications .nav-pills {display: block; text-align: center;}
          .sub-banner{height: 176px;}
          .salient {margin: 24px 0px; }
          .salient+.salient {margin-top: 56px; }
          .cooling {-webkit-clip-path: polygon(100% 0, 100% 92%, 87% 98%, 0 90%, 0 0%);clip-path: polygon(100% 0, 100% 92%, 87% 98%, 0 90%, 0 0%);padding-bottom: 140px;}
          #carouselfade .mask{align-items: center; padding:0; }
     }

     @media only screen and (max-width:767px) {
          #carouselfade .mask h5 {font-size: 2.9vw;}
          #carouselfade .mask p{font-size: 1.7vw;letter-spacing: 0;}
          .headtop li a.phone{padding: 18px 14px 18px 0px; margin-right: 7px; }
          .fmenu{padding: 24px 0px;  }
          .fmenu:after{display: none;  }
          
          
          .footer-mid .whatsapp p a{font-size: 24px; margin-right: 0;  }
          .sub-banner{height:186px; }
          #modal-subscribe .modal-content { max-width: 90%; }
     }

     @media only screen and (max-width:575px) {
          h1, h2, h3, .subpage h1{font-size: 27px;  }
          #carouselfade .mask h5 {font-size: 3.7VW;margin-bottom: 0px;line-height: 148%;}
          #carouselfade .mask p{font-size: 2.3vw;letter-spacing: 0;}
          #carouselfade .mask{padding-bottom: 0;  }
          #carouselfade .carousel-indicators, .headtop li.nav-item{display: none;  }
          .headtop li a.phone{padding: 18px 0px; margin-right: 0px; border-right: none; }
          .cooling{clip-path: polygon(100% 0, 100% 96%, 84% 100%, 0 94%, 0 0%);padding-bottom: 112px;}
          .accordion .accordion-button{font-size: 18px; padding: 7px 14px 7px 16px;  }
          .accordion .accordion-body{padding: 14px 16px;  }
          .home-testi .card{padding: 42px 24px 32px 24px;  }
          .home-testi .card:before{left: 20px;  }
          .whatsapp, .social{padding-bottom: 0;  }
          .offerpic:after{right: 30%;  }
          .reviewus, .footer-mid h4, .footertop h6{margin-right: 0;  }
          .contact p span br{display: none;  }
          .applications .card {padding: 32px 16px; }
          .applications .nav-pills li a {font-size: 15px; padding: 15px 12px; }
          .products .card {padding: 32px 16px;}

     }

     @media only screen and (max-width:359px) {
          #carouselfade .mask p{font-size: 12px;  }
          .headtop li a.request{padding: 18px 16px;margin-left: 14px;}
          .navbar-dark.navfixed .navbar-brand{max-width: 224px;} 
          .accordion .accordion-button{font-size: 16px;}
     }

     @media (min-width:1200px) and (max-width:1399px) {
          .range .card h5{white-space: normal;  }
          .fmenu{padding: 24px 9px;  }
     }
     @media (min-width:575px) and (max-width:767px) {
          .range .card-body{padding: 16px 5px;  }
          .range .card h5{font-size: 18px; }
     }