@font-face {
    font-family: 'Helvetica';
    src: url(../fonts/Helvetica.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family: 'Helvetica-Bold';
    src: url(../fonts/Helvetica-Bold.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family: 'BRAVEE';
    src: url(../fonts/BRAVEEightyone-Regular.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap;
}
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
:root {
	--red: #ffffff;
	--yellow: #000000;
	--green: #2ecc71;
	--white: #ffffff;
	--grey-light: #f2f7f9;
	--grey: #ffffff;
	--black: #080808;
	--black-blue: #1f2029;
	--black-blue-light: #353746;
	--black-blue-light-2: #404255;
	--black-blue-light-3: #4b4d64;
	--black-light: #424455;
    --titulo: #f06b9a;
    --data-footer: #c2c3c9;
}
:root {
    --swiper-theme-color: #007aff;
}
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
}
body{
    margin:0;
}
body {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    line-height:1.428571429;
    color:#333;
    background-color:#fff;
    overflow-x: hidden;
}
a {
    text-decoration: none;
    transition: all .4s ease-in-out;
}
img{
    vertical-align:middle;
}
h1,h2{
    color:#fff;
    font-weight:700;
    letter-spacing:-.01em;
    line-height:1.1;
    font-size: 8rem;
}
p{
    font-size:1.8rem;
    font-family:Helvetica;
    line-height:1.8;
}
.container{
    margin-right:auto;
    margin-left:auto;
    padding-left:15px;
    padding-right:15px;
}
.container:after,.container:before{
    content:" ";
    display:table;
}
.container:after{
    clear:both;
}
.header{
    position:fixed;
    z-index:9991;
    top:0;
    left:0;
    right:0;
}
.header:after,.header:before{
    content:" ";
    display:table;
}
.header:after{
    clear:both;
}
.wrapper{
    position:relative;
}
.wrapper{
    width:90%;
    max-width:1600px;
    margin:0 auto;
}
.header-logo{
    display:inline-block;
    position:absolute;
    z-index:999;
    left:50%;
    padding-top:20px;
    transform:translate(-50%,0);
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear;
}
.header-logo img {
    width: 220px;
}
.header-logo.hide{
    -webkit-transform:translate(-50%,-100%);
    -ms-transform:translate(-50%,-100%);
    -o-transform:translate(-50%,-100%);
    transform:translate(-50%,-100%);
}
.header-menu{
    display:inline-block;
    float: right;
    text-align: center;
    position:relative;
    width:81px;
    max-height:1000px;
    padding:15px;
    background:#141414;
    color:#fff;
    font-size:3rem;
    line-height:.7;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear;
    box-shadow:0 0 10px 0 #000;
}
.header-menu:hover{
    color:#fff;
    padding-top:40px;
}
.header-menu__white{
    color:#141414;
    background:#fff;
    z-index:9999;
    box-shadow:0 1px 0 0 #fff;
}
.header-menu__white:hover{
    color:#141414;
    padding-top:40px;
}
.header-menu__shape{
    position:absolute;
    bottom:-30px;
    left:0;
    right:0;
    width:0;
    height:0;
    border-left:40.5px solid transparent;
    border-right:40.5px solid transparent;
    border-top:30px solid #141414;
}
.header-menu__shape:before{
    content:"";
    position:absolute;
    z-index:-1;
    bottom:15px;
    left:-41px;
    width:46px;
    height:10px;
    background:#fff;
    transform:rotate(36deg);
    background:0 0;
    box-shadow:0 0 20px 0 #141414;
}
.header-menu__shape:after{
    content:"";
    position:absolute;
    z-index:-1;
    bottom:15px;
    right:-41px;
    width:46px;
    height:10px;
    background:#fff;
    transform:rotate(144deg);
    background:0 0;box-shadow:0 0 20px 0 #141414;
}
.header-menu__shape:hover{
    color:#fff;
}
.header-menu__shape__white{
    border-top:30px solid #fff;
}
.header-menu__shape__white:before{
    background:#fff;
    box-shadow:0 0 0 0 #fff;
}
.header-menu__shape__white:after{
    background:#fff;
    box-shadow:0 0 0 0 #fff;
}
.header-menu__shape__white:hover{
    color:#141414;
}
.header-bottom{
    position:fixed;
    z-index:9991;
    left:0;
    right:0;
    bottom:0;
    pointer-events:none;
}
.header-bottom .header-menu__shape{
    top:-30px;
    transform:rotate(180deg);
}
.header-bottom .header-menu{
    pointer-events:auto;
}
.header-bottom .header-menu:hover{
    padding-bottom:40px;
    padding-top:15px;
}
.section-25-h2, .section-25-p {
    text-align: center;
}
.navigation-wrapper {
    display: block;
    position: relative;
}
.navigation-menu {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    background: #fff;
    height: 100%;
    transform: translate(100%,0);
    transform-origin: top right;
    transition: all .2s ease-in;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
.navigation-button {
    will-change: transform;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    z-index: 1;
    background: transparent;
    cursor: pointer;
    float: right;
    margin-top: 15px;
    margin-right: 30px;
}
.navigation-button i {
    font-size: 35px;
    border-radius: 3px;
    padding: 15px;
    color: #ffffff;
}
.navigation-menu {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    background: #000000fb;
    height: 100%;
    transform-origin: top right;
    transition: all .2s ease-in;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}
.navigation-menu.active {
    transform: translate(0,0);
}
.navigation ul {
    position: relative;
}
.navigation ul li {
    text-align: center;
    list-style: none;
}
.navigation ul li a {
    color: #FFF;
    text-decoration: none;
    font-size: 7em;
    line-height: 120px;
    font-weight: 900;
    font-family: 'Helvetica-Bold';
    padding: 20px 10px;
    position: relative;
    display: inline-flex;
    transition: 0.5s;
}
.section{
    position:relative;
    top:0;
    left:0;
    right:0;
    width:100%;
    min-height:calc(50vw * (7/10) + 100vh);
    overflow:hidden;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:cover;
    background-attachment:fixed;
    margin-top:calc(50vw * (7/10) * (-1));
}
.section--shadow{
    position:relative;
}
.section--shadow:before{
    content:"";
    position:absolute;
    bottom:-25px;
    left:-20%;
    z-index:9999;
    width:70%;
    height:20px;
    transform:rotate(34.95deg);
    transform-origin:100% 100%;
    box-shadow:-9px -8px 16px -4px rgba(0,0,0,.75);
    opacity:.5;
}
.section--shadow:after{
    content:"";
    position:absolute;
    z-index:9999;
    bottom:-25px;
    right:-20%;
    width:70%;
    height:20px;
    transform:rotate(-34.95deg);
    transform-origin:0 100%;
    box-shadow:-9px -8px 16px -4px rgba(0,0,0,.75);
    opacity:.5;
}
.section--shape{
    -webkit-clip-path:polygon(0 0,50% calc(50vw * (7/10)),100% 0,100% 100%,0 100%);
    clip-path:polygon(0 0,50% calc(50vw * (7/10)),100% 0,100% 100%,0 100%);
}
.section--dheight{
    height:calc(50vw * (2 * (7/10)) + 100vh);
}
.section--top{
    padding-top:calc(50vw * (7/10));
}
.c-hp-slider .slider,.c-hp-slider .slider .c-hp-slider__item,.c-hp-slider .slider .slide{
    width:100%;
    height:100%;
}
.c-hp-slider .slide__discount-black2021{
    background-image:url(../img/header-large.jpeg);
}
.c-hp-slider .c-hp-slider__item{
    background-size:cover;
    background-position:center;
}
.section--subtitle{
    font-size: 1.7rem;
    font-weight:700;
    left:0;
    right:0;
    top:auto;
    padding-bottom:50px;
    line-height:1.5;
}
.section--subtitle--white{
    color:#fff;
}
.c-hp-slider{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100vh;
    background:#000;
}
.c-hp-slider .slider{
    margin:0;
}
.c-hp-slider .slick-list,.c-hp-slider .slick-track,.c-hp-slider .slider{
    height:100%;
}
.c-hp-slider .slider,.c-hp-slider .slider .c-hp-slider__item,.c-hp-slider .slider .slide{
    width:100%;
    height:100%;
}
.c-hp-slider .slick-dots li button{
    font-size:0;
}
.c-hp-slider .slick-dots li{
    display:inline-block;
    -webkit-clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%);
    clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%);
}
.c-hp-slider .slick-dots li button{
    background-color:rgba(255,255,255,.45);
    background-image:url(../images/svg/dots_shape.svg);
    background-position:center 26px;
    background-repeat:no-repeat;
    transition-property:all;
    transition-timing-function:linear;
    border:none;
    display:inline-block;
    height:26px;
    margin-left:10px;
    margin-right:10px;
    position:relative;
    width:19px;
}
.c-hp-slider .c-hp-slider__item{
    background-size:cover;
    background-position:center;
}
.c-hp-slider .slider__title{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:100%;
    text-align:center;
    z-index:991;
}
.section__title{
    position:absolute;
    z-index:991;
    left:0;
    right:0;
    top:43%;
}
.container--hp{
    padding:0 157px 0 157px;
}
.container--hp img {
    width: 180px;
}
.c-hp-slider .slider__title--left .slider__heading,.c-hp-slider .slider__title--left h1,.c-hp-slider .slider__title--left h2,.c-hp-slider .slider__title--left h3,.c-hp-slider .slider__title--left p{
    text-align:left;
    max-width:50%;
    margin:auto;
}
.c-hp-slider .slider__title--yellow .slider__heading,.c-hp-slider .slider__title--yellow h1,.c-hp-slider .slider__title--yellow h2,.c-hp-slider .slider__title--yellow h3,.c-hp-slider .slider__title--yellow p{
    color:#fc0;
}
.c-hp-slider .slider__subtitle--white{
    color:#fff;
}
.section__title h2 {
    padding: 0 0.8rem;
    padding-bottom: 2rem;
    line-height: 1;
    font-size: 7rem;
}
.c-hp-slider .slider__subtitle {
    font-size: 1.7rem;
    font-weight: 700;
    left: 0;
    right: 0;
    top: auto;
    padding-bottom: 50px;
    line-height: 1.2;
}
.section__title.title--center h2,.title--center{
    text-align:center;
}
.c-hp-slider .slick-dots{
    position:absolute;
    left:0;
    right:0;
    bottom:5%;
}
.section__wrapper{
    display:table;
    width:100%;
    height:100%;
    text-align:center;
    vertical-align:middle;
    background-color:#141414;
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center;
}
.slider_curtain{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#000;
    opacity:.25;
}
.slider__title{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:100%;
    text-align:center;
    z-index:991;
}
.section__wrapper--instagram{
    background-image:url(../img/GrupoAdex-section7.jpg);
    background-color:#fff;
}
.section__wrapper--news{
    background-image:url(../img/GrupoAdex-section6.jpg);
    background-color:#141414;
}
.section__wrapper--stories{
    background-image:url(../img/GrupoAdex-section5.jpg);
    background-color:#141414;
}
.item--bg-discounted-sets-hp{
    background-image:url(../img/GrupoAdex-section4.jpg);
    background-attachment:fixed;
}
.section__wrapper--split{
    background-image:url(../img/split-large.jpg);
}
.c-video{
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100vh;
    z-index:-1;
    background:#000;
    pointer-events:none;
    position:fixed;
}
.c-video video{
    position:absolute;
    min-width:100vw;
    height:100%;
    left:50%;
    -webkit-transform:translate3d(-50%,0,0);
    -ms-transform:translate3d(-50%,0,0);
    transform:translate3d(-50%,0,0);
}
.section__wrapper--split:before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#000;
    opacity:.15;
}
.item--bg-discounted-sets-hp:before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#000;
    opacity:.15;
}
.backgroundimage{
    z-index:-1;
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-size:cover;
    background-position:50% 50%;
    pointer-events:none;
}
.section__wrapper--instagram:before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#000;
    opacity:.15;
}
.section__wrapper--news:before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#000;
    opacity:.15;
}
.section__wrapper--stories:before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#000;
    opacity:.15;
}
.no-csscalc .section--top{
    padding-top:0;
}
.section__inner{
    display:table-cell;
    width:100%;
    height:100%;
    padding-top:calc(50vw * (2/10));
    vertical-align:top;
}
.footer{
    padding:4.5rem 0 2rem 0;
    text-align:center;
}
.footer:after,.footer:before{
        content:" ";
        display:table;
}
.footer:after{
    clear:both;
}
.footer__wrapper{
    max-width:1600px;
    width:100%;
    display:inline-block;
}
.footer__wrapper__inner{
    width:100%;
}
.footer__wrapper__inner:after,.footer__wrapper__inner:before{
    content:" ";
    display:table;
}
.footer__wrapper__inner:after{
    clear:both;
}
.footer__wrapper__inner{
    width:100%;
}
.footer__wrapper__inner:after,.footer__wrapper__inner:before{
    content:" ";
    display:table;
}
.footer__wrapper__inner:after{
    clear:both;
}
.footer__advantage{
    margin-bottom: 0px;
}
.footer__advantage .footer__col{
    display:inline-block;
    width:20%;
    vertical-align:top;
    text-align:center;
    float:initial;
}
.img-footer {
    width: 50%;
    max-width: 320px;
    margin-bottom: 40px;
}
.footer-descripcion {
    width: 60%;
    display: table;
    margin: auto;
    font-size: 1.2rem;
    font-weight:500;
    left:0;
    right:0;
    top:auto;
    padding-bottom:20px;
    line-height:1.5;
}
.titulo-footer {
    line-height: 1;
    font-size: 3rem;
    margin-bottom: 20px;
}
.footer-cotactenos {
    margin-bottom: 40px;
}
.footer-cotactenos p {
    font-size: 1.2rem;
    font-weight:500;
    line-height: 2;
}
.footer-cotactenos span {
    width: 50px;
    text-align: center;
    color: #ababab;
    margin-right: 10px;
}
.footer-cotactenos a {
    color: #000;
    text-decoration: none;
}
.footer-copyright {
    width: 100%;
    height: 50px;
    border-top: solid 1px #b6b6b6;
}
.footer-copyright p {
    font-size: 1rem;
    font-weight:500;
    line-height: 50px;
}
.footer-copyright a {
    color: #000;
    font-weight: bold;
    font-family: 'BRAVEE';
}
.progress-wrap {
	position: fixed;
	right: 100px;
	bottom: 50px;
	height: 60px;
	width: 60px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset  0 0 0 2px rgba(109, 109, 109, 0.247);
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.progress-wrap::after {
	position: absolute;
	font-family: 'unicons';
	content: '\e84b';
	text-align: center;
	line-height: 60px;
	font-size: 30px;
	color: var(--grey);
	left: 0;
	top: 0;
	height: 60px;
	width: 60px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::after {
	opacity: 0;
}
.progress-wrap::before {
	position: absolute;
	font-family: 'unicons';
	content: '\e84b';
	text-align: center;
	line-height: 60px;
	font-size: 24px;
	opacity: 0;
	background-image: linear-gradient(298deg, var(--red), var(--yellow));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 0;
	top: 0;
	height: 60px;
	width: 60px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::before {
	opacity: 1;
}
.progress-wrap svg path { 
	fill: none; 
}
.progress-wrap svg.progress-circle path {
	stroke: var(--grey);
	stroke-width: 4;
	box-sizing:border-box;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
body.light .progress-wrap {
	box-shadow: inset  0 0 0 2px rgba(0,0,0,0.2);
}
body.light .progress-wrap::after {
	color: var(--black-blue);
}
body.light .progress-wrap svg.progress-circle path {
	stroke: var(--black-blue);
}
@media only screen and (max-width:1600px){
    h1,h2{
        font-size:6rem;
    }
    .section__title h2{
        font-size:7rem;
    }
}
@media screen and (min-aspect-ratio:16/9){
    .c-video video{
        height:auto;
        width:100%;
        top:50%;
        -webkit-transform:translate3d(-50%,-50%,0);
        -ms-transform:translate3d(-50%,-50%,0);
        transform:translate3d(-50%,-50%,0);
    }
}
@media only screen and (max-width:1200px){
    .progress-wrap {
       display: none;
    }
    .footer__advantage .footer__col{
        width:50%;
        margin-top:6rem;
        text-align:center;
    }
    .section__title{
        top:50%;
        transform:translateY(-50%);
    }
    .section__title h2{
        font-size:6rem;
    }
}
@media screen and (max-width:1148px){
    .container--hp{
        padding:0 5%;
    }
    .container {
        padding: 0 5%;
    }
}
@media only screen and (max-width:1400px){
    .section__wrapper--news{
        background-image:url(../img/GrupoAdex-section6-medium.jpg);
    }
    .section__wrapper--stories{
        background-image:url(../img/GrupoAdex-section5-medium.jpg);
    }
    .section__wrapper--split{
        background-image:url(../img/split-medium.jpg);
    }
    .c-hp-slider .slide__discount-black2021 {
        background-image: url(../img/medium-1.jpg);
    }
}
@media (max-width:1024px) {
    
}
@media only screen and (max-width:992px){
    .footer-descripcion {
        width: 90%;
    }
    .navigation ul li a {
        font-size: 5rem;
    }
    h1,h2{
        font-size:5rem;
    }
    .section__wrapper--instagram{
        background-image:url(../img/GrupoAdex-section7-mobile.jpg);
    }
    .section__wrapper--news{
        background-image:url(../img/GrupoAdex-section6-mobile.jpg);
    }
    .section__wrapper--stories{
        background-image:url(../img/GrupoAdex-section5-mobile.jpg);
    }
    .section__wrapper--split{
        background-image:url(../images/front-page/split-mobile.jpg);
        background-size:auto 100%;
    }
    .section__inner{
        vertical-align:middle;
    }
    .c-hp-slider .slider__subtitle{
        font-size:2rem;
        padding-bottom:40px;
    }
    .c-hp-slider .slider__title{
        top:50%!important;
    }
    .section__title h2{
        font-size:5rem;
    }
    .section--subtitle{
        font-size:2rem;
        padding-bottom:40px;
    }
}
@media screen and (max-width:911px){
    .container--hp{
        padding:0;
    }
    .footer-copyright p {
        margin-top: 10px;
        line-height: 30px;
    }
}
@media (max-width:768px) and (max-height:1024px) {
    .c-hp-slider .slide__discount-black2021 {
        background-image: url(../img/header-responsive.jpg);
    }
}
@media only screen and (max-width:768px){
    
    .navigation ul li a {
        font-size: 4rem;
        line-height: 80px;
    }
    h1, h2 {
        font-size: 4rem;
    }
    .header-logo{
        position:static;
        float:left;
        margin-left:auto;
        transform:translate(0,0);
    }
    .section__title h2{
        font-size: 3rem;
    }
    .container{
        width: 100%;
    }
    .c-hp-slider .slider__subtitle {
        font-size: 1.2rem;
        padding-bottom: 25px;
    }
    .item--bg-discounted-sets-hp{
        background-image:url(../img/GrupoAdex-section4-mobile.jpg);
        background-attachment:initial;
    }
    .c-hp-slider .slick-dots{
        bottom:10%;
    }
    .section--subtitle{
        font-size:1.2rem;
        padding:0 25px 25px 25px;
    }
    .footer__advantage .footer__col{
        width:100%;
        margin-top:0;
    }
    .header-logo.hide{
        -webkit-transform:translate(0,-100%);
        -ms-transform:translate(0,-100%);
        -o-transform:translate(0,-100%);
        transform:translate(0,-100%);
    }
    
}
@media only screen and (max-width:480px) {
    .c-hp-slider .slick-dots{
        bottom:15%;
    }
    .navigation ul li a {
        font-size: 3rem;
        line-height: 50px;
    }
}