@charset "UTF-8";

@import url("reset.css");
@import url("fonts.css");
@import url("swiper-bundle.min.css");



:root{

	--app-height: 100vh;

	--c0: #E5E5E2;
	--c1: rgba(22,22,1,1);
	--c2: rgba(22,22,1,.5);
	--c3: rgba(22,22,1,.2);
	--c4: rgba(22,22,1,.1);
	--c5: rgba(211,211,207,1);
	--c6: rgba(211,211,207,.4);
	--c7: rgba(211,211,207,.7);

	--altfont: 'Beautique Display Condensed', serif;
	--altfontitalic: 'Beautique Display Condensed Italic', serif;

	--wr: 70rem;
	--awr: calc(-1 * var(--wr));
	--gap: 40rem;
	--sl: max(1px, 1rem);

	--vlg: repeating-linear-gradient(to right, rgba(0,0,0,0) 0% calc(100% - var(--sl)), var(--c3) calc(100% - var(--sl)) var(--sl), var(--c3) 100%);

	--f-xxs: max(10px, 12rem);
	--f-xs: max(10px, 14rem);
	--f-s: max(12px, 16rem);
	--f-d: max(14px, 18rem);
	--f-m: max(16px, 24rem);
	--f-b: max(18px, 32rem);
	--f-l: max(32px, 50rem);
	--f-xl: max(40px, 60rem);
	--f-xlq: max(30px, 62rem);
	--f-xl2: max(50px, 86rem);
	--f-xxl: max(60px, 170rem);    

}

@keyframes scroll_down {
	0% {transform: scaleX(0);transform-origin: left;}
	50% {transform: scaleX(1);transform-origin: left;}
	51% {transform: scaleX(1);transform-origin: right;}
	100% {transform: scaleX(0);transform-origin: right;}
}


/* globals */

@media screen {

	html{font-size: 0.052vw;background-color: var(--c5);}

	.document{font-weight: 300;font-family: 'Jost', sans-serif;font-size: var(--f-d);line-height: 1.5;color: var(--c1);background-color: var(--c0);opacity: 1;transition: opacity 1s 0s;}

	.no-scroll{overflow: hidden!important;}

	.vbl{opacity: .5;border-bottom: var(--sl) solid;display: inline-block;line-height: 1.1;}

	.wrapper,
	.page-title,
	.section-title{margin: 0 auto;padding: 0 var(--wr);max-width: 1920rem;width: 100%;}

	.altfont{font-family: var(--altfont);letter-spacing: .02em;font-weight: 300;line-height: 1.25;}
	.altfont i{font-family: var(--altfontitalic);}

	.icon{display: flex;max-height: 100%;align-items:center;justify-content:center;line-height: 0;max-width: 100%;width: auto;height: auto;}
	.cover,
	.contain{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-position: center;pointer-events: none;}
	.cover{object-fit: cover;}
	.contain{object-fit: contain;}
	.fill::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}

	.button{display: inline-flex;align-items: center;justify-content: center;max-width: 100%;user-select: none;cursor: pointer;position: relative;overflow: hidden;background-color: var(--c1);color: var(--c0);height: max(50px, 60rem);padding: 0 40rem;border: var(--sl) solid var(--c1);}
	.button-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;position: relative;z-index: 1;line-height: 1.1;font-weight: 300;font-size: var(--f-s);text-transform: uppercase;letter-spacing: .08em;}

	.button__wider{width: 100%;}

	.button-round{background-color: var(--c5);height: max(50px, 60rem);width: max(50px, 60rem);display: inline-flex;align-items: center;justify-content: center;user-select: none;cursor: pointer;position: relative;overflow: hidden;color: var(--c1);border-radius: 50%;}
	.button-round-icon{display: inline-flex;align-items: center;justify-content: center;width: 35rem;}

	.button-round .button-round-icon{color: rgba(0,0,0,0);}
	.button-round.active .button-round-icon{color: var(--c1);}

	.formbox{display: grid;grid-template-columns: auto;grid-gap: 30rem;overflow: hidden;}
	.formbox-row{margin: 0 -15rem;display: flex;}
	.formbox-cell{padding: 0 15rem;flex: 1;overflow: hidden;}

	.textfield{display: flex;width: 100%;border-radius: 0;overflow: hidden;padding-bottom: 10rem;border-bottom: var(--sl) solid var(--c3);display: flex;align-items: center;}
	.textfield-input{resize: none;width: 100%;min-height: 0;text-overflow: ellipsis;padding: 0;flex: auto;}
	.textfield-icon{flex: none;margin: 0 20rem;}
	.textfield-icon:first-child{margin-left: 0;}
	.textfield-icon:last-child{margin-right: 0;}

	.textfield__dropdown{cursor: pointer;user-select: none;}
	.textfield__dropdown .textfield-input,
	.textfield__dropdown .textfield-icon{pointer-events: none;}
	.textfield__dropdown.active .textfield-icon{transform: scaleY(-1);}

	.selectbox-list{position: absolute;width: 100%;z-index: 999;background-color: var(--c0);visibility: hidden;opacity: 0;min-width: 160rem;box-shadow: inset 0 0 0 var(--sl) var(--c3);margin-top: calc(-1 * var(--sl));}
	.selectbox-list.active{visibility: visible;opacity: 1;}
	.selectbox-list-item{position: relative;overflow: hidden;}
	.selectbox-list-item input{position: absolute;right: 100%;opacity: 0;}
	.selectbox-list-item input:checked ~ .selectbox-list-option{cursor: default;opacity: .5;}
	.selectbox-list-option{padding: 10rem 15rem;cursor: pointer;display: block;}

	.container{display: flex;flex-direction: column;min-height: 100vh;}

	.header{flex: none;height: 100rem;position: relative;z-index: 20;}

	.topbar{min-height: 100rem;padding: 20rem 0;display: flex;background-color: var(--c0);max-height: 90vh;overflow: hidden;}
	.topbar-grid{display: grid;grid-template-columns: auto auto 1fr;grid-template-rows: auto 1fr;grid-gap: 0 40rem;align-items: center;}
	.topbar-logo{width: 200rem;height: 60rem;position: relative;margin-right: 90rem;}
	.topbar-a1{position: relative;}
	.topbar-a2{display: flex;align-items: center;}
	.topbar-a3{display: flex;justify-content: space-between;align-items: center;position: relative;}
	.topbar-a4{grid-column: 3/-1;}
	.topbar-a5{grid-column: 2/-1;}
	.topbar-nav ul{display: grid;grid-auto-flow: column;grid-gap: 40rem;align-items: center;}
	.topbar-nav li{display: flex;align-items: center;}
	.topbar-nav li[data-sup]::before{content: "|";padding-right: 40rem;opacity: .2;}

	.topbar *[data-sup]{display: flex;align-items: center;}
	.topbar *[data-sup]::after{content: "(" attr(data-sup) ")";font-size: var(--f-xxs);margin-left: 5rem;width: max(10px, 10rem);height: max(10px, 10rem);display: flex;align-self: flex-start;}

	.topbar-submenu{display: flex;padding: 70rem 0;margin: 0 -15rem;}
	.topbar-submenu:not(.active){display: none;}

	.topbar-submenu-item{margin: 0 15rem;flex: 1;max-width: 400rem;}
	.topbar-submenu-nav{text-transform: uppercase;letter-spacing: .08em;font-size: var(--f-s);}
	.topbar-submenu-nav ul{display: grid;grid-template-columns: auto;grid-gap: 10rem;}

	.topbar-a2 a,
	.topbar-a3 a,
	.topbar-a6 a{text-transform: uppercase;letter-spacing: .08em;font-size: var(--f-s);}

	.topbar-nav-runner{position: absolute;left: 0;top: 0;width: 1rem;height: 1rem;display: flex;align-items: center;justify-content: center;margin-top: 80rem;opacity: 0;transition-duration: 0s;}
	.topbar-nav-runner.active{transition: all .5s;opacity: 1;}
	.topbar-nav-runner:not(.active){display: none;}
	.topbar-nav-runner::after{content: "";width: max(5px, 5rem);height: max(5px, 5rem);border-radius: 50%;flex: none;background-color: var(--c1);}

	.main{flex: auto;display: flex;flex-direction: column;}

	.footer{flex: none;background-color: var(--c5);padding: 100rem 0 40rem;margin-top: 100rem;overflow: hidden;}
	.footer-grid{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 180rem var(--gap);}

	.f1{display: flex;flex-direction: column;position: relative;}
	.f1-1{font-size: var(--f-xl);line-height: 1.1;}
	.f1-2{margin-top: 80rem;}
	.f1-2-1{display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);width: 100%;max-width: 675rem;border-bottom: var(--sl) solid;padding-bottom: 20rem;align-items: center;}
	.f1-2-1 .textfield{border-bottom: none;padding-bottom: 0;}
	.f1-2-1 .textfield-input{text-transform: uppercase;letter-spacing: .08em;font-size: var(--f-m);}
	.f1-3{visibility: hidden;position: absolute;top: 0;left: 0;font-size: var(--f-xl);line-height: 1.1;}

	.f1.success .f1-1,
	.f1.success .f1-2{visibility: hidden;}
	.f1.success .f1-3{visibility: visible;}

	.f2,
	.f3,
	.f4{text-transform: uppercase;letter-spacing: .08em;font-size: var(--f-s);}

	.f2{padding: 0 50rem 0 250rem;display: grid;grid-gap: var(--gap);grid-template-columns: 1fr auto;}
	.f2-1-1{margin-bottom: 100rem;}
	.f2-1-2 ul{display: grid;grid-template-columns: auto;grid-gap: 5rem;}
	.f3{display: flex;align-self: flex-end;}
	.f3-1{margin-right: 40rem;}
	.f3-1::after{content: "|";padding-left: 40rem;opacity: .2;}
	.f4{padding: 0 50rem 0 250rem;overflow: hidden;align-self: flex-end;}
	.f4-2{margin: 0 -10rem;}
	.f4-2 ul{display: flex;justify-content: space-between;}
	.f4-2 li{margin: 0 10rem;}


	.section{padding: 100rem 0 140rem;}
	.section:only-child{margin: auto 0;}

	.section-title{font-size: var(--f-xl);text-align: center;max-width: 1000rem;}
	.section-title:not(:last-child){margin-bottom: 100rem;}

	.quote{position: relative;max-width: 1420rem;font-size: var(--f-xlq);}

	.page-title{font-size: var(--f-xxl);line-height: .9;margin-top: 100rem;transition: opacity 1s 0s;}
	.page-title span{display: block;transition: transform 1s 0s;will-change: transform;}
	.page-title span:first-child{margin-right: 50%;margin-left: auto;width: min-content;}
	.page-title span:last-child{padding-left: 50%;}
	.page-title span:only-child{text-align: center;margin: 0 auto;width: auto;padding: 0;}

	.toolbar{position: sticky;top: 0;z-index: 15;overflow: hidden;}
	.toolbar-fixed .toolbar{outline: var(--sl) solid var(--c3);}
	.toolbar-inner{background-color: var(--c0);position: relative;}
	.toolbar-grid{display: grid;align-items: center;grid-template-columns: repeat(4, 1fr);grid-gap: 0;padding: 30rem 0 20rem;}
	.toolbar-results{display: inline-grid;grid-auto-flow: column;grid-gap: 15rem;align-items: baseline;margin-right: auto;}
	.toolbar-results-reset::before{content: "|";margin-right: 15rem;opacity: .2;}
	.toolbar-options{grid-column-end: span 2;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);padding-left: 75rem;}

	.toolbar-button{display: inline-flex;align-items: center;font-size: var(--f-s);line-height: 1;}
	.toolbar-button-text{text-transform: uppercase;letter-spacing: .08em;}
	.toolbar-button-suffix{font-size: var(--f-xxs);margin-left: 5rem;height: max(10px, 10rem);display: flex;align-self: flex-start;}
	.toolbar-button-icon{display: inline-flex;width: max(14px, 14rem);height: 1em;align-items: center;justify-content: center;margin-left: 15rem;}
	.toolbar-button.active .toolbar-button-icon{transform: scaleY(-1);}
	.toolbar-search{margin-left: auto;padding-left: 40rem;}

	.filter-group{border-top: var(--sl) solid var(--c3);display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 0;}
	.filter-group:not(.active){display: none;}
	.filter-group-inner{grid-column: 2/4;padding-left: 75rem;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);}
	.filter-content{padding: 20rem 0 70rem;}
	.filter-group-inner__a .filter-content{grid-column: 1/3;}
	.filter-group-inner__b .filter-content{grid-column: 2/4;}
	.filter-group-inner__c .filter-content{grid-column: 1/-1;padding: 90rem 0 70rem;}
	.filter-list{display: grid;grid-template-columns: auto;grid-gap: 15rem;line-height: 1;}

	.checkbox{display: inline-flex;overflow: hidden;position: relative;align-items: center;}
	.checkbox-control{position: absolute;right: 100%;width: 0;height: 0;opacity: 0;}
	.checkbox-icon{cursor: pointer;overflow: hidden;flex: none;width: max(15px, 15rem);height: max(15px, 15rem);border: var(--sl) solid var(--c3);margin-right: 10rem;background-position: center;background-repeat: no-repeat;background-size: cover;background-clip: content-box;}
	.checkbox-text{cursor: pointer;overflow: hidden;text-overflow: ellipsis;flex: auto;min-width: 0;white-space: nowrap;text-transform: uppercase;letter-spacing: .08em;font-size: var(--f-s);}
	.checkbox__round .checkbox-icon{width: max(25px, 30rem);height: max(25px, 30rem);border-radius: 50%;margin-right: 15rem;border-color: var(--c4);}

	.checkbox-control:checked ~ .checkbox-icon{border-color: var(--c1);background-color: var(--c1);}

	.breadcrumbs{margin-top: 100rem;}
	.breadcrumbs ul{display: flex;flex-wrap: wrap;}
	.breadcrumbs ul li{margin-right: .3em;display: inline-flex;align-items: baseline;}
	.breadcrumbs ul li:not(:first-child)::before{content: "/";margin-right: .3em;}
	.breadcrumbs ul li:last-child{opacity: .4;}

	.popup{position: fixed;top: 50%;left: 50%;z-index: 100;transform: translate(-50%, -50%);background-color: var(--c0);color: var(--c1);padding: 70rem 80rem;width: 100%;max-width: 780rem;visibility: hidden;}
	.popup-close{position: absolute;top: 0;right: 0;display: inline-flex;align-items: center;justify-content: center;width: max(30px, 36rem);height: max(30px, 36rem);cursor: pointer;margin: 20rem;}

	.overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;background-color: var(--c2);opacity: 0;visibility: hidden;transition: all 0s;}
	.overlay__popup{z-index: 90;}

	.popup.active{visibility: visible;}

	.popup.active ~.overlay,
	.overlay.active,
	.filter-active.toolbar-fixed .overlay__content{visibility: visible;opacity: 1;}

	.overlay__content.active{z-index: 15;}

	.follow{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;will-change: transform;}
	.slide_up{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;overflow: hidden;transition: clip-path 1s .25s;clip-path: inset(0% 0 0 0);}
	.slide_up.disabled{clip-path: inset(100% 0 0 0);transition-delay: 0s;}
	.slide_up img{transform: translateY(-10%) scale(1.1);object-position: top center;}

	.cookies-alert{position: fixed;bottom: calc(100vh - var(--app-height));right: 0;z-index: 99;width: 100%;max-width: 450rem;padding: 20rem 40rem;}
	.cookies-alert-wrapper{border: var(--sl) solid;background-color: var(--c0);padding: 30rem 35rem;}
	.cookies-alert-text{user-select: none;}
	.cookies-alert-text a{display: inline;border-bottom: var(--sl) solid;}
	.cookies-alert-action{margin-top: 30rem;}

}

/* cards */

@media screen {

	.card-1{position: relative;user-select: none;padding: 75rem;}
	.card-1 .card-header{position: relative;display: flex;overflow: hidden;line-height: 1;}
	.card-1 .card-header::before{content: "";flex: none;padding-top: 140%;width: 0;}
	.card-1 .card-image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
	.card-1 .card-link{position: absolute;bottom: -1rem;left: 0;width: 100%;text-align: center;z-index: 2;font-size: var(--f-s);text-transform: uppercase;letter-spacing: .08em;padding: 15rem;background-color: var(--c7);line-height: 1;}
	.card-1 .card-title{text-align: center;margin-top: 25rem;font-size: var(--f-b);}
	.card-1 .card-subtitle{text-align: center;margin-top: 10rem;text-transform: uppercase;letter-spacing: .08em;opacity: .4;font-size: var(--f-xs);}
	.card-1 .card-label{display: inline-flex;position: absolute;bottom: 0;left: 0;width: 100%;height: 75rem;overflow: hidden;align-items: center;justify-content: center;z-index: 2;cursor: pointer;color: rgba(0,0,0,0);padding: 15rem 0;}
	.card-1 .card-label.active{color: var(--c1);}

	.card-2{position: relative;user-select: none;}
	.card-2 .card-header{display: flex;position: relative;overflow: hidden;}
	.card-2 .card-header::before{content: "";flex: none;padding-top: 150%;width: 0;}
	.card-2 .card-image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
	.card-2 .card-header-inner{position: relative;z-index: 1;display: flex;flex-direction: column;justify-content: flex-end;padding: 35rem;background-image: linear-gradient(rgba(0,0,0,0) 33.33%, var(--c3), var(--c1));width: 100%;color: var(--c0);}
	.card-2 .card-title{font-size: var(--f-b);}
	.card-2 .card-subtitle{text-transform: uppercase;letter-spacing: .08em;margin-top: 10rem;font-size: var(--f-s);}
	.card-2 .card-link{margin-top: 10rem;font-size: var(--f-m);overflow: hidden;}

	.card-3{position: relative;user-select: none;}
	.card-3 .card-header{position: relative;display: flex;overflow: hidden;}
	.card-3 .card-header::before{content: "";flex: none;padding-top: 150%;width: 0;}
	.card-3 .card-image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
	.card-3 .card-title{text-align: center;margin-top: 30rem;font-size: var(--f-l);padding: 0 40rem;overflow: hidden;}

	.card-4{position: relative;user-select: none;display: flex;flex-direction: column;align-items: center;pointer-events: none;}
	.card-4 .card-header{position: relative;display: flex;overflow: hidden;line-height: 1;width: 100%;max-width: 260rem;}
	.card-4 .card-header::before{content: "";flex: none;padding-top: 140%;width: 0;}
	.card-4 .card-image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
	.card-4 .card-title{text-align: center;margin-bottom: 50rem;font-size: var(--f-l);}
	.card-4 .card-subtitle{text-align: center;margin-top: 50rem;font-size: var(--f-m);}

	.card-5{position: relative;user-select: none;display: flex;flex-direction: column;align-items: center;min-height: 100%;}
	.card-5 .card-header{position: relative;display: flex;overflow: hidden;line-height: 1;width: 100%;flex: auto;}
	.card-5 .card-header::before{content: "";flex: none;padding-top: 60%;width: 0;}
	.card-5 .card-image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
	.card-5 .card-title{margin-top: 10rem;font-size: var(--f-s);flex: none;width: 100%;overflow: hidden;text-overflow: ellipsis;text-transform: uppercase;letter-spacing: .08em;}

}


/* sections */

@media screen {

	.s1-1{}

	.s2-1{display: flex;flex-direction: column;align-items: center;}
	.s2-2{font-size: var(--f-l);text-align: center;}
	.s2-3{margin-top: 100rem;width: 100%;max-width: 320rem;}
	.s2-4{text-align: center;margin-top: 20rem;}
	.s3-1 {border-top: var(--sl) solid var(--c3);display: grid;grid-template-columns: repeat(4, 1fr);background-image: var(--vlg), var(--vlg), var(--vlg);background-position: left top;background-size: 25%, 50%, 75%;background-repeat: repeat-y;
	}

	.s3-1_new .products.columns-4{border-top: var(--sl) solid var(--c3);display: grid;grid-template-columns: repeat(4, 1fr);background-image: var(--vlg), var(--vlg), var(--vlg);background-position: left top;background-size: 25%, 50%, 75%;background-repeat: repeat-y;}
	.s3-1_new p.woocommerce-result-count, .s3-1_new form.woocommerce-ordering {display: none;!important}
	nav.woocommerce-pagination span.page-numbers.current { position: relative;font-weight: 700; transition:all 3s ease;}
	span.page-numbers.current:after {content: '';position: absolute;bottom: 0rem;width: 100%;left: 0;height: 1px;background-color: #000; transition:all 3s ease;}
	nav.woocommerce-pagination {margin-top: 50rem;display: flex;justify-content: center;gap: 10rem;}
	.s3-2{border-bottom: var(--sl) solid var(--c3);display: grid;grid-gap: 0;overflow: hidden;}


	.s4{padding-top: 50rem;}
	.s4-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 30rem var(--gap);align-items: flex-start;}
	.s4-2{position: relative;display: flex;grid-column: 1/-1;}
	.s4-2::before{content: "";flex: none;width: 0;padding-top: 35%;}
	.s4-3{font-size: var(--f-xl);}
	.s4-4{}
	.s4-5{display: grid;grid-template-columns: auto;grid-gap: 20rem;}
	.s4-6{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: baseline;}
	.s4-6:not(:first-child){padding-top: 20rem;border-top: var(--sl) solid var(--c3);}
	.s4-6-1{font-size: var(--f-m);}
	.s4-6-2{text-align: right;}
	.s4-7{margin-top: 70rem;}

	.s5-2{position: relative;display: flex;grid-column: 1/-1;}
	.s5-2::before{content: "";flex: none;width: 0;padding-top: 35%;}
	.s5-3{margin-top: 70rem;display: grid;align-items: center;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
	.s5-3:not(:last-child){padding-bottom: 60rem;border-bottom: var(--sl) solid var(--c3);}
	.s5-3-1{font-size: var(--f-xl);}
	.s5-3-2{max-width: 485rem;}
	.s5-4{margin-top: 50rem;display: grid;grid-template-columns: auto;grid-gap: 30rem;counter-reset: index;}
	.s5-5{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);border-bottom: var(--sl) solid var(--c3);padding-bottom: 30rem;counter-increment: index;position: relative;}
	.s5-6{max-width: 485rem;grid-column-start: 2;}
	.s5-6-1{font-size: var(--f-b);}
	.s5-6-1::before{content: counter(index, decimal-leading-zero) ".";position: absolute;left: 0;top: 0;}
	.s5-6-2{margin-top: 20rem;}

	.s6-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 50rem var(--gap);}
	.s6-2{font-size: var(--f-xl);display: flex;align-items: flex-end;}
	.s6-3{overflow: hidden;}
	.s6-4{display: grid;grid-template-columns: 1fr 1fr;margin: auto 0;padding: 30rem 0;}
	.s6-5{position: relative;display: flex;}
	.s6-5::before{content: "";flex: none;width: 0;padding-top: 70%;}
	.s6-5-1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	.s6-5-2{position: absolute;top: 100%;left: 0;margin-top: 15rem;}
	.s6-6{padding-right: var(--gap);display: grid;grid-template-columns: auto;grid-gap: 50rem;}
	.s6-7{}
	.s6-7-1{font-size: var(--f-m);}
	.s6-7-2{margin-top: 20rem;font-size: var(--f-s);text-transform: uppercase;letter-spacing: .08em;}
	.s6-7-2 ul{display: grid;grid-template-columns: auto;grid-gap: 5rem;}
	.s6-8{font-size: var(--f-xl2);}

	.s7-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);align-items: flex-start;}
	.s7-2{grid-column-end: span 3;position: relative;display: flex;}
	.s7-2::before{content: "";flex: none;width: 0;padding-top: 60%;}
	.s7-3{display: grid;grid-template-columns: auto;grid-gap: 240rem;}
	.s7-4{margin-top: 150rem;display: grid;grid-gap: var(--gap);grid-template-columns: 1fr 1fr;}
	.s7-4-1{position: relative;display: flex;}
	.s7-4-1::before{content: "";flex: none;width: 0;padding-top: 75%;}
	.s7-5{margin-top: 70rem;}

	.s8-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 85rem var(--gap);}

	.s9-1{margin-bottom: 30rem;display: flex;justify-content: flex-end;}
	.s9-2{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 85rem var(--gap);}

	.s10-1{display: grid;grid-template-columns: auto;grid-gap: 160rem;}
	.s10-2{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 50rem var(--gap);align-items: flex-start;}
	.s10-3{position: relative;display: flex;}
	.s10-3::before{content: "";flex: none;width: 0;padding-top: 100%;}
	.s10-4{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 25rem;padding-right: 25%;}
	.s10-5{position: relative;display: flex;grid-column: 1/-1;}
	.s10-5::before{content: "";flex: none;width: 0;padding-top: 45%;}
	.s10-6{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
	.s10-8-1{margin-bottom: 5rem;font-size: var(--f-xs);}
	.s10-8-2{margin-bottom: 40rem;font-size: var(--f-b);}
	.s10-8-4{margin-top: 30rem;}

	.s11-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);background-color: var(--c6);}
	.s11-2{padding: 75rem 50rem;display: grid;grid-template-rows: 1fr auto 1fr;grid-gap: 50rem;}
	.s11-2::before{content: "";}
	.s11-3{position: relative;margin-left: calc(-1 * var(--gap));display: flex;}
	.s11-3::before{content: "";flex: none;width: 0;padding-top: 100%;}
	.s11-3 .carousel{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	.s11-4{overflow: hidden;position: relative;padding: 0 175rem;}
	.s11-4 .swiper-wrapper{align-items: flex-start;}
	.s11-4 .carousel-button{z-index: 1;position: absolute;top: 50%;transform: translateY(-50%);display: inline-flex;align-items: center;justify-content: center;cursor: pointer;height: max(25px, 25rem);width: max(15px, 15rem);}
	.s11-4 .carousel-button-prev{left: 0;}
	.s11-4 .carousel-button-next{right: 0;}
	.s11-5{text-align: center;margin-top: auto;}
	.s11-6{position: relative;width: 100%;height: 100%;transition: clip-path 1s 0s;clip-path: inset(100% 0 0 0);}

	.s11-3 .swiper-slide{opacity: 1!important;}
	.s11-3 .swiper-slide-active .s11-6{clip-path: inset(0% 0 0 0);transition-delay: 1s;}

	.s12{padding-top: 25rem;}
	.s12-1{display: grid;grid-template-columns: auto;grid-gap: 120rem;}
	.s12-2{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: flex-start;}
	.s12-3{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: baseline;}
	.s12-4{margin-right: calc(-1 * var(--gap));overflow: hidden;}
	.s12-5{padding: 60rem 150rem;}
	.s12-6{overflow: hidden;position: relative;user-select: none;}
	.s12-6 .carousel-button{z-index: 1;position: absolute;top: 50%;transform: translateY(-50%);display: inline-flex;align-items: center;justify-content: center;cursor: pointer;height: max(40px, 50rem);width: max(40px, 50rem);padding: 15rem;background-color: var(--c2);color: var(--c0);margin: 0 20rem;}
	.s12-6 .carousel-button-prev{left: 0;}
	.s12-6 .carousel-button-next{right: 0;}
	.s12-7{overflow: hidden;margin: 10rem -5rem 0;user-select: none;}
	.s12-7 .s12-11{margin: 0 5rem;cursor: pointer;}
	.s12-8-1{font-size: var(--f-l);}
	.s12-8-2{margin-top: 100rem;}
	.s12-9{margin-top: 40rem;border-top: var(--sl) solid var(--c3);}
	.s12-10{display: grid;grid-template-columns: 1fr auto;grid-gap: 15rem;margin-top: 100rem;}
	.s12-11{position: relative;display: flex;}
	.s12-11::before{content: "";flex: none;width: 0;padding-top: 100%;}
	.s12-12{font-size: var(--f-l);}
	.s12-13{padding: 20rem 0;border-bottom: var(--sl) solid var(--c3);display: grid;grid-template-columns: .75fr 1fr;}
	.s12-13-1,
	.s12-13-2{text-transform: uppercase;letter-spacing: .08em;font-size: var(--f-s);}
	.s12-13-1{padding-right: 50rem;opacity: .4;}
	.s12-14{border-top: var(--sl) solid var(--c3);}
	.s12-15{padding: 15rem 0;border-bottom: var(--sl) solid var(--c3);display: grid;grid-template-columns: 1fr 1fr;}
	.s12-15-1{padding-right: 50rem;}
	.s12-15-2{text-transform: uppercase;letter-spacing: .08em;font-size: var(--f-s);}
	.s12-16{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 30rem;}
	.s12-17{}
	.s12-17-1{text-align: center;margin-bottom: 20rem;font-size: var(--f-s);text-transform: uppercase;letter-spacing: .08em;opacity: .4;}
	.s12-17-2{width: 100%;position: relative;display: flex;}
	.s12-17-2::before{content: "";flex: none;width: 0;padding-top: 100%;}

	.s13-1{overflow: hidden;}
	.s13-1 .carousel{margin: 0 -10rem;}
	.s13-1 .swiper-wrapper{transition-timing-function: linear!important;}
	.s13-2{position: relative;display: flex;margin: 0 10rem;}
	.s13-2::before{content: "";flex: none;width: 0;padding-top: 100%;}

	.s14-1{overflow: hidden;}
	.s14-1 .carousel{margin: 0 -30rem;}
	.s14-1 .swiper-wrapper{transition-timing-function: linear!important;}
	.s14-2{position: relative;display: flex;margin: 0 30rem;}
	.s14-2::before{content: "";flex: none;width: 0;padding-top: 30%;}

	.s15-1{display: flex;overflow: hidden;}
	.s15-2{display: flex;overflow: hidden;position: relative;height: 50vw;z-index: 1;flex-basis: 0%;flex-shrink: 1;flex-grow: 1;}
	.s15-3{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

	.s16-1{}
	.s16-2{padding: 40rem 0;position: relative;display: flex;justify-content: center;}
	.s16-2:not(:first-child){border-top: var(--sl) solid var(--c3);}
	.s16-3{font-size: var(--f-l);overflow: hidden;position: relative;display: block;}
	.s16-3-1{display: block;color: var(--c3);}
	.s16-3-1::after{content: attr(data-title);position: absolute;top: 100%;left: 0;color: var(--c1);}
	.s16-4{opacity: .2;}
	.s16-5{width: 40%;position: absolute;top: 50%;transform: translateY(-50%);left: 0;opacity: 0;z-index: 2;pointer-events: none;display: flex;}
	.s16-5::before{content: "";flex: none;width: 0;padding-top: 100%;}
	.s16-7{height: 0;opacity: 0;width: 0;flex: none;}
	.s16-8{display: flex;align-items: flex-start;}

	.s17{padding-top: 30rem;user-select: none;overflow: hidden;}
	.s17-1{}
	.s17-2{font-size: var(--f-xxl);position: relative;z-index: 1;padding-left: 120rem;transition: all 1s;will-change: transform;}
	.s17-3{position: relative;z-index: 2;height: 55vw;margin: -20vw 0 -25vw;pointer-events: none!important;}
	.s17-3 .carousel,
	.s17-3 .canvas{width: 100%;height: 100%;position: relative;}

	.s17-3 .canvas canvas{position: absolute;top: 0;left: 0;object-fit: contain;object-position: center;width: 100%!important;height: 100%!important;}
	.s17-3 .canvas img{position: absolute;pointer-events: none;visibility: hidden;}

	.s17-3 .swiper-slide img{transition: transform 1.5s;will-change: transform;transform: scale(1.05);}
	.s17-3 .swiper-slide-active img{transform: scale(1);}

	.s17-4{font-size: var(--f-xxl);position: relative;z-index: 3;text-align: right;padding-right: 200rem;transition: all 1s;will-change: transform;}
	.s17-5{display: grid;grid-template-columns: repeat(3, 1fr);position: relative;z-index: 2;}
	.s17-6{overflow: hidden;}
	/*.s17-7{pointer-events: all;}*/
	.swiper-slide-active .s17-7{pointer-events: all;}
	.s17-7-1{font-size: var(--f-b);}
	.s17-7-2{margin-top: 25rem;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
	.s17-7-3{margin-top: 40rem;}
	.s17-8{position: sticky;bottom: calc(100vh - var(--app-height) + 40rem);display: flex;align-items: center;z-index: 10;justify-content: flex-end;font-size: var(--f-xs);white-space: nowrap;height: 0;transform: rotate(90deg);transform-origin: right bottom;}
	.s17-8::after{content: "";height: var(--sl);width: 120rem;flex: none;margin-left: 20rem;line-height: 1;background-color: currentColor;animation: scroll_down 2s 1s infinite}
	.s17-9{opacity: .5;font-size: var(--f-xs);margin-bottom: 30rem;line-height: 1;}
	.s17-10{overflow: hidden;margin-top: calc(-1 * (var(--f-xxs) + 30rem) );}
	.s17-11{position: relative;display: flex;height: 0;z-index: 5;align-items: center;justify-content: space-between}
	.s17-11 .carousel-button{z-index: 1;position: relative;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;height: max(25px, 25rem);width: max(15px, 15rem);opacity: .5;}

	.s18-2{margin-bottom: 40rem;font-size: var(--f-l);}
	.s18-3{}
	.s18-4{margin-top: 70rem;}

	.s19-1{min-height: 500rem;display: flex;align-items: center;justify-content: center;text-align: center;flex-direction: column;}
	.s19-1-1{font-size: var(--f-l);}
	.s19-1-2{margin-top: 30rem;max-width: 480rem;}

	.s404-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap) 0;padding: 0 180rem;}
	.s404-2{grid-column: 1/3;grid-row: 1/3;font-size: var(--f-xxl);line-height: .9;}
	.s404-3{grid-column: 3/4;grid-row: 2/3;font-size: var(--f-s);text-transform: uppercase;letter-spacing: .08em;display: flex;margin-left: auto;}
	.s404-3-1{}
	.s404-4{grid-column: 1/2;font-size: var(--f-s);text-transform: uppercase;letter-spacing: .08em;}
	.s404-5{grid-column: 2/4;position: relative;pointer-events: none;}
	.s404-5-1{width: 600rem;height: 900rem;flex: none;position: absolute;top: 50%;left: 50%;z-index: 1;margin: -500rem 0 0 -350rem;}
	.s404-6{grid-column: 3/4;display: flex;flex-direction: column;margin-left: auto;}
	.s404-6-1{font-size: var(--f-xxl);line-height: .9;}
	.s404-6-2{font-size: var(--f-s);text-transform: uppercase;letter-spacing: .08em;margin-top: 40rem;}
	.s404-7{grid-column: 1/-1;display: flex;justify-content: center;}
	.s404-7 .button{max-width: 280rem;}

}


/* loading animation */

@media screen {


	.loading{opacity: 0.01;transition-duration: 0s;}

	.loading .page-title.animated{opacity: 0.01;transition-duration: 0s;transition-delay: 0s;}
	.loading .page-title.animated span{transition-duration: 0s;transition-delay: 0s;}
	.loading .page-title.animated span:first-child{transform: translateX(-50rem);}
	.loading .page-title.animated span:last-child{transform: translateX(50rem);}

	.loading .s17-2{opacity: 0.01;transform: translateX(-50rem);transition-duration: 0s;transition-delay: 0s;}
	.loading .s17-4{opacity: 0.01;transform: translateX(50rem);transition-duration: 0s;transition-delay: 0s;}

}


@media screen and (max-width: 1023.98px) {

	html{font-size: 1px;}

	:root{

		--wr: 20rem;
		--gap: 10rem;

		--f-xxs: max(10rem);
		--f-xs: max(10rem);
		--f-s: max(12rem);
		--f-d: max(14rem);
		--f-m: max(16rem);
		--f-b: max(18rem);
		--f-l: max(32rem);
		--f-xl: max(40rem);
		--f-xlq: max(30rem);
		--f-xl2: max(50rem);
		--f-xxl: max(60rem); 

	}

	.desktop{display: none!important;}

	.wrapper,
	.page-title,
	.section-title{max-width: 480rem;}

	.altfont{line-height: 1;}

	.button{height: 50rem;}
	.button-round{width: 50rem;height: 50rem;}

	.header{height: auto;position: fixed;top: 0;z-index: 80;background-color: var(--c0);display: flex;flex-direction: column;width: 100%;}
	.topbar{padding: 10rem 0;min-height: 60rem;background-color: transparent;}
	.topbar-grid{grid-template-columns: 1fr auto auto;grid-gap: 0 15rem;}
	.topbar-logo{width: 32rem;height: 40rem;}

	.burger{width: 20rem;height: 20rem;background-color: var(--c1);border-radius: 50%;overflow: hidden;line-height: 1;border: 2rem solid currentColor;}

	.main{min-height: 500rem;margin-top: 60rem;}

	.section{padding: 20rem 0 80rem;}

	.section-title{text-align: left;}
	.section-title:not(:last-child){margin-bottom: 30rem;}

	.page-title{margin-top: 40rem;margin-bottom: 20rem;}
	.page-title span:first-child{margin-left: 0;margin-right: auto;text-align: left;}
	.page-title span:last-child:not(:only-child){padding-left: 50rem;margin-left: 0!important;}

	.footer{margin-top: 40rem;padding: 60rem 0 15rem;}
	.footer-grid{grid-template-columns: 1fr 1fr;grid-gap: 0;}
	.f1{padding: 0;grid-column: 1/-1;margin-bottom: 100rem;}
	.f1-2{margin-top: 50rem;}
	.f1-2-1{padding-bottom: 15rem;}
	.f2{padding: 0 var(--gap) 0 0;grid-template-columns: auto;grid-gap: 60rem;}
	.f2-1-1{margin-bottom: 30rem;}
	.f3{padding: 0;order: 1;grid-column: 1/-1;flex-direction: column;margin-top: 100rem;}
	.f3-1{margin-right: 0;margin-top: 15rem;opacity: .4;order: 1;max-width: 215rem;}
	.f3-1::after{display: none;}
	.f4{padding: 0;align-self: flex-start;}
	.f4-1{margin-bottom: 30rem;}
	.f4-2{margin: 0;}
	.f4-2 ul{display: grid;grid-template-columns: auto;grid-gap: 5rem;}
	.f4-2 li{margin: 0;}

	.toolbar{top: 60rem;}
	.toolbar-grid{padding: 15rem 0;grid-template-columns: 2fr 1fr;grid-gap: 0;}
	.toolbar-options{padding: 0;grid-template-columns: 1fr 1fr;grid-auto-flow: column;grid-gap: var(--gap);grid-column: auto;}
	.toolbar-button{white-space: nowrap;}
	.toolbar-button-icon{margin-left: 5rem;}
	.toolbar-search{padding-left: 20rem;}

	.filter-group-inner{padding: 0;grid-column: 1/-1;grid-gap: 0;}
	.filter-content{padding: 20rem 0 40rem;}
	.filter-group-inner__c .filter-content{padding: 40rem 0 60rem;}
	.filter-group-reset{margin-top: 30rem;grid-column: 1/-1;}
	.filter-list{grid-gap: 10rem;}

	.quote{font-size: var(--f-xlq);}

	.breadcrumbs{margin-top: 25rem;}

	.card-1{padding: 40rem 15rem;}
	.card-1 .card-title{margin-top: 10rem;}
	.card-1 .card-subtitle{margin-top: 10rem;}
	.card-1 .card-link{display: none;}
	.card-1 .card-label{position: relative;padding: 15rem 0 0;height: auto;display: none;}

	.card-2 .card-header-inner{padding: 25rem;}
	.card-2 .card-title{font-size: var(--f-l);}

	.card-3 .card-title{padding: 0 5rem;margin-top: 15rem;}

	.card-4 .card-title{font-size: var(--f-b);margin-bottom: 15rem;}
	.card-4 .card-subtitle{display: none;}

	.s2-2{max-width: 265rem;}
	.s2-3{max-width: 225rem;margin-top: 50rem;}
	.s2-4{margin-top: 15rem;max-width: 265rem;}

	.s3-1{grid-template-columns: 1fr 1fr;background-image: var(--vlg);background-size: 50%;}
	.s3-1_new .products.columns-4 {grid-template-columns: 1fr 1fr;background-image: var(--vlg);background-size: 50%;}
	.s3-2:nth-child(even){padding-left: var(--wr);}
	.s3-2:nth-child(odd){padding-right: var(--wr);}
	.s3-2:last-child:nth-child(2n + 1){grid-template-columns: repeat(2, 1fr);grid-column: 1/-1;padding-right: 40rem;}

	.s4-1{grid-template-columns: auto;grid-gap: 0;}
	.s4-2::before{padding-top: 75%;}
	.s4-3{margin-top: 20rem;}
	.s4-3 i{display: block;text-align: right;}
	.s4-4{margin-top: 40rem;}
	.s4-5{grid-gap: 15rem;}
	.s4-6{grid-template-columns: 130rem 1fr;border-bottom: var(--sl) solid var(--c3);padding-bottom: 15rem;}
	.s4-6:not(:first-child){border-top: none;padding-top: 0;}
	.s4-7{margin-top: 50rem;}

	.s5-2::before{padding-top: 75%;}
	.s5-3{grid-template-columns: auto;margin-top: 40rem;grid-gap: 30rem;}
	.s5-3:not(:last-child){padding-bottom: 40rem;}
	.s5-4{margin-top: 15rem;grid-gap: 15rem;}
	.s5-5{padding-bottom: 15rem;grid-template-columns: auto;grid-gap: 0;}
	.s5-6{grid-column: auto;}
	.s5-6-1::before{position: relative;}
	.s5-6-2{padding-left: 35rem;margin-top: 10rem;}

	.s6-1{grid-template-columns: auto;grid-gap: 0;}
	.s6-2{margin-bottom: 40rem;}
	.s6-4{padding: 0;order: 1;margin: 30rem 0 0;grid-template-columns: auto;grid-gap: 30rem;}
	.s6-5{display: grid;grid-template-columns: auto;grid-gap: 0;margin-top: 15rem;}
	.s6-5::before{display: none;}
	.s6-5-1{display: flex;position: relative;height: auto;}
	.s6-5-1::before{content: "";flex: none;width: 0;padding-top: 75%;}
	.s6-5-2{position: static;margin-top: 10rem;top: 0;}
	.s6-6{grid-gap: 30rem;}
	.s6-7-1{font-size: var(--f-b);}
	.s6-7-1 br{display: none;}
	.s6-7-2{margin-top: 10rem;}
	.s6-8{font-size: var(--f-l);}

	.s7-1{grid-template-columns: auto;grid-gap: 30rem;}
	.s7-2{grid-column: auto;}
	.s7-2::before{padding-top: 75%;}
	.s7-3{grid-gap: .5em;}
	.s7-4{margin-top: 30rem;grid-template-columns: auto;}
	.s7-5{margin-top: 30rem;}

	.s8-1{grid-template-columns: auto;grid-gap: 30rem;}

	.s9-1{margin-bottom: 15rem;}
	.s9-2{grid-template-columns: 1fr 1fr;grid-gap: 30rem var(--gap);}

	.s10-1{grid-gap: 60rem;}
	.s10-2{grid-template-columns: auto;grid-gap: 0;}
	.s10-3{margin: 0;}
	.s10-3::before{padding-top: 75%;}
	.s10-4{padding: 0;grid-gap: 15rem;margin-bottom: 15rem;}
	.s10-5{margin-bottom: 0;}
	.s10-5::before{padding-top: 75%;}
	.s10-6{grid-template-columns: auto;}
	.s10-8{margin-top: 0;}
	.s10-8-1{margin-top: 15rem;}
	.s10-8-2{margin-bottom: 20rem;}
	.s10-8-4{margin-top: 40rem;}

	.s11-1{grid-gap: 0;margin: 0 var(--awr);}
	.s11-2{padding: 40rem 30rem;grid-gap: 30rem;grid-template-rows: 1fr auto;}
	.s11-2::before{display: none;}
	.s11-3{margin-left: 0;}
	.s11-4{padding: 0;}
	.s11-4 .carousel-button{display: none;}
	.s11-7{margin-top: 15rem;display: flex;justify-content: flex-end;}
	.s11-8{display: inline-grid;grid-auto-flow: column;grid-gap: 20rem;}
	.s11-8 .carousel-button{width: 25rem;height: 25rem;display: flex;align-items: center;justify-content: center;}
	.s11-8 .carousel-button-prev{transform: scaleX(-1);}

	.s12{padding-top: 15rem;}
	.s12-1{grid-gap: 60rem;}
	.s12-2{grid-template-columns: auto;grid-gap: 40rem;}
	.s12-3{grid-template-columns: auto;grid-gap: 30rem;}
	.s12-4{margin: 0;}
	.s12-5{padding: 0;}
	.s12-6 .carousel-button{width: 30rem;height: 30rem;padding: 5rem;margin: 0 10rem;}
	.s12-8-2{margin-top: 20rem;}
	.s12-9{margin: 20rem 0 30rem;}
	.s12-10{grid-gap: 10rem;margin-top: 0;position: sticky;bottom: calc(100vh - var(--app-height) + 20rem);z-index: 1;}
	.s12-13{padding: 10rem 0;}
	.s12-15{padding: 10rem 0;grid-template-columns: .75fr 1fr;grid-gap: 15rem;}
	.s12-15-1{padding-right: 0;}
	.s12-16{grid-template-columns: 1fr 1fr;grid-gap: 30rem 20rem;}

	.s13-1{margin-top: 50rem;}
	.s13-2 .carousel{margin: 0 -5rem;}
	.s13-2{margin: 0 5rem;}

	.s14-1{margin-top: 50rem;}
	.s14-2 .carousel{margin: 0 -20rem;}
	.s14-2{margin: 0 20rem;height: 40rem;}

	.s15-1{display: grid;grid-template-columns: 1fr 1fr;padding: 0 var(--wr);grid-gap: var(--gap);}
	.s15-2{height: auto;}
	.s15-2::before{content: "";flex: none;width: 0;padding-top: 125%;}
	.s15-2:nth-child(1),
	.s15-2:nth-child(4),
	.s15-2:nth-child(5){grid-column: 1/-1;}
	.s15-4{margin: 40rem var(--wr) 0;}

	.s16{overflow: hidden;}
	.s16-2{padding: 20rem 0;justify-content: space-between;display: grid;grid-template-columns: 1fr auto;grid-gap: 0 30rem;align-items: flex-start;}
	.s16-2:last-child{border-bottom: var(--sl) solid var(--c3);}
	.s16-3{line-height: 1.25;display: inline;margin-right: .25rem;}
	.s16-3-1{display: inline;}
	.s16-3-1::after{display: none;}
	.s16-4{display: inline-block;line-height: 1;height: var(--f-l);vertical-align: text-bottom;}
	.s16-5{display: none;}
	.s16-6{color: var(--c2);display: inline-flex;align-items: center;height: calc(var(--f-l) * 1.25);}
	.s16-7{width: auto;height: auto;opacity: 1;}
	.s16-7-1{padding: 20rem 0 25rem;}
	.s16-7-2{position: relative;overflow: hidden;}
	.s16-8{display: inline;max-width: 220rem;}

	.s16-2:not(.active) .s16-7{display: none;}
	.s16-2.active .s16-3-1,
	.s16-2.active .s16-4,
	.s16-2.active .s16-6{color: var(--c1);opacity: 1;}
	.s16-2.active .s16-6{transform: scaleY(-1);}

	.s17{min-height: calc(var(--app-height) - 60rem + 312px);display: flex;align-items: center;}
	.s17-1{display: flex;flex-direction: column;margin: 0 var(--awr);padding: 0 var(--wr);}
	.s17-2{padding: 0;}
	.s17-3{width: auto;margin: -180rem -10rem -50rem;display: flex;height: auto;order: 1;}
	.s17-3::before{content: "";flex: none;width: 0;padding-top: 150.0%;}
	.s17-3 .follow{transform: none!important;}
	.s17-4{padding: 0;order: 1;}
	.s17-5{margin-top: 30rem;}
	.s17-7-1,
	.s17-7-2{display: none;}
	.s17-7-3{margin: 0;}
	.s17-8,
	.s17-9,
	.s17-11{display: none;}
	.s17-10{margin-top: 0;}

	.s18{width: 100%;}
	.s18-4{margin-top: 40rem;}

	.s19{width: 100%;margin: auto;max-width: 235rem;}
	.s19-1{min-height: 400rem;}

	.s404-1{padding: 0;grid-template-columns: 1fr auto;}
	.s404-2{grid-column: 1/2;}
	.s404-3{grid-column: 2/3;margin-left: 0;}
	.s404-5{grid-column: 1/-1;width: 100%;display: flex;margin: calc(-1 * (50vw - var(--wr))) 0 calc(-1 * (45vw - var(--wr)));}
	.s404-5::before{content: "";flex: none;width: 0;padding-top: 150%;}
	.s404-5-1{width: 100%;margin: 0;top: 0;left: 0;height: 100%;}
	.s404-6{grid-column: 2/3;}
	.s404-6-2{max-width: 100rem;margin-top: var(--gap);}
	.s404-7{grid-column: 1/-1;padding-top: 15rem;}
	.s404-7 .button{max-width: 225rem;}

	.popup{transform: none;top: 0;left: 0;width: 100%;height: var(--app-height);overflow: auto;padding: var(--wr);display: flex;align-items: flex-start;background-color: transparent;}
	.popup-wrapper{padding: 40rem 20rem;position: relative;background-color: var(--c0);width: 100%;}
	.popup-close{width: 30rem;height: 30rem;margin: 10rem;}

	.selectbox-list{max-height: 200rem;overflow: auto;}

	.follow,
	.follow-text{transform: none!important;}

	.header{overflow: hidden;height: 60rem;transition-property: height, background-color, color;transition-duration: .5s, .15s, .15s;transition-timing-function: ease-in-out;transition-delay: 0s, .5s, .5s;}

	.mobile-menu{flex: auto;display: flex;flex-direction: column;overflow: auto;transition: all .5s;opacity: 0;visibility: hidden;min-height: 0;}
	.mobile-menu-list{flex: auto;padding: 30rem var(--wr) 0;}

	.mobile-menu-main ul{display: grid;grid-template-columns: auto;grid-gap: 15rem;font-size: var(--f-xl);line-height: 1;}
	.mobile-menu-main li{display: flex;align-items: center;position: relative;}
	.mobile-menu-main li.active{font-family: var(--altfontitalic);}
	.mobile-menu-main li.active::before{content: "";margin-right: 10rem;width: 5rem;height: 5rem;overflow: hidden;border-radius: 50%;background-color: currentColor;line-height: 1;}
	.mobile-menu-next{margin-bottom: -3rem;margin-left: 10rem;flex: none;}
	.mobile-menu-return{position: relative;display: flex;align-items: center;text-transform: uppercase;letter-spacing: .08em;font-size: var(--f-s);margin-bottom: 30rem;}
	.mobile-menu-back{margin-right: 10rem;flex: none;}
	.mobile-menu-secondary ul{display: grid;grid-template-columns: auto;grid-gap: 15rem;}
	.mobile-menu-secondary li{text-transform: uppercase;letter-spacing: .08em;font-size: var(--f-s);}

	.mobile-menu-main:not(.active),
	.mobile-menu-secondary:not(.active){display: none;}

	.mobile-menu-social{flex: none;margin-top: 40rem;overflow: hidden;padding: 0 var(--wr) 20rem;}
	.mobile-menu-social ul{display: flex;margin: 0 -10rem;justify-content: space-between;}
	.mobile-menu-social li{margin: 0 10rem;text-transform: uppercase;letter-spacing: .08em;font-size: var(--f-s);}

	.mobile-menu-active .header{height: var(--app-height);background-color: var(--c1);color: var(--c0);transition-delay: 0s, 0s, 0s;}
	.mobile-menu-active .mobile-menu{visibility: visible;transition-delay: .5s;opacity: 1;}

	.cookies-alert{padding: 10rem;}
	.cookies-alert-wrapper{padding: 25rem;}

}

@media screen and (min-width: 1024px) {

	.mobile{display: none!important;}


	.s3-2:last-child:nth-child(4n + 3){grid-template-columns: repeat(2, 1fr);grid-column: 3/-1;}
	.s3-2:last-child:nth-child(4n + 2){grid-template-columns: repeat(3, 1fr);grid-column: 2/-1;}
	.s3-2:last-child:nth-child(4n + 1){grid-template-columns: repeat(4, 1fr);grid-column: 1/-1;}

	.s8-2:nth-child(6n + 2){grid-column-start: 3;}
	.s8-2:nth-child(6n + 6){grid-column-start: 4;}

}


@media screen and (min-width: 1920px) {

	html{font-size: 1px;}

}

/* hover animations */

@media (hover: hover) and (pointer: fine) {

	.button,
	.button-round-icon,
	.checkbox-icon{transition-property: background-color, color;transition-duration: .25s;}

	.button:hover{color: var(--c1);background-color: var(--c0);}

	.button-round:hover .button-round-icon,
	.button-round:active .button-round-icon{color: var(--c1);}

	.card-1 .card-label{transition-property: opacity, transform;will-change: transform;transition-duration: .25s;}
	.card-1 .card-label:not(.active){transform: translateY(10rem);opacity: 0;}

	.card-1:hover .card-label:not(.active){transform: translateY(0);opacity: .4;}

	.vbl{transition: opacity .25s;}

	.card-1 .card-label:active{color: var(--c1);}

	.card-1 .card-label:hover,
	.card-1 .card-label:not(.active):hover,
	.card-1 .card-label:active,
	.card-1 .card-label:not(.active):active,
	.vbl:hover{opacity: 1;}

	.card-1 .card-image,
	.card-1 .card-link,
	.card-2 .card-image,
	.card-3 .card-image,
	.card-4 .card-image,
	.card-5 .card-image{transition: transform .5s;will-change: transform;}

	.s16-3-1{transition: transform .25s;will-change: transform;}
	.s16-4,
	.s17-11 .carousel-button{transition: opacity .25s;}

	.s16-5{transition-property: opacity, transform;will-change: transform;transition-duration: 1s;transform: translateY(-50%) scale(1.05);}

	.card-1 .card-link{transform: translateY(100%);}
	.card-1:hover .card-link{transform: translateY(0);}

	.card-1:hover .card-image,
	.card-2:hover .card-image,
	.card-3:hover .card-image,
	.card-4:hover .card-image,
	.card-5:hover .card-image{transform: scale(1.05);}

	.s1-1 .quote a:hover,
	.s6-8:hover,
	.card-2:hover .card-link,
	.card-3:hover .card-title{font-family: var(--altfontitalic);}

	.s15-2{transition: flex-grow .25s;}
	.s15-2:hover{flex-grow: 2;}


	.s16-2:hover .s16-3-1,
	.s16-1:not(:hover) .s16-2.active .s16-3-1{transform: translateY(-100%);}
	.s16-2:hover .s16-4,
	.s16-1:not(:hover) .s16-2.active .s16-4,
	.s16-2:hover .s16-5,
	.s16-1:not(:hover) .s16-2.active .s16-5,
	.s17-11 .carousel-button:hover{opacity: 1;}

	.s16-2:hover .s16-5{transform: translateY(-50%) scale(1);}

	.s17-8 .button-round:hover .button-round-icon{}

	.selectbox-list-option{transition: background-color .25s;}
	.selectbox-list-option:hover{background-color: var(--c5);}



	.unl,
	.topbar-submenu-nav a,
	.f2-1 a,
	.f3-2 a,
	.f4-2 a,
	.s6-7-2 a{transition: background-size .25s;background-size: 0 var(--sl);background-repeat: no-repeat;background-position: right bottom;background-image: linear-gradient(currentColor, currentColor);display: inline;}

	.unl:hover,
	.topbar-submenu-nav a:hover,
	.f2-1 a:hover,
	.f4-2 a:hover,
	.f3-2 a:hover,
	.s6-7-2 a:hover{background-size: 100% var(--sl);background-position: left bottom;}

}

/*Custom Animation*/

@keyframes bounce {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-5rem);
	}
}

.bouncing {
	animation: bounce 0.5s infinite;
}




@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.loader {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60vh;
}

.loader-circle {
	position: relative;
	width: 100rem;
	height: 100rem;
}

.loader-circle::before,
.loader-circle::after {
	content: "";
	position: absolute;
	border: 0.5rem solid transparent; 
	border-radius: 50%;
	box-sizing: border-box;
}

.loader-circle::before {
	width: 100%;
	height: 100%;
	border-top-color: #000; 
	border-left-color: #000; 
	animation: spin 1.5s linear infinite;
}

.loader-circle::after {
	width: 75%;
	height: 75%;
	top: 12.5%;
	left: 12.5%;
	border-top-color: #000; 
	animation: spin 1.5s linear infinite reverse;
}


.bapf_head {
	display: none;
}

/*
Theme Name: BAS
Theme URI: bas.mysites.io
Description: The theme for WordPress. Designed with LOVE by DigitalDesign.NYC
Author: digitaldesignnyc.co
Version: 1.a
*/

.website-accessibility { 
	cursor:pointer;
}

::part(acsb-trigger) {
	display:none!important;
}

button[part="acsb-trigger"] { display:none!important; }
button.container { display:none!important; }

.grecaptcha-badge { 
	visibility: hidden !important;
}

.hide234 { display:none!important; }

.yith-wcwl-add-to-wishlist {
	position:relative;
	z-index:11;
}

.bapf_head h3 { display:none!important; }

.bapf_body ul {
	display: grid!important;
	grid-template-columns: auto!important;
	grid-gap: 15rem!important;
	line-height: 1!important;
}

.bapf_body li {
	display:block;
	list-style:none;
}

.bapf_body li label {
	cursor: pointer!important;
	/*overflow: hidden!important;*/
	text-overflow: ellipsis!important;
	flex: auto!important;
	min-width: 0!important;
	white-space: nowrap!important;
	text-transform: uppercase!important;
	letter-spacing: .08em!important;
	font-size: var(--f-s)!important;
	display:block!important;
	position:relative!important;
	padding:0 0 0 22px;
}

.bapf_body li label::before {
	content:'';
	display:block;
	cursor: pointer;
	overflow: hidden;
	flex: none;
	width:15px;
	height:15px;
	border: var(--sl) solid var(--c3);
	margin-right: 10rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-clip: content-box;
	position:absolute;
	left:0px;
	top:50%;
	margin:-7px 0 0 0;
}

.bapf_body li.checked label::before {
	border-color: var(--c1);
	background-color: var(--c1);
}

.footer .wpcf7-response-output {
	display:none!important;
}

.footer .wpcf7-not-valid-tip {
	display:none!important;
}

.invalid .f1-2-1 {
	border-bottom: var(--sl) solid red!important;
}

#popup-inquiry .wpcf7-response-output {
	display:none!important;
}

#popup-inquiry .wpcf7-form-control-wrap {
	display:block;
	position:relative;
	width:100%;
}

#popup-inquiry span.wpcf7-not-valid-tip {
	position:absolute;
	right:0px;
	bottom:0px;
}

.toolbar-results-reset::before { display:none!important; }

ul.breadcrumbs { margin:0!important; }


.bapf_head {
	display: none;
}

/*Hero*/
.s17-99 {
	width: 100%;
	border: 1px solid #B7B7B5;
	padding: 8px;
	cursor: pointer;
	z-index: 2;
}

.s17-1 {
	position: relative;
}

.s17-wrapper {
	display: flex;
	gap: 1em;
	position: relative;
	width: 100%;
	align-items: flex-end;
}

.s17-99-3 {
	display: flex;
	gap: .5em;
}

.s17-99-2 {
	font-size: 20px;
	font-family: var(--altfont);
	letter-spacing: 2%;
	letter-spacing: 0.02em;
}

.s17-99-1 img {
	width: 100%;
	min-height: 120px;
	object-fit: cover;
}

.popup-class {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(0,0,0,0.6);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	opacity: 0;
	inset: 0;
	pointer-events: none;
	transition: opacity 0.4s ease;
}

.popup-class.active {
	opacity: 1;
	pointer-events: auto;
}

.popup-content {
	display: flex;
	gap: 2em;
	transform: scale(0.1);
	transition: transform 0.4s ease;
}

.popup-class.active .popup-content {
	transform: scale(1);
}

.popup-content {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 85%;
	padding: 20px 0;
}

.popup-controls {
	color: #ffffff;
	position: absolute;
	top: 20px;
	left: calc(100% + 20px);
}

#popup-close, #popup-mute {
	font-size: 16px;
	text-transform: uppercase;
}


.video-section .wrapper {
    position: relative;
    display: flex;
    justify-content: flex-end;
}


@media (min-width:1024px) {
	.s17-99 {
		max-width: 340px;
	}

	.s17-99-1 {
		overflow: hidden;
	}

	.s17-99-1 video {
		max-width: 195px;
		transition: all .3s ease-in;
	}

	.s17-99:hover .s17-99-1 video {
		transform: scale(1.2);
	}

	.s17-99-3 {
		position: absolute;
		top: 0;
		right: 0;
	}
	
	body .margin {
		margin-top: -100rem;
	}
}

@media (max-width: 1024px) {
	.s17-99 {
		order: 3;
		margin-top: 30px;
	}

	.s17-wrapper {
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.s17-99-1 {
		width: 100%;
	}

	.popup-controls {
		top: -20px;
		left: auto;
		right: 0;
		display: flex;
		flex-direction: row-reverse;
		gap: 1em;
	}
}