@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; }

body {
  padding: 0px 0 0 0;
  margin: 0;
  font-size: 12px;
  height: 100%;
  color: #141414;
  background-color: #000;
  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, .home a, .como input[type="submit"], .fotohome a, .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 {
  position: relative;
  background-image: linear-gradient(292deg, #d9000d 119%, #ff6686 0%);
  height: 750px;
  padding-top: 31px; }
  .home .container {
    width: 1200px; }
  .home .fotodesktop {
    width: 100%; }
  .home .logo {
    width: 145px;
    margin: 0 auto 60px auto;
    display: block; }
  .home h1 {
    text-transform: uppercase;
    font-size: 75px;
    text-align: left;
    line-height: 85px;
    color: #fff;
    font-family: "HeadingProUltracomp ExtBd"; }
  .home .mod1 h1 {
    text-transform: uppercase;
    font-size: 77px;
    text-align: left;
    line-height: 85px;
    color: #fff;
    font-family: "HeadingProUltracomp ExtBd"; }
  .home .mod1 span {
    display: block; }
  .home h2 {
    color: #d9000d;
    font-family: "HeadingProUltracomp ExtBd";
    font-size: 34px;
    margin-top: 10px;
    width: 450px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px; }
    .home h2 span {
      background-color: #fff;
      padding: 10px 10px 3px 10px; }
  .home a {
    background-color: #000;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
    padding: 12px 15px 10px 15px;
    font-size: 22px; }
  .home a:hover {
    background-color: #fff;
    color: #e7263a; }
  .home p {
    color: #fff;
    font-family: "Gotham";
    margin: 15px 0 45px 0;
    font-size: 20px;
    font-weight: normal;
    line-height: 36px; }
    .home p .enterdesktop {
      display: block; }
    .home p strong {
      text-transform: uppercase; }
  .home .barrita {
    height: 2px;
    background-color: #ff0066;
    width: 200px; }

.mobile {
  display: none; }

.mod2 {
  text-align: right;
  padding-top: 160px; }
  .mod2 h1 {
    color: #fff;
    font-family: "HeadingProUltracomp";
    font-size: 45px;
    text-transform: uppercase; }
  .mod2 h2 {
    color: #ff0066;
    font-family: "HeadingProUltracomp";
    font-size: 45px;
    margin: 6px 0 15px 0;
    text-transform: uppercase; }
  .mod2 .barrita {
    height: 2px;
    background-color: #ff0066;
    width: 668px;
    float: right; }
  .mod2 p {
    color: #fff;
    text-align: right;
    clear: both;
    font-size: 20px;
    padding-top: 20px; }
    .mod2 p .bold {
      font-style: italic;
      font-weight: 600; }
    .mod2 p .enterdesktop {
      display: block; }

.mod3 {
  text-transform: uppercase;
  font-size: 97px;
  line-height: 131px;
  font-family: "HeadingProUltracomp";
  -webkit-text-fill-color: transparent;
  padding-top: 90px;
  text-shadow: 0 0 10px #f06;
  -webkit-text-stroke: 2px #ffadcc;
  -webkit-background-clip: text;
  text-shadow: 0 0 0.2em #f06;
  text-align: center; }

.fotomobile {
  display: none; }

.col-md-5 .fotomobile {
  display: none; }

.parlante {
  background-image: url(../img/fondo-altavoz-desktop@2x.jpg);
  background-size: cover; }
  .parlante .fondo {
    background-image: linear-gradient(to bottom, rgba(121, 75, 136, 0.2), #443681 112%);
    padding: 90px 45px 0 45px;
    height: 593px;
    margin-top: 45px; }
  .parlante .foto {
    margin-top: -145px; }
  .parlante .texto {
    text-align: right; }
    .parlante .texto h1 {
      color: #ff0066;
      font-family: "HeadingProUltracomp";
      font-size: 45px;
      text-transform: uppercase; }
      .parlante .texto h1 .bold {
        font-weight: bold; }
      .parlante .texto h1 .enterdesktop {
        display: block; }
    .parlante .texto .barrita {
      height: 2px;
      background-color: #ff0066;
      width: 363px;
      margin-top: 15px;
      float: right; }
    .parlante .texto p {
      color: #fff;
      font-size: 20px;
      clear: both;
      padding-top: 20px;
      padding-left: 31px; }
      .parlante .texto p span {
        font-weight: 600;
        text-transform: uppercase; }
  .parlante .hidedesktop {
    display: none;
    color: #fff;
    font-size: 18px;
    clear: both;
    padding-top: 20px;
    padding-left: 15px; }

.bestias {
  text-align: center;
  color: #fff;
  font-family: "HeadingProUltracomp";
  text-transform: uppercase;
  font-size: 45px;
  line-height: 48px;
  padding: 145px 0 70px 0; }
  .bestias span {
    display: block; }
  .bestias .barrita {
    height: 2px;
    background-color: #ff0066;
    width: 363px;
    margin: auto;
    margin-top: 15px; }

.banner {
  background-image: linear-gradient(289deg, #f04985, #cc0909); }
  .banner .container {
    max-width: 1000px; }
  .banner p {
    padding: 45px;
    color: #fff;
    font-size: 21px;
    line-height: 35px; }
  .banner h1 {
    color: #fff;
    font-family: "HeadingProUltracomp ExtBd";
    font-size: 74px;
    line-height: 85px;
    padding-left: 45px; }
  .banner .fotomobile {
    display: none; }
  .banner strong {
    font-weight: bold;
    text-transform: uppercase; }
  .banner .botonmobile {
    display: none; }
  .banner a {
    cursor: pointer; }

.cuadro {
  background-color: #0e0d0e;
  padding: 45px 0 45px 0; }
  .cuadro img {
    display: block;
    margin: auto; }

.cuadromobile {
  display: none; }

.como {
  padding-bottom: 60px;
  padding-top: 45px; }
  .como h1 {
    text-transform: uppercase;
    font-size: 80px;
    font-family: "HeadingProUltracomp ExtBd";
    text-align: center;
    line-height: 85px;
    color: #fff;
    margin-bottom: 20px; }
  .como .cols {
    color: #fff;
    font-size: 20px;
    margin-bottom: 45px; }
  .como .borde {
    border-left: solid 1px #fff; }
  .como .container {
    max-width: 1000px; }
  .como strong {
    text-transform: uppercase; }
  .como input[type="text"], .como input[type="email"] {
    border: solid 1px #fff;
    color: #fff;
    background-color: transparent;
    padding: 10px;
    font-size: 16px;
    margin-bottom: 15px;
    width: 100%; }
  .como input::placeholder {
    color: #fff;
    opacity: 1; }
  .como .checks {
    color: #fff;
    font-size: 12px; }
    .como .checks a {
      color: #fff;
      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: #e7263a;
    text-transform: uppercase;
    border: none;
    display: block;
    margin: 45px auto auto auto;
    color: #fff;
    font-size: 22px;
    padding: 10px 15px 10px 15px;
    font-weight: bold; }
  .como input[type="submit"]:hover {
    background-image: none;
    background-color: #fff;
    color: #e7263a; }

.productos {
  background-color: #fff;
  padding-bottom: 45px;
  padding-top: 45px; }
  .productos h1 {
    font-size: 70px;
    text-align: center;
    font-family: "HeadingProUltracomp ExtBd";
    text-transform: uppercase;
    padding-bottom: 15px; }
  .productos img {
    width: 276px;
    float: left;
    display: block;
    margin: auto;
    margin-right: 20px; }
  .productos h2 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    padding-top: 20px; }
  .productos p {
    font-size: 20px;
    max-width: 90%;
    margin: auto;
    line-height: 35px; }
  .productos .items {
    width: 900px;
    margin: auto; }
  .productos .item {
    margin-bottom: 120px; }

.fotohome {
  background-image: linear-gradient(303deg, #d9000d 120%, #ff6686 0%);
  height: 745px; }
  .fotohome img {
    width: 100%; }
  .fotohome .pad {
    max-width: 670px;
    float: right;
    padding: 60px 0 0 45px; }
    .fotohome .pad p {
      color: #fff;
      font-size: 20px;
      line-height: 35px; }
    .fotohome .pad h1 {
      font-size: 70px;
      color: #fff;
      font-family: "HeadingProUltracomp ExtBd";
      text-transform: uppercase;
      margin-top: 20px; }
    .fotohome .pad strong {
      text-transform: uppercase; }
  .fotohome .foto {
    height: 745px;
    background-image: url(../img/foto-gamers@2x.jpg);
    background-size: cover; }
  .fotohome .row {
    margin: 0; }
  .fotohome .col-md-6 {
    padding-right: 0; }
  .fotohome a {
    background-color: #000;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    display: none;
    display: block;
    margin: 15px 0 0 0;
    font-weight: bold;
    padding: 12px 15px 10px 15px;
    font-size: 16px;
    width: 257px; }
  .fotohome a:hover {
    background-color: #fff;
    color: #e7263a; }

footer {
  padding: 45px 0 45px 0;
  background-color: #000;
  border-top: solid 1px #fff;
  color: #fff;
  font-size: 14px; }
  footer a {
    color: #fff;
    text-decoration: underline; }
  footer a:hover {
    color: #FF0066;
    text-decoration: none; }

.gracias {
  position: relative; }
  .gracias .fondogracias {
    background-image: linear-gradient(282deg, #d9000d 119%, #ff6686 0%);
    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: #d9000d;
    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: #e7263a;
        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: 120px 0 0 0;
  color: #fff;
  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: #fff; }

.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; }
  .home {
    height: 600px;
    background-attachment: scroll; }
    .home .logo {
      width: 100px;
      right: 15px; }
  .violeta {
    padding: 0; }
    .violeta img {
      max-width: 90%;
      display: block;
      margin: auto; }
  .violeta p {
    font-size: 18px;
    line-height: 22px; }
  .home .mod1 h1 {
    font-size: 80px;
    line-height: 80px; }
  .home .mod1 p .enterdesktop {
    display: inline; }
  .home .mod1 p {
    font-size: 41px;
    line-height: 47px; }
  .home .mod2 {
    padding-top: 20px;
    text-align: left; }
    .home .mod2 h1 {
      font-size: 41px;
      line-height: 47px; }
  .home .mod2 h1 span {
    display: block; }
  .parlante .fondo {
    background-image: linear-gradient(to bottom, rgba(121, 75, 136, 0.2), #443681 112%); }
  .home .mod2 p {
    text-align: left; }
    .home .mod2 p .enterdesktop {
      display: inline; }
  .parlante .fondo {
    height: auto;
    padding: 30px; }
  .parlante .foto {
    margin-top: -45px; }
  .violeta .fondo .row {
    width: 100%; }
  .home {
    height: auto; }
  .home .mod2 p {
    font-size: 18px; }
  .home .mod3 {
    padding-top: 45px;
    text-align: left;
    font-size: 70px;
    line-height: 74px;
    padding-bottom: 0; }
  .parlante .texto .hidemobile {
    display: none; }
  .parlante .hidedesktop {
    display: block; }
  .parlante .texto h1 {
    text-align: left; }
    .parlante .texto h1 .enterdesktop {
      display: inline; }
    .parlante .texto h1 .entermobile {
      display: block; }
  .parlante .fondo {
    padding: 0px 0 45px 0; }
  .parlante .texto h1 {
    line-height: 45px; }
  .parlante .violeta .container {
    padding: 0; }
  .parlante .texto h1 {
    padding-left: 0px;
    padding-top: 31px; }
  .bestias {
    padding-top: 45px;
    text-align: left;
    padding-left: 31px; }
    .bestias span {
      display: inline; }
  .bestias .barrita {
    width: 300px;
    margin: 15px 0 0 0; }
  .como h1 {
    font-size: 55px;
    text-align: left;
    padding-top: 0;
    line-height: 80px; }
  .como .borde {
    border: none; }
  .como .col-md-4 {
    margin-bottom: 15px; }
  .como .cols {
    font-size: 18px; }
  .como .cols {
    margin-bottom: 20px; }
  .como .checkmobile {
    margin-bottom: 45px !important; }
  .copy2 {
    font-size: 12px !important;
    text-align: center !important;
    padding-top: 20px;
    margin-top: 15px;
    border-top: solid 1px #fff !important; }
  .parlante .hidedesktop {
    padding-top: 45px; }
  .home .mod2 .barrita {
    width: 100%;
    margin: auto; }
  .parlante .fondo {
    margin-top: 0; }
  .parlante .texto .barrita {
    width: 100%;
    margin: auto; }
  .violeta .fondo .row {
    width: 98%;
    margin: auto; }
  .parlante .texto .barrita {
    margin-top: 45px;
    margin-bottom: 15px; }
  .home .container, .como .container, .gracias .container {
    padding-right: 30px;
    padding-left: 30px; }
  .parlante .texto h1 {
    padding-left: 15px; }
  .parlante {
    background-image: url(../img/fondo-altavoz-mobile@2x.jpg);
    background-size: 100%;
    background-position: 0 1200px;
    background-repeat: no-repeat; }
  .home .logo {
    right: 0;
    left: 0;
    margin: auto; }
  .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 31px auto; }
  .home .mod1 h1 {
    font-size: 55px;
    line-height: 60px; }
  .home .mod1 h1 span {
    display: inline; }
  .home .mod1 h2 {
    font-size: 24px;
    margin-bottom: 41px; }
    .home .mod1 h2 span {
      padding-bottom: 5px; }
  .home {
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #000;
    padding-bottom: 31px; }
  .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: 47px;
    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(337deg, #d9000d 120%, #ff6686 0%); }
  .fotohome .foto {
    background-image: url(../img/foto-gamers@2xmobile.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: 22px;
    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; }
  .productos .items {
    width: 100%; }
  .productos img {
    float: none;
    display: block;
    margin: auto; }
  .productos h2 {
    text-align: center;
    margin-bottom: 6px; }
  .productos p {
    text-align: center; }
  .productos .item {
    margin-bottom: 45px; }
  .fotohome a {
    background-color: #000; }
  .home h2 {
    width: auto; }
  .fotomobile {
    display: block; } }