.mb-0 {
  margin-bottom: 0 !important;
}

@font-face {
  font-family: "pn_regular";
  src: url("/assets/fonts/proxima_nova_reg-webfont.eot");
  src: url("/assets/fonts/proxima_nova_reg-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/proxima_nova_reg-webfont.woff2") format("woff2"), url("/assets/fonts/proxima_nova_reg-webfont.woff") format("woff"), url("/assets/fonts/proxima_nova_reg-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: pn_xtra_bld_cond;
  src: url(/assets/fonts/proxima_nova_cond_xbold-webfont.eot), url("/assets/fonts/proxima_nova_cond_xbold-webfont.woff") format("woff"), url("/assets/fonts/proxima_nova_cond_xbold-webfont.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: pn_sbold;
  src: url(/assets/fonts/ProximaNova-Sbold-webfont.eot), url("/assets/fonts/ProximaNova-Sbold-webfont.woff") format("woff");
  font-display: swap;
}
.pn_sbold {
  font-family: pn_sbold !important;
}

.poppins {
  font-family: Poppins !important;
  position: absolute;
  top: 2px;
  right: -25px;
}

.r-h2 {
  font-size: 50px;
}

.r {
  font-family: Poppins !important;
  position: absolute;
  top: -1px;
  right: -17px;
  font-size: 35px;
}

.invisible {
  visibility: hidden;
}

.vh-75 {
  min-height: 75vh;
}

.TeutonNormalBoldItalic {
  font-family: "TeutonNormal-BoldItalic" !important;
}

.fresa-kiwi {
  color: #F93629 !important;
  font-size: 24px !important;
}

.naranja {
  color: #FD7A00 !important;
  font-size: 24px !important;
}

.uva {
  color: #753CBE !important;
  font-size: 24px !important;
}

.TeutonNormal-Bold {
  font-family: "TeutonNormal-Bold" !important;
}

/************     Start General    **************/
html,
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-size: 16px;
  font-family: pn_sbold;
}

.hero_bg {
  width: 100% !important;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.text-white {
  color: #f4f4f4;
}

.text-orange {
  color: #fe4c00;
}

.text-gray {
  color: #9C9D9E;
}

.title-section {
  padding: 45px 0;
  font-size: 42px;
  color: #000;
}

.position-relative {
  position: relative;
}

.pleca {
  position: absolute;
}

.pleca_header_inferior {
  bottom: 0;
  right: 0;
}

.pleca_header_superior {
  top: 100px;
  left: 0;
}

.btn-primary {
  background-color: gray !important;
  padding: 0 30px !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: TeutonNormal !important;
}

p {
  font-family: pn_regular !important;
  font-size: 16px !important;
  color: #000 !important;
}

.top-banner h2 {
  color: #fff !important;
}

.top-banner h3 {
  margin: 0 0 20px;
  letter-spacing: normal;
  font-size: 45px;
  color: #fff;
}

.top-banner p {
  font-size: 23px !important;
  font-weight: bold;
  color: #fff !important;
  line-height: 1 !important;
}

.molecula {
  position: absolute;
  width: 210px !important;
  z-index: 3;
}

.molecula-1 {
  bottom: -25%;
  left: 0;
}

.molecula-2 {
  bottom: 18%;
  right: 0;
  width: 280px !important;
}

.molecula-3 {
  bottom: 0%;
  left: 0;
}

.franja {
  position: absolute;
  z-index: 3;
}

.franja-footer {
  top: 0;
  left: 0;
  width: 30vw !important;
}

.b_fresa_kiwi {
  position: absolute;
  z-index: 1;
  top: -25px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 250px;
  height: auto;
}

.padding-text {
  padding: 15px 30px;
}

.padding-text-2 {
  padding: 15px 5px 15px 60px;
}

.split-columns {
  margin-bottom: 30px !important;
}

.split-column .texts h2 {
  font-size: 30px !important;
}

.franja_beneficios {
  position: absolute;
  bottom: -1px;
  z-index: 2;
  left: 44%;
}

.franja_rehidrata {
  position: absolute;
  bottom: -35px;
  z-index: 2;
  left: -10%;
  width: 500px !important;
}

.feature-note .indicator .border-orange:before {
  border-color: orange !important;
  border-width: 5px !important;
}

.feature-note .indicator .border-kiwi:before {
  border-color: orangered !important;
  border-width: 5px !important;
}

.feature-note {
  color: #000 !important;
}

.feature-note.right .rapida-hidratacion .plus-icon:after {
  width: 177px !important;
}

.feature-note .feature-name {
  text-transform: none !important;
  font-size: 20px;
}

.feature-note .feature-name:before,
.feature-note .feature-name:after,
.feature-note .indicator .plus-icon:after {
  background-color: #000 !important;
}

.feature-note .feature-name:after:first-child {
  background-color: red !important;
}

.feature-note.right .indicator .plus-icon:after {
  margin-left: 25px !important;
}

.feature-note.right.top .feature-name {
  margin-left: -81px !important;
}

.feature-note .feature-name:before {
  top: 45px !important;
}

.feature-note .feature-name:after {
  height: 45px !important;
}

.feature-note.right.top .feature-name:after {
  top: 45px !important;
}

.feature-note.right.bottom .feature-name {
  margin-left: 11px !important;
  float: none !important;
}

.feature-note.right.bottom {
  bottom: -105px !important;
  top: auto !important;
  right: 36px !important;
}

.feature-note.right.top {
  top: 70px !important;
  right: 258px !important;
}

.feature-note.right.bottom .feature-name {
  margin-left: 100px !important;
}

.feature-note.show-cont .indicator .plus-icon:after {
  width: 146px !important;
}

.center-vertical {
  display: flex;
  align-items: center;
}

.the-product {
  padding-top: 20px !important;
  padding-bottom: 230px !important;
}

.botella-uva-abs {
  width: 200px;
}

.bp_naranja,
.botella-wikifresa-abs {
  width: 250px;
}

#product {
  background-image: url("../images/background.webp");
  background-repeat: no-repeat;
  background-size: cover;
}

.botella-uva-abs {
  position: absolute;
  right: 333px;
  z-index: 0;
  bottom: -170px;
}

.botella-wikifresa-abs {
  position: absolute;
  right: 192px;
  z-index: 0;
  bottom: -45px;
}

.feature-note .indicator .plus-icon .plus {
  background-color: transparent !important;
}

.title-rehidrata {
  font-size: 6em;
  color: #fff;
  font-family: "TeutonNormal-BoldItalic" !important;
  padding-top: 150px;
}

.formula_grafico {
  width: 60% !important;
  text-align: center !important;
}

.b_fresa_kiwi_l {
  position: absolute;
}

.b_naranja {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.b_naranja_md {
  display: none;
}

.pt-80 {
  padding-top: 80px;
}

.img_experto_hidratacion {
  width: 35% !important;
}

.bote-abs {
  position: absolute;
  right: 5px;
  bottom: -10%;
  z-index: 1;
}

.btn-compra {
  background-color: #000;
  color: #fff !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.portafolio h1 img {
  width: 40px !important;
}
.portafolio .subtitle {
  font-size: 36px !important;
}

#aviso_privacidad {
  padding-bottom: 50px;
}
#aviso_privacidad a {
  color: #000;
}
#aviso_privacidad .socials {
  padding: 0 20px !important;
}

#footer {
  background-image: url("../images/franja_gris_footer.webp");
  background-repeat: no-repeat;
  background-size: cover;
}

.navbar-inverse {
  background-color: #252e39 !important;
  color: #fff !important;
  padding: 1em 1.8em !important;
  font-size: 16px;
  line-height: 1.5em;
}
.navbar-inverse button {
  background-color: #14a7d0 !important;
  padding: 0.4em 1.2em !important;
  color: white;
  border-radius: 5px !important;
}
.navbar-inverse button:hover {
  background-color: #3acdf6 !important;
}

.d-md-none {
  display: none;
}

.invisible-2 {
  visibility: hidden;
}

.pt-rehidrata {
  padding-top: 15px;
}

.disclaimer {
  font-size: 8px !important;
}

@media (max-width: 576px) {
  .pleca, .franja_beneficios, .franja {
    width: 65% !important;
  }

  .img-mobile {
    width: 100% !important;
    height: auto;
  }

  .title-rehidrata {
    font-size: 5em;
  }

  .molecula {
    width: 75px !important;
  }

  .molecula-1 {
    bottom: -10%;
  }

  .molecula-2 {
    bottom: 9%;
    width: 55px !important;
  }

  .formula_grafico {
    text-align: center;
  }

  .franja_rehidrata {
    bottom: 0px;
    top: 325px;
  }

  .franja-footer {
    bottom: 0%;
    top: -35%;
  }

  .vh-75 {
    min-height: 90vh;
  }

  .b_fresa_kiwi {
    width: 21% !important;
    top: -12px;
    height: auto;
  }

  .padding-text-2 {
    padding: 15px 30px;
  }

  .title-section {
    font-size: 35px;
  }

  .vh-xs {
    height: 50vh;
    padding-top: 20px;
  }

  .tiendas {
    text-align: center !important;
    padding: 10px 0;
    margin-left: auto;
    margin-right: auto;
  }

  .portafolio h1 {
    margin-bottom: 0px !important;
  }
  .portafolio h1 img {
    width: 45px !important;
  }
  .portafolio .bote-abs {
    right: 20px;
  }
  .portafolio .d-none {
    display: none;
  }
  .portafolio .d-md-none {
    display: inline-block;
    padding: 50px 15px 20px;
  }
  .portafolio .subtitle {
    font-size: 24px !important;
    line-height: normal;
  }

  .pleca_header_superior {
    top: 90px;
  }

  #product .center-vertical {
    display: inline-block;
  }

  .the-product .apple-watch-note-feature {
    float: left !important;
  }

  .botella-wikifresa-abs {
    right: -120px;
    bottom: -16px;
  }

  .botella-uva-abs {
    right: -15px;
    bottom: -136px;
    width: 155px !important;
  }

  .feature-note.right.top {
    top: 20px !important;
    right: -10px !important;
  }

  .feature-note.right.bottom {
    bottom: -145px !important;
    right: -140px !important;
  }

  .feature-note.right.bottom .feature-name {
    margin-left: -36px !important;
    padding-top: 95px !important;
  }

  .feature-note.right.bottom .feature-name:after {
    height: 75px !important;
  }

  .feature-note.right.bottom .feature-name:before {
    top: 75px !important;
  }

  .top-banner {
    padding-top: 0px !important;
  }
  .top-banner h3 {
    font-size: 35px;
  }
  .top-banner p {
    font-size: 18px !important;
  }
  .top-banner img {
    width: 45px !important;
  }
  .top-banner .btn-primary.btn-lg {
    padding: 0 15px !important;
    font-size: 16px;
  }
  .top-banner .r-h2 {
    font-size: 33px;
  }
  .top-banner .poppins {
    top: -8px;
    right: -18px;
  }

  .franja_beneficios {
    right: 0;
    left: auto;
  }

  .b_naranja {
    display: none;
  }

  .b_naranja_md {
    width: 90% !important;
    right: 5px;
    display: inline-block;
  }

  .top-banner h2 {
    letter-spacing: 2px !important;
  }

  .r {
    top: -5px;
  }

  .pleca_header_inferior {
    bottom: 90px;
  }

  .text-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90vh;
    width: 100% !important;
    flex-direction: column;
    padding: 0 12% !important;
  }

  .invisible-2 {
    display: none;
  }

  .pt-80 {
    padding-top: 0px !important;
  }

  .molecula-3 {
    bottom: 20%;
  }

  .img_experto_hidratacion {
    width: 75% !important;
  }

  .pr {
    padding-right: 0px !important;
  }

  .pl {
    padding-left: 0px !important;
  }

  .pt-rehidrata {
    padding-top: 0px;
  }
}