@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');


body { color: #414141; position: relative; cursor: default; padding: 0;margin: 0;font-size: 16px; -webkit-font-smoothing: antialiased;transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;overflow-x: hidden !important; }

.clear          { clear: both; }
*:focus         { outline: 0 !important; }
input:focus { box-shadow: none !important; outline: none !important}

.form-check { padding-left: 20px; }

input[type=checkbox] { border-style: solid; border-width: 1px;margin: 0 0 0 -20px; border-color: #DADADA; background: #fff; color: #dc3545; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 16px; outline: 0; padding: 1px !important; text-align: center; vertical-align: middle; width: 16px; min-width: 16px; border-radius: .25rem; -webkit-appearance: none; -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; box-shadow: none; }
input[type=checkbox]:checked:before { display: inline-block; font-family: FontAwesome; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f00c'; margin: 0; font-size: 12px; color: #f01d8b}

input[type=radio] { border-style: solid; border-width: 1px; margin: 0;border-color: #DADADA;background: #fff; color: #dc3545; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 16px; outline: 0; padding: 1px !important; text-align: center; border-radius:24px; vertical-align: middle; width: 16px; min-width: 16px; -webkit-appearance: none; -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; box-shadow: none; }
input[type=radio]:checked:before { display: inline-block; font-family: FontAwesome; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 12px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f00c'; margin: 0; font-size: 12px; color: #51bed2;}

select{  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 99% 50% !important; -moz-appearance: none; -webkit-appearance: none; appearance: none; height: 30px; width: 100px; padding: 5px; }

.err { color: red; }

.container { max-width: 740px; padding:0;   background:#fff; }

/* Section */
.section { cursor:pointer; display:block;cursor:pointer; }
.section:after,
.section:before { display: table; content: " "; clear: both; }

.wrapper {}
.bg-dark { background-color: #2f2f2f!important; }
.navbar-dark .navbar-nav .nav-link { color: #fff; font-size: 18px; font-weight: 300; padding: 2px 18px; border-right: 1px solid #504f4f;}
.navbar-dark .navbar-nav .nav-link span { color: #fff; font-size: 18px; font-weight: 600; }
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus span,
.navbar-dark .navbar-nav .nav-link:hover span { color: #d9298e; }
.navbar>.container,
.navbar>.container-fluid { justify-content: flex-end; }

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.active span { color: #d9298e; }

#menuTopFix.sticky {position: fixed; width: 100%; top: 0; left: 0; z-index: 3; }

.section1 { position: relative; display:block; overflow: hidden; background-position: center center;background-repeat: no-repeat;background-image: url(../img/cleanmax_01.jpg);height: 1088px; background-color: #9be1ef;}
.section2 { position: relative; display:block; overflow: hidden; background-position: center center;background-repeat: no-repeat;background-image: url(../img/cleanmax_02.jpg);height: 288px; background-color: #e7ebec;}
.section3 { position: relative; display:block; overflow: hidden; background-position: center center;background-repeat: no-repeat;background-image: url(../img/cleanmax_03.jpg);height: 660px; background-color: #edf5f8;}
.section4 { position: relative; display:block; overflow: hidden; background-position: center center;background-repeat: no-repeat;background-image: url(../img/cleanmax_04.jpg);height: 733px; background-color: #f6fbfe;}
.section5 { position: relative; display:block; overflow: hidden; background-position: center center;background-repeat: no-repeat;background-image: url(../img/cleanmax_05.jpg);height: 685px;  background-color: #fafafa;}
.section6 { position: relative; display:block; overflow: hidden; background-position: center center;background-repeat: no-repeat;background-image: url(../img/cleanmax_06.jpg);height: 103px; }
.section7 { position: relative; display:block; overflow: hidden; background-position: center center;background-repeat: no-repeat;background-image: url(../img/cleanmax_07.jpg);height: 1023px; }
.section8 { position: relative; display:block; overflow: hidden; background-position: center center;background-repeat: no-repeat;background-image: url(../img/cleanmax_08.jpg);height: 1056px; background-color: #f3fbfe;}
.section9 { position: relative; display:block; overflow: hidden; background-position: center center;background-repeat: no-repeat;background-image: url(../img/cleanmax_09.jpg);height: 340px;  }

.whatsapp { position: relative; display:block; overflow: hidden; background-color:#fff; background-image: url(../img/whasappBg.jpg);height: 800px; padding-top:30px; text-align:center; }
.whatsapp .title {  }
.whatsapp .slick-slide { opacity: 0.6; transition: all 300ms ease; transform: scale(0.9); }
.whatsapp .slick-center { -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); -webkit-transform: scale(1.08); color: #e67e22; opacity: 1; transform: scale(1); }

.giphy { max-width: 400px; margin:0 auto; display: none;}
.giphy img { width: 100%; }

.ribbon-wrapper{position:absolute;overflow:hidden;width:111px;height:108px;top:-6px;left:-6px;z-index:1}
.ribbon{position:relative;display:block;text-align:center;font-size:13px;letter-spacing:-.5px;font-weight:700;color:#fff;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);padding:3px 0;right:24px;top:22px;width:110px;line-height:16px;background-color:#555;box-shadow:0 0 3px rgba(0,0,0,.3)}
.ribbon:before{left:0;bottom:-1px}
.ribbon:after{right:0}
.ribbon:after,
.ribbon:before{position:absolute;content:" ";line-height:0;border-top:2px solid #555;border-left:2px solid transparent;border-right:2px solid transparent;bottom:-2px}
.ribbon-primary{background-color:#0069d9;color:#fff}
.ribbon-success{background-color:#00b545}
.ribbon-info{background-color:#1abc9c}
.ribbon-warning{background-color:#ffc107;color:#212529}
.ribbon-danger{background-color:#f01e8b}

@media only screen and (max-width: 767px) {
  .section1 {background-size: cover;height: 560px;}
  .section2 {background-size: cover;height: 150px;}
  .section3 {background-size: cover;height: 338px;}
  .section4 {background-size: cover;height: 390px;}
  .section5 {background-size: cover;height: 350px;}
  .section6 {background-size: cover;height: 50px;}
  .section7 {background-size: cover;height: 520px;}
  .section8 {background-size: cover;height: 560px;}
  .section9 {background-size: cover;height: 186px;}

  .whatsapp .title { width: 100%; }
      .whatsapp .slick-prev { left: 8px; }
      .whatsapp .slick-next { right: 13px; }

  .giphy { max-width: 100%; width: 100%; margin:0 auto; display:block;}

  .navbar-dark .navbar-nav .nav-link {  border-right: 0;}
}

/* --------------------------------------------------------
    #Order Form
----------------------------------------------------------- */
.orderForm { position: relative; padding:0 15px 60px; }
.orderFormH1 { color: #fff; background-color: #51bed2; font-size:28px; font-weight:800; margin: 0; text-align:center; padding: 10px; }
.orderForm .form-group { margin-bottom: 5px; }
.orderForm .form-group > label{ position: relative;margin-bottom: 0;font-size: 13px;}
.orderForm .form-group > .form-control{ position: relative;margin-bottom: 0;font-size: 16px;height: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.orderForm .form-group > select.form-control{ font-size: 14px;}
.orderForm .form-group > textarea.form-control { height: 58px;line-height: 1.3; }
.orderForm .form-check { margin-top: 15px;margin-bottom: 15px;}
.orderForm .form-check .form-check-label { line-height: 1.2; }
.orderForm .btn { font-size: 20px;font-weight: 700; }

.cProduct {position: relative; text-align: center;border: 2px solid #ced4da;padding: 15px 5px;border-radius: 6px;width: 100%;cursor: pointer; }
.cProduct > input[type=radio] {position: absolute;right: 10px;top: 10px; margin: 0;height: 24px; width: 24px; min-width: 24px;}
.cProduct > input[type=radio]:checked:before { font-size: 18px; line-height: 20px;}
.cProduct > .cName { display: block;font-size: 14px;font-weight: 500;line-height: 1.1;}
.cProduct > .cName > b { display: block;font-size: 22px;font-weight: 900;}
.cProduct > .cName > em {font-style: normal;padding-top: 5px; display: block;font-size: 13px;font-weight: 300;}
.cProduct > .cThumb {display: block;text-align: center; height: 120px;width: 120px;margin: 0 auto;}
.cProduct > .cThumb > img { height: 120px;width: 120px;margin: 0 auto;}
.cProduct > .cPrice {display: block; text-align: center;}
.cProduct > .cPrice .cPriceOld {text-decoration: line-through;}
.cProduct > .cPrice .cPriceNew { font-size: 24px;font-weight: 900; }
.cProduct > .cPrice .cPriceNew > em {font-style: normal; font-size: 16px;font-weight: 700;}

.radio-bg + .radio-bg { margin-top:10px;}
.radio-bg label > input[type=radio] {height: 24px; width: 24px; min-width: 24px; margin-right:6px;}
.radio-bg label > input[type=radio]:checked:before { font-size: 18px; line-height: 20px;}

.cProduct.active {border: 2px solid #51bed2;}
.cProduct.active > .cName > b { color: #f52323; }
.cProduct.active > .cPrice .cPriceNew {color: #f52323;}

    @media only screen and (max-width: 736px) {

    }


/* --------------------------------------------------------
    #Whatsapp
----------------------------------------------------------- */
@-webkit-keyframes cptCircle{
	0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg);opacity:.01}
	30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.5}
	100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.01}
}
@keyframes cptCircle{
	0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg);opacity:.01}
	30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.5}
	100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.01}
}
@-webkit-keyframes cptCircleFill{
	0%{-webkit-transform:rotate(0) scale(.6) skew(1deg);transform:rotate(0) scale(.6) skew(1deg);opacity:0}
	50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.2}
	100%{-webkit-transform:rotate(0) scale(.6) skew(1deg);transform:rotate(0) scale(.6) skew(1deg);opacity:.2}
}
@keyframes cptCircleFill{
	0%{-webkit-transform:rotate(0) scale(.6) skew(1deg);transform:rotate(0) scale(.6) skew(1deg); opacity:0}
	50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg); opacity:.2}
	100%{-webkit-transform:rotate(0) scale(.6) skew(1deg);transform:rotate(0) scale(.6) skew(1deg); opacity:.2}
}
#aat-callback {position:fixed;width: 72px;height: 72px;bottom: 15px;top: auto;right: auto;left: 10px;z-index:1;}
#aat-callback a:hover { text-decoration: none; color: #fff;}
.aat-circle, .aat-circle-fill { position:absolute;border-radius:100%;-webkit-transition:all .5s;transition:all .5s;-moz-box-sizing:border-box;box-sizing:border-box;opacity:0; -webkit-animation-delay:2s;animation-delay:2s }
.aat-circle { width:250%;height:250%;background-color:transparent;border:2px solid #189d0e;-webkit-animation:cptCircle 2.2s infinite ease-in-out;animation:cptCircle 2.2s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%; transform-origin:50% 50%;left:-71%;top:-75%; }
.aat-circle-fill { width:155%;height:155%;background-color:#189d0e;border:2px solid transparent;-webkit-animation:cptCircleFill 2.3s infinite ease-in-out;animation:cptCircleFill 2.3s infinite ease-in-out;box-shadow:0 0 2px 0 #189d0e!important;left:-23.5%;top:-27.5%; }
.main-button { position: relative; right: 1px; top: 1px; float: right; width: 64px; height: 64px; background: center center no-repeat #189d0e; box-shadow: 0 3px 5px 1px rgba(0,0,0,.2); background-size: 30px; border-radius: 100%; cursor: pointer; font-size: 16px; color: #fff; text-align: center; line-height: 58px; }
.main-button i { font-size: 2rem; line-height: 64px; }
.main-text { position: absolute; background: #189d0e; width: 0px; left: 52px; line-height: 40px; margin-top: 12px; border-radius: 3px; color:#fff; overflow: hidden; white-space: nowrap; -webkit-transition: width 1s ease-in-out; -moz-transition: width 1s ease-in-out; -o-transition: width 1s ease-in-out; transition: width 1s ease-in-out; text-indent:10px; text-align:left; }
.main-text.active { width:255px; }

/* Back to top */
#back-top { position: fixed; bottom: 15px; right: 0; z-index: 10; }
#back-top a { width: 40px; display: block; text-align: center; font: 11px/100% Arial,Helvetica,sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }
#back-top a:hover { color: #000; }
#back-top span { width: 40px; height: 40px; display: block; background: #292c32 url(../img/top_arrow.png) no-repeat center center; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }

.social-bar { position: fixed; left:0; bottom: 5%; z-index:9999; }
.social-bar a{ display:block; width: 48px; height: 48px; line-height: 48px; font-size:28px; text-align:center; color:#fff; }
.social-bar a.i { background: #FF0099; }
.social-bar a.f { background: #3B5998; }
.social-bar a.w { background: #33CC00; }

  @media only screen and (max-width: 767px) {
      #back-top { bottom: 52px; }
      .social-bar { bottom:0; width: 100%;}
      .social-bar a { float:left; width: 50%; }
  }

.intl-tel-input {width: 100%;}
.call-me .intl-tel-input { width: auto !important; }
.jquery-lightbox { height:auto !important; }