@font-face {
  font-family: 'Proxima Nova Bold';
  font-style: Bold;
  font-weight: 600;
  src: url('../fonts/ProximaNova-Bold.otf');
}
@font-face {
  font-family: 'Proxima Nova Light';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/Proxima Nova Alt Light.otf');
}
@font-face {
  font-family: 'Proxima Nova';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ProximaNova-Regular.otf') ;
}

/*@font-face {
  font-family: 'Proxima Nova Bold';
  font-style: Bold;
  font-weight: 600;
  src: url('../fonts/FontsFree-Net-Proxima-Nova-Bold.otf');
}*/
* {
  margin: 0;
  padding: 0;
}
body {
  font-family: 'Proxima Nova', sans-serif;
  color: #393939;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  opacity: 1;
}
a
{
  text-decoration: none;
}
a:hover
{

}
.btn 
{
  width: 200px;
  padding: 8px;
  display: inline-block;
}
.btn-primary
{
  background: #247C54 0% 0% no-repeat padding-box;
  opacity: 1;
}
/*btn-primary-outline*/
.btn-primary-outline
{
  border: 2px solid #FFFFFF;
  opacity: 1;
  font: normal normal  18px/29px Proxima Nova Light;
  letter-spacing: 1.17px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 0;
}
.btn-primary-outline:hover 
{
  background: #247C54 0% 0% no-repeat padding-box;
  opacity: 1;
  color: #fff;
  border-color: #247C54;
}

/*btn-secondary-outline*/
.btn-secondary-outline
{
  border: 2px solid #FFFFFF;
  opacity: 1;
  font: normal normal  18px/28px Proxima Nova Light;
  letter-spacing: 1.17px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
}
.btn-secondary-outline:hover 
{
  background: #FFFFFF;
  color: #247C54;
}

/*btn-primary*/
.btn-primary 
{
  background: #247C54 0% 0% no-repeat padding-box;  
  font: normal normal  18px/28px Proxima Nova;
  letter-spacing: 1.17px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
  border-color: #247C54;
  border-radius: 0;
}
.btn-primary:hover 
{
 border-color: #247C54; 
 background: #247C54 0% 0% no-repeat padding-box;  
}
header#myHeader
{ 
  position: absolute;
  float: left;
  width: 100%;
  z-index: 9;
  transition: 0.5s;
}
header.sticky 
{
  position: fixed!important;
  background: #fff;
  box-shadow: 0 0px 8px #d3d3d3;
  transition: 0.5s;
}
header.sticky .nav-link
{
  color: #393939!important;
}
header .navbar-brand {
  width: 210px;
}
header.sticky .nav-link:after
{
  background: #393939!important;
}
header .navbar-nav  .nav-link {
  
}
header ul.navbar-nav {
  position: relative;
}
header ul.navbar-nav .nav-link {
  text-align: left;
  font: normal normal normal 20px/28px Proxima Nova Light;
  letter-spacing: 0px;
  position: relative;
  text-align: left;
  color: #FFFFFF;
  opacity: 0.7;
  padding: 4px 0;
  margin: 0 10px;  
}
header ul.navbar-nav .nav-link:after 
{
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  transition: 0.5s;
  width: 30px;
  height: 3px;
  background-color: #fff;
  display: none;
}
header .navbar-nav .nav-link:hover, header .navbar-nav .nav-link.active
{
  opacity: 1;
  font-weight: bold;
}  
header .navbar-nav .nav-link:hover:after, header .navbar-nav .nav-link.active:after {  
  display: inline-block;
}
header ul.navbar-nav .nav-link .fa {
  font-weight: 200;
  font-size: 12px;
  vertical-align: middle;
}

header .navbar-toggler {
  color: #FF6103;
}

header .navbar-toggler:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

header .navbar-toggler .navbar-toggler-icon {
  line-height: 1.5em;
}
#myHeader .black-logo
{
  display: none;
}
header.sticky .main-logo
{
  display: none;
}
header.sticky .black-logo
{
  display: inline-block!important;
}



/*footer */
footer 
{
  background: #F2F2F2 0% 0% no-repeat padding-box;
  opacity: 1;
  padding: 50px 0;
  float: left;
  width: 100%;
}
footer ul 
{
  list-style: none;
  padding-left: 0;
  float: left;
  width: 100%;
}
footer ul  li 
{
  margin-bottom: 15px;
  float: left;
  width: 100%;
}
footer ul  li a 
{
  text-align: left;
  font: normal normal 300 16px/28px Proxima Nova Light;
  letter-spacing: 0.18px;
  color: #393939;
  text-transform: capitalize;
  opacity: 1;
}
footer  ul li  .footer-title
{
  text-align: left;
  font: normal normal bold 20px/30px Proxima Nova;
  letter-spacing: 0px;
  color: #393939;
  text-transform: capitalize;
  opacity: 1;
  margin-bottom: 0;
}
footer .logo-section 
{

}
footer .logo-section  h5 
{
  text-align: left;
  font: normal normal  32px/45px Proxima Nova;
  letter-spacing: 0px;
  color: #393939;
  opacity: 1;
  white-space: pre;
  margin-top: 50px;
  font-weight: 600;
}
footer .footer-address ul li 
{
  float: left;
  width: 100%;
}

footer .footer-address ul li  .icon 
{
  float: left;
  width: 50px;
}
footer .footer-address ul li  .icon  img {
  width: 50%;
  margin-top: 7px;
}
footer .footer-address ul li  .details
{
  float: left;
  width: calc(100% - 50px);
  text-align: left;
  font: normal normal 300 16px/28px Proxima Nova Light;
  letter-spacing: 0.18px;
  color: #393939;
  text-transform: capitalize;
  opacity: 1;
}
footer .footer-address ul li  .details p 
{
  margin-bottom: 0;
} 
footer .footer-line p 
{
  text-align: left;
  font: normal normal 300 15px/18px Proxima Nova Light;
  letter-spacing: 0.15px;
  color: #393939;
  text-transform: capitalize;
  opacity: 1;
}


/*banner*/

.banner
{
  float: left;
  width: 100%;
  min-height: 100vh;
  background: url(../img/home/banner.jpg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  position: relative;
}
.banner .banner-text
{
  position: absolute;  
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);  
  text-align: center;
  width: 100%;
}
.banner .banner-text h1 
{
  text-align: center;
  font: normal normal bold 70px/85px Proxima Nova;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  margin-bottom: 30px;

}

/*heading */
.heading 
{
  text-align: left;
  font: normal normal bold 44px/48px Proxima Nova;
  letter-spacing: 0px;
  color: #393939;
  opacity: 1;
  margin-bottom: 0;
  display: block;
}

/*home1*/
.home1 
{
  padding: 50px 0 ;
  float: left;
  width: 100%;
}

/*brands*/
.brands 
{
  float: left;
  width: 100%;
  padding: 50px  0;  
}
.brands .brands-logos
{
  display: flex;
}
.brands .brands-logos img 
{
  width: 75%;
}

/*home2*/
.home2 
{
  width: 100%;
  float: left;
  padding: 50px 0 ;
}
.home2 .text-block
{
  padding-left: 50px;
}

/*home3*/
.home3 
{
  float: left;
  width: 100%;
  padding: 50px 0;
}
.home3 .our-services-box
{
  position: relative;
}
.home3 .our-services-box .service-title
{
  position:absolute;
  left: 30px;
  bottom: 20px;
  text-align: left;  
  font: normal normal 600 35px/38px Proxima Nova;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  margin-bottom: 0;
}

/*home4*/
.home4 
{
  float: left;
  width: 100%;
  margin: 50px 0 0;
  background: #247C54 0% 0% no-repeat padding-box;
}
.home4 .text-block
{
  padding: 70px;
}
.text-block p 
{  
  font: normal normal normal 18px/30px Proxima Nova Light;
  letter-spacing: 0.29px;
  margin: 25px 0 ;
}


/*about page */
.page-banner
{
  float: left;
  width: 100%;
  min-height: 100vh;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.page-banner .banner-text h1{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font: normal normal bold 70px/85px Proxima Nova;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  width: 100%;
  text-align: center;
}

/*about1*/
.about1
{
  float: left;
  width: 100%;
  padding-bottom: 50px;
}
.about1 .col-lg-8.col-md-8
{
  padding: 50px 70px ;
}
.about1 .col-lg-8.col-md-8 p 
{
  text-align: left;
  font: normal normal normal 18px/30px Proxima Nova;
  letter-spacing: 0.29px;
  color: #393939;
  opacity: 1;
}
.about1 .col-lg-8.col-md-8 p.heading 
{
  font: normal normal bold 44px/48px Proxima Nova; 
  margin-bottom: 30px;
}

/*products*/
.products
{
  float: left;
  width: 100%;
  padding: 100px 0 0;
}
.products .container-fluid
{
  padding: 30px 0 20px;
}
.products .product-details .product-title
{
  text-align: left;
  font: normal normal bold 28px/30px Proxima Nova;
  letter-spacing: 0px;
  color: #393939;
  opacity: 1;
}
.products .product-details .product-title span, .products .product-details .sub-heading
{
  font: normal normal 600 20px/20px Proxima Nova;
}
.products .product-details .idnum
{
  font: normal normal normal 14px/25px Proxima Nova;
  letter-spacing: 0px;
  color: #A29C9C;
  opacity: 1;
}
.products .product-details ul  
{
  padding-left: 25px;
}
.products .product-details ul li 
{
  font: normal normal normal 18px/30px Proxima Nova;
}
.products .product-details ul li::marker
{
  color: #288B3F;
  font-size: 30px;
  line-height: 10px
}
.product-secondary-title
{
  text-align: left;
  font: normal normal bold 35px/50px Proxima Nova;
  letter-spacing: 0px;
  color: #393939;
  opacity: 1;
  margin:  20px 0;
}
.products .has-bg 
{
  background: #edf3ed 0% 0% no-repeat padding-box;
}
.products .col-lg-4.col-md-4 img 
{
  margin-top: 10px;
}
.product-list 
{
  position: fixed!important;
  background: #fff;
  box-shadow: 0 0px 8px #d3d3d3;
  transition: 0.5s;
  z-index: 99;
  width: 100%;
  /*display: none;*/
}
.product-list.hide 
{
  display: none;
}
.product-list.show
{
  display: block;
}
.product-list ul  
{
  float: left;
  width: 100%;
  margin: 0;
  padding: 6px 0;
}
.product-list ul li
{
  float: left;
  width: 25%;
  text-align: center;
  list-style: none;
}
.product-list ul li a 
{
  font: normal normal normal 16px/28px Proxima Nova;
  letter-spacing: 0px;
  position: relative;
  text-align: left;
  color: #393939;  
  padding: 4px 0;
  margin: 0 10px;
  text-transform: capitalize;
}
.product-list ul li a:hover, .product-list ul li a.active
{
  font-weight: bold;
}

.products .nav-tabs .product-details
{
  background: #EDF2ED 0% 0% no-repeat padding-box;
  border-radius: 10px 10px 0px 0px;
  opacity: 1;
  /*padding: 15px 0;*/
}
.products .nav-tabs .nav-item
{
  width: calc(100% / 3);  
}
.products .nav-tabs .nav-item .nav-link
{
  width: 100%;
  display: inline-block;
  text-align: center;
  background: #247C54 0% 0% no-repeat padding-box;
  border-radius: 10px 10px 0px 0px;
  opacity: 1;
  color: #fff;
}
.products .nav-tabs .nav-item .nav-link.active 
{
  background: transparent;
  color: #393939;
}
.products .nav-tabs 
{
  border: none;
}
.products .nav-tabs #benifits h3 
{
  font: normal normal bold 50px/58px Proxima Nova;
  letter-spacing: 0px;
  color: #10A123;
}
.products .nav-tabs .how-box p 
{
  font: normal normal bold 18px/20px Proxima Nova;
  color: #393939;
  display: flex;
  align-items: center;
}
.products .nav-tabs .how-box p span 
{
  text-align: left;
  font: normal normal bold 45px/58px Proxima Nova;
  letter-spacing: 0px;
  color: #10A123;
  opacity: 1;
  float: left;
  margin-right: 10px;
}
.products .nav-tabs #benifits .how-box p span
{
  opacity: 0.6;
}
.products .installations
{
  background: url(../img/product/insta-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px  0 ;  
}
.products .owl-theme .owl-dots
{
  display: none!important;
}
.products .owl-theme .owl-nav, .products .numbers-index
{
  text-align: right;  
}
.products .numbers-index
{
  display: flex;
  align-items: flex-start;
  justify-content: right;
}
.products .numbers-index span 
{
  font: normal normal bold 20px/25px Proxima Nova;
  letter-spacing: 0px;
  color: #32A370;
  opacity: 0.56;
}
.products .numbers-index span.total 
{
  opacity: 1;
  font: normal normal bold 30px/35px Proxima Nova;
}
.owl-theme .owl-nav [class*=owl-]:hover
{
  background: transparent!important;
}
.solvent-tab-btn .nav-link
{
  text-align: left;
  font: normal normal normal 24px/30px Proxima Nova;
  letter-spacing: 0px;
  color: #393939;
  opacity: 1;
  white-space: pre;
  padding: 5px;
}
.solvent-tab-btn .nav-link.active 
{
  background: transparent;
  font-weight: bold;
  color: #393939;
  border-left: 5px solid #3F9A3F;
  border-radius: 0;
}
.products .col-lg-8.col-md-8 .product-details
{
  padding-left: 50px;
}










/*contact us*/
.contact-us
{
  float: left;
  width: 100%;  
  padding: 80px 0 50px;
}
.contact-us .contact-details, .contact-us .contact-details .contact-list
{
  float: left;
  width: 100%;
}
.contact-us .contact-details .contact-list
{
  margin-bottom: 15px;
}
.contact-us .contact-details .contact-list .icon 
{
  width: 65px;
  float: left;
  font-weight: bolder;  
  
}
.contact-us .contact-details .contact-list .icon  strong 
{
  display: flex;
  justify-content: space-between;
}
.contact-us .contact-details .contact-list .text 
{
  float: left;
  width: calc(100% - 65px);
  padding-left: 20px;
  white-space: pre;
}
.contact-us .enquiry-form h6 
{
  font: normal normal bold 24px/30px Proxima Nova;
  letter-spacing: 0px;
  color: #393939;
}
.contact-us .enquiry-form .form-group 
{
  margin-bottom: 1rem;
}
.contact-us .enquiry-form .form-control 
{
  border: 1px solid #707070;
  border-radius: 16px;
  opacity: 1;
}

/*radio btn*/

.radio {
  margin: 0.5rem;
}
.radio input[type=radio] {
  position: absolute;
  opacity: 0;
}
.radio input[type=radio] + .radio-label:before {
  content: "";
  background: #f4f4f4;
  border-radius: 100%;
  border: 4px solid #b4b4b4;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: 0;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.radio input[type=radio]:checked + .radio-label:before {
  background-color: #288B3F;
  box-shadow: inset 0 0 0 3px #f4f4f4;
  border-color: #288B3F;
}
.radio input[type=radio]:focus + .radio-label:before {
  outline: none;
  border-color: #288B3F;
}
.radio input[type=radio]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.radio input[type=radio] + .radio-label:empty:before {
  margin-right: 0;
}
input:focus 
{
  box-shadow: none;
  outline: none;
}
.form-control::placeholder
{
  font-weight: bold;
}
#all_product
{
  display: none;
}

/*1023px*/
@media only screen and (max-width: 1023px)
{
  .product-list
  {
    /*display: none!important;*/
        max-width: 250px;
     display: none; 
    height: 100vh;
    margin-left: -100%;
    overflow: auto;
  }


  .product-list ul li
  {
    width: 100%;
    text-align: left;
  }
  .product-list ul li a 
  {
    padding: 8px ;
    display: inline-block;
  }
  #all_product
  {
    position: fixed;
    bottom: 50px;
    right: 0;
    background: #288B3F;
    padding: 5px 15px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    color: #fff;
    border-radius: 15px;
    font-size: 18px;
    cursor: pointer;
  }
  .float-product.hide
  {
    display: none;
  }
  .float-product.show
  {
    display: block!important;
  }
}

/*991px*/
@media only screen and (max-width: 991px)
{
  .container 
  {
    max-width: 98%;
  }
  .home4 .text-block
  {
    padding: 15px;
  }
  .home3 .our-services-box .service-title
  {
    font: normal normal 600 22px/28px Proxima Nova;
    left: 15px;
  }
  .about1 .col-lg-8.col-md-8 p.heading
  {
    font: normal normal bold 35px/40px Proxima Nova;
    margin-bottom: 10px;
  }
  footer .logo-section h5
  {
    font: normal normal Bold 24px/30px Proxima Nova ;
  }
  .heading
  {
    font: normal normal bold 35px/40px Proxima Nova;
  }
}

/*767px*/
@media only screen and (max-width: 767px)
{
  .text-block 
  {
    margin-bottom: 20px;
  }
  .home2 .text-block
  {
    padding-left: 0px;
  }
  .about1 .col-lg-8.col-md-8
  {
    padding: 15px;
  }
  .page-banner .banner-text h1
  {
    font: normal normal bold 55px/65px Proxima Nova;
  }

}

/*576px*/
@media only screen and (max-width: 576px)
{
  header .navbar-nav .nav-link.active:after
  {
    display: none;
  }
  footer .logo-section h5
  {
    margin-top: 0;
  }
  .products .nav 
  {
    display: block;
  }
  .solvent-tab-btn .nav-link
  {
    white-space: initial;
  }
  .products .nav-tabs .nav 
  {
    display: flex;
  }
  .products .product-details .p-5
  {
    padding: 15px!important;
  }
  /*.page-banner
  {
    min-height: 350px;
  }*/
}

/*425px */
@media only screen and (max-width: 425px)
{
  .products .product-details .product-title
  {

  }
}