@charset "UTF-8";
/*Fonts*/
@import url("https://fonts.googleapis.com/css?family=Barlow|Jomolhari|Oswald&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*/
/*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: "Barlow", sans-serif;
  font-size: 1em; }
  @media only screen and (max-width: 600px) {
    body {
      font-size: 0.9em; } }
  body main {
    padding: 0; }
  body section {
    width: 95%;
    max-width: 1200px;
    margin: 0; }
  body img {
    width: 100%;
    line-height: 0; }
  body p, body label {
    width: 100%;
    text-align: left;
    padding-bottom: 1em; }
    @media only screen and (max-width: 500px) {
      body p, body label {
        font-size: 0.9em; } }
  body a {
    color: #000000;
    text-decoration: none;
    border: none;
    outline: none; }
    body a:hover {
      color: #F5C2CB; }
  body ul, body ol {
    list-style: none; }
  body h1 {
    float: left;
    color: #ffffff;
    line-height: 1em;
    font-family: "Jomolhari", serif;
    font-size: 2.5em;
    font-weight: normal; }
    body h1 span {
      font-size: 0.5em;
      padding-left: 0.2em; }
  body h2 {
    font-family: "Barlow", sans-serif;
    color: #ffffff;
    font-size: 1.5em;
    font-weight: lighter; }
  body h3 {
    font-family: "Jomolhari", serif;
    color: rgba(255, 255, 255, 0.6);
    text-align: right;
    font-size: 2em;
    padding-top: 3em;
    font-weight: lighter; }
  body h4 {
    float: left;
    color: #000000;
    line-height: 1em;
    font-family: "Jomolhari", serif;
    font-size: 3.5em;
    font-weight: normal;
    text-align: center; }
  body h5 {
    font-family: "Jomolhari", serif;
    font-size: 2em;
    color: rgba(0, 0, 0, 0.6);
    padding-top: 2em;
    padding-bottom: 2em; }
    @media only screen and (max-width: 900px) {
      body h5 {
        font-size: 1.8em; } }
    @media only screen and (max-width: 700px) {
      body h5 {
        font-size: 1.5em; } }
    @media only screen and (max-width: 500px) {
      body h5 {
        font-size: 1.2em; } }
  body .btncontact {
    width: auto;
    background: #F5C2CB;
    color: #ffffff;
    padding: 0.5em 1em;
    border-radius: 5px;
    font-weight: bold;
    transition: 0.2s all;
    -webkit-transition: 0.2s all; }
    body .btncontact:hover {
      color: #ffffff;
      opacity: 0.8; }
  body .backtotop {
    position: fixed;
    width: 3em;
    height: 3em;
    bottom: 1em;
    right: 2em;
    border-radius: 50%;
    text-align: center;
    background: #F5C2CB;
    z-index: 1000;
    opacity: 0.2;
    transition: 0.2s all;
    -webkit-transition: 0.2s all; }
    body .backtotop:hover {
      opacity: 1; }
    body .backtotop a {
      color: #ffffff; }
      body .backtotop a i {
        font-size: 2em; }
  body .fancybox-navigation {
    position: absolute;
    height: 100%; }
  body .banda {
    height: 10px; }

body main, body main article, body section, body .backtotop, header, header section, header .logo a, header nav, header nav a, header nav ul, header nav ul li ul, footer, footer section .finger:nth-child(2), .bannerhome, .bghojas section div .bmas, .bghojas section div:nth-child(3) .bmas .spner .spn1, .bghojas section div:nth-child(3) .bmas .spner .spn2, .bghojas section div:nth-child(3) .bmas .spner .spn3, .bghojas section div:nth-child(5) .bmas .spner .spn1, .bghojas section div:nth-child(5) .bmas .spner .spn2, .bghojas section div:nth-child(5) .bmas .spner .spn3, .tips article .consejero .consejo input:checked ~ .consenido, .tips article .consejero .consejo .consetitle .selenite, .tips article .consejero .consejo .consenido section ul li, .banner, .titlepink, .sesentas .ejemplative, .blacker, .blacker div, .contactintro, .contactform, #contact, #contact .wannamore, .contactprev .modal-content, .contactprev .modal-content .opciones, .terminos section .t-requisitos li, .terminos section .t-mecanica li, .terminos section .t-tabloide, .terminos section .t-tabla, .terminos section .t-tabla div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.bghojas section, .catalogo {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

/*Direction*/
body main, body main article, header nav ul li ul, .bannerhome .bnrtext section, .bgblack section, .bghojas section div:nth-child(1) .bmas, .bghojas section div:nth-child(6) .bmas, .tips article .consejero .consejo .consetitle .selenite section, .tips article .consejero .consejo .consenido section, .banner, .sesentas, .contactar section, .contactintro, .contactform, #contact, .contactprev .modal-content, .terminos section, .terminos section .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; }

/*Justify items*/
body main {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

body .backtotop, header, header nav a, footer, .bannerhome, .bannerhome .bnrtext, .bannerhome .bnrtext section, .bghojas, .bghojas section div:nth-child(3) .bmas .spner .spn1, .bghojas section div:nth-child(3) .bmas .spner .spn2, .bghojas section div:nth-child(3) .bmas .spner .spn3, .bghojas section div:nth-child(5) .bmas .spner .spn1, .bghojas section div:nth-child(5) .bmas .spner .spn2, .bghojas section div:nth-child(5) .bmas .spner .spn3, .tips article .consejero .consejo .consetitle .selenite, .tips article .consejero .consejo .consetitle .selenite section, .tips article .consejero .consejo .consenido, .banner .bgblack section, .titlepink, .sesentas .ejemplative, .blacker, .contactprev .modal-content, .contactprev .modal-content .opciones, .terminos section, .terminos section .t-tabloide, .terminos section .t-tabla, .terminos section .t-tabla div {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center; }

header section, header nav, header nav ul, footer section, footer section .finger:nth-child(2) {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.catalogo {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: space-around;
  justify-content: space-around; }

header nav ul li ul li a, .bghojas section div:nth-child(3) .bmas, .bghojas section div:nth-child(5) .bmas, .sesentas, .blacker div, #contact .wannamore, .terminos section .t-requisitos li, .terminos section .t-mecanica li {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start; }

.bghojas section div:nth-child(1) .bmas, .bghojas section div:nth-child(6) .bmas {
  -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, body main article, body .backtotop, header, header section, header .logo a, header nav, .bannerhome, .bghojas section div:nth-child(3) .bmas, .bghojas section div:nth-child(5) .bmas, .bghojas section div:nth-child(3) .bmas .spner .spn1, .bghojas section div:nth-child(3) .bmas .spner .spn2, .bghojas section div:nth-child(3) .bmas .spner .spn3, .bghojas section div:nth-child(5) .bmas .spner .spn1, .bghojas section div:nth-child(5) .bmas .spner .spn2, .bghojas section div:nth-child(5) .bmas .spner .spn3, .tips article .consejero .consejo .consenido section ul li, .sesentas .ejemplative, .blacker div, .catalogo, #contact, .contactprev .modal-content, .contactprev .modal-content .opciones, .terminos section .t-tabloide, .terminos section .t-tabla, .terminos section .t-tabla div {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

footer section .finger:nth-child(2), .bannerhome .bnrtext section, .tips article .leftin .selenite section, .contactintro, .terminos section, .terminos section .t-requisitos li, .terminos section .t-mecanica li {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start; }

.tips .bannerhome .bnrtext section, .tips article .rightin .selenite section, .banner .bgblack section, .contactform {
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end; }

/* Backgrounds */
body .banda, .bghojas section div:nth-child(1) .bmas p, .bghojas section div:nth-child(6) .bmas p, .bghojas section div:nth-child(3) .bmas .spner .spn1, .bghojas section div:nth-child(5) .bmas .spner .spn1, .titlepink, .sesentas .ejemplative {
  background: #b87e80;
  background: -moz-linear-gradient(left, #B87E80 0%, #D89894 4%, #AE7274 10%, #C08282 16%, #F7B0AA 23%, #FAC6BD 32%, #FACBC7 36%, #FAC5BC 41%, #ECA7A2 53%, #C58787 61%, #9D6067 70%, #965961 78%, #A66B71 85%, #BC7E80 89%, #A76D71 95%, #89515B 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #B87E80), color-stop(4%, #D89894), color-stop(10%, #AE7274), color-stop(16%, #C08282), color-stop(23%, #F7B0AA), color-stop(32%, #FAC6BD), color-stop(36%, #FACBC7), color-stop(41%, #FAC5BC), color-stop(53%, #ECA7A2), color-stop(61%, #C58787), color-stop(70%, #9D6067), color-stop(78%, #965961), color-stop(85%, #A66B71), color-stop(89%, #BC7E80), color-stop(95%, #A76D71), color-stop(100%, #89515B));
  background: -webkit-linear-gradient(left, #B87E80 0%, #D89894 4%, #AE7274 10%, #C08282 16%, #F7B0AA 23%, #FAC6BD 32%, #FACBC7 36%, #FAC5BC 41%, #ECA7A2 53%, #C58787 61%, #9D6067 70%, #965961 78%, #A66B71 85%, #BC7E80 89%, #A76D71 95%, #89515B 100%);
  background: -o-linear-gradient(left, #B87E80 0%, #D89894 4%, #AE7274 10%, #C08282 16%, #F7B0AA 23%, #FAC6BD 32%, #FACBC7 36%, #FAC5BC 41%, #ECA7A2 53%, #C58787 61%, #9D6067 70%, #965961 78%, #A66B71 85%, #BC7E80 89%, #A76D71 95%, #89515B 100%);
  background: -ms-linear-gradient(left, #B87E80 0%, #D89894 4%, #AE7274 10%, #C08282 16%, #F7B0AA 23%, #FAC6BD 32%, #FACBC7 36%, #FAC5BC 41%, #ECA7A2 53%, #C58787 61%, #9D6067 70%, #965961 78%, #A66B71 85%, #BC7E80 89%, #A76D71 95%, #89515B 100%);
  background: linear-gradient(left, #B87E80 0%, #D89894 4%, #AE7274 10%, #C08282 16%, #F7B0AA 23%, #FAC6BD 32%, #FACBC7 36%, #FAC5BC 41%, #ECA7A2 53%, #C58787 61%, #9D6067 70%, #965961 78%, #A66B71 85%, #BC7E80 89%, #A76D71 95%, #89515B 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b87e80', endColorstr='#89515b', GradientType=1 ); }

/* Animaciones */
body a, header .logo, header nav a, header nav ul li:hover ul, header nav ul li ul, .bghojas section div, .bghojas section div:nth-child(2) .apir img, .bghojas section div:nth-child(4) .apir img, .bghojas section div:nth-child(3) img, .bghojas section div:nth-child(5) img, .tips article .consejero .consejo input, .tips article .consejero .consejo .consetitle .selenite, .catalogo .catter, .catalogo .catter img, .contactform .btnprincipal, .contactprev .modal-content .close, .contactprev .modal-content .back {
  transition: 0.2s all;
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -o-transition: 0.2s all;
  -ms-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; } }
#navbar {
  transition: top 0.5s; }

header {
  width: 100%;
  background: #000000;
  padding: 0;
  top: 0;
  z-index: 2000;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  box-shadow: 0 0 3px #000000;
  /*Borde rosa*/
  border-bottom: 0.5em solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #B87E80 0%, #D89894 4%, #AE7274 10%, #C08282 16%, #F7B0AA 23%, #FAC6BD 32%, #FACBC7 36%, #FAC5BC 41%, #ECA7A2 53%, #C58787 61%, #9D6067 70%, #965961 78%, #A66B71 85%, #BC7E80 89%, #A76D71 95%, #89515B 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #B87E80 0%, #D89894 4%, #AE7274 10%, #C08282 16%, #F7B0AA 23%, #FAC6BD 32%, #FACBC7 36%, #FAC5BC 41%, #ECA7A2 53%, #C58787 61%, #9D6067 70%, #965961 78%, #A66B71 85%, #BC7E80 89%, #A76D71 95%, #89515B 100%);
  border-image: linear-gradient(left, #B87E80 0%, #D89894 4%, #AE7274 10%, #C08282 16%, #F7B0AA 23%, #FAC6BD 32%, #FACBC7 36%, #FAC5BC 41%, #ECA7A2 53%, #C58787 61%, #9D6067 70%, #965961 78%, #A66B71 85%, #BC7E80 89%, #A76D71 95%, #89515B 100%);
  border-image-slice: 1; }
  header section {
    width: 95%;
    max-width: 1200px; }
    @media only screen and (max-width: 800px) {
      header section {
        width: 100%;
        -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;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start; } }
  header .logo {
    width: 45%;
    max-width: 160px;
    padding-top: 1em;
    padding-bottom: 1em;
    opacity: 1;
    z-index: 2020;
    pointer-events: all; }
    header .logo:hover {
      opacity: 0.8; }
    @media only screen and (max-width: 800px) {
      header .logo {
        padding-left: 1em; } }
    header .logo a {
      height: 100%;
      color: #ffffff; }
  header nav {
    pointer-events: all;
    max-width: 400px; }
    @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-top: 1em;
      padding-bottom: 1em;
      color: #ffffff; }
    @media only screen and (max-width: 800px) {
      header nav ul {
        background: rgba(0, 0, 0, 0.3);
        -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; }
      @media only screen and (max-width: 800px) {
        header nav ul li:hover ul {
          max-height: 0; } }
    header nav ul li ul {
      position: absolute;
      width: 150%;
      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%;
        border-bottom: 1px solid #ffffff; }
        header nav ul li ul li a {
          padding-left: 1em; }
  header .mobile {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    display: none;
    font-size: 2em;
    padding: 0.5em;
    color: #ffffff;
    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("../svg/expand_more.svg") no-repeat;
      background-position: center;
      float: right;
      height: 2em;
      width: 2em;
      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); } }

.changecolor .logo {
  max-width: 120px; }
  @media only screen and (max-width: 800px) {
    .changecolor .logo {
      max-width: 100px; } }

footer {
  padding: 2em 0;
  font-size: 0.8em;
  background: #ffffff;
  box-shadow: 0 0 5px #000000; }
  @media only screen and (max-width: 800px) {
    footer 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; } }
  footer section h3 {
    color: #000000;
    padding-top: 0;
    font-size: 1.5em; }
  footer section .finger {
    width: 48%; }
    @media only screen and (max-width: 800px) {
      footer section .finger {
        width: 100%; } }
    footer section .finger:nth-child(1) p {
      text-align: left; }
      footer section .finger:nth-child(1) p span {
        font-size: 1.2em;
        padding-left: 0.2em; }
    @media only screen and (max-width: 800px) {
      footer section .finger:nth-child(2) {
        -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 .finger p {
      text-align: right; }
    @media only screen and (max-width: 800px) {
      footer section .finger p, footer section .finger h3 {
        text-align: left; } }
    footer section .finger .smile {
      font-size: 1.5em;
      padding-bottom: 0.5em; }
    footer section .finger .nail {
      width: 40%;
      text-align: right; }
      @media only screen and (max-width: 800px) {
        footer section .finger .nail {
          width: 100%;
          text-align: left;
          padding: 0.5em 0; } }

.homebg {
  background: url("../images/bghojas.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed; }

.bannerhome {
  background: #610000; }
  .bannerhome .bnrback {
    opacity: 0.9;
    line-height: 0; }
    .bannerhome .bnrback .bnrjustjpg {
      opacity: 0; }
    .bannerhome .bnrback .bnrimg {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    .bannerhome .bnrback .bnrbackhome {
      background: url("../images/banner/home-p.jpg") no-repeat;
      background-size: cover;
      background-position: center;
      background-attachment: fixed; }
      @media only screen and (max-width: 800px) {
        .bannerhome .bnrback .bnrbackhome {
          background: url("../images/banner/home-s.jpg") no-repeat;
          background-size: cover;
          background-position: center; } }
  .bannerhome .bnrtext {
    position: absolute;
    font-size: 3em; }
    @media only screen and (max-width: 1200px) {
      .bannerhome .bnrtext {
        font-size: 2.5em; } }
    @media only screen and (max-width: 900px) {
      .bannerhome .bnrtext {
        font-size: 2em; } }
    @media only screen and (max-width: 700px) {
      .bannerhome .bnrtext {
        font-size: 1.5em; } }
    @media only screen and (max-width: 500px) {
      .bannerhome .bnrtext {
        font-size: 1em; } }
    @media only screen and (max-width: 350px) {
      .bannerhome .bnrtext {
        font-size: 0.9em; } }
    .bannerhome .bnrtext section h1, .bannerhome .bnrtext section h2 {
      width: auto; }

.bgblack {
  background: #000000;
  color: #ffffff;
  padding: 10em 0; }
  @media only screen and (max-width: 700px) {
    .bgblack {
      padding: 8em 0;
      font-size: 0.9em; } }
  @media only screen and (max-width: 450px) {
    .bgblack {
      padding: 5em 0;
      font-size: 0.75em; } }
  .bgblack section h2 {
    padding-top: 2em; }

.bghojas {
  padding: 5em 0; }
  .bghojas section div {
    width: 33.33%;
    background: #000000;
    color: #ffffff;
    line-height: 0;
    overflow: hidden; }
    .bghojas section div:hover {
      background: #bd5d6e;
      background: -moz-radial-gradient(center, ellipse cover, #bd5d6e 0%, black 100%);
      background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #bd5d6e), color-stop(100%, black));
      background: -webkit-radial-gradient(center, ellipse cover, #bd5d6e 0%, black 100%);
      background: -o-radial-gradient(center, ellipse cover, #bd5d6e 0%, black 100%);
      background: -ms-radial-gradient(center, ellipse cover, #bd5d6e 0%, black 100%);
      background: radial-gradient(ellipse at center, #bd5d6e 0%, black 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd5d6e', endColorstr='#000000', GradientType=1 ); }
    @media only screen and (max-width: 950px) {
      .bghojas section div {
        width: 50%; } }
    @media only screen and (max-width: 500px) {
      .bghojas section div {
        font-size: 0.85em; } }
    .bghojas section div .bmas {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background: none;
      pointer-events: none; }
    .bghojas section div .square {
      width: 90%;
      height: 90%;
      position: absolute;
      top: 5%;
      left: 5%;
      border: 2px solid #000000;
      background: none;
      pointer-events: none; }
    .bghojas section div:nth-child(1), .bghojas section div:nth-child(6) {
      font-size: 1.2em; }
      .bghojas section div:nth-child(1):hover, .bghojas section div:nth-child(6):hover {
        font-size: 1em; }
        .bghojas section div:nth-child(1):hover .bmas, .bghojas section div:nth-child(6):hover .bmas {
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between; }
        .bghojas section div:nth-child(1):hover .apir, .bghojas section div:nth-child(6):hover .apir {
          opacity: 0.8; }
      .bghojas section div:nth-child(1) .bmas h2, .bghojas section div:nth-child(6) .bmas h2 {
        padding: 1em;
        pointer-events: none;
        line-height: 1em; }
      .bghojas section div:nth-child(1) .bmas p, .bghojas section div:nth-child(6) .bmas p {
        padding: 1em;
        text-align: right;
        color: #ffffff;
        font-family: "Jomolhari", serif; }
      .bghojas section div:nth-child(1) .apir, .bghojas section div:nth-child(6) .apir {
        opacity: 0; }
    .bghojas section div:nth-child(2):hover .apir, .bghojas section div:nth-child(4):hover .apir {
      filter: blur(3px); }
      .bghojas section div:nth-child(2):hover .apir img, .bghojas section div:nth-child(4):hover .apir img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1); }
    .bghojas section div:nth-child(2):hover .bmas, .bghojas section div:nth-child(4):hover .bmas {
      height: 100%;
      top: 0;
      background: rgba(245, 194, 203, 0.3);
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; }
      .bghojas section div:nth-child(2):hover .bmas p, .bghojas section div:nth-child(4):hover .bmas p {
        text-align: center;
        color: #000000;
        font-size: 1.7em; }
    .bghojas section div:nth-child(2) .bmas, .bghojas section div:nth-child(4) .bmas {
      top: 2em;
      height: auto;
      background: #000000;
      color: #ffffff;
      padding-top: 2em;
      padding-bottom: 2em;
      padding-left: 1em;
      font-family: "Oswald", sans-serif;
      text-transform: uppercase; }
      @media only screen and (max-width: 500px) {
        .bghojas section div:nth-child(2) .bmas, .bghojas section div:nth-child(4) .bmas {
          background: rgba(0, 0, 0, 0.8); } }
    .bghojas section div:nth-child(3):hover .apir, .bghojas section div:nth-child(5):hover .apir {
      filter: blur(3px); }
      .bghojas section div:nth-child(3):hover .apir img, .bghojas section div:nth-child(5):hover .apir img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1); }
    .bghojas section div:nth-child(3):hover .square, .bghojas section div:nth-child(5):hover .square {
      visibility: hidden; }
    .bghojas section div:nth-child(3):hover .bmas, .bghojas section div:nth-child(5):hover .bmas {
      font-size: 1.2em;
      padding-left: 0;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center; }
      .bghojas section div:nth-child(3):hover .bmas .spner, .bghojas section div:nth-child(5):hover .bmas .spner {
        width: 100%;
        height: 100%; }
        .bghojas section div:nth-child(3):hover .bmas .spner .spn1, .bghojas section div:nth-child(3):hover .bmas .spner .spn2, .bghojas section div:nth-child(3):hover .bmas .spner .spn3, .bghojas section div:nth-child(5):hover .bmas .spner .spn1, .bghojas section div:nth-child(5):hover .bmas .spner .spn2, .bghojas section div:nth-child(5):hover .bmas .spner .spn3 {
          height: 33.33%;
          opacity: 0.8; }
    .bghojas section div:nth-child(3) .bmas, .bghojas section div:nth-child(5) .bmas {
      text-transform: uppercase;
      padding-left: 2em; }
      @media only screen and (max-width: 500px) {
        .bghojas section div:nth-child(3) .bmas, .bghojas section div:nth-child(5) .bmas {
          padding-left: 0; } }
      .bghojas section div:nth-child(3) .bmas .spner, .bghojas section div:nth-child(5) .bmas .spner {
        width: 40%;
        min-width: 140px;
        background: none; }
        .bghojas section div:nth-child(3) .bmas .spner .spn1, .bghojas section div:nth-child(3) .bmas .spner .spn2, .bghojas section div:nth-child(3) .bmas .spner .spn3, .bghojas section div:nth-child(5) .bmas .spner .spn1, .bghojas section div:nth-child(5) .bmas .spner .spn2, .bghojas section div:nth-child(5) .bmas .spner .spn3 {
          padding: 0.8em 0.5em; }
          @media only screen and (max-width: 500px) {
            .bghojas section div:nth-child(3) .bmas .spner .spn1, .bghojas section div:nth-child(3) .bmas .spner .spn2, .bghojas section div:nth-child(3) .bmas .spner .spn3, .bghojas section div:nth-child(5) .bmas .spner .spn1, .bghojas section div:nth-child(5) .bmas .spner .spn2, .bghojas section div:nth-child(5) .bmas .spner .spn3 {
              opacity: 0.5; } }
          .bghojas section div:nth-child(3) .bmas .spner .spn1 p, .bghojas section div:nth-child(3) .bmas .spner .spn2 p, .bghojas section div:nth-child(3) .bmas .spner .spn3 p, .bghojas section div:nth-child(5) .bmas .spner .spn1 p, .bghojas section div:nth-child(5) .bmas .spner .spn2 p, .bghojas section div:nth-child(5) .bmas .spner .spn3 p {
            width: auto; }
        .bghojas section div:nth-child(3) .bmas .spner .spn1, .bghojas section div:nth-child(5) .bmas .spner .spn1 {
          color: #000000; }
        .bghojas section div:nth-child(3) .bmas .spner .spn2, .bghojas section div:nth-child(5) .bmas .spner .spn2 {
          background: #000000;
          color: #ffffff;
          font-size: 1.2em; }
        .bghojas section div:nth-child(3) .bmas .spner .spn3, .bghojas section div:nth-child(5) .bmas .spner .spn3 {
          color: #000000; }

@media only screen and (max-width: 800px) {
  .bnrlarge {
    visibility: hidden;
    display: none; } }

.bnrmid {
  display: none;
  visibility: hidden; }
  @media only screen and (max-width: 800px) {
    .bnrmid {
      display: block;
      visibility: visible; } }
  @media only screen and (max-width: 500px) {
    .bnrmid {
      display: none;
      visibility: hidden; } }

.bnrsmall {
  display: none;
  visibility: hidden; }
  @media only screen and (max-width: 500px) {
    .bnrsmall {
      display: block;
      visibility: visible; } }

.tips article .consejero .consejo input {
  display: none; }
.tips article .consejero .consejo input:checked ~ .consenido {
  height: auto;
  margin: 15px 0; }
.tips article .consejero .consejo .consetitle {
  display: block;
  cursor: pointer;
  padding-bottom: 0;
  line-height: 0;
  /*Background*/
  border-bottom: 0.5em solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #B87E80 0%, #D89894 4%, #AE7274 10%, #C08282 16%, #F7B0AA 23%, #FAC6BD 32%, #FACBC7 36%, #FAC5BC 41%, #ECA7A2 53%, #C58787 61%, #9D6067 70%, #965961 78%, #A66B71 85%, #BC7E80 89%, #A76D71 95%, #89515B 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #B87E80 0%, #D89894 4%, #AE7274 10%, #C08282 16%, #F7B0AA 23%, #FAC6BD 32%, #FACBC7 36%, #FAC5BC 41%, #ECA7A2 53%, #C58787 61%, #9D6067 70%, #965961 78%, #A66B71 85%, #BC7E80 89%, #A76D71 95%, #89515B 100%);
  border-image: linear-gradient(left, #B87E80 0%, #D89894 4%, #AE7274 10%, #C08282 16%, #F7B0AA 23%, #FAC6BD 32%, #FACBC7 36%, #FAC5BC 41%, #ECA7A2 53%, #C58787 61%, #9D6067 70%, #965961 78%, #A66B71 85%, #BC7E80 89%, #A76D71 95%, #89515B 100%);
  border-image-slice: 1; }
  .tips article .consejero .consejo .consetitle:last-child {
    border-bottom: none; }
  .tips article .consejero .consejo .consetitle h1, .tips article .consejero .consejo .consetitle h2 {
    width: auto; }
  .tips article .consejero .consejo .consetitle .selenite {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; }
    .tips article .consejero .consejo .consetitle .selenite:hover {
      font-size: 1.1em; }
    @media only screen and (max-width: 600px) {
      .tips article .consejero .consejo .consetitle .selenite {
        font-size: 0.8em; }
        .tips article .consejero .consejo .consetitle .selenite:hover {
          font-size: 0.9em; } }
    @media only screen and (max-width: 400px) {
      .tips article .consejero .consejo .consetitle .selenite {
        font-size: 0.6em; }
        .tips article .consejero .consejo .consetitle .selenite:hover {
          font-size: 0.7em; } }
    .tips article .consejero .consejo .consetitle .selenite section {
      font-size: 3em; }
.tips article .consejero .consejo .consenido {
  height: 0;
  overflow: hidden;
  display: none;
  margin: 0;
  padding: 3em 0;
  transition: all 0.5s; }
  .tips article .consejero .consejo .consenido section h4 {
    color: #A76D71; }
  .tips article .consejero .consejo .consenido section h5 {
    padding: 1em;
    padding-bottom: 0;
    text-align: center; }
  .tips article .consejero .consejo .consenido section p {
    padding-top: 2em;
    padding-bottom: 2em; }
  .tips article .consejero .consejo .consenido section ul {
    border-radius: 10px;
    overflow: hidden; }
    .tips article .consejero .consejo .consenido section ul li {
      min-height: 3em;
      padding: 1.5em 0;
      vertical-align: middle;
      font-size: 0.9em; }
      .tips article .consejero .consejo .consenido section ul li:before {
        font-family: 'icomoon';
        font-size: 2em;
        width: auto;
        margin-right: 0.5em;
        content: '\f219'; }
      .tips article .consejero .consejo .consenido section ul li:nth-child(1):before {
        color: #86B0C2; }
      .tips article .consejero .consejo .consenido section ul li:nth-child(2):before {
        color: #7D9CA8; }
      .tips article .consejero .consejo .consenido section ul li:nth-child(3):before {
        color: #86AAC2; }
.tips article .leftin .selenite {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .tips article .leftin .selenite:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*Background*/
    background: -moz-linear-gradient(left, rgba(188, 126, 128, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(188, 126, 128, 0.6)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(188, 126, 128, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(188, 126, 128, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(188, 126, 128, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(left, rgba(188, 126, 128, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
    /*Animación de entrada*/
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .tips article .leftin .selenite:hover:before, .tips article .leftin .selenite:focus:before, .tips article .leftin .selenite:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
.tips article .rightin img {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH"; }
.tips article .rightin .selenite {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .tips article .rightin .selenite:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*Background*/
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(188, 126, 128, 0.6) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(188, 126, 128, 0.6)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(188, 126, 128, 0.6) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(188, 126, 128, 0.6) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #BC7E80, 0.6 100%);
    background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(188, 126, 128, 0.6) 100%);
    /*Animación de entrada*/
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .tips article .rightin .selenite:hover:before, .tips article .rightin .selenite:focus:before, .tips article .rightin .selenite:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }

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

.banner .bnrup {
  overflow: hidden;
  line-height: 0; }
.banner .bgblack {
  padding: 2em 0; }
  @media only screen and (max-width: 600px) {
    .banner .bgblack section {
      font-size: 0.9em; } }
  @media only screen and (max-width: 400px) {
    .banner .bgblack section {
      font-size: 0.7em; } }
  .banner .bgblack section h1, .banner .bgblack section h2, .banner .bgblack section h3 {
    width: auto;
    padding: 0; }
  .banner .bgblack section h1 {
    font-size: 3em;
    text-transform: uppercase; }
  .banner .bgblack section h2 {
    font-size: 3.5em;
    text-transform: uppercase; }
.banner .bnrbotle {
  position: absolute;
  top: 80px;
  left: 10%;
  height: 100%;
  z-index: 50; }
  @media only screen and (max-width: 800px) {
    .banner .bnrbotle {
      height: 75%;
      left: 0;
      top: 70px; } }
  @media only screen and (max-width: 650px) {
    .banner .bnrbotle {
      height: 60%; } }
  @media only screen and (max-width: 350px) {
    .banner .bnrbotle {
      height: 50%; } }
  .banner .bnrbotle img {
    width: auto;
    height: 100%; }

.catitle {
  padding-top: 12em;
  padding-bottom: 8em;
  font-size: 0.9em; }
  @media only screen and (max-width: 650px) {
    .catitle {
      font-size: 0.8em;
      padding-top: 8em;
      padding-bottom: 5em; } }
  @media only screen and (max-width: 450px) {
    .catitle {
      font-size: 0.5em;
      padding-top: 5em;
      padding-bottom: 3em; } }

@media only screen and (max-width: 500px) {
  .titlepink h2 {
    padding: 1em 0.5em;
    background: rgba(0, 0, 0, 0.2); } }
.titlepink section {
  padding-top: 1em;
  padding-bottom: 1em;
  text-transform: uppercase; }
  @media only screen and (max-width: 500px) {
    .titlepink section {
      padding-top: 0;
      padding-bottom: 0;
      width: 100%; } }

.sesentas {
  font-size: 1.2em;
  padding: 2em 0; }
  @media only screen and (max-width: 450px) {
    .sesentas {
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; } }
  .sesentas ul {
    width: 40%; }
    @media only screen and (max-width: 800px) {
      .sesentas ul {
        width: 100%; } }
    .sesentas ul li {
      vertical-align: middle;
      padding: 1em 0.5em;
      -webkit-transform: perspective(1px) translateZ(0);
      transform: perspective(1px) translateZ(0);
      box-shadow: 0 0 1px rgba(0, 0, 0, 0);
      -webkit-transition-property: color;
      transition-property: color;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s; }
      .sesentas ul li:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /*Background*/
        background: -moz-linear-gradient(left, #FAC5BC 0%, #ffffff 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #FAC5BC), color-stop(100%, #ffffff));
        background: -webkit-linear-gradient(left, #FAC5BC 0%, #ffffff 100%);
        background: -o-linear-gradient(left, #FAC5BC 0%, #ffffff 100%);
        background: -ms-linear-gradient(left, #FAC5BC 0%, #ffffff 100%);
        background: linear-gradient(left, #FAC5BC 0%, #ffffff 100%);
        /*Animación de entrada*/
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out; }
      .sesentas ul li:hover:before, .sesentas ul li:focus:before, .sesentas ul li:active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1); }
      .sesentas ul li i {
        padding-right: 0.5em; }
  .sesentas h2 {
    color: #000000;
    font-weight: lighter;
    padding-bottom: 1em; }
  .sesentas .ejemplative {
    width: 300px;
    height: 300px;
    position: absolute;
    right: 0;
    top: -5em;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    padding: 0.5em; }
    @media only screen and (max-width: 650px) {
      .sesentas .ejemplative {
        width: 250px;
        height: 250px; } }
    @media only screen and (max-width: 550px) {
      .sesentas .ejemplative {
        width: 200px;
        height: 200px; } }
    @media only screen and (max-width: 450px) {
      .sesentas .ejemplative {
        position: relative;
        top: 0;
        width: 250px;
        height: 250px; } }
    .sesentas .ejemplative .cabello {
      width: auto;
      height: 100%;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      overflow: hidden; }
      .sesentas .ejemplative .cabello img {
        width: auto;
        height: 100%; }

.blacker {
  padding-top: 5em;
  padding-bottom: 5em; }
  @media only screen and (max-width: 900px) {
    .blacker {
      font-size: 0.75em; } }
  @media only screen and (max-width: 700px) {
    .blacker {
      font-size: 0.6em; } }
  @media only screen and (max-width: 500px) {
    .blacker div {
      -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;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: start;
      -moz-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start; } }
  .blacker div {
    padding-bottom: 1em; }
    .blacker div h1, .blacker div h3 {
      width: auto;
      padding: 0; }
    .blacker div h1 {
      padding-right: 0.5em; }
      @media only screen and (max-width: 500px) {
        .blacker div h1 {
          padding-bottom: 0.2em;
          padding-top: 1em; } }
    .blacker div h3 {
      text-align: left; }

.catalogo {
  padding-top: 2em;
  padding-bottom: 2em; }
  .catalogo .catter {
    width: 22%;
    min-width: 180px; }
    .catalogo .catter:hover img {
      transform: scale(1.1);
      -webkit-transform: scale(1.1); }
    .catalogo .catter h5 {
      font-size: 1.2em;
      text-align: center; }

.contacto .bnrtext section h1, .contacto .bnrtext section h2 {
  color: #9e3223; }

.contactar {
  background: #000000;
  padding: 10em 0; }

.contactintro h4 {
  width: 45%;
  padding: 1em 0; }
  @media only screen and (max-width: 650px) {
    .contactintro h4 {
      width: 100%;
      padding: 0.5em 0;
      font-size: 1.5em; } }

.contactform {
  padding-top: 4em;
  padding-bottom: 4em; }
  @media only screen and (max-width: 800px) {
    .contactform {
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; } }
  .contactform h1 {
    font-size: 1em; }
  .contactform #contact, .contactform p {
    width: 45%; }
    @media only screen and (max-width: 650px) {
      .contactform #contact, .contactform p {
        width: 100%; } }
  .contactform p {
    color: #ffffff; }
    .contactform p span {
      font-size: 0.8em; }
  .contactform .justconfirm {
    width: 45%; }
    .contactform .justconfirm h1 {
      padding-bottom: 1em;
      line-height: 1.2em; }
    @media only screen and (max-width: 650px) {
      .contactform .justconfirm {
        width: 100%; } }
  .contactform .btnprincipal {
    width: auto;
    padding: 0.5em 1em;
    border-radius: 10px;
    border: 2px solid #ffffff;
    color: #ffffff; }
    .contactform .btnprincipal:hover {
      background: rgba(255, 255, 255, 0.2); }

#contact {
  padding: 1em 0;
  font-family: "Barlow", sans-serif; }
  #contact fieldset {
    border: #000000 !important;
    margin-bottom: 1em; }
  #contact textarea {
    height: 100px;
    width: 100%;
    resize: none; }
  #contact .wannamore {
    padding-left: 2%;
    padding-bottom: 1em; }
    #contact .wannamore input {
      width: auto;
      padding-right: 0.5em; }
    #contact .wannamore p {
      color: #ffffff; }

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
  padding: 10px;
  color: #ffffff;
  font-family: "Barlow", sans-serif;
  border: none; }

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
  background: rgba(255, 255, 255, 0.2); }

#contact button[type="submit"] {
  cursor: pointer;
  width: auto;
  border: none;
  border-radius: 10px;
  padding: 0.5em 1em;
  font-size: 1em;
  text-align: center;
  transition: 0.2s all;
  -webkit-transition: 0.2s all; }

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

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

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

::-webkit-input-placeholder {
  color: #ffffff; }

:-moz-placeholder {
  color: #ffffff; }

::-moz-placeholder {
  color: #ffffff; }

:-ms-input-placeholder {
  color: #ffffff; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Safari and Chrome */
  ::i-block-chrome header, body header {
    float: left;
    position: relative;
    top: 0; }
    ::i-block-chrome header nav, body header nav {
      width: 55%; }
  ::i-block-chrome .bghojas section, body .bghojas section {
    display: block; }
    ::i-block-chrome .bghojas section div, body .bghojas section div {
      float: left; }
  ::i-block-chrome .catalogo, body .catalogo {
    display: block; }
    ::i-block-chrome .catalogo .catter, body .catalogo .catter {
      float: left; } }
#myBtn {
  display: none;
  visibility: hidden; }

.contactprev {
  height: 100%;
  position: fixed;
  z-index: 2500;
  overflow: auto; }
  .contactprev .modal-content {
    width: 100%;
    height: auto;
    min-height: 100%;
    padding: 2em;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.6); }
    .contactprev .modal-content .close, .contactprev .modal-content .back {
      width: auto;
      color: #ffffff;
      padding: 1em;
      font-size: 0.9em;
      text-align: center;
      border: #ffffff 2px solid; }
      .contactprev .modal-content .close:hover, .contactprev .modal-content .close:focus, .contactprev .modal-content .back:hover, .contactprev .modal-content .back:focus {
        background: rgba(255, 255, 255, 0.2); }
      @media onlys creen and (max-width: 700px) {
        .contactprev .modal-content .close, .contactprev .modal-content .back {
          padding: 0.5em; } }
    .contactprev .modal-content .close {
      position: relative;
      right: 0;
      top: 0;
      z-index: auto; }
      .contactprev .modal-content .close:hover {
        transform: none; }
    .contactprev .modal-content h1, .contactprev .modal-content p, .contactprev .modal-content ul, .contactprev .modal-content .diezocho, .contactprev .modal-content .opciones {
      max-width: 1200px; }
    .contactprev .modal-content h1 {
      width: 100%;
      font-size: 2em;
      opacity: 1;
      text-align: center;
      padding-bottom: 0.5em; }
    .contactprev .modal-content p {
      color: #ffffff;
      padding-bottom: 1em; }
    .contactprev .modal-content ul {
      padding-bottom: 1em; }
      .contactprev .modal-content ul li {
        color: #ffffff;
        padding-left: 1em;
        padding-bottom: 0.5em; }
    .contactprev .modal-content .diezocho {
      text-align: center; }
    .contactprev .modal-content .opciones .justbetween {
      width: 2em; }

.terminos section {
  padding-top: 5em;
  padding-bottom: 2em; }
  .terminos section a {
    color: #ba848e;
    font-weight: bold; }
  .terminos section h1 {
    text-align: center;
    color: #F5C2CB; }
  .terminos section h2 {
    width: auto;
    color: #000000;
    border-bottom: 5px solid #F5C2CB;
    margin-bottom: 0.5em;
    padding-right: 0.5em; }
  .terminos section .t-subtitle {
    text-align: center; }
  .terminos section .t-intro {
    border: 2px solid #F5C2CB;
    border-radius: 10px;
    padding: 2em;
    margin-bottom: 1em; }
    .terminos section .t-intro p {
      padding-bottom: 0; }
  .terminos section .t-requisitos {
    padding-left: 2em; }
    .terminos section .t-requisitos li {
      padding-bottom: 1em; }
      .terminos section .t-requisitos li:before {
        font-family: 'icomoon';
        content: '\f04e';
        width: auto;
        padding-right: 0.5em;
        color: rgba(245, 194, 203, 0.7);
        font-size: 0.9em; }
  .terminos section .t-medios {
    padding-left: 1em; }
    .terminos section .t-medios li {
      padding-bottom: 0.5em; }
  .terminos section .t-premios {
    padding-left: 1em; }
    .terminos section .t-premios li:before {
      font-family: 'icomoon';
      content: '\f06b';
      width: auto;
      padding-right: 0.5em;
      color: rgba(0, 0, 0, 0.7);
      font-size: 0.9em; }
  .terminos section .t-mecanica {
    padding-left: 1em;
    padding-bottom: 1em; }
    .terminos section .t-mecanica li {
      padding-bottom: 0.5em; }
      .terminos section .t-mecanica li:before {
        font-family: 'icomoon';
        content: '\f013';
        width: auto;
        padding-right: 0.5em;
        color: rgba(0, 0, 0, 0.7);
        font-size: 0.9em; }
  .terminos section .t-tabla {
    max-width: 400px; }
    .terminos section .t-tabla div:nth-child(1) {
      background: #000000;
      color: #ffffff; }
    .terminos section .t-tabla div p {
      padding-bottom: 0.5em;
      padding-top: 0.5em;
      text-align: center;
      border: 1px solid rgba(0, 0, 0, 0.4); }
      .terminos section .t-tabla div p:nth-child(1) {
        width: 35%; }
      .terminos section .t-tabla div p:nth-child(2) {
        width: 65%; }
  .terminos section .t-restricciones {
    padding-left: 1em; }
    .terminos section .t-restricciones li {
      padding-bottom: 0.5em; }
      .terminos section .t-restricciones li:before {
        font-family: 'icomoon';
        content: '\f04e';
        width: auto;
        padding-right: 0.5em;
        color: rgba(245, 194, 203, 0.7);
        font-size: 0.9em; }