/*Fonts*/
@import url("https://fonts.googleapis.com/css2?family=Italianno&family=Oswald:wght@200;400;700&display=swap");

@font-face {
  font-family: 'icomoon';
  src: url("/fonts/fonts/icomoon.eot?fixq24");
  src: url("/fonts/fonts/icomoon.eot?fixq24#iefix") format("embedded-opentype"), url("/fonts/fonts/icomoon.ttf?fixq24") format("truetype"), url("/fonts/fonts/icomoon.woff?fixq24") format("woff"), url("/fonts/fonts/icomoon.svg?fixq24#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*Colors*/
/*For banner*/
/*Estructura General*/
.clearfix:after {
  content: ".";
  display: block;
  font-size: 0;
  line-height: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html,
body {
  width: 100%;
  height: 100%;
  position: relative;
  float: left;
  color: #000000;
}

body {
  font-family: "Oswald", sans-serif;
  font-size: 1em;
}

body main {
  padding: 0;
  padding-bottom: 3em;
}

@media only screen and (max-width: 800px) {
  body main {
    padding-bottom: 1em;
  }
}

body section {
  width: 95%;
  max-width: 1200px;
  padding: 0;
  margin: 0 auto;
}

body img {
  width: 100%;
  line-height: 0;
}

body p,
body label {
  width: 100%;
  text-align: justify;
  padding-bottom: 1em;
}

body a {
  color: #000000;
  text-decoration: none;
  border: none;
  outline: none;
}

body a:hover {
  color: #af7a07;
}

body b {
  color: #000000;
  font-weight: bold;
}

body ul,
body ol {
  list-style: none;
}

body h1,
body h2,
body h3 {
  text-align: center;
}

body h1 {
  width: auto;
  font-family: "Italianno", cursive;
  font-size: 3.5em;
  font-weight: lighter;
  padding-bottom: 0;
}

body h2 {
  width: auto;
  font-size: 1.2em;
  font-family: "Oswald", sans-serif;
  font-weight: bold;
  padding-bottom: 0;
}

body h2 b {
  font-weight: normal;
  font-style: italic;
}

body h3 {
  font-family: "Oswald", sans-serif;
  font-weight: normal;
  font-size: 2em;
  text-align: center;
}

body h4 {
  width: auto;
  font-size: 1.7em;
  font-family: "Oswald", sans-serif;
  font-weight: normal;
  padding-bottom: 0;
}

body .btnblack {
  width: auto;
  border-radius: 10px;
  overflow: hidden;
  padding: 0.5em 2em;
  background: #000000;
  color: #ffffff;
}

body main,
body article,
body section,
header,
header .menusuperior,
header nav,
header nav a,
header nav ul,
header nav ul li ul,
header .mobile,
footer,
footer section .deventaen,
footer section .deventaen .farmatodo,
.slider,
.slider .slide-mau,
.slider .slide-mar,
.slider .slide1,
.slider .slide2,
.slider .slide3,
.slider .slidex,
.slider .slide-mau .slidecontent,
.slider .slide-mar .slidecontent,
.slider .slide1 .slidecontent,
.slider .slide2 .slidecontent,
.slider .slide3 .slidecontent,
.slider .slidex .slidecontent,
.slider .slidex section .slidetitle,
.home-modules .home-damodule .module-desc h2,
.home-modules .home-damodule .module-capt,
.home-modules .home-nobg,
.module-promo,
.module-promo .promo-desc,
.catalogue,
.catalogue .cat-item,
.cat-description,
.cat-description .cat-desctext .freeof,
.cat-overall,
.wooden section .wooditem .woodhover,
.notwood section .wooditem .woodhover,
.wooden section .wooditem .newstuff,
.notwood section .wooditem .newstuff,
.wooden section .wooditem .newstuff p,
.notwood section .wooditem .newstuff p,
.promos,
.promos .modal-content,
.promos .modal-content .modal-text,
.moreinformation,
.moreinformation section .descriptionario,
.contactprev .optionetz,
#contact,
#contact .fieldaboton,
#contact .wannamore,
.conquest,
.conquest #contact .fenviar,
.bloghome .bhitem,
.blogheader .bhetitle,
.washhands,
.washhands .washing,
.terms .t-requisitos li,
.terms .t-tabla,
.terms .t-tabla div,
.terms .t-restricciones li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.home-modules,
.catalogue,
.wooden section,
.notwood section,
.conquest #contact,
.bloghome,
.washhands {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

/*Direction*/
body main,
header,
header section,
footer section,
.slider .slide-mau .slidecontent,
.slider .slide-mar .slidecontent,
.slider .slide1 .slidecontent,
.slider .slide2 .slidecontent,
.slider .slide3 .slidecontent,
.slider .slidex .slidecontent,
.home-modules .home-nobg,
.module-promo .promo-desc,
.cat-titular,
.catalogue .cat-item,
.wooden section .wooditem .woodhover,
.notwood section .wooditem .woodhover,
.privacy,
.promos .modal-content .modal-text,
.moreinformation section .descriptionario,
.contactprev,
#contactoures section,
#contact,
.conquest,
.bloghome .bhitem,
.blogheader .bhetitle,
.blogcontent,
.washhands .washing,
.terms,
.terms .t-tabla {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

header .menusuperior section,
.conquest #contact {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}

/*Justify items*/
.home-modules,
.cat-description {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

body main,
header,
header .menusuperior,
header section,
header nav a,
header nav ul li ul,
footer,
footer section,
footer section .deventaen,
footer section .deventaen .farmatodo,
.slider,
.slider .slide-mau,
.slider .slide-mar,
.slider .slide1,
.slider .slide2,
.slider .slide3,
.slider .slidex,
.slider .slide-mau .slidecontent,
.slider .slide-mar .slidecontent,
.slider .slide1 .slidecontent,
.slider .slide2 .slidecontent,
.slider .slide3 .slidecontent,
.slider .slidex .slidecontent,
.slider .slidex section,
.home-modules .home-nobg,
.module-promo,
.cat-titular,
.catalogue .cat-item,
.cat-description .cat-desctext .freeof,
.cat-overall,
.wooden section .wooditem .woodhover,
.notwood section .wooditem .woodhover,
.wooden section .wooditem .newstuff,
.notwood section .wooditem .newstuff,
.promos,
.promos .modal-content,
.promos .modal-content .modal-text,
.moreinformation,
.moreinformation section,
.moreinformation section .descriptionario,
.contactprev .optionetz,
#contact,
#contact .fieldaboton,
.conquest,
.conquest #contact .fenviar,
.bloghome .bhitem,
.blogheader .bhetitle,
.terms,
.terms .t-tabla,
.terms .t-tabla div {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

header nav,
header nav ul {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.home-modules .home-damodule .module-capt,
.catalogue,
.wooden section,
.notwood section,
.bloghome,
.washhands {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

header nav .body,
.module-promo .promo-desc,
#contact .wannamore,
.washhands .washing,
.terms .t-requisitos li,
.terms .t-restricciones li {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

header .menusuperior section,
header nav .hair {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

/*Align items*/
body main,
header,
header .menusuperior,
header section,
header nav,
header .mobile,
footer,
footer section,
footer section .deventaen,
.slider,
.slider .slide-mau,
.slider .slide-mar,
.slider .slide1,
.slider .slide2,
.slider .slide3,
.slider .slidex,
.slider .slidex section,
.slider .slidex section .slidetitle,
.home-modules,
.home-modules .home-damodule .module-desc h2,
.home-modules .home-damodule .module-capt,
.module-promo,
.cat-titular,
.catalogue .cat-item,
.cat-description .cat-desctext .freeof,
.cat-overall,
.wooden section,
.notwood section,
.wooden section .wooditem .newstuff,
.notwood section .wooditem .newstuff,
.wooden section .wooditem .newstuff p,
.notwood section .wooditem .newstuff p,
.promos,
.promos .modal-content,
.promos .modal-content .modal-text,
.moreinformation,
.moreinformation section,
.moreinformation section .descriptionario,
.contactprev,
.contactprev .optionetz,
#contact,
#contact .fieldaboton,
.conquest,
.bloghome,
.bloghome .bhitem,
.washhands,
.washhands .washing,
.terms,
.terms .t-tabla,
.terms .t-tabla div {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.home-modules .home-nobg,
.module-promo .promo-desc,
.catalogue,
.cat-description,
.wooden section .wooditem .woodhover,
.notwood section .wooditem .woodhover,
.marimar .cat-titular,
.mauricio .cat-titular,
.moroccan .cat-titular,
.coconut .cat-titular,
.biotin .cat-titular,
.keratin .cat-titular,
.handsoap .cat-titular,
.bodywash .cat-titular,
.bodylotion .cat-titular,
.bodymist .cat-titular,
.terms .t-requisitos li,
.terms .t-restricciones li {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

footer section .deventaen .farmatodo,
.slider .slide-mau .slidecontent,
.slider .slide-mar .slidecontent,
.slider .slide1 .slidecontent,
.slider .slide2 .slidecontent,
.slider .slide3 .slidecontent,
.slider .slidex .slidecontent,
.blogheader .bhetitle {
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

/* * * * * * * * * * * 
* * * * * * * Animaciones * * * * * * *
* * * * * * */
body a,
header,
header .logo,
header nav a,
header nav ul li ul,
footer section .deventaen .farmatodo,
footer section .deventaen a picture,
.slider .slide-mar .btnblack,
.home-modules .module-descimg img,
.home-modules .home-damodule .module-desc,
.catalogue .cat-item p,
.catalogue .cat-item img,
.cat-overall ul li,
.wooden section .wooditem,
.notwood section .wooditem,
.wooden section .wooditem .woodhover,
.notwood section .wooditem .woodhover,
.bloghome .bhitem .bhpic img {
  transition: 0.2s all;
  -webkit-transition: 0.2s all;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    left: -100%;
  }

  100% {
    opacity: 1;
    left: 0;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    left: -100%;
  }

  100% {
    opacity: 1;
    left: 0;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    left: -100%;
  }

  100% {
    opacity: 1;
    left: 0;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    left: -100%;
  }

  100% {
    opacity: 1;
    left: 0;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
    left: -100%;
  }

  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    bottom: 120%;
  }

  100% {
    opacity: 1;
    bottom: 0;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    bottom: 120%;
  }

  100% {
    opacity: 1;
    bottom: 0;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    bottom: 120%;
  }

  100% {
    opacity: 1;
    bottom: 0;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    bottom: 120%;
  }

  100% {
    opacity: 1;
    bottom: 0;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
    bottom: 120%;
  }

  100% {
    opacity: 1;
    bottom: 0;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

  /* Safari and Chrome */
  ::i-block-chrome main .module-promo,
  body main .module-promo {
    background: url("/images/banner/101-l.jpg") no-repeat;
    background-size: cover;
    background-position: top;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1200px) {

  ::i-block-chrome main .module-promo,
  body main .module-promo {
    background: url("/images/banner/101-m.jpg") no-repeat;
    background-size: cover;
    background-position: center;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 600px) {

  ::i-block-chrome main .module-promo,
  body main .module-promo {
    background: url("/images/banner/101-s.jpg") no-repeat;
    background-size: cover;
    background-position: center;
  }
}

header {
  width: 100%;
  z-index: 2000;
  background: rgba(0, 0, 0, 0.9);
  padding-top: 60px;
}

@media only screen and (max-width: 800px) {
  header {
    padding-top: 40px;
  }
}

header .menusuperior {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  background: #000000;
}

header .menusuperior section {
  width: 95%;
  max-width: 1200px;
  padding-top: 0;
  padding-bottom: 0;
}

@media only screen and (max-width: 800px) {
  header .menusuperior section {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}

header .menusuperior section a {
  width: auto;
  padding-right: 1em;
  font-size: 0.9em;
}

header .menusuperior section a:last-child {
  padding-right: 0;
}

header section {
  width: 100%;
  max-width: none;
}

@media only screen and (max-width: 800px) {
  header section {
    width: 95%;
    min-height: 60px;
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
}

header a {
  color: #ffffff;
}

header .logo {
  width: auto;
  font-size: 4em;
}

@media only screen and (max-width: 800px) {
  header .logo {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 2.7em;
    height: 60px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}

header nav {
  pointer-events: all;
}

@media only screen and (max-width: 800px) {
  header nav {
    max-width: none;
    max-height: 0;
    overflow: hidden;
    transition: 0.2s all;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

header nav a {
  padding: 1em;
}

@media only screen and (max-width: 800px) {
  header nav a {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

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

  header nav .hair,
  header nav .body {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 800px) {
  header nav ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

header nav ul li:hover ul {
  background: rgba(0, 0, 0, 0.8);
  opacity: 1;
  max-height: 1000px;
  transition: 0.2s all;
  -webkit-transition: 0.2s all;
}

@media only screen and (max-width: 800px) {
  header nav ul li:hover ul {
    max-height: 0;
  }
}

header nav ul li:last-child ul {
  right: 0;
}

header nav ul li ul {
  width: 200%;
  position: absolute;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  font-size: .9em;
}

@media only screen and (max-width: 800px) {
  header nav ul li ul {
    max-height: 0;
    opacity: 1;
    position: relative;
    overflow: hidden;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
  }
}

header nav ul li ul li {
  width: 100%;
  max-width: 300px;
}

@media only screen and (max-width: 800px) {
  header nav ul li ul li {
    padding-left: 1em;
    max-width: none;
  }
}

header nav ul li ul li:hover {
  background: rgba(0, 0, 0, 0.6);
}

header .mobile {
  width: auto;
  height: 60px;
  display: none;
  font-size: 2em;
  pointer-events: all;
}

@media only screen and (max-width: 800px) {
  header .mobile {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
}

header .active {
  max-height: 9000px !important;
  transition: all 1s ease;
}

@media only screen and (max-width: 800px) {
  header .arrow {
    display: block;
    background: url("/fonts/expand_more.svg") no-repeat;
    float: right;
    height: 30px;
    width: 30px;
    position: absolute;
    right: 1em;
    top: 0.8em;
    transition: all 0.3s ease;
  }

  header .arrow:hover {
    cursor: pointer;
  }

  header .rotate {
    transition: all 0.3s ease;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
}

footer {
  border-top: 1px solid;
  color: #ffffff;
  background: #000000;
  font-size: 0.9em;
}

footer section {
  padding-top: 2em;
  padding-bottom: 2em;
}

footer section i,
footer section h2,
footer section p {
  width: auto;
  max-width: 900px;
}

footer section a {
  color: #ffffff;
  width: auto;
}

footer section .icon-e-smile-makers {
  font-size: 2em;
  padding-top: 0.5em;
}

footer section p {
  text-align: center;
  padding-bottom: 0;
}

footer section .deventaen {
  width: auto;
  padding-bottom: 2em;
  padding-top: 0.5em;
}

@media only screen and (max-width: 500px) {
  footer section .deventaen {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

footer section .deventaen .farmatodo {
  color: #ffffff;
}

@media only screen and (max-width: 500px) {
  footer section .deventaen .farmatodo {
    padding-bottom: 1em;
  }
}

footer section .deventaen .farmatodo:hover {
  color: #003468;
}

footer section .deventaen .farmatodo:hover .icon-ludwig-farma {
  background: none;
}

footer section .deventaen .farmatodo .icon-ludwig-farma {
  width: auto;
  background: #003468;
  font-size: 1.7em;
}

footer section .deventaen .farmatodo .icon-ludwig-farmatodo {
  padding-left: 0.5em;
}

footer section .deventaen a picture {
  padding-left: 1em;
}

@media only screen and (max-width: 500px) {
  footer section .deventaen a picture {
    padding-left: 0;
  }
}

footer section .deventaen a picture:hover {
  filter: brightness(1.5);
}

footer section .deventaen a picture img {
  max-width: 120px;
}

.ontop {
  width: 100%;
  max-width: none;
}

.slider {
  max-width: none;
  overflow: hidden;
  float: left;
}

.slider .slide-mau .slidecontent,
.slider .slide-mar .slidecontent,
.slider .slide1 .slidecontent,
.slider .slide2 .slidecontent,
.slider .slide3 .slidecontent,
.slider .slidex .slidecontent {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-right: 2em;
}

.slider .slide-mau .slidecontent h1,
.slider .slide-mau .slidecontent h2,
.slider .slide-mau .slidecontent a,
.slider .slide-mar .slidecontent h1,
.slider .slide-mar .slidecontent h2,
.slider .slide-mar .slidecontent a,
.slider .slide1 .slidecontent h1,
.slider .slide1 .slidecontent h2,
.slider .slide1 .slidecontent a,
.slider .slide2 .slidecontent h1,
.slider .slide2 .slidecontent h2,
.slider .slide2 .slidecontent a,
.slider .slide3 .slidecontent h1,
.slider .slide3 .slidecontent h2,
.slider .slide3 .slidecontent a,
.slider .slidex .slidecontent h1,
.slider .slidex .slidecontent h2,
.slider .slidex .slidecontent a {
  width: auto;
}

.slider .slide-mau .slidecontent h2,
.slider .slide-mar .slidecontent h2,
.slider .slide1 .slidecontent h2,
.slider .slide2 .slidecontent h2,
.slider .slide3 .slidecontent h2,
.slider .slidex .slidecontent h2 {
  font-size: 2.5em;
  padding-bottom: 0.5em;
}

.slider .slide-mau .slidecontent picture,
.slider .slide-mar .slidecontent picture,
.slider .slide1 .slidecontent picture,
.slider .slide2 .slidecontent picture,
.slider .slide3 .slidecontent picture,
.slider .slidex .slidecontent picture {
  width: 40%;
  max-width: 250px;
}

.slider .slide-mau {
  background: #ffffff;
}

.slider .slide-mau h1,
.slider .slide-mau h2 {
  color: #000000;
}

.slider .slide-mar {
  background: linear-gradient(135deg, white 0%, white 50%, #bbe1d9 100%);
}

.slider .slide-mar h1,
.slider .slide-mar h4 {
  color: #c59c90;
}

.slider .slide-mar .btnblack {
  background: linear-gradient(90deg, #be7f80 0%, #dd9f9b 2%, #b47071 5%, #c78585 12%, #f7b8b4 21%, #facfc8 26%, #fad4d1 29%, #facdc7 33%, #efafaa 46%, #cb8b8a 56%, #a35b61 69%, #9c555b 72%, #ab676d 75%, #c28082 84%, #ad696d 92%, #8f4c55 100%);
}

.slider .slide-mar .btnblack:hover {
  transform: scale(0.9);
  color: #ffffff;
}

.slider .slide-mar picture {
  mix-blend-mode: multiply;
}

.slider .slide1 {
  background: rgba(154, 154, 154, 0.4);
}

.slider .slide1 h1,
.slider .slide1 h2 {
  color: #a57e22;
}

.slider .slide2 {
  background: rgba(196, 24, 67, 0.4);
}

.slider .slide2 h1,
.slider .slide2 h2 {
  color: #ffffff;
}

.slider .slidex {
  min-height: 400px;
  background: url("/images/banner/blog-l.jpg") no-repeat;
  background-position: top;
  background-size: cover;
}

.slider .slidex section {
  height: 100%;
  padding-top: 2em;
  padding-bottom: 2em;
}

.slider .slidex section .slidetitle {
  width: auto;
  min-height: 200px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  padding: 1em 2em;
}

.slider .slidex section .slidetitle h1 {
  color: #ffffff;
}

.slider .slick-slider,
.slider .slick-list,
.slider .slick-track {
  height: 100%;
}

.paginator-center {
  position: absolute;
  left: 0;
  top: 50%;
  pointer-events: none;
}

.paginator-center ul {
  padding: 0 1em;
  pointer-events: none;
}

.paginator-center ul li {
  width: auto;
  display: block;
  float: left;
  font-size: 2.5em;
  color: #af7a07;
  pointer-events: all;
  opacity: 0.2;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
}

.paginator-center ul li:hover {
  opacity: 1;
}

@media only screen and (max-width: 600px) {
  .paginator-center ul li {
    font-size: 2.5em;
  }
}

.paginator-center ul .next {
  float: right;
  text-align: right;
}

.slick-dots {
  bottom: 0px;
  margin-left: 0;
  position: absolute;
  left: 50%;
  bottom: 1em;
  z-index: 1000;
  list-style: none;
  width: auto;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  opacity: 0.2;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
}

.slick-dots:hover {
  opacity: 1;
}

@media only screen and (max-width: 800px) {
  .slick-dots {
    left: 45%;
  }
}

@media only screen and (max-width: 600px) {
  .slick-dots {
    left: 40%;
  }
}

@media only screen and (max-width: 400px) {
  .slick-dots {
    left: 30%;
  }
}

.slick-dots li {
  width: auto;
  float: left;
  padding: 0.5em;
}

.slick-dots button {
  display: block;
  width: 0.8em;
  height: 0.8em;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #000000;
  text-indent: -9999px;
}

.slick-dots li.slick-active button {
  background-color: #af7a07;
}

.home-modules {
  padding-top: 5em;
  padding-bottom: 2em;
}

@media only screen and (max-width: 700px) {
  .home-modules {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}

.home-modules .module-descimg img {
  transform: scale(1);
  -webkit-transform: scale(1);
}

.home-modules .module-descimg img:active,
.home-modules .module-descimg img:hover {
  transform: scale(1.1);
  transform: scale(1.1);
}

.home-modules .home-damodule {
  border-radius: 10px;
  overflow: hidden;
  width: 48%;
  line-height: 0;
}

@media only screen and (max-width: 700px) {
  .home-modules .home-damodule {
    width: 80%;
    max-width: 400px;
  }
}

.home-modules .home-damodule .module-desc {
  height: auto;
  max-height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1em;
  padding-top: 0;
  background: rgba(0, 0, 0, 0.6);
  line-height: normal;
  pointer-events: none;
}

.home-modules .home-damodule .module-desc h2,
.home-modules .home-damodule .module-desc p {
  color: #ffffff;
}

.home-modules .home-damodule .module-desc h2 {
  height: 2em;
}

.home-modules .home-damodule .module-desc a {
  pointer-events: all;
}

.home-modules .home-damodule .module-capt {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1em;
}

.home-modules .home-damodule .module-capt .capt {
  width: auto;
  height: 100%;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
}

.home-modules .home-damodule .module-capt .capt:hover {
  transform: scale(1);
  -webkit-transform: scale(1);
}

.home-modules .home-damodule .module-capt .capt img {
  width: auto;
  height: 100%;
}

.home-modules .home-nobg {
  padding-top: 5em;
  padding-bottom: 3em;
}

.home-modules .home-nobg p {
  padding-bottom: 0.5em;
  padding-top: 1em;
}

.home-modules .home-nobg h2 {
  width: 100%;
  font-size: 3em;
  line-height: 0.8em;
  padding-top: 0.5em;
  border-top: 3px solid;
  text-align: left;
  animation: division 3s ease alternate infinite;
}

.home-modules .home-nobg h2 b {
  font-size: 0.8em;
}

@keyframes division {
  0% {
    border-color: #9a9a9a;
  }

  30% {
    border-color: #af7a07;
  }

  75% {
    border-color: #000000;
  }
}

.module-promo {
  line-height: 0;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 2em;
  background: url("/images/banner/101-l.jpg") no-repeat;
  background-size: cover;
  background-position: top;
}

@media only screen and (max-width: 1200px) {
  .module-promo {
    background: url("/images/banner/101-m.jpg") no-repeat;
    background-size: cover;
    background-position: center;
  }
}

@media only screen and (max-width: 600px) {
  .module-promo {
    background: url("/images/banner/101-s.jpg") no-repeat;
    background-size: cover;
    background-position: center;
  }
}

.module-promo .promo-desc {
  padding: 5em 2em;
  height: 100%;
  line-height: normal;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.4);
}

.module-promo .promo-desc h3 {
  text-align: left;
  padding-top: 1em;
}

.cat-titular {
  padding-top: 3em;
}

.cat-titular p {
  width: auto;
  max-width: 70%;
}

.cat-titular h1 {
  font-size: 3em;
  color: #9a9a9a;
}

.cat-titular h2 {
  align-self: flex-start;
}

.catalogue {
  padding-top: 3em;
}

.catalogue .cat-item {
  width: 18%;
}

@media only screen and (max-width: 800px) {
  .catalogue .cat-item {
    width: 38%;
    padding-bottom: 2em;
  }
}

.catalogue .cat-item:hover img {
  transform: scale(1);
  -webkit-transform: scale(1);
}

.catalogue .cat-item:hover p {
  color: #9a9a9a;
}

.catalogue .cat-item img {
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
}

.catalogue .cat-item p,
.catalogue .cat-item a {
  width: auto;
  text-align: center;
}

.catalogue .cat-item h2 {
  color: #af7a07;
}

.catalogue .cat-item p {
  padding-bottom: 0;
}

.cat-description {
  padding-top: 1em;
}

.cat-description .cat-desctext {
  width: 40%;
  padding-bottom: 1em;
}

@media only screen and (max-width: 800px) {
  .cat-description .cat-desctext {
    width: 60%;
  }
}

.cat-description .cat-desctext .freestyle {
  text-align: center;
}

.cat-description .cat-desctext .freeof p {
  width: auto;
  padding: 0.5em 1em;
  text-transform: uppercase;
  border-right: 1px solid #000000;
}

.cat-description .cat-desctext .freeof p:last-child {
  border-right: none;
}

.cat-description picture {
  width: 40%;
  max-height: 400px;
  z-index: 1000;
}

.cat-description picture img {
  max-width: 300px;
}

.cat-overall {
  width: 100%;
  max-width: none;
  padding: 2em;
  color: #ffffff;
  background-image: url("/images/patt-bg.svg");
  background-repeat: repeat;
}

.cat-overall b {
  color: #ffffff;
  font-weight: bold;
  font-size: 1.5em;
}

.cat-overall ul {
  width: 50%;
}

@media only screen and (max-width: 600px) {
  .cat-overall ul {
    width: 100%;
  }
}

.cat-overall ul li {
  font-weight: bold;
  padding-bottom: 0.5em;
  transform: scale(1);
  -webkit-transform: scale(1);
}

.cat-overall ul li:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.cat-overall ul li:before {
  font-family: 'icomoon';
  content: '\e902';
  width: auto;
  font-size: 1.2em;
  padding-right: 0.5em;
  color: #36a0ba;
}

.wooden {
  background-color: #baae8a;
  background-image: url("/images/background/wood.png");
}

.wooden .cat-titular h3 {
  color: #ffffff;
}

.notwood .cat-titular h3 {
  color: #9a9a9a;
}

.wooden,
.notwood {
  padding-bottom: 2em;
}

.wooden section .wooditem,
.notwood section .wooditem {
  width: 18%;
  overflow: hidden;
}

.wooden section .wooditem:hover,
.notwood section .wooditem:hover {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.wooden section .wooditem:hover .woodhover,
.notwood section .wooditem:hover .woodhover {
  left: 0;
}

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

  .wooden section .wooditem,
  .notwood section .wooditem {
    width: 38%;
  }
}

.wooden section .wooditem h2,
.notwood section .wooditem h2 {
  color: #af7a07;
}

.wooden section .wooditem p,
.notwood section .wooditem p {
  text-align: center;
}

.wooden section .wooditem .woodhover,
.notwood section .wooditem .woodhover {
  position: absolute;
  top: 0;
  left: -100%;
  width: 200%;
  height: 100%;
  padding-left: 10%;
}

.wooden section .wooditem .woodhover .btnblack,
.notwood section .wooditem .woodhover .btnblack {
  width: 40%;
  text-align: center;
}

.wooden section .wooditem .woodhover .btnblack:first-child,
.notwood section .wooditem .woodhover .btnblack:first-child {
  margin-bottom: 1em;
}

.wooden section .wooditem .newstuff,
.notwood section .wooditem .newstuff {
  position: absolute;
  top: 1em;
  left: 0.5em;
  width: auto;
  height: 3em;
  font-size: 0.7em;
  transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
}

.wooden section .wooditem .newstuff p,
.notwood section .wooditem .newstuff p {
  width: auto;
  background: #b50000;
  color: #ffffff;
  height: 100%;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 0;
}

.wooden section .wooditem .newstuff .stufftriangle,
.notwood section .wooditem .newstuff .stufftriangle {
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #b50000;
}

.privacy {
  padding-top: 3em;
}

.privacy h1,
.privacy b {
  color: #af7a07;
}

.privacy h2 {
  text-align: left;
}

.privacy .nospace {
  padding-bottom: 0;
}

.promos {
  display: none;
  position: fixed;
  height: 100%;
  z-index: 2400;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
}

.promos .modal-content {
  height: 100%;
}

.promos .modal-content .modal-text {
  width: 90%;
  max-width: 900px;
  background: #000000;
  padding: 2em;
  padding-top: 3em;
  border-radius: 10px;
}

.promos .modal-content .close {
  color: #ffffff;
  text-align: right;
  font-size: 1.5em;
  position: absolute;
  top: 1em;
  right: 2em;
}

.promos .modal-content .close:hover,
.promos .modal-content .close:focus {
  color: #af7a07;
}

.promos .modal-content h2 {
  width: auto;
  padding-top: 2em;
  padding-bottom: 0.5em;
}

.promos .modal-content .icon-ludwig,
.promos .modal-content a,
.promos .modal-content h2 {
  color: #ffffff;
}

.promos .modal-content .icon-ludwig {
  width: auto;
  font-size: 5em;
}

.promos .modal-content a {
  width: auto;
  padding-bottom: 1em;
}

.promos .modal-content a:hover {
  color: #af7a07;
}

.fancybox-navigation {
  position: absolute;
  height: 100%;
}

/* / / / / / / / / / / / / / / / / / / Catalogue / / / / / /  / / / / / / / / / / / / / / */
/* * * * Hair care * * * */
.marimar:before,
.mauricio:before,
.moroccan:before,
.coconut:before,
.biotin:before,
.keratin:before,
.handsoap:before,
.bodywash:before,
.bodylotion:before,
.bodymist:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  opacity: 0.3;
}

.marimar .cat-titular h1,
.mauricio .cat-titular h1,
.moroccan .cat-titular h1,
.coconut .cat-titular h1,
.biotin .cat-titular h1,
.keratin .cat-titular h1,
.handsoap .cat-titular h1,
.bodywash .cat-titular h1,
.bodylotion .cat-titular h1,
.bodymist .cat-titular h1 {
  text-align: left;
}

.marimar .cat-titular picture,
.mauricio .cat-titular picture,
.moroccan .cat-titular picture,
.coconut .cat-titular picture,
.biotin .cat-titular picture,
.keratin .cat-titular picture,
.handsoap .cat-titular picture,
.bodywash .cat-titular picture,
.bodylotion .cat-titular picture,
.bodymist .cat-titular picture {
  width: 40%;
  max-width: 200px;
}

.marimar:before {
  background: url("/images/background/marimar-l.png") no-repeat;
  background-position: center;
  background-attachment: fixed;
}

@media only screen and (max-width: 900px) {
  .marimar:before {
    background: url("/images/background/marimar-m.png") no-repeat;
    background-position: center;
    background-attachment: fixed;
  }
}

@media only screen and (max-width: 600px) {
  .marimar:before {
    background: url("/images/background/marimar-s.png") no-repeat;
    background-position: center;
    background-attachment: fixed;
  }
}

.marimar .cat-titular h1 {
  color: #c59c90;
}

.marimar .cat-overall {
  color: #000000;
  background-color: rgba(187, 225, 217, 0.8);
}

.marimar .cat-overall b {
  color: #000000;
}

.marimar .cat-overall ul li:before {
  color: #c59c90;
}

.mauricio:before {
  background: url("/images/background/mauricio-l.png") no-repeat;
  background-position: center;
  background-attachment: fixed;
}

@media only screen and (max-width: 900px) {
  .mauricio:before {
    background: url("/images/background/mauricio-m.png") no-repeat;
    background-position: center;
    background-attachment: fixed;
  }
}

@media only screen and (max-width: 600px) {
  .mauricio:before {
    background: url("/images/background/mauricio-s.png") no-repeat;
    background-position: center;
    background-attachment: fixed;
  }
}

.mauricio .cat-titular h1 {
  color: #000000;
}

.mauricio .cat-overall {
  color: #000000;
  background-color: rgba(182, 178, 216, 0.8);
}

.mauricio .cat-overall b {
  color: #000000;
}

.mauricio .cat-overall ul li:before {
  color: #19a899;
}

.moroccan:before {
  background: url("/images/background/argan-l.png") no-repeat;
  background-position: center;
  background-attachment: fixed;
}

@media only screen and (max-width: 900px) {
  .moroccan:before {
    background: url("/images/background/argan-m.png") no-repeat;
    background-position: center;
    background-attachment: fixed;
  }
}

@media only screen and (max-width: 600px) {
  .moroccan:before {
    background: url("/images/background/argan-s.png") no-repeat;
    background-position: center;
    background-attachment: fixed;
  }
}

.moroccan .cat-titular h1 {
  color: #a57e22;
}

.moroccan .cat-overall {
  background-color: rgba(165, 126, 34, 0.8);
}

.coconut:before {
  background: url("/images/background/coconut-l.png") no-repeat;
  background-position: center;
  background-attachment: fixed;
}

@media only screen and (max-width: 900px) {
  .coconut:before {
    background: url("/images/background/coconut-m.png") no-repeat;
    background-position: center;
    background-attachment: fixed;
  }
}

@media only screen and (max-width: 600px) {
  .coconut:before {
    background: url("/images/background/coconut-s.png") no-repeat;
    background-position: center;
    background-attachment: fixed;
  }
}

.coconut .cat-titular h1 {
  color: #19a899;
}

.coconut .cat-overall {
  background-color: rgba(25, 168, 153, 0.6);
}

.biotin:before {
  background: url("/images/background/biotin-l.png") no-repeat;
  background-position: center;
  background-attachment: fixed;
}

@media only screen and (max-width: 900px) {
  .biotin:before {
    background: url("/images/background/biotin-m.png") no-repeat;
    background-position: center;
    background-attachment: fixed;
  }
}

@media only screen and (max-width: 600px) {
  .biotin:before {
    background: url("/images/background/biotin-s.png") no-repeat;
    background-position: center;
    background-attachment: fixed;
  }
}

.biotin .cat-titular h1 {
  color: #36a0ba;
}

.biotin .cat-overall {
  background-color: rgba(54, 160, 186, 0.6);
}

.keratin:before {
  background: url("/images/background/keratin-l.png") no-repeat;
  background-position: center;
  background-attachment: fixed;
}

@media only screen and (max-width: 900px) {
  .keratin:before {
    background: url("/images/background/keratin-m.png") no-repeat;
    background-position: center;
    background-attachment: fixed;
  }
}

@media only screen and (max-width: 600px) {
  .keratin:before {
    background: url("/images/background/keratin-s.png") no-repeat;
    background-position: center;
    background-attachment: fixed;
  }
}

.keratin .cat-titular h1 {
  color: #d11b76;
}

.keratin .cat-overall {
  background-color: rgba(209, 27, 118, 0.6);
}

/* * * * Skin care * * * */
.handsoap {
  padding-bottom: 0;
}

.handsoap .cat-titular h1 {
  color: #8115bf;
}

.handsoap .cat-overall {
  background-color: rgba(129, 21, 191, 0.6);
}

.bodywash .cat-titular h1 {
  color: #af7a07;
}

.bodywash .cat-overall {
  background-color: rgba(165, 126, 34, 0.6);
}

.bodylotion .cat-overall {
  background-color: rgba(209, 27, 118, 0.6);
}

.bodymist .cat-overall {
  background-color: rgba(54, 160, 186, 0.7);
}

/* * * * Flavors * * * */
.moreinformation {
  height: auto;
}

.moreinformation section {
  width: 100%;
  max-width: 900px;
  padding: 2em;
  border-radius: 10px;
  background-color: #baae8a;
  background-image: url("/images/background/wood.png");
}

@media only screen and (max-width: 600px) {
  .moreinformation section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

.moreinformation section .descriptionario {
  width: 65%;
}

@media only screen and (max-width: 600px) {
  .moreinformation section .descriptionario {
    width: 100%;
  }
}

.moreinformation section picture {
  width: 30%;
}

@media only screen and (max-width: 600px) {
  .moreinformation section picture {
    width: 50%;
  }
}

.contactprev {
  padding-top: 3em;
  padding-bottom: 2em;
  @extebd %fjcenter;
}

.contactprev h1,
.contactprev p,
.contactprev ul,
.contactprev li {
  width: auto;
}

.contactprev .diezocho {
  padding-top: 2em;
}

@media only screen and (max-width: 600px) {
  .contactprev .optionetz {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

.contactprev .optionetz .justspace {
  width: 3em;
  height: 2em;
}

.contactprev .optionetz a {
  width: auto;
  border: 1px solid #000000;
  padding: 1em 2em;
}

.contactprev .optionetz a:hover {
  border: 1px solid #af7a07;
}

#contactoures {
  border-top: 1em solid #000000;
  padding-top: 150px;
}

#contactoures section {
  padding-top: 4em;
  max-width: 1200px;
}

#contactoures section p {
  padding-bottom: 0;
}

#contactoures .thanks {
  padding: 3em 0;
}

#contactoures .thanks .regresar {
  align-self: flex-start;
  width: auto;
  padding: 0.5em 1em;
  margin-top: 2em;
  background: #000000;
  color: #ffffff;
  border-radius: 10px;
}

#contactoures h1 {
  padding-bottom: 1em;
}

#contact {
  padding: 1em 0;
}

#contact h2 {
  text-align: left;
  font-family: "Oswald", sans-serif;
  font-size: 1.1em;
  text-transform: uppercase;
}

#contact fieldset {
  border: #000000 !important;
  margin-bottom: 1em;
  width: 100%;
  float: left;
  padding: 0;
}

@media only screen and (max-width: 800px) {
  #contact fieldset {
    width: 100%;
    margin: 1em 0;
  }
}

#contact textarea {
  height: 100px;
  max-width: 100%;
  resize: none;
}

#contact .texthalf {
  width: 50%;
  padding-right: 1em;
}

@media only screen and (max-width: 800px) {
  #contact .texthalf {
    width: 80%;
    padding: 0;
  }
}

#contact .wannamore {
  padding-left: 2%;
  padding-bottom: 1em;
}

#contact .wannamore input {
  width: auto;
  padding-right: 0.5em;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid #000000;
  background: none;
  padding: 10px;
  color: #000000;
}

#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  background: rgba(250, 250, 250, 0.2);
  color: #000000;
}

#contact button[type="submit"] {
  cursor: pointer;
  width: 120px;
  border: none;
  border-radius: 10px;
  background: #000000;
  color: #ffffff;
  margin: 0 auto;
  padding: 10px;
  font-size: 1em;
}

#contact button[type="submit"]:hover {
  background: #af7a07;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active {
  box-shadow: inset 0 1px 3px #9a9a9a;
}

#contact input:focus,
#contact textarea:focus {
  outline: 0;
}

#contact textarea {
  font-family: "Oswald", sans-serif;
}

::-webkit-input-placeholder {
  color: #9a9a9a;
}

:-moz-placeholder {
  color: #9a9a9a;
}

::-moz-placeholder {
  color: #9a9a9a;
}

:-ms-input-placeholder {
  color: #9a9a9a;
}

.conquest .archivaldo {
  padding-top: 1em;
  padding-bottom: 2em;
}

.conquest #contact fieldset {
  width: 48%;
}

.conquest #contact fieldset:nth-child(1),
.conquest #contact fieldset:nth-child(3) {
  margin-right: 4%;
}

@media only screen and (max-width: 800px) {
  .conquest #contact fieldset {
    width: 94%;
    margin: 1em 0;
  }
}

.conquest #contact .textmen {
  width: 96%;
}

@media only screen and (max-width: 800px) {
  .conquest #contact .textmen {
    width: 94%;
    margin: 1em 3%;
  }
}

.conquest #contact .textmen textarea {
  height: 100px;
  max-width: 100%;
  resize: none;
}

.conquest #contact .fenviar {
  width: 96%;
  margin-left: 2%;
}

@media only screen and (max-width: 800px) {
  .conquest #contact .fenviar {
    width: 94%;
    margin: 1em 3%;
  }
}

.bloghome {
  padding-top: 2em;
}

.bloghome .bhitem {
  width: 30%;
  border: 1px solid #9a9a9a;
  border-radius: 10px;
  padding: 1em;
  margin-bottom: 1em;
}

@media only screen and (max-width: 600px) {
  .bloghome .bhitem {
    width: 80%;
  }
}

.bloghome .bhitem .bhpic {
  overflow: hidden;
  border-radius: 10px;
}

.bloghome .bhitem .bhpic img {
  transform: scale(1);
  -webkit-transform: scale(1);
}

.bloghome .bhitem .bhpic img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.bloghome .bhitem .bhpic .bhtitle {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #af7a07;
}

.bloghome .bhitem .bhpic .bhtitle h1 {
  color: #ffffff;
}

.bloghome .bhitem p {
  color: #af7a07;
  text-align: center;
  padding-bottom: 0;
}

.blogheader .bhetitle {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding-right: 2em;
}

@media only screen and (max-width: 600px) {
  .blogheader .bhetitle {
    font-size: 0.8em;
  }
}

.blogheader .bhetitle h1,
.blogheader .bhetitle h2 {
  text-align: right;
  color: #ffffff;
  text-shadow: 1px 1px 2px #000000;
}

.blogcontent {
  padding-top: 3em;
  padding-bottom: 2em;
}

.washhands .washing {
  width: 30%;
}

@media only screen and (max-width: 800px) {
  .washhands .washing {
    width: 45%;
  }
}

@media only screen and (max-width: 500px) {
  .washhands .washing {
    width: 80%;
  }
}

.washhands .washing picture {
  width: 60%;
  min-width: 150px;
}

.washhands .washing p {
  padding-top: 1em;
  padding-bottom: 0;
  text-align: center;
}

.terms {
  padding-top: 3em;
}

.terms h1 {
  color: #af7a07;
}

.terms h2 {
  width: 100%;
  color: #36a0ba;
  text-align: left;
  font-size: 1.5em;
}

.terms a {
  color: #af7a07;
}

.terms .t-slogan {
  text-align: center;
}

.terms .t-intro {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  padding: 2em;
  color: #ffffff;
  margin-bottom: 2em;
}

.terms .t-intro a {
  color: #ffffff;
}

.terms .t-intro p {
  padding-bottom: 0;
}

.terms .t-requisitos {
  padding-left: 1em;
  padding-bottom: 1em;
}

.terms .t-requisitos li:before {
  font-family: 'icomoon';
  content: '\e92b';
  width: auto;
  padding-right: 0.5em;
  padding-top: 0.5em;
  color: rgba(136, 189, 119, 0.7);
  font-size: 0.9em;
}

.terms .t-medios {
  padding-left: 1em;
}

.terms .t-mecanica {
  margin-top: -1em;
  padding-bottom: 1em;
}

.terms .t-mecanica li:before {
  font-family: 'icomoon';
  content: '\ea2b';
  width: auto;
  padding-right: 0.5em;
  padding-top: 0.5em;
  color: rgba(136, 189, 119, 0.7);
  font-size: 0.9em;
}

.terms .t-tabla {
  max-width: 400px;
  padding-top: 1em;
}

.terms .t-tabla div:first-child {
  background: #000000;
  color: #ffffff;
}

.terms .t-tabla div:first-child p {
  text-transform: uppercase;
}

.terms .t-tabla div p {
  text-align: center;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  border: 1px solid #9a9a9a;
}

.terms .t-tabla div p:nth-child(1) {
  width: 35%;
}

.terms .t-tabla div p:nth-child(2) {
  width: 65%;
}

.terms .t-restricciones {
  padding: 1em;
}

.terms .t-restricciones li:before {
  font-family: 'icomoon';
  content: '\ea2b';
  width: auto;
  padding-right: 0.5em;
  padding-top: 0.5em;
  color: #b50000;
  font-size: 0.9em;
}

.invalid-feedback {
  color: red;
  font-size: 0.8rem;
}

.error_message>ul {
  color: red;
  list-style: inside;
}