.catalogue-link { position: fixed; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.catalogue-link span { text-align: center; }

.landings_submarca-index section { display: block; position: relative; width: 100%; overflow: hidden; }
.landings_submarca-index section.inicio { background-color: #1d1d1f; }
.product-image { background-size: cover; background-position: center; }
.landings_submarca-index section.inicio .product-image { display: flex; justify-content: center; align-content: center; align-items: center; position: relative; z-index: 3; width: 100%; margin: auto; }
.landings_submarca-index section.inicio .product-image img { display: block; max-height: calc(100vh - 50px); max-width: 100%; position: relative; width: auto; }

@media all and (min-width: 1024px) { .product-image { height: 100vh; } }
@media all and (max-width: 1023px) { .product-image { height: calc(100vh - 100px); } }

.landings_submarca-index section.inicio .image .desktop { display: block; position: absolute; z-index: 0; width: 100%; top: 50%; transform: translateY(-50%); }
.landings_submarca-index section.inicio .image .device { display: none; }
.landings_submarca-index section.inicio .logo-zone { position: absolute; left: 3%; top: 9%; z-index: 3; }
.landings_submarca-index section.inicio .premios { margin-top: 30px; }
.landings_submarca-index section.inicio .premios > li { margin-bottom: 5px; background: url(../img/award.png) no-repeat left center; padding-left: 20px;}
.landings_submarca-index section.inicio .premios > li a { color: white; font: 30px/1 'DharmaGothicELight',Arial; text-transform: uppercase; }
.landings_submarca-index section.inicio .premios > li a.review { cursor: pointer; }
.landings_submarca-index section.inicio .premios > li a.review:hover { opacity: .8; }
.landings_submarca-index section.inicio .premios > li a span.medio { opacity: .8; }
.landings_submarca-index section.inicio .social { position: absolute; left: 3%; bottom: 7%; z-index: 3; }
.landings_submarca-index section.inicio .social .social-compartir > li { display: inline-block; padding: 10px 20px; margin-bottom: 20px; border-right: 1px solid #ccc; }
.landings_submarca-index section.inicio .social .social-compartir > li:first-child { padding-left: 0; }
.landings_submarca-index section.inicio .social .social-compartir > li:last-child { border-right: 0; }
.landings_submarca-index section.inicio .social .social-compartir a i { color: white; font-size: 16px; width: auto; opacity: .8 }
.landings_submarca-index section.inicio .social a.discover { display: inline-block; height: 34px; background: url(../img/arrow-down.png) no-repeat right center; padding-right: 45px; color: #fefefe; font: 20px/34px 'DharmaGothicELight',Arial; text-transform: uppercase; cursor: pointer; }
.landings_submarca-index section.inicio .logo-family { font-size: 53vw; font-family: 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif; letter-spacing: 9vw; color: #fff; opacity: .1; font-weight: bold; margin-left: -36px; }
.landings_submarca-index section.inicio .mobile-play-icon { display: none; }

.landings_submarca-index section.inicio .marcas li a span.name { opacity: .6; }
.landings_submarca-index section.inicio .marcas li:hover a span.name,
.landings_submarca-index section.inicio .marcas li.active a span.name { opacity: 1; }
.landings_submarca-index section.inicio .text { position: absolute; z-index: 2; width: 100%; top: 50%; transform: translateY(-50%); text-align: left; }

.landings_submarca-index section.inicio video { display: block; position: relative; width: 100%; z-index: 1; }
.landings_submarca-index section.inicio .marca-inicio { display: block; width: 100%; height: 100%; }
.landings_submarca-index section.inicio .marca-device { display: none; }

.landings_submarca-index section.claim-texto { padding: 150px 0; border-bottom: 1px solid #d9d9d9; }
.landings_submarca-index section.claim-texto.titular .elements-wrapper { position: absolute; top: 50%; transform: translateY(-50%); }
.landings_submarca-index section.claim-texto .texto { position: relative; width: 45%; margin: auto; text-align: center; }
.landings_submarca-index section.claim-texto.titular .texto { position: relative; top: 0; transform: translateY(0); }
.landings_submarca-index section.claim-texto .texto h2 { font: 80px/1.2 'trumpgothicpro', 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #1B1B1B; letter-spacing: 0.1em; margin-bottom: 45px; font-weight: 500;}
.landings_submarca-index section.claim-texto.titular .texto h2 { font-size: 80px; margin-bottom: 45px; line-height: 1; color: #181818; }
.landings_submarca-index section.claim-texto .texto h2.movil { display: none; }
.landings_submarca-index section.claim-texto .desc { position: relative; width: 47%; text-align: center; margin: 0 auto; }
.landings_submarca-index section.claim-texto.titular .desc { position: relative; top: 0; transform: translateX(-50%) translateY(0); }
.landings_submarca-index section.claim-texto .desc.half { width: 70%; font-size: 0; }
.landings_submarca-index section.claim-texto .desc.half .text { display: inline-block; vertical-align: top; width: 48%; text-align: left; }
.landings_submarca-index section.claim-texto .desc.half .text:first-child { margin-right: 4%; }
.landings_submarca-index section.claim-texto .desc p { display: block; font: 16px/1.5 'neue-haas-unica', 'Arial Narrow', Arial, Helvetica, sans-serif;  font-weight: 300; color: #808184; }


.landings_submarca-index a.normal-link { display: inline-block; border: 1px solid white; margin-top: 3%; }
.landings_submarca-index a.normal-link.negro { border: 1px solid black; }
.landings_submarca-index a.video-link-inicio { display: inline-block; }
.landings_submarca-index a.video-link { display: inline-block; border: 1px solid white; margin-top: 3%; padding-right: 40px; background: url(../img/video-play.png) no-repeat right 13px center; }
.landings_submarca-index a.normal-link,
.landings_submarca-index a.video-link span { display: inline-block; padding: 0 15px; border-right: 1px solid white; color: white; font: 18px/2 'trumpgothicpro', 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.1em;  }
.landings_submarca-index a.normal-link.negro span { border-right: 1px solid #282828; color: #282828; }


.landings_submarca-index .content .slider { width: 100%; background-color: black; position: relative; min-height: 600px; }
.landings_submarca-index .content .slider:before { display: none; }
.landings_submarca-index .content .slider ul { width: 100%; font-size: 0; }
.landings_submarca-index .content .slider ul li .image { display: inline-block; width: 100%; overflow: hidden; vertical-align: middle; }
.landings_submarca-index .content .slider ul li .image img { width: 100%; }
.landings_submarca-index .content .slider ul li .image img.device { display: none; }
.landings_submarca-index .content .slider ul li .texto { position: absolute; display: inline-block; width: 30%; top: 50%; transform: translateY(-50%); }
.landings_submarca-index .content .slider ul li .texto.left { left: 10%; }
.landings_submarca-index .content .slider ul li .texto.right { right: 3%; }
.landings_submarca-index .content .slider ul li .texto h2 { display: block; font: 50px/1.2 'trumpgothicpro', 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #1B1B1B; letter-spacing: 0.1em; color: white; }
.landings_submarca-index .content .slider ul li .texto .desc { display: inline-block; font: 16px/1.5 'neue-haas-unica', 'Arial Narrow', Arial, Helvetica, sans-serif !important; font-weight:300; color: #ccc; margin-top: 3%; width: 80%; }
.landings_submarca-index .content .slider .nav-button { position:absolute; z-index: 9; width: 49px; height: 150px; top: calc(50% - 75px); background-repeat: no-repeat; background-position: center center; background-color: black; opacity: .8; cursor: pointer; }
.landings_submarca-index .content .slider .nav-button:hover { opacity: 1; }
.landings_submarca-index .content .slider .nav-button.go-prev { left: 0; background-image: url(../img/arrow-prev.svg); }
.landings_submarca-index .content .slider .nav-button.go-next { right: 0; background-image: url(../img/arrow-next.svg); }
.landings_submarca-index .content .slider .mini-img  { position: absolute; z-index: 9; height: 150px; top: calc(50% - 75px); opacity: .8; }
.landings_submarca-index .content .slider .mini-img img  { height: 150px; }
.landings_submarca-index .content .slider .mini-img.prev-image  { left: 49px; }
.landings_submarca-index .content .slider .mini-img.next-image  { right: 49px; }
.landings_submarca-index .content .slider .device-menu { display: none; }

.landings_submarca-index .content .slider ul.colors { width: auto; }
.landings_submarca-index .content .slider.productos { background-color: white; cursor: default; min-height: auto; }
.landings_submarca-index .product-catalogue .products > li.hidden { display: none; }


.landings_submarca-index section.reviews .slider ul li .texto { position: absolute; width: calc(100% - 18%); text-align: center; padding: 4.5% 9%; background: url(../img/quotes-transparent.png) no-repeat left top; }
.landings_submarca-index section.reviews .slider ul li.persona .texto { text-align: left; }
.landings_submarca-index section.reviews .slider ul li .texto .logo { margin-bottom: 1.5%; }
.landings_submarca-index section.reviews .slider ul li .texto h2 { display: inline-block; width: 100%; text-align: left; margin-bottom: 1%; }
.landings_submarca-index section.reviews .slider ul li.persona .texto h2 { width: 40%; }
.landings_submarca-index section.reviews .slider ul li .texto p { display: inline-block; width: 100%; text-align: left; color: #ffffff; font: 18px/1.5 'neue-haas-unica', 'Arial Narrow', Arial, Helvetica, sans-serif !important; font-weight:500; text-transform: uppercase; }
.landings_submarca-index section.reviews .slider ul li.medio .texto p { opacity: .5; }
.landings_submarca-index section.reviews .slider ul li .texto p.cargo { font-weight: 400; }
.landings_submarca-index section.reviews .slider ul li .texto .link { display: inline-block; width: 100%; text-align: left; margin-top: 1%; }
.landings_submarca-index section.reviews .slider ul li .texto .link.first { margin-top: 3%; }
.landings_submarca-index section.reviews .slider ul li .texto .link .normal-link,
.landings_submarca-index section.reviews .slider ul li .texto .link .video-link { margin-top: 0; }
.landings_submarca-index section.reviews .slider .image img { width: 100%; }

.landings_submarca-index section.beneficios-bike-check { background-color: #f0f0f0; font-size: 0; }
.landings_submarca-index section.beneficios-bike-check .texto { display: inline-block; width: 41%; padding: 4.5% 0 4.5% 9%; vertical-align: middle; background: url(../img/quotes.png) no-repeat left top; }
.landings_submarca-index section.beneficios-bike-check .texto h2 { display: inline-block; width: 70%; text-align: left; margin-bottom: 2%; color: #282828; font: 60px/1 'DharmaGothicELight',Arial; text-transform: uppercase; }
.landings_submarca-index section.beneficios-bike-check .texto p { display: inline-block; width: 70%; text-align: left; color: #676767; font: 700 18px/30px Arial; text-transform: uppercase; }
.landings_submarca-index section.beneficios-bike-check .texto p.cargo { font-weight: 400; }
.landings_submarca-index section.beneficios-bike-check .texto .links:before { display: block; content: ""; margin: 2% 0 1% 0; height: 1px; width: 40px; background-color: #707070; }
.landings_submarca-index section.beneficios-bike-check .texto .links .link { display: inline-block; width: 70%; text-align: left; }
.landings_submarca-index section.beneficios-bike-check .texto .links .link a { color: black; border-color: black; }
.landings_submarca-index section.beneficios-bike-check .texto .links .link a span { color: black; border-color: black; }
.landings_submarca-index section.beneficios-bike-check .texto .links .link a.video-link { background: url(../img/video-play-black.png) no-repeat right 13px center; }
.landings_submarca-index section.beneficios-bike-check .imagen { display: inline-block; width: 50%; vertical-align: middle; }
.landings_submarca-index section.beneficios-bike-check .imagen img { width: 100%; }

.landings_submarca-index section.beneficios-myo { position: relative; }
.landings_submarca-index section.beneficios-myo img.fondo { width: 100%; }
.landings_submarca-index section.beneficios-myo .logo { position: absolute; top: 15%; width: 101px; height: 63px; z-index: 1; background: url(../../img/products/landings-submarca/myo-blanco.png) no-repeat left top; }
.landings_submarca-index section.beneficios-myo .text { position: absolute; top: 32%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.landings_submarca-index section.beneficios-myo .text.blanco { color: white; }
.landings_submarca-index section.beneficios-myo .text.negro { color: #282828; }
.landings_submarca-index section.beneficios-myo .text h2 { margin-bottom: 10px; font: 60px/1 'DharmaGothicELight',Arial; text-transform: uppercase; }
.landings_submarca-index section.beneficios-myo .logo.izquierda,
.landings_submarca-index section.beneficios-myo .text.izquierda { left: 15vw; text-align: left; }
.landings_submarca-index section.beneficios-myo .logo.derecha,
.landings_submarca-index section.beneficios-myo .text.derecha { right: 15vw; text-align: right; }

.landings_submarca-index section.cta-demo { background-color:#F3F3F3; background-position: left center; background-repeat: no-repeat; padding: 60px 0;}
.landings_submarca-index section.cta-demo .izquierda { width: 50%; float: left;}
.landings_submarca-index section.cta-demo .izquierda img { max-width: 100%;}
.landings_submarca-index section.cta-demo .derecha { position: absolute; transform: translateY(-50%); top: 50%;left: 65%; width: 22%;}
.landings_submarca-index section.cta-demo .derecha .cta-demo-title{ font: 40px/1.2 'trumpgothicpro', 'Arial Narrow', Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: 0.1em; color: #1b1b1b; margin-bottom: 40px; }
.landings_submarca-index section.cta-demo .derecha .cta-demo-subtitle{ font: 18px/1.2 'trumpgothicpro', 'Arial Narrow', Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: 0.1em; color: #1b1b1b; margin-bottom: 10px;}
.landings_submarca-index section.cta-demo .derecha .cta-demo-text{ width: 60%; font: 11px/1.3 'neue-haas-unica', 'Arial Narrow', Arial, Helvetica, sans-serif;  font-weight: 300; letter-spacing: 0.06em; color: #1b1b1b; margin-bottom: 20px;}
.landings_submarca-index section.cta-demo .derecha .cta-demo-button { background: #FFFFFF; border-radius: 50px; padding: 16px 30px; font: 18px/1 'trumpgothicpro', 'Arial Narrow', Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: 0.1em; color: #1b1b1b; display: inline-block;  }
.landings_submarca-index section.cta-demo .derecha .cta-demo-button:hover {background: #1b1b1b; color: white;}

.landing-submarca-menu .menu { position: fixed; background-color: black; padding: 10px 0; right: 3%; z-index: 99; text-align: right; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.landing-submarca-menu .menu:hover { background-color: transparent; }
.landing-submarca-menu .menu a { display: block; position: relative; cursor: pointer; min-width: 60px; height: 20px; }
.landing-submarca-menu .menu:hover a { min-width: 100px; }
.landing-submarca-menu .menu a .text { display: none; opacity: 0; color: white; font: 11px/20px Arial,sans-serif; text-transform: uppercase; }
.landing-submarca-menu .menu a:hover .text { position: relative; display: block; opacity: 1; right: 80px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.landing-submarca-menu .menu a .line { position: absolute; right: 20px; width: 20px; height: 2px; margin-top: -1px; top: 50%; background-color: white; -webkit-transition: width ease-out .3s; -moz-transition: width ease-out .3s; -ms-transition: width ease-out .3s; -o-transition: width ease-out .3s; transition: width ease-out .3s; }
.landing-submarca-menu .menu a:hover .line { width: 40px; }

.landing-submarca-menu .overlay { display: none; position: fixed; top: 0; left: 0; z-index: 98; background-color: black; opacity: .7; width: 100vw; height: 100vh; }
.landing-submarca-menu .menu:hover + .overlay { display: block; }

.videoWrapper { position:relative; width:100%; height:100%; display:block; }
.videoWrapper video { width:100%; height:auto; }

.landings_submarca-index section.beneficios-myo a.button { margin: 0; padding: 16px 45px; background: #1B1B1B !important; border-radius: 50px; color: white; font: 18px/1 'trumpgothicpro', 'Arial Narrow', Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: 0.1em; background: white !important; color: #1b1b1b !important; }
.landings_submarca-index section.beneficios-myo a.button span { color: #1b1b1b !important;}
.landings_submarca-index section.beneficios-myo a.button:hover { background: transparent !important; color: white !important; }


@media screen and (max-width:1366px)
{
    .landings_submarca-index section.claim-texto.titular { height: calc(100vh - 150px); }
    .landings_submarca-index section.claim-texto.titular .texto h2 { margin-bottom: 20px; }

    .landings_submarca-index .content .slider ul li .texto .desc { line-height: 22px; }

    .landings_submarca-index section.beneficios-bike-check .texto { padding-left: 12%; width: 38%; }
    .landings_submarca-index section.beneficios-bike-check .texto h2 { font-size: 46px; line-height: 46px; }

    .landings_submarca-index section.beneficios-myo .text h2 { font-size: 46px; }

    .landings_submarca-index section.reviews .slider ul li .texto { width: calc(100% - 24%); padding-left: 12%; padding-right: 12%; }
    .landings_submarca-index section.reviews .slider ul li .texto h2 { font-size: 46px; line-height: 46px; }
}

@media screen and (max-width:1365px)
{
    .landings_submarca-index .content .slider { min-height: 400px; }
    .landings_submarca-index section.claim-texto .desc { width: 60%; }
}

@media screen and (max-width:1279px)
{
    .landings_submarca-index section.inicio .premios > li { font-size: 24px; }

    .landings_submarca-index .content .slider .nav-button { width: 35px; height: 100px; top: calc(50% - 50px); }
    .landings_submarca-index .content .slider .mini-img { height: 100px; top: calc(50% - 50px); }
    .landings_submarca-index .content .slider .mini-img img { height: 100px; }
    .landings_submarca-index .content .slider .mini-img.prev-image { left: 35px; }
    .landings_submarca-index .content .slider .mini-img.next-image { right: 35px; }

    .landings_submarca-index .content .slider ul li .texto h2 { font-size: 34px; line-height: 40px; }
    .landings_submarca-index .content .slider ul li .texto .desc { font-size: 14px; line-height: 18px; }

    .landings_submarca-index section.beneficios-bike-check .texto { padding-left: 16%; width: 34%; }
    .landings_submarca-index section.beneficios-bike-check .texto h2 { font-size: 34px; line-height: 40px; width: 95%; }

    .landings_submarca-index section.beneficios-myo .text h2 { font-size: 34px; }

    .landings_submarca-index section.beneficios-bike-check .texto p { font-size: 16px; line-height: 24px; }

    .landings_submarca-index section.beneficios-bike-check .texto .links .link { width: 100%; }

    .landings_submarca-index a.normal-link,
    .landings_submarca-index a.video-link span { font-size: 18px; }

    .landings_submarca-index section.reviews .slider ul li .texto { width: calc(100% - 32%); padding-left: 16%; padding-right: 16%; }
    .landings_submarca-index section.reviews .slider ul li .texto h2 { font-size: 34px; line-height: 34px; }
    .landings_submarca-index section.reviews .slider ul li .texto p { font-size: 16px; line-height: 24px; }
}

@media screen and (max-width:1024px)
{
    .product-catalogue .products > li .prod-actions a.button.myo { margin-left: 0; margin-top: 20px;}
    .landings_submarca-index section.cta-demo .derecha { width: 33%; left: 55%;}
}

@media screen and (max-width:1023px)
{
    .landing-submarca-menu { display: none; }

    .landings_submarca-index section.inicio .text { z-index: 1; }

    .landings_submarca-index .content .slider { min-height: 250px; }
    .landings_submarca-index section.claim-texto { height: auto; min-height: auto; }
    .landings_submarca-index section.claim-texto .texto h2 { font-size: 100px; line-height: 105px; }
    .landings_submarca-index section.claim-texto.titular .texto { display: block; }
    .landings_submarca-index section.claim-texto .texto h2.movil { display: block; }

    .landings_submarca-index .content .slider ul li .texto h2 { font-size: 30px; line-height: 36px; }
    .landings_submarca-index .content .slider ul li .texto .desc { font-size: 12px; line-height: 14px; }

    .landings_submarca-index section.beneficios-bike-check .texto h2 { font-size: 24px; line-height: 28px; width: 100%; }

    .landings_submarca-index section.beneficios-bike-check .texto { padding-left: 19%; width: 31%; }

    .landings_submarca-index section.beneficios-bike-check .texto p { font-size: 12px; line-height: 16px; }

    .landings_submarca-index section.beneficios-myo { background-color: black; }
    .landings_submarca-index section.beneficios-myo img.fondo { position: relative; }
    .landings_submarca-index section.beneficios-myo .text { position: relative; top: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
    .landings_submarca-index section.beneficios-myo .text h2 { display: none; }
    .landings_submarca-index section.beneficios-myo .logo { background-size: 50%; top: 8%; background-position: right top; }
    .landings_submarca-index section.beneficios-myo .logo.izquierda,
    .landings_submarca-index section.beneficios-myo .logo.derecha { left: auto; right: 5%; }
    .landings_submarca-index section.beneficios-myo .text.izquierda { left: auto; text-align: center; }
    .landings_submarca-index section.beneficios-myo .text.derecha { right: auto; text-align: center; }
    .landings_submarca-index section.beneficios-myo .text.negro { color: white; }
    .landings_submarca-index section.beneficios-myo .text.negro .logo { background-image: url(../../img/products/landings-submarca/myo-blanco.png); }

    .landings_submarca-index a.normal-link { margin-top: 0; border: 0; background-color: #555; }
    .landings_submarca-index a.normal-link.negro { border: 0; }
    .landings_submarca-index a.normal-link.negro span { color: white; border: 0; }

    .landings_submarca-index a.normal-link, .landings_submarca-index a.video-link span { font-size: 14px; }

    .landings_submarca-index section.reviews .slider ul li .texto h2 { font-size: 30px; line-height: 30px; }
    .landings_submarca-index section.reviews .slider ul li .texto p { font-size: 12px; line-height: 16px; }

    .landings_submarca-index section.inicio .text { margin-left: 0; }
    .landings_submarca-index section.inicio .mobile-play-icon { display: block; width: 100vw; height: 100vh; top: 0; position: absolute; z-index: 4; }
    .landings_submarca-index section.inicio .mobile-play-icon img { width: 9vw; top: 38vh; left: 47vw; position: relative; }
}

@media screen and (max-width:767px)
{
    .catalogue-link { bottom: 0; opacity: 1; width: 100%; padding: 0; height: 50px; background-image: none; vertical-align: middle; }
    .catalogue-link span { display: inline-block; border: 0; line-height: 50px; width: auto; }
    .catalogue-link span br { display: none; }

    .landings_submarca-index .content { padding-bottom: 50px; }

    .landings_submarca-index a.video-link { height: 40px; }
    .landings_submarca-index a.video-link span { display: none; }

    .landings_submarca-index section.inicio { text-align: center; height: 450px; }
    .landings_submarca-index section.inicio .image .desktop { display: none; }
    .landings_submarca-index section.inicio .image .device { display: block; position: absolute; z-index: 0; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; }
    .landings_submarca-index section.inicio .logo-zone { position: relative; width: 100%; display: block; margin-top: 5%; top: auto; text-align: center; left: auto; right: auto; }
    .landings_submarca-index section.inicio .logo-zone img { display: inline-block; }

    .landings_submarca-index section.inicio .social { left: 50%; transform: translateX(-50%); bottom: 0; }
    .landings_submarca-index section.inicio .social .social-compartir > li { padding-left: 15px; padding-right: 15px; }
    .landings_submarca-index section.inicio .social .social-compartir > li:first-child { padding-left: 15px; padding-right: 15px; }

    .landings_submarca-index section.inicio .social a.discover { display: none; }

    .landings_submarca-index section.inicio .marcas { display: none; }

    .landings_submarca-index section.inicio video { display: none; }
    .landings_submarca-index section.inicio .marca-inicio { display: none; }
    .landings_submarca-index section.inicio .marca-device { display: block; height: inherit; position: absolute; width: 100%; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

    .landings_submarca-index .content .premios { display: none; position: relative; left: auto; top: auto; background-color: black; }
    .landings_submarca-index .content .premios > li { width: 95%; padding: 10px 0 10px 5%; border-bottom: 1px solid #3d393e; margin: 0; background: url(../img/award.png) no-repeat right 5% center; text-align: left; color: white; font: 24px/1 'DharmaGothicELight',Arial; text-transform: uppercase; }
    .landings_submarca-index .content .premios > li:last-child { border-bottom: 0; }
    .landings_submarca-index .content .premios > li span.medio { color: #595959; }

    .landings_submarca-index section.claim-texto { min-height: inherit; background-color: white; }
    .landings_submarca-index section.claim-texto .desc { position: relative; top: 0; left: 0; transform: none; margin: 30px 5%; width: 90%; }

    .landings_submarca-index section.claim-texto .desc.half { width: 90%; }
    .landings_submarca-index section.claim-texto .desc.half .text { display: block; width: 100%; }
    .landings_submarca-index section.claim-texto .desc.half .text:first-child { margin: 0 0 30px 0; }

    .landings_submarca-index section.claim-texto.titular { height: auto; }
    .landings_submarca-index section.claim-texto.titular .elements-wrapper { position: relative; top: 0; transform: translateY(0); }
    .landings_submarca-index section.claim-texto.titular .texto h2 { margin-top: 30px; font-size: 60px; }
    .landings_submarca-index section.claim-texto.titular .desc { transform: translateX(0) translateY(0); }

    .landings_submarca-index section.claim-galeria{ background-color: white; }

    .landings_submarca-index .content .slider { min-height: inherit; background-color: #272629; }

    .landings_submarca-index .content .slider .nav-button { width: 25px; height: 75px; top: calc(50% - 37px); background-size: 8px 14px; }
    .landings_submarca-index section.beneficios .slider .nav-button { top: 110px; }

    .landings_submarca-index .content .slider .device-menu { display: block; text-align: center; padding-bottom: 5%; z-index: 9; }
    .landings_submarca-index .content .slider .device-menu li { display: inline-block; margin-right: 3%; }
    .landings_submarca-index .content .slider .device-menu li a { display: block; width: 13px; height: 13px; background: url(../img/list-round-white.png) no-repeat center center; }
    .landings_submarca-index .content .slider .device-menu li.selected a { background-image: url(../img/list-round-white-selected.png); }
    .landings_submarca-index .content .slider .device-menu li:last-child { margin-right: 0; }

    .landings_submarca-index .beneficios-beneficios .device-menu { display: none; }

    .landings_submarca-index .beneficios-beneficios .slider ul li .image img.desktop { display: none; }
    .landings_submarca-index .beneficios-beneficios .slider ul li .image img.device { display: block; }

    .landings_submarca-index section.beneficios-bike-check .texto { width: 94%; padding: 15% 3% 10% 3%; background-size: 68px 68px; background-position: left top 5%; }
    .landings_submarca-index section.beneficios-bike-check .texto h2 { font-size: 35px; line-height: 35px; margin-bottom: 4%; }
    .landings_submarca-index section.beneficios-bike-check .texto p { font-size: 14px; line-height: 20px; }
    .landings_submarca-index section.beneficios-bike-check .texto .links:before { display: none; }
    .landings_submarca-index section.beneficios-bike-check .imagen { display: none; }
    .landings_submarca-index section.beneficios-bike-check .links { margin-top: 3%; }

    .landings_submarca-index section.reviews .texto .link a.video-link,
    .landings_submarca-index section.beneficios-bike-check .texto .links .link a.video-link { display: block; background: none; height: auto; padding: 0; }
    .landings_submarca-index a.normal-link,
    .landings_submarca-index section.reviews .texto .link a.video-link span,
    .landings_submarca-index section.beneficios-bike-check a.video-link span { display: block; text-align: center; font-size: 22px; padding-left: 0; padding-right: 0; }
    .landings_submarca-index section.reviews .texto .link a.video-link span,
    .landings_submarca-index section.beneficios-bike-check a.video-link span { width: 100%; border: 0; }

    .landings_submarca-index section.beneficios-beneficios .slider ul li .texto { position: relative; width: 94%; margin: 5% 3% 5% 3%; top: auto; transform: none; }
    .landings_submarca-index section.beneficios-beneficios .slider ul li .texto.left { left: auto; }
    .landings_submarca-index section.beneficios-beneficios .slider ul li .texto.right { right: auto; }
    .landings_submarca-index section.beneficios-beneficios .slider ul li .texto .desc { width: 100%; font-size: 15px; line-height: 24px; }

    .landings_submarca-index section.reviews .slider .image { display: none; }
    .landings_submarca-index section.reviews .slider ul li .texto { position: relative; top: auto; transform: none; width: 84%; padding: 5% 8%; background-size: 68px 68px; background-position: left top 30px; }
    .landings_submarca-index section.reviews .slider ul li .texto .logo { margin-bottom: -40px; }
    .landings_submarca-index section.reviews .slider ul li .texto h2 { margin-bottom: 4%; margin-top: 50px; }
    .landings_submarca-index section.reviews .slider ul li.persona .texto h2 { width: 100%; }
    .landings_submarca-index section.reviews .slider ul li .texto .link a.normal-link { margin-top: 5%; }

    .landings_submarca-index section.cta-demo .izquierda { width: 100%; }
    .landings_submarca-index section.cta-demo .derecha { width: 100%; position: relative; left: inherit; transform: none; top: inherit; padding: 0 20px; fon-siz:}

}

@media all and (max-width: 1440px) {
    .landings_submarca-index section.claim-texto .texto { width: 55%; }
}

@media all and (max-width: 1280px) {
    .landings_submarca-index section.claim-texto .texto { width: 60%; }
}

@media all and (max-width: 990px) {
    .landings_submarca-index section.claim-texto .texto { width: 100%; }
}

.pi-title { display: flex; justify-content: center; align-content: center; align-items: center; line-height: 75%; position: absolute; width: 100vw;  bottom: 0; left: 0; right: 0; margin-left: -0.4vw;}

@media all and (min-width: 1024px) {
    .pi-title { top: 50px; height: calc(100vh - 50px); }
}

@media all and (max-width: 1023px) {
    .pi-title { height: calc(100vh - 100px); }
}

#fitty { color: #fff; font-family: 'DharmaGothicELight','Arial Narrow', Arial, Helvetica, sans-serif; font-weight: bold; opacity: .1; text-align: center; transition: all .2s linear; }
#fitty.preload { opacity: 0; transition: all .2s linear; }
#fitty.big-spacing { display: flex !important; flex-direction: row; justify-content: space-between;  width: 100%; }
#fitty.small-spacing span { display: inline-block; padding: 0 0.1em; }



@media screen and (min-width: 768px) and (max-width: 1280px) {
    .landings_submarca-index section.claim-texto { padding: 100px 0; }
    .landings_submarca-index section.claim-texto .texto h2 { font-size: 60px; line-height: 65px; }
}

@media screen and (max-width: 767px) {
    .landings_submarca-index section.claim-texto { padding: 50px 0; }
    .landings_submarca-index section.claim-texto .texto h2 { font-size: 50px; line-height: 55px; }
}