@charset "utf-8";
/* CSS Document */

/* ------- webfonts ------- */
@font-face{font-family:helvetica-now-display;src:url('fonts/HelveticaNowDisplay-Medium.eot');src:url('fonts/HelveticaNowDisplay-Medium.eot?#iefix') format('embedded-opentype'),url('fonts/HelveticaNowDisplay-Medium.woff2') format('woff2'),url('fonts/HelveticaNowDisplay-Medium.woff') format('woff'),url('fonts/HelveticaNowDisplay-Medium.ttf') format('truetype'),url('fonts/HelveticaNowDisplay-Medium.svg#HelveticaNowDisplay-Medium') format('svg');font-weight:500;font-style:normal}
@font-face{font-family:helvetica-now-display;src:url('fonts/HelveticaNowDisplay-MedIta.eot');src:url('fonts/HelveticaNowDisplay-MedIta.eot?#iefix') format('embedded-opentype'),url('fonts/HelveticaNowDisplay-MedIta.woff2') format('woff2'),url('fonts/HelveticaNowDisplay-MedIta.woff') format('woff'),url('fonts/HelveticaNowDisplay-MedIta.ttf') format('truetype'),url('fonts/HelveticaNowDisplay-MedIta.svg#HelveticaNowDisplay-MedIta') format('svg');font-weight:500;font-style:italic}
@font-face{font-family:helvetica-now-display;src:url('fonts/HelveticaNowDisplay-BoldIta.eot');src:url('fonts/HelveticaNowDisplay-BoldIta.eot?#iefix') format('embedded-opentype'),url('fonts/HelveticaNowDisplay-BoldIta.woff2') format('woff2'),url('fonts/HelveticaNowDisplay-BoldIta.woff') format('woff'),url('fonts/HelveticaNowDisplay-BoldIta.ttf') format('truetype'),url('fonts/HelveticaNowDisplay-BoldIta.svg#HelveticaNowDisplay-BoldIta') format('svg');font-weight:700;font-style:italic}
@font-face{font-family:helvetica-now-display;src:url('fonts/HelveticaNowDisplay-Bold.eot');src:url('fonts/HelveticaNowDisplay-Bold.eot?#iefix') format('embedded-opentype'),url('fonts/HelveticaNowDisplay-Bold.woff2') format('woff2'),url('fonts/HelveticaNowDisplay-Bold.woff') format('woff'),url('fonts/HelveticaNowDisplay-Bold.ttf') format('truetype'),url('fonts/HelveticaNowDisplay-Bold.svg#HelveticaNowDisplay-Bold') format('svg');font-weight:700;font-style:normal}

/* ------- STYLES ------- */

/* GENERAL */
/* .guide-1{width:calc((100% - 210px)/4);background-color:rgba(255, 0, 0, 0.2);position:fixed;height:100%;top:0;left:60px;z-index:100;pointer-events:none}
.guide-2{width:calc((100% - 210px)/4);background-color:rgba(255, 0, 0, 0.2);position:fixed;height:100%;top:0;left:calc(((100% - 210px)/4)*1 + 60px + 30px*1);z-index:100;pointer-events:none}
.guide-3{width:calc((100% - 210px)/4);background-color:rgba(255, 0, 0, 0.2);position:fixed;height:100%;top:0;left:calc(((100% - 210px)/4)*2 + 60px + 30px*2);z-index:100;pointer-events:none}
.guide-4{width:calc((100% - 210px)/4);background-color:rgba(255, 0, 0, 0.2);position:fixed;height:100%;top:0;left:calc(((100% - 210px)/4)*3 + 60px + 30px*3);z-index:100;pointer-events:none} */

*{outline:none;margin:0;padding:0;font-family:'helvetica-now-display';box-sizing:border-box;color:#FFF;font-variant-ligatures:none}
body{font-weight:500;-webkit-font-smoothing:antialiased !important; font-smoothing:antialiased !important;overflow-x:hidden;font-size:18px;line-height:24px;overflow-y:visible;background-color:#000; position:relative; color: white;}
body.scroll-disabled{overflow:hidden!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
body.page-index{color: #fff !important}
.master-wrapper{width:100%}

h1,h2,h3,h4,h5{font-weight:inherit;font-size:inherit; color: inherit;}
p{font-size:inherit}

a{cursor:pointer;text-decoration:none;transition:opacity .1s ease;display:block; color: inherit;}
a.selected{font-weight: 500;}
a.lazy{display:inline-block}

li{list-style:none;}
img{width:100%;display:block}
svg{width:100%;height:100%}
video{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
iframe{width:100%;height:100%;position:absolute;left:0;top:0}
button{font-size: inherit;background: none;border: none;outline: none;padding: 0px; cursor: pointer;}

/* inputs */
label{cursor:pointer}
label.checked{color:white}
select{font-size:inherit;color:#FFF;background:none;border:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;display:inline-block;line-height:inherit}
select:hover{cursor: pointer}
input[type="checkbox"]{display:none}
input:not([type="checkbox"]){width: 100%; height: 100%; font-size: inherit; padding: 0px; margin: 0px; background: none; border: none; color: #FFF;}
input[type="text"]::placeholder{font-style: italic; color: #FFF; opacity: .6;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}


.overflow-hidden{overflow:hidden}
.display-block{display:block}
.display-inline{display:inline-flex}
.left{float:left}
.right{float:right}
.fs-m{font-size:30px;line-height:36px}
.fs-mm{font-size: 22px; line-height: 26px;}
.fs-s{font-size:12px;line-height:16px}
.fs-l{font-size: 40px; line-height: 48px;}
.fs-ll{font-size:60px;line-height:70px}
.fs-xl{font-size: 120px; line-height: 140px;}
.c-white{color:#FFF!important}
.c-white *{color:#FFF!important}
.c-grey{color:#696969}
.c-red{color: #FB0003 !important;}
.c-whatsapp{color: #25D366;}
.c-whatsapp *{color: #25D366;}
.hover-italic:hover{font-style:italic}
.hover-opacity:hover{opacity:.7}
.hover-white:hover{color:#FFF}
.hover-red:hover{color: #FB0003;}
.uppercase{text-transform:uppercase}
.line-through{text-decoration:line-through}

sup{vertical-align: super; color: #FB0003;}
/* BTN SMALL/MEDIUM/BIG */
.btn{font-size: 12px; padding: 6px 10px;display: inline-block; border-radius: 2px}
.btn-m{font-size: 18px;padding:8px 15px;display:inline-flex;border-radius:4px}
.btn-l{font-size:20px;padding:10px 15px;display:inline-flex;border-radius:4px}
.btn.dark{background-color: #1B1B1B; color: #FFF;}
.btn.dark:hover{background-color: #FB0003}
.btn-l.green{background-color:#25D366;transition: all .15s ease}
.btn-l.green:hover{background-color:#1b1b1b}
.btn-l img{height: 26px; width: auto; display: inline; padding-left: 10px;}
.btn-m.red{background-color:#FB0003}
.btn-m.red:hover{background-color:#1B1B1B}

/* top mobile btns */
.close-btn{right:62px;top:14px;position:absolute;height:20px;z-index:20}
.close-btn img{height: 100%;}
.back-btn{position:absolute; top:17px; z-index: 20 ;opacity: 0; left: 25px; height: 20px;}
.back-btn img{height: 100%;}

/* btn-swipe */
.btn-swipe{width:25px;position:fixed;height:45px;right:60px;z-index:12;top:0px}
.btn-swipe span{display:block;position:absolute;height:2px;width:25px;background:#FFF;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transition: all .25s ease-in-out}
.btn-swipe span:nth-child(1){top:17px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.btn-swipe span:nth-child(2){top:27px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.swipe-opened .btn-swipe span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:15px;}
.swipe-opened .btn-swipe span:nth-child(2){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:33px;}
/* swipe */
.swipe{width:50vw;height:100%;position:fixed;left:50%;top:calc(-100% + 45px);transition:top .6s cubic-bezier(.7, 0, .3, 1);background-color: #1B1B1B; display: grid; align-content: center; justify-content: center; z-index: 11;}
.swipe ul{width: 100%; height: 100%;}
.swipe li{text-align: center;}
.swipe-opened .swipe{top:0px;}
.swipe .active{color:#FB0003}

/* .lazy-img */
.thumb{background-color:transparent;position:relative}
.aspect{opacity:0;visibility:hidden; position: relative;}
.aspect.plus::after{content: ""; position: absolute; top:50%; left: 50%; width: 2px; height: 30px; background-color: #000; z-index: 10;  transform: translate(-50%, -50%);}
.aspect.plus::before{content: ""; position: absolute; top:50%; left: 50%; width: 30px; height: 2px; background-color: #000; z-index: 10; transform: translate(-50%, -50%);}
.lazy{opacity:0;visibility:hidden;transform:translateY(30px);-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);transition:opacity .4s cubic-bezier(.7, 0, .3, 1), transform .4s cubic-bezier(.7, 0, .3, 1)}
footer.master.lazy{display: none;}
footer.master.lazy.visible{display: grid;}
a.lazy.hover-color{transition:color .1s ease, opacity .3s ease, transform .3s ease}
.lazy.visible{opacity:1;visibility:visible;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);}
.lazy.no-transform{transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none}
.lazy-img-wrapper{position:relative;overflow:hidden;background-color:#909090;transition:background .2s ease}
.lazy-img-wrapper .img{position:absolute;top:0;left:0;bottom:0;width:100%;opacity:0;transition:opacity .2s ease;background-position:center;background-size:cover;background-repeat:no-repeat}
.lazy-img-wrapper.loaded{background-color:transparent}
.lazy-img-wrapper.loaded .img{opacity:1}
li .lazy-img-wrapper.loaded .aspect{background-position: center top; background-repeat: no-repeat; background-size: 100%; transition: all .3s ease}

.img.thumb a{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3}
.img.thumb a .overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;background-color:rgba(45, 45, 45, 0.6);opacity:0;padding:20px;color:#FFF}
.img.thumb a:hover .overlay{opacity:1}
.full-img{z-index: 3; outline: 30px solid #fff; position: relative; margin: 30px 0px;}

/* COLUMNS */
.c-4{display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; grid-column-gap: 30px;}
.c-2{display: grid; grid-template-columns: 1fr 1fr; width: 100%; grid-gap: 30px;}
.w-2{grid-column: span 2;}

/* master wrapper & sections*/
.master-wrapper{width:100%;position:relative; padding-bottom: 0px;}
.master-wrapper > main{padding:250px 60px 0px 60px;width:100%;}
.master-wrapper > main.no-padding{padding:0px;}
.master-wrapper > section{padding:0px 60px; width:100%; margin-top: 200px;}
.master-wrapper > section.no-padding{padding:0px 0px;}
.page-about .master-wrapper > main{height: 100vh; position: relative;padding:150px 60px 60px 60px}

.master-wrapper > section .section-title{display: flex; align-items: baseline;}
.master-wrapper > section.no-padding .section-title{padding: 0px 60px;}
.master-wrapper > section .section-title h3{margin-bottom: 60px;flex-grow: 1;}
.master-wrapper > section .section-title .btn{justify-self: right;}

/* header */
header.master{position:fixed;top:0px;left:0px;width:100%; z-index: 10;}
/* nav master */
nav.master{width: 100%; height: 45px; z-index: 10;background-color:#000}
nav.master h1{height: 100%; float: left;display: grid; align-items: center; padding-left: 60px;}
nav.master h1 img{height: 18px; width: auto;}
/* nav slave */
nav.slave{width:100%;height:45px;padding:0px 60px;background-color:#FB0003;z-index:7}
nav.slave ul{display: flex; flex-direction: row; flex-wrap: wrap; height: 100%; align-items: center;}
nav.slave li{display: inline-block; margin-right: 10px;}
nav.slave li:last-child{margin-right: 0px;}
nav.slave > ul > li.search-container{flex-grow: 1; margin-right: 20px;}
nav.slave > ul > li.currency-container{flex-grow: 1; text-align: right; position: relative; margin-right: 20px;}
/* search */
nav.slave .search{width: 24px; height: 24px; background-image:url(../imgs/search_icon_negative.png);background-size:100%;background-position:center;background-repeat:no-repeat; float: right; transition: background-image .2s ease;}
nav.slave .search-container{flex-grow: 0; display: none;}
/* search active */
nav.slave.search-active .categories-container{display: none}
nav.slave.search-active .search-container{display: block}
nav.slave.search-active .search{background-image:url(../imgs/close-btn_white.svg);}
nav.slave.search-active .currency-container{display: none;}
    /* mobile classes */
    nav.slave .btn-submenu.mobile{display: none;}

/* submenu */
a.btn-submenu.close{color: #000 !important;}
.submenu{width:100%;height:calc(100% - 90px);position:fixed;top:-100%;transition:top .6s cubic-bezier(.7, 0, .3, 1);background-color:#FB0003;z-index:6;padding:80px 60px}
.submenu-opened .submenu{top: 90px}
.submenu ul{position: relative; width: 100%; height: 100%;}
.submenu .category{position: absolute; opacity: 0; z-index: -1; height: 100%;width:100%}
.submenu .category.visible{opacity: 1; z-index: 7;}
.submenu .category img{position: absolute; right: 0px; bottom: 0px; width: 300px;}
.submenu .category ul{height:calc(100% - 100px);overflow-y:scroll;column-count:3;column-gap:30px;column-fill:auto}
/* close submenu */
.close-submenu{z-index: 10; position: absolute;}
.close-submenu img{width: 60px; height: 60px; cursor: pointer; position: absolute; bottom: 0px; left: 0px;}
    /* submenu mobile */
    .submenu.mobile{display: none; width: 100vw; height: 100%; background-color: #FB0003; position: fixed; top: -100%; left: 0%; z-index: 12; transition:top .6s cubic-bezier(.7, 0, .3, 1);}
    .submenu-opened .submenu.mobile{top: 0px;}
    .submenu.mobile > ul{position: absolute;padding: 100px 25px 25px 25px; width: 100%; height: 100%; transition: all .2s ease;}
    .submenu.mobile .categories-list{left: 0px; top: 0px;}
    .submenu.mobile .subcategories-list{position: absolute; padding: 100px 25px 25px 25px; left: 100vw; top: 0px; width: 100%; height: 100%; display: none;overflow-y: auto}
    .submenu.mobile.subcategory-opened .categories-list{left: -100vw;}
    .submenu.mobile .subcategories-list.opened{display: block;}
    .submenu.mobile.subcategory-opened .back-btn{opacity: 1;}
/* whatsapp icon */
a.whatsapp-link{position:fixed;right:60px;bottom:30px;z-index:3}
img.whatsapp-icon{width: 30px;height: auto}

/* footer */
footer.master{margin-top: 250px; padding: 0px 60px 300px 60px;}
footer.master .margin-top{margin-top: 200px;}
footer.master h5{margin-bottom: 10px; text-transform: uppercase;}
footer img{height: 32px; width: auto; margin-bottom: 20px;}
/* bus */
.bus-container{position:absolute;left:0px;bottom:0px;width:100%;background-color:#1B1B1B;z-index:5}
.bus-container *{margin-bottom: 0px;}
.bus{overflow:hidden;height:155px;position:relative;}
.bus .content{flex-wrap:nowrap;display:flex;position:absolute; height: 100%;}

/* dropdown classes */
.dropdown-wrapper{position: relative;}
ul.dropdown-list{width:100%;border-top:1px solid #353535}
ul.dropdown-list > li{padding: 15px 0px; border-bottom: 1px solid #353535;}
    .dropdown-item{position: relative;}
    .dropdown-item h3{transition: all .1s ease;}
    .dropdown-item h3 span{float: right; opacity: 0; transition: transform .3s ease, opacity .1s ease;}
    .dropdown-item h3:hover span{opacity: 1;}
    .dropdown-item .dropdown{padding: 30px 0px 20px 0px; display: none;}
        /* dropped */
        .dropdown-item.dropped .dropdown{position: relative; display: block;}
        .dropdown-item.dropped h3 span{transform: rotate(180deg);}

/* .modal */
body[modal-opened="como-comprar"] .modal.como-comprar{top:0px}
body[modal-opened="envios-devoluciones"] .modal.envios-devoluciones{top:0px}
.modal{position:fixed;top:-100%;width:100%;height:100%;z-index:12;background-color:#000;padding:100px 60px;overflow-y:scroll;transition:top .4s ease}
.modal .c-2{padding:0}

/* filter */
.filter-wrapper{align-items:start;position:relative;}
.filer form{position: relative;}
.filter-wrapper .filter{position:sticky;top:160px;height:calc(100vh - 220px);overflow-y:scroll;border-top:1px solid #353535}
.filter-wrapper .active-filters{padding:20px 0px}
.filter-wrapper .active-filters h3{display: inline-block;}
.filter-wrapper .active-filters img{width:20px;display:inline-block;float:right}
.filter-wrapper .active-filters ul{padding:30px 0px 10px 0px;overflow-x:hidden}
.filter-wrapper .active-filters ul span{margin-left:7px;transition:all .2s ease}
.filter-wrapper .active-filters ul a{transition:all .2s ease}
.filter-wrapper .active-filters li{display:inline-block;margin-right:10px;margin-bottom:10px}
.filter-wrapper .active-filters .btn-modal img{display:none}
 
.filter-wrapper .dropdown-list{padding-bottom:40px}
.filter-wrapper button{display:block;width:100%;position:sticky;bottom: 0px;}
/* checkbox */
.checkbox-wrapper input:checked + label{color:#FFF !important}
.filter-wrapper input{margin-bottom:10px;background:#1b1b1b;font-size: 18px;padding:6px 10px;}

/* scrollable */
.scrollable .viewport {position:relative;overflow:hidden;height:max-content;}
.scrollable .viewport .overview {position:relative;width:max-content;height:max-content;}
.scrollable .scroll-bar.horizontal{position:absolute;bottom:-60px;height:5px;background-color:#FFFFFF15;width:calc(100% - 120px)!important;left:60px;outline:2px solid #000;outline-offset:-2px}
.scrollable .scroll-bar.horizontal .thumb{cursor:pointer;height:100%;background-color:#FFFFFF50;min-width:10px;left:0;outline:2px solid #000;outline-offset:-2px}
/* scrollable-items */
.scrollable-items{display: flex; flex-wrap: nowrap; padding: 0px 60px;}
.scrollable-items li:last-child{margin-right: 0px;user-select:none}
.scrollable-items a.disabled{pointer-events:none}
/* product scrollable-items */
.scrollable-items .product-card{width:270px;flex-shrink:0;margin-right:30px;height:auto}
.scrollable-items .product-card .product-image{height:100%;padding-bottom:0px}
/* brands scrollable-items */
.scrollable-items .brand-card{width:135px;height:135px;margin-right:30px;flex-shrink:0;transition:all .2s ease}
.scrollable-items .brand-card:hover{opacity:.8}
.scrollable-items .brand-card .brand-image{object-fit:cover;min-width:100%;min-height:100%}

/* product card */
.product-card{width: 100%; background-color: #1B1B1B; border-radius: 10px;}
.product-card:hover{font-style: italic;opacity:.8;transition: all .2s ease;}
.product-card .product-image{width:100%;height:280px;background-color:#FFF;border-radius:10px 10px 0px 0px;opacity:1;transition:all .2s ease;padding-bottom:100%}
.product-card .product-image img{object-fit:contain;max-width:100%;max-height:100%;width:auto;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.product-card .product-data{min-height: 150px;padding:15px}
.product-card .product-data h4{margin-bottom:48px}
.product-card .product-data .price{position:absolute;bottom:15px;left:15px;right:15px}
.product-card .product-data .price div{display:inline-block;min-width:calc(100% - 56px);white-space:nowrap;max-width:100%}

/* sale products */
.product-card.on-sale{background-color:#420F0F}
.product-card.on-sale .price{vertical-align:baseline;display:inline;}
.product-card.on-sale .price span.discount{text-decoration:line-through}
.product-card.on-sale .price span.percentage{width:52px;display:inline-block}

/* grilla de pagina de productos */
.products-wrapper{position:relative;margin-top:100px}
.products-grid-wrapper{border-top:1px solid #353535;padding-top:20px; grid-column: span 3;}
.products-grid-wrapper > div{width:100%;display:grid;grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 30px;}
.products-grid-wrapper h3{display:inline-block;grid-column: span 2;}
.products-grid-wrapper .order{display:inline-block;text-align:right;cursor: auto;}
.products-grid-wrapper select{margin-left:5px}
.products-grid-wrapper label{cursor:auto}
.products-grid-wrapper .products-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:stretch;grid-gap:30px;padding-top:30px;width:100%}

/* product page double scroll */
.product-contents{position: relative; margin-bottom: 250px;}
.product-images{align-items: start; position: relative;}
.slider-container{position: sticky; top: 160px;padding-bottom:100%}
.product-images .slider{width: 100%; position: absolute; height: 100%;}

/* slider */
/* home slider */
.slider-wrapper{width:100vw;height:calc(60vh + 70px);margin-top:90px}
.slider{width:100vw;height:60vh}
.slider div.slide{background-position:center;background-size:cover;background-repeat:no-repeat;height:100%;width:100%;}
.slider div.slide .hover{background-position:center bottom;background-size:cover;background-repeat:no-repeat;height:100%;width:100%; opacity:0; transition: all .30s ease}
.slider.hovered div.slide .hover{opacity:1;}
.slider-data{padding:0 60px}
.slider-data a{display:inline-block}
/* home dots */
.slick-dots{display:flex;position:absolute;bottom:-30px; width: 100%; height: 1px; background-color: transparent; padding: 0px 60px;}
.slick-dots li{height: 1px; width: 100%; position: relative; margin-right: 10px;}
.slick-dots li:last-child{margin-right: 0px;}
.slick-dots li button{border:0;background:#FFF;display:block;height:1px;width:100%;outline:none;line-height:0;font-size:0;color:transparent;cursor:pointer;opacity:.15;border-radius:5px;transition:background .3s ease}
.slick-dots li.slick-active button{background:#FFF;opacity:.5}
/* product slider */
.page-product .slider{width: 100%;}
/* page product dots */
.page-product .slick-dots{padding: 0px 20px; bottom: 20px;}
.page-product .slick-dots li button{background:#000;opacity:.25;}
.page-product .slick-dots li.slick-active button{background:#000;opacity:1}

/* grilla de categorías de la home */
ul.categories-grid{grid-row-gap: 70px;}
ul.categories-grid .lazy-img-wrapper{margin-bottom: 20px;}
ul.categories-grid li{width: 100%; padding-bottom: 100%; background-color: #1B1B1B; height: 0px; position: relative;transition:background .3s ease}
ul.categories-grid li:hover{background-color: #FB0003;}
ul.categories-grid li:last-child a{position: absolute; width: 100%; height: 100%; display: grid; align-items: center; justify-content: center;}

/* page about */
.page-about main p{margin-bottom: 40px;}
.page-about main a{margin-right: 30px; display: inline-flex; margin-bottom: 20px;}
.page-about main a img{width: 23px; display: inline; margin-right: 10px;}
.page-about main a:last-child img{height: 22px;}
.page-about img.logo-about{width: 100%; align-self: end;}

/* page title products */
.page-products .page-title{display: block; align-items: baseline;}
.page-products .page-title h2{margin-right:30px;flex-grow:1}
.page-products .page-title span{width: 60px; height: 60px; background-image:url(../imgs/down-icon.svg);background-size:100%;background-position:center;background-repeat:no-repeat; float: right; transition: background-image .2s ease;}
.page-products .page-title > a{display:flex;align-items:baseline}
.page-products .page-title ul{position: absolute;transform:translateY(-50px);opacity:0;z-index:-1;transition:all .3s ease}
/* dropped */
.page-title.dropped ul{position:relative;transform:translateY(0px);opacity:1;z-index:1}
.page-products .page-title.dropped span{transform:rotate(-180deg);opacity:1}

/* page title product */
.page-product .page-title{margin-bottom:80px}
.page-product .page-title h2{margin-bottom:15px}
.page-product .slider .slide{background-size:contain;background-color:#FFF}

@media screen and (min-width: 1684px){
    .products-wrapper .products-grid{grid-template-columns:1fr 1fr 1fr 1fr}
}
	
@media (max-width: 1024px){
	.screensaver .content p{font-size:7vw;line-height:7vw}
}

@media (max-width: 1150px){
	.products-wrapper .products-grid{grid-template-columns:1fr 1fr}
}

@media (max-width: 960px){
    a:hover{font-style: normal;}
    .hover-italic:hover{font-style:normal}

    /* font sizes */
    .fs-m{font-size:22px;line-height:26px}
    .fs-mm{font-size: 22px; line-height: 26px;}
    .fs-s{font-size:12px;line-height:16px}
    .fs-l{font-size: 30px; line-height: 36px;}
    .fs-ll{font-size:42px;line-height:50px}
    .fs-xl{font-size: 60px; line-height: 65px;}

    /* columns */
    .c-4{grid-template-columns:2fr;grid-gap:30px}
    .products-wrapper.c-4{grid-template-columns:1fr;grid-gap:0px}
    .c-2{grid-template-columns:1fr;grid-gap:0px}

    /* dropdown classes */
    .dropdown-item h3:hover{padding-left: 0px}

    /* .modal */
    .modal{padding:100px 25px}
    .close-btn{right:28px}
    
    /* product-card */
    .product-card .product-image{height: 320px;}
    /* products list */
    .products-grid-wrapper{padding-top:75px}
    .products-grid-wrapper > div{display:block}
    .products-grid-wrapper h3{display:block;width:100%;margin-bottom:10px}
    .products-grid-wrapper .order{display:block;width:100%;text-align:left}
    .products-wrapper{margin-top:75px}
    .filter-wrapper .active-filters .btn-modal img{display:block}
    /* product page double scroll */
    .product-contents{grid-template-columns: 1fr;}
    .product-info{order: 2;}
    .product-images{order: 1}

    .scrollable-items{overflow-x: scroll;scroll-snap-type:none;margin:0 0px;padding:0px 25px 40px 25px}
    .scrollable-items .product-card{scroll-snap-align: start;}

    /* slider */
    .slider-wrapper{height:calc(50vh + 70px)}
    .slider{height:50vh}
    .slider-data{padding:0px 25px}
    /* dots */
    .slick-dots{bottom: -25px; padding: 0px 25px;}

    /* grilla de categorias de la home */
    ul.categories-grid.c-4{grid-template-columns: 1fr 1fr;}
    ul.categories-grid .lazy-img-wrapper{margin-bottom: 10px;}

    /* btn swipe */
    .btn-swipe{right: 25px;}
    /* swipe */
    .swipe{width:100vw;left:0px;background-color: #000;top:-100%}

    /* header */
    /* nav master */
    nav.master h1{padding-left: 25px;}
    nav.master div{background-color: #000;}
    /* nav slave */
    nav.slave{padding: 0px 25px;}
    nav.slave .categories-container{display:none}
    nav.slave .btn-submenu.mobile{display:block}
    nav.slave.search-active .btn-submenu.mobile{display:none}
    /* submenu */
    .submenu{display: none;}
    .submenu.mobile{display:block;padding:80px 25px}
    /* whatsapp icon */
    a.whatsapp-link{right:25px}

    /* footer */
    footer.master{padding: 0px 25px 160px 25px}
    footer.master > ul{grid-row-gap: 24px;}
    footer img{margin-bottom: 15px;}
    .sub-footer > *{margin-bottom: 60px;}
    /* bus */
    .bus{height:82px;}
    .bus .content{margin-top: 5px;}
    
    /* master wrapper */
    .master-wrapper > main{padding:150px 25px 0px 25px;width:100%;}
    .master-wrapper > section{padding:0px 25px;}
    .page-about .master-wrapper > main{height: auto;position: relative;padding:150px 25px 0px 25px}
    .master-wrapper > section .section-title{display:block}
    .master-wrapper > section.no-padding .section-title{padding:0px 25px 25px 25px}
    .master-wrapper > section.no-padding .section-title h3{margin-bottom:10px}
    .master-wrapper > section.no-padding .section-title .btn{background:none;padding:0px}

    .filter-wrapper .filter{height:auto}

    .page-about img.logo-about{margin-top:60px}
    
    /* page products title */
    .page-products .page-title{display:block;}
    .page-products .page-title h2{font-size: 30px;line-height:36px}
    .page-products .page-title li{font-size: 30px;line-height:36px}
    .page-products .page-title span{width:24px;height:24px}
    /* page product title */
    .page-product .page-title{margin-bottom: 40px;}
    .page-product .page-title h2{margin: 15px 0px 20px 0px;}

    .slick-prev,.slick-next{display:none!important}
}

@media (max-width: 500px){
	.products-wrapper .products-grid{grid-template-columns:1fr}
}


/* SLICK PLUG IN */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; height: 100%;}
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; height: 100%;}
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; background-position: center center;background-size: cover;}
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev,.slick-next{position:absolute;display:block;line-height:30px;cursor:pointer;background:transparent;color:transparent!important;padding:0;border:none;outline:none;z-index:1;font-family:'Work Sans';font-size:50px;font-weight:500;overflow:hidden;width:50%;height:100%;top:0;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before {font-size: 40px; line-height: 1; color: #fff; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev{left:0;cursor:url('../imgs/nav_prev.svg'), auto}
.levels .slick-prev{left:0;cursor:url('../imgs/nav_prev.svg'), auto}
.header-negative .slick-prev{left:0;cursor:url('../imgs/nav_prev_white.svg'), auto}
.header-negative .levels .slick-prev{left:0;cursor:url('../imgs/nav_prev_white.svg'), auto}
[dir="rtl"] .slick-prev { left: auto; right: 0; }
.page-work .slick-prev{left:0;cursor:url('../imgs/nav_prev_white.svg'), auto}
.page-work .levels .slick-prev{left:0;cursor:url('../imgs/nav_prev_white.svg'), auto}
[dir="rtl"] .slick-prev { left: auto; right: 0; }

.slick-next{right:0;cursor:url('../imgs/nav_next.svg'), auto; }
.levels .slick-next{right:0;cursor:url('../imgs/nav_next.svg'), auto; }
.header-negative .slick-next{right:0;cursor:url('../imgs/nav_next_white.svg'), auto}
.header-negative .levels .slick-next{right:0;cursor:url('../imgs/nav_next_white.svg'), auto}
[dir="rtl"] .slick-next { left: 0; right: auto; }
.page-work .slick-next{right:0;cursor:url('../imgs/nav_next_white.svg'), auto}
.page-work .levels .slick-next{right:0;cursor:url('../imgs/nav_next_white.svg'), auto}
[dir="rtl"] .slick-next { left: 0; right: auto; }