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

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

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

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

@font-face {
  font-family: 'HeadingProUltracomp ExtBd';
  src: url("../fonts/HeadingProUltracomp-ExtraBold.woff2") format("woff2"), url("../fonts/HeadingProUltracomp-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'HeadingProUltracomp';
  src: url("../fonts/HeadingProUltracomp-Bold.woff2") format("woff2"), url("../fonts/HeadingProUltracomp-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'HeadingProUltracomp';
  src: url("../fonts/HeadingProUltracomp-Regular.woff2") format("woff2"), url("../fonts/HeadingProUltracomp-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Yeseva One';
  src: url("../fonts/YesevaOne.woff2") format("woff2"), url("../fonts/YesevaOne.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Futura PT Book';
  src: url("../fonts/FuturaPT-Book.woff2") format("woff2"), url("../fonts/FuturaPT-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Futura PT';
  src: url("../fonts/FuturaPT-Bold.woff2") format("woff2"), url("../fonts/FuturaPT-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

body {
  padding: 0px 0 0 0;
  margin: 0;
  font-size: 12px;
  height: 100%;
  color: #141414;
  font-family: "Gotham"; }

.clear {
  clear: both; }

h1, h2, h3, h4, h5, p, ul, li {
  padding: 0;
  margin: 0; }

li {
  list-style: none; }

a, a:hover {
  text-decoration: none;
  outline: none; }

a {
  outline: none !important; }

.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both; }

.trans, .mod1 a, .como input[type="submit"], .gracias ul li a {
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

a, input, button {
  outline: none !important; }

.home {
  background-color: #fff;
  padding: 15px; }
  .home .container {
    width: 1031px; }
  .home .fotodesktop {
    width: 100%; }
  .home .logo {
    width: 238px;
    margin: 0 auto 0 auto;
    display: block; }

.mod1 {
  background-color: #61afe0; }
  .mod1 .col2 {
    height: 450px;
    background-image: url(../img/foto-cabecera-chicas@2x.jpg);
    background-size: cover; }
  .mod1 .row {
    margin: 0; }
  .mod1 h1 {
    color: #fff;
    font-family: "Yeseva One";
    text-align: center;
    font-size: 50px;
    line-height: 65px;
    margin-top: 60px; }
    .mod1 h1 span {
      display: block; }
  .mod1 p {
    color: #fff;
    font-size: 30px;
    line-height: 38px;
    padding-bottom: 45px;
    text-align: center;
    font-family: "Futura PT Book";
    padding-top: 20px;
    max-width: 70%;
    margin: auto; }
    .mod1 p span {
      display: block; }
  .mod1 a {
    background-color: #0080d1;
    color: #fff;
    font-family: "Futura PT Book";
    width: 361px;
    text-align: center;
    margin: auto;
    display: block;
    padding: 10px 15px 10px 15px;
    border: solid 2px transparent;
    font-size: 27px; }
  .mod1 a:hover {
    background-color: transparent;
    border: solid 2px #fff;
    cursor: pointer;
    color: #fff; }

.mod2 h1 {
  color: #61afe0;
  font-family: "Yeseva One";
  text-align: center;
  font-size: 50px;
  line-height: 65px;
  margin-top: 60px; }
  .mod2 h1 span {
    display: block; }

.mod2 p {
  color: #404040;
  font-size: 30px;
  line-height: 38px;
  text-align: center;
  font-family: "Futura PT Book";
  padding-top: 20px;
  max-width: 70%;
  margin: auto; }

.mod2 .col-md-6 {
  margin-top: 60px;
  margin-bottom: 60px; }

.mod2 .fotomobile {
  display: none; }

.mod3 {
  margin: 31px 0 31px 0; }
  .mod3 .col1 {
    background-color: #61afe0;
    height: 495px;
    padding: 45px; }
    .mod3 .col1 h1 {
      color: #fff;
      font-family: "Yeseva One";
      text-align: center;
      font-size: 50px;
      line-height: 65px; }
      .mod3 .col1 h1 span {
        display: block; }
    .mod3 .col1 p {
      color: #fff;
      font-size: 30px;
      line-height: 38px;
      text-align: center;
      font-family: "Futura PT Book";
      padding-top: 20px;
      max-width: 90%;
      margin: auto; }
  .mod3 .col2 {
    height: 495px;
    background-image: url(../img/fotos-producto-fila-2@2x.jpg);
    background-size: cover; }

.como {
  padding-bottom: 60px;
  padding-top: 45px;
  background-image: url(../img/smiley-elder-woman-using-moisturizer-on-her-face-edit@2x.jpg);
  background-size: cover; }
  .como h1 {
    font-size: 43px;
    font-family: "Yeseva One";
    text-align: center;
    line-height: 85px;
    color: #61afe0;
    margin-bottom: 20px; }
  .como .cols {
    color: #fff;
    font-size: 20px;
    margin-bottom: 45px; }
  .como .borde {
    border-left: solid 1px #fff; }
  .como strong {
    text-transform: uppercase; }
  .como input[type="text"], .como input[type="email"] {
    border: solid 1px #61afe0;
    color: #404040;
    background-color: transparent;
    padding: 10px;
    font-size: 16px;
    margin-bottom: 15px;
    width: 100%; }
  .como input::placeholder {
    color: #404040;
    opacity: 1; }
  .como .checks {
    color: #404040;
    font-size: 12px; }
    .como .checks a {
      color: #404040;
      text-decoration: underline; }
    .como .checks a:hover {
      text-decoration: none; }
    .como .checks input[type="checkbox"] {
      margin-bottom: 15px;
      margin-right: 6px;
      float: left; }
    .como .checks p {
      clear: both; }
  .como input[type="submit"] {
    background-color: #61afe0;
    text-transform: uppercase;
    border: none;
    font-weight: 400;
    font-family: "Futura PT Book";
    display: block;
    margin: 45px auto auto auto;
    color: #fff;
    font-size: 22px;
    padding: 10px 31px 10px 31px;
    font-weight: bold; }
  .como input[type="submit"]:hover {
    background-image: none;
    background-color: #0080D1;
    color: #fff; }
  .como .pad {
    padding: 31px;
    background-color: #fff; }
  .como .col-md-12 {
    padding-left: 0; }

footer {
  padding: 45px 0 45px 0;
  background-color: #61afe0;
  border-top: solid 1px #fff;
  color: #fff;
  font-size: 14px; }
  footer a {
    color: #fff;
    text-decoration: underline; }
  footer a:hover {
    color: #fff;
    text-decoration: none; }
  footer span {
    display: block;
    text-align: center; }

.fotofootermobile {
  display: none; }

.fondogracias1 {
  background-color: #fff;
  padding: 15px; }
  .fondogracias1 img {
    width: 238px !important; }
  .fondogracias1 .mod1 p {
    max-width: 100% !important; }

.fondogracias h1 {
  color: #fff;
  font-size: 50px;
  line-height: 65px;
  font-family: "Yeseva One";
  text-align: center;
  padding-top: 15px; }
  .fondogracias h1 span {
    display: block; }

.gracias1 {
  background-color: #61afe0;
  color: #fff;
  text-align: center; }
  .gracias1 p {
    font-size: 26px;
    font-family: "Futura PT Book"; }
  .gracias1 strong {
    font-weight: 900; }

.fotogracias {
  display: block;
  margin: 45px auto 45px auto;
  max-width: 635px; }

.copygracias {
  color: #404040;
  margin-top: 45px;
  text-align: center;
  padding: 15px;
  font-family: "Futura PT Book";
  font-size: 18px; }

.gracias {
  position: relative; }
  .gracias .fondogracias {
    background-color: #61afe0;
    padding-top: 31px; }
  .gracias .fotodesktop {
    width: 100%; }
  .gracias .container {
    max-width: 820px; }
  .gracias .logo {
    width: 145px;
    margin: auto;
    display: block; }
  .gracias .mod1 h1 {
    text-transform: uppercase;
    text-align: center;
    font-size: 80px;
    line-height: 85px;
    margin-top: 45px;
    font-family: "HeadingProUltracomp ExtBd";
    color: #fff; }
    .gracias .mod1 h1 span {
      display: block; }
  .gracias .mod1 h2 {
    color: #ff0066;
    font-family: "HeadingProUltracomp";
    font-size: 45px;
    text-transform: uppercase;
    margin: 45px 0 15px 0; }
  .gracias .mod1 h3 {
    font-family: "HeadingProUltracomp";
    font-size: 39px;
    text-align: center;
    text-transform: uppercase;
    margin: 45px 0 45px 0;
    color: #70bbf7;
    font-family: "HeadingProUltracomp ExtBd";
    font-size: 60px; }
    .gracias .mod1 h3 .fondo {
      padding: 10px 10px 0px 10px;
      background-color: #fff; }
  .gracias .mod1 p {
    color: #fff;
    font-family: "Gotham";
    margin: 15px 0 15px 0;
    font-size: 20px;
    font-weight: normal;
    line-height: 26px; }
    .gracias .mod1 p .enterdesktop {
      display: block; }
    .gracias .mod1 p strong {
      text-transform: uppercase; }
  .gracias .mod1 .barrita {
    height: 2px;
    background-color: #ff0066;
    width: 374px;
    text-transform: uppercase; }
  .gracias .foto {
    margin-top: 290px; }
  .gracias ul {
    padding: 31px 0 31px 0;
    text-align: center; }
    .gracias ul li {
      display: inline-block;
      margin-right: 15px; }
      .gracias ul li a {
        display: block;
        padding: 10px 15px 10px 20px;
        text-transform: uppercase;
        background-color: #0080d1;
        color: #fff;
        font-size: 16px; }
        .gracias ul li a img {
          vertical-align: middle;
          margin-right: 15px; }
      .gracias ul li a:hover {
        background-color: #70bbf7; }
  .gracias .pad1 {
    padding-top: 31px; }

.copy {
  padding: 15px 15px 15px 15px;
  text-align: center;
  color: #fff;
  border-top: solid 1px #fff;
  font-size: 15px;
  margin-top: 90px; }

.bases {
  padding: 60px 0 0 0;
  color: #000;
  font-size: 15px; }
  .bases .c2 .c1 {
    margin: 15px 0 15px 0; }
  .bases .c3 {
    font-weight: bold;
    margin: 15px 0 15px 0;
    display: block; }
  .bases a {
    color: #000; }

.logobases {
  width: 145px;
  display: block;
  margin: auto;
  margin-top: 45px; }

.logomobile {
  display: none; }

.showmobile {
  display: none; }

@media (max-width: 1280px) {
  .fotohome .pad h1 {
    font-size: 61px; } }

@media (max-width: 600px) {
  .wow {
    animation-name: none !important; }
  .hide1 {
    display: none; }
  .hide2 {
    display: block; }
  .gracias .mod1 h1 {
    font-size: 70px;
    line-height: 70px;
    margin-top: 45px; }
  .gracias .mod1 h2 span, .gracias .mod1 h3 span {
    display: block; }
  .gracias .mod1 .barrita {
    width: 100%; }
  .gracias .mod1 h2 {
    margin-top: 20px; }
  .gracias .mod1 h3 {
    margin: 26px 0 45px 0; }
  .gracias .mod1 p {
    font-size: 18px; }
  .gracias ul li a {
    width: 236px;
    margin: auto auto 15px auto; }
  .gracias ul li {
    text-align: center;
    display: block;
    width: 100%; }
  .gracias .foto {
    margin-top: 0; }
  .copy {
    padding: 20px;
    font-size: 14px;
    margin-top: 15px; }
  .gracias .logo {
    right: 0;
    left: 0;
    margin: auto; }
  .gracias .mod1 p {
    padding-top: 0; }
  .parlante .texto .barrita {
    position: absolute;
    width: 92%; }
  .parlante .foto {
    margin-top: 20px; }
  .parlante .hidedesktop span {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 17px; }
  .home .container {
    width: auto; }
  .home .logo {
    margin: 0px auto 0px auto; }
  .home .mod1 h1 {
    font-size: 33px;
    line-height: 43px; }
  .home .mod1 h1 span {
    display: inline; }
  .home .mod1 h2 {
    font-size: 24px;
    margin-bottom: 41px; }
    .home .mod1 h2 span {
      padding-bottom: 5px; }
  .home .mod1 p {
    font-size: 18px;
    line-height: 25px;
    width: 60%; }
  .home .col-md-5 {
    position: relative; }
  .home .col-md-5 .fotodesktop {
    display: none; }
  .home .col-md-5 .fotomobile {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 145px; }
  .home .mod1 a {
    display: block;
    width: 100%;
    font-size: 16px;
    text-align: center; }
  .cuadro {
    display: none; }
  .cuadromobile {
    display: block;
    padding-bottom: 20px; }
    .cuadromobile img {
      display: block;
      margin: auto;
      margin-top: 45px; }
  .banner {
    background-image: linear-gradient(342deg, #f04985 100%, #cc0909); }
  .banner .container {
    max-width: 100%; }
  .banner .fotodesktop {
    display: none; }
  .banner .fotomobile {
    display: block;
    width: 218px;
    margin: auto; }
  .banner h1 {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 45px;
    font-size: 55px;
    line-height: 60px; }
  .banner p {
    padding: 20px;
    font-size: 16px;
    line-height: 26px; }
  .banner .botonmobile {
    display: block;
    color: #fff;
    width: 90%;
    padding: 10px;
    text-transform: uppercase;
    margin: auto;
    margin-bottom: 20px;
    border: solid 1px #fff;
    font-size: 16px;
    text-align: center; }
  .banner .botonmobile:hover {
    color: #fff; }
  .como input[type="submit"] {
    width: 100%;
    font-size: 16px; }
  .gracias .logo {
    margin-top: 15px; }
  .gracias .mod1 h1 {
    font-size: 57px;
    line-height: 60px; }
  .gracias .mod1 .barrita {
    display: none; }
  .gracias .mod1 h3 {
    font-size: 33px; }
    .gracias .mod1 h3 .enter {
      display: block; }
  .gracias {
    padding: 15px; }
  .gracias .mod1 h3 .fondo {
    width: 193px; }
  .home h1 {
    text-align: center;
    font-size: 55px;
    line-height: 60px; }
  .home .mod1 p {
    width: 100%;
    font-size: 16px; }
  .home .mod1 a {
    width: 210px;
    font-size: 16px; }
  .productos h1 {
    font-size: 51px; }
  .productos h2 {
    font-size: 14px; }
  .productos p {
    font-size: 14px;
    line-height: 28px; }
  .fotohome {
    height: auto; }
    .fotohome a {
      display: block; }
  .fotohome .col-md-6 {
    padding-left: 0; }
  .fotohome {
    background-image: linear-gradient(23deg, #72d6ff -15%, #6b7ce5 80%); }
  .fotohome .foto {
    background-image: url(../img/foto-chico-gamer@2x.jpg);
    height: 300px; }
  .fotohome .pad {
    padding: 31px; }
  .fotohome .pad h1 {
    font-size: 55px; }
  .fotohome .pad p {
    font-size: 16px;
    line-height: 26px; }
  .home .desktop {
    display: none; }
  .home .mobile {
    display: block; }
  .home h2 {
    font-size: 24px;
    margin-top: 16px;
    margin-bottom: 20px; }
  .gracias {
    padding: 0; }
  .gracias .mod1 p {
    padding: 15px; }
  .gracias .pad1 {
    padding-top: 0; }
  .gracias .mod1 h3 {
    text-align: center; }
  .gracias .mod1 h3 .fondo {
    margin: auto; }
  .mod1 h1 {
    font-size: 33px;
    line-height: 43px; }
  .mod1 p {
    font-size: 21px;
    line-height: 26px; }
  .mod1 a {
    width: 280px;
    font-size: 18px; }
  .mod1 .col1 {
    padding-bottom: 45px !important; }
  .mod1 h1 {
    margin-top: 45px; }
  .mod1 .col2 {
    background-image: url(../img/foto-cabecera-chicas-mobile@2x.jpg);
    height: 300px; }
  .mod2 .col-md-6 {
    margin-bottom: 15px;
    margin-top: 31px; }
  .mod2 h1 {
    margin-top: 0;
    font-size: 35px;
    line-height: 45px; }
  .mod2 p {
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 20px; }
  .mod2 .fotodesktop {
    display: none; }
  .mod2 .fotomobile {
    display: block; }
  .mod3 .col1 h1 {
    font-size: 35px;
    line-height: 45px; }
  .mod3 .col1 {
    height: auto;
    padding: 20px; }
  .mod3 .col1 h1 span {
    display: inline; }
  .mod3 .col1 p {
    font-size: 21px;
    line-height: 26px; }
  .mod3 .col2 {
    background-image: url(../img/fotos-productos-mobile-2@2x.jpg) !important;
    height: 200px;
    margin-top: 15px; }
  .como {
    padding: 0 0 31px 0;
    background-color: #fafafa;
    background-image: none; }
  .como h1 {
    font-size: 35px;
    line-height: 45px; }
  .como .pad {
    background-color: #fafafa;
    padding: 0; }
  .como .col-md-12 {
    padding-right: 0; }
  .fotofootermobile {
    display: block; }
  .fondogracias1 {
    padding: 0 15px 15px 15px; }
  .fondogracias h1 {
    font-size: 33px;
    line-height: 43px;
    padding-bottom: 20px; }
    .fondogracias h1 span {
      display: inline; }
  .fotogracias {
    max-width: 100%; }
  .copygracias {
    font-size: 18px; } }