﻿/* Root */
:root{
--white:#fff;
--white60:rgba(255,255,255,.6);
--black:#373737;
--light:#F9F0DC;
--light10:rgba(249,240,220,.1);
--cream:#C7B08F;
--cream60:rgba(199,176,143,.6);
--grey:#505050;

--cubic-bezier:cubic-bezier(.4,0,0,1);
--cubic-bezier-1:cubic-bezier(.6,0,0,1);
--cubic-bezier-2:cubic-bezier(0,0,0,1.4);

---40: -40px;
---30: -30px;
---24: -24px;
---20: -20px;
---16: -16px;
---12: -12px;
---10: -10px;
---8: -8px;
---4: -4px;
---2: -2px;
---1: -1px;
--1: 1px;
--2: 2px;
--3: 3px;
--4: 4px;
--5: 5px;
--6: 6px;
--8: 8px;
--10: 10px;
--12: 12px;
--14: 14px;
--15: 15px;
--16: 16px;
--20: 20px;
--22: 22px;
--24: 24px;
--26: 26px;
--28: 28px;
--30: 30px;
--32: 32px;
--36: 36px;
--40: 40px;
--48: 48px;
--52: 52px;
--56: 56px;
--60: 60px;
--64: 64px;
--70: 70px;
--72: 72px;
--80: 80px;
--84: 84px;
--90: 90px;
--96: 96px;
--112: 112px;
--114: 114px;
--120: 120px;
--128: 128px;
--136: 136px;
--148: 148px;
--160: 160px;
--172: 172px;
--180: 180px;
--200: 200px;
--210: 210px;
--240: 240px;
--258: 258px;
--327: 327px;
--354: 354px;
--372: 372px;
--400: 400px;
--440: 440px;
--555: 555px;
--590: 590px;
--670: 670px;
--700: 700px;
--728: 728px;
--920: 920px;
--1030: 1030px;
--1208: 1208px;
}
*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
input, textarea, button, select, a, img, div{-webkit-tap-highlight-color: transparent;}
/* Doc */
html{height:100%;width:100%;position:relative;background:var(--white);}
body{font-size:var(--16);width:100%;height:100%;position:relative;font-family: 'Ubuntu', sans-serif;font-weight:400;font-style:normal;color:var(--black);min-width:300px;background:var(--black);transition:background 1s;}
/* a */
a,a:visited,a:active,a:focus{color:var(--black);outline:none;text-decoration:none;transition:color .5s;}
.desktop a:hover{text-decoration:none;color:var(--red);}
:active,:hover,:focus{outline:0;outline-offset:0;}
a img{border:0;}
input,button{box-sizing:border-box;}
input{-webkit-appearance:none;}
/* div */
.overflow{overflow:hidden;}
.relative{position:relative;}
.w-100{width:100%;}
.h-100{height:100%;}
.h-app-100{min-height:var(--app-height);}
*::-moz-selection{color:var(--white);background:var(--cream);}
*::selection{color:var(--white);background:var(--cream);}
/* h1 - h6 */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{color:var(--black);margin:0;font-family:'Leotaro', sans-serif;font-weight:400;}
h1,.h1{font-size:8.3125em;line-height:1.4em;color:var(--light);}
h2,.h2{font-size:4.5em;line-height:1.11111111em;}
h3,.h3{font-size:4em;line-height:1.09375em;}
h4,.h4{font-size:2.5em;line-height:1.1em;}
h5,.h5{font-size:1.75em;line-height:1.14285714em;}
h6,.h6{font-size:1.5em;line-height:1.25em;}
/* text */
p{color:var(--black);line-height:1.5em;margin-bottom:var(--24);font-weight:400;}
b,.medium{font-weight:500;}
img{outline:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
ul{list-style:none;}
.center{text-align:center;}
.right{text-align:right;}
.uppercase{text-transform:uppercase;}
.nowrap{white-space:nowrap;}
/* ---------------------------------------------- MAIN ---------------------------------------------- */
.main{position:relative;width:100%;height:100vh;height:var(--app-height);overflow:hidden;display:flex;opacity:0;display:none;}
.ready .main{opacity:1;display:block;}
/* Scroll */
.main-scroll{position:relative;width:100%;min-width:300px;height:100%;transform-origin:top center;pointer-events:none;will-change:transform;}
.scroll-container{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:top center;display:flex;height:100%!important;pointer-events:auto;will-change:transform;transform:translateZ(0);}
.scroll-content{position:relative;display:flex!important;flex-direction:column;width:100%;will-change:transform;transform:translateZ(0);background-image:url(../i/bg.jpg);background-repeat:repeat;background-size:var(--200) var(--200);overflow:hidden;}
.scrollbar-track{z-index:9999!important;will-change:transform;}
.scrollbar-track-y{right:0!important;width:var(--8)!important;background:transparent!important;}
.scrollbar-track-y:before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;opacity:0;transform:scaleX(.5);transform-origin:right center;transition:opacity .3s, transform .3s;}
.scrollbar-thumb{background:transparent!important;border-radius:0!important;width:100%!important;}
.scrollbar-track-y .scrollbar-thumb:before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;background:var(--cream);transform:scaleX(.5);transform-origin:right center;opacity:.5;transition:opacity .3s, transform .3s;}
.desktop .scrollbar-track-y:hover .scrollbar-thumb:before{transform:scaleX(1);opacity:1;}
.desktop .scrollbar-track-y:hover:before{transform:scaleX(1);opacity:1;}
/* ---------------------------------------------- HEADER ---------------------------------------------- */
.header{position:absolute;top:0;left:0;width:100%;z-index:999;transform:translateZ(0);}
.header-wrap{position:relative;width:100%;}
.header-inner{position:relative;width:100%;transform:translateY(0) translateZ(0);transition:transform 0s;}
.scroll-up .fixed:not(.out) .header-inner{transform:translateY(var(--top)) translateZ(0);transition:transform 0s;}
.scroll-down .header-inner{transition:transform 1s;}
.static .header-inner{transition:transform 0s;}
.header-item{position:relative;padding:var(--24) 0;width:100%;transition:transform 1s, background 1s, padding 1s;}
.header-item:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(var(--20));backdrop-filter:blur(var(--20));opacity:1;z-index:-1;transition:opacity 1s .5s;}
.scroll-up .header:not(.out) .header-item{transform:translateY(100%) translateZ(0);}
.scroll-up .fixed .header-item{transition:transform 1s, background 1s, padding 1s;}
.scroll-down .header-item{transition:transform 1s, background 1s, padding 1s;}
.static .header-item{background:transparent;padding:var(--36) 0;transition:transform 0s, background 1s, padding 1s;}
.static .header-item:after{opacity:0;transition-delay:0s;}
.static.out .header-item:after{transition-delay:0s;}
.out .header-item{background:transparent;}
.open-menu .header-item{background:transparent;}
.open-menu .header-item:after{opacity:0;}
.logo{display:block;width:calc(var(--180) - var(--2));margin-bottom:var(---24);}
.logo svg{display:block;width:100%;}
.logo-fn{fill:var(--cream);transition:fill .5s;}
.static.header .logo-fn{fill:var(--light);}
.logo-ln{fill:var(--black);}
.header a{color:var(--cream);transition:color .5s;}
.static.header a{color:var(--light);}
.desktop .header a:hover{color:var(--black);}
/* ---------------------------------------------- MENU ---------------------------------------------- */
.menu ul{display:flex;gap:0 var(--40);}
/* But */
.but{position:relative;display:inline-flex;align-items:center;border:none;justify-content:center;gap:0 var(--20);padding:0 var(--40);text-align:center;color:var(--white);font-weight:500;background:var(--cream);width:100%;height:calc(var(--48) + var(--2));overflow:hidden;transition:gap .5s;}
.but:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black);transform:translateY(100%);transition:transform .5s;}
.but:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:var(--1) solid var(--cream);z-index:2;opacity:0;transition:opacity .5s;}
.but-big{height:calc(var(--72) - var(--2));}
.but span{position:relative;display:block;color:var(--white);z-index:5;}
.but svg{position:relative;display:block;width:var(--24);z-index:5;}
.telegram svg{width:var(--16);min-width:var(--16);}
.desktop .but.but-big:hover{gap:0 var(--16);}
.desktop .but:hover:before{transform:translateY(0);}
.desktop .but:hover:after{opacity:1;}
/* Trigger */
.trigger{display:block;position:relative;width:var(--40);height:var(--2);}
.trigger:before{content:'';display:block;position:absolute;top:50%;left:50%;width:100%;padding-top:100%;transform:translate(-50%,-50%);}
.trigger i{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .5s .5s;}
.trigger i:first-child{transform:translateY(150%);}
.trigger i:last-child{transform:translateY(-150%);}
.trigger i:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--2);background:var(--black);transition:transform .5s 0s;}
.open-menu .trigger i{transform:translateY(0);transition:transform .5s 0s;}
.open-menu .trigger i:before{transition:transform .5s .5s;}
.open-menu .trigger i:first-child:before{transform:rotate(45deg);}
.open-menu .trigger i:last-child:before{transform:rotate(-45deg);}
/* Mobile menu */
.mobile-menu{display:none;position:fixed;top:0;left:0;width:100%;height:var(--app-height);z-index:899;background-image:url(../i/bg.jpg);background-repeat:repeat;background-size:var(--200) var(--200);transform:translateY(-100%);transition:transform 1s;}
.open-menu .mobile-menu{transform:translateY(0);}
.mobile-menu-container{min-height:var(--app-height);padding:var(--120) 0 var(--20);}
.mobile-menu-container .menu{padding-bottom:var(--120);}
.mobile-menu-container .menu ul{flex-direction:column;text-align:center;gap:var(--16) 0;margin:auto;font-size:1.8em;font-family:'Leotaro', sans-serif;}
/* ---------------------------------------------- CONTENT ---------------------------------------------- */
.content-wrap{overflow:hidden;position:relative;width:100%;min-height:var(--app-height);}
.content{position:relative;width:100%;min-height:var(--app-height);z-index:10;}
.content-container{width:var(--1208);padding-left:var(--24);padding-right:var(--24);margin-left:auto;margin-right:auto;}
.row{margin-left:var(---20);margin-right:var(---20);}
.row > *{padding-left:var(--20);padding-right:var(--20);}
.row.g-0{margin-left:0;margin-right:0;}
.row.g-0 > *{padding-left:0;padding-right:0;}
.row-8{margin-left:var(---4);margin-right:var(---4);}
.row-8 > *{padding-left:var(--4);padding-right:var(--4);}
.row-16{margin-left:var(---8);margin-right:var(---8);}
.row-16 > *{padding-left:var(--8);padding-right:var(--8);}
.row-24{margin-left:var(---12);margin-right:var(---12);}
.row-24 > *{padding-left:var(--12);padding-right:var(--12);}
/* Intro */
.intro{position:relative;background:black;min-height:calc(var(--728) + var(--32));height:var(--app-height);display:flex;flex-direction:column;z-index:1;overflow:hidden;}
.intro-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;}
.intro-bg img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:translateZ(0);will-change: transform;}
.intro-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none;}
.intro-button{position:relative;width:calc(var(--354) + var(--40) + var(--2));transform:translateY(-20%);}
.intro-button:before{content:'';display:block;width:100%;padding-top:100%;}
.intro-button a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;border-radius:100%;-webkit-clip-path: polygon(0 0, 100% 0, 100% 82%, 0 52%);clip-path: polygon(0 0, 100% 0, 100% 82%, 0 52%);}
.intro-button-item{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;}
.play-round{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;}
.play-round img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-animation:rotate 30s infinite linear;animation:rotate 30s infinite linear;}
@-webkit-keyframes rotate{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@keyframes rotate{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
.intro-button-item:before{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:59.09090909%;height:59.09090909%;border-radius:100%;border:var(--1) solid var(--cream);}
.intro-button-item:after{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80.30303030%;height:80.30303030%;border-radius:100%;border:var(--1) solid var(--cream);opacity:.6;}
.desktop .intro-button a:hover ~ .intro-button-item:before{-webkit-animation:scale .5s .1s;animation:scale .5s .1s;}
.desktop .intro-button a:hover ~ .intro-button-item:after{-webkit-animation:scale .5s .2s;animation:scale .5s .2s;}
.desktop .intro-button a:hover ~ .intro-button-item .play-round{-webkit-animation:scale .5s .3s;animation:scale .5s .3s;}
@-webkit-keyframes scale{0%{transform:translate(-50%,-50%) scale(1);}50%{transform:translate(-50%,-50%) scale(1.05);}100%{transform:translate(-50%,-50%) scale(1);}}
@keyframes scale{0%{transform:translate(-50%,-50%) scale(1);}50%{transform:translate(-50%,-50%) scale(1.05);}100%{transform:translate(-50%,-50%) scale(1);}}
.play-but{position:absolute;top:50%;left:50%;width:34.84848484%;transform:translate(-50%,-50%);border-radius:100%;}
.play-but:before{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:var(--light10);border:var(--1) solid var(--cream);border-radius:100%;-webkit-backdrop-filter:blur(var(--20));backdrop-filter:blur(var(--20));transition:background .5s;}
.desktop .intro-button a:hover ~ .intro-button-item .play-but:before{-webkit-animation:scale .5s;animation:scale .5s;background:var(--cream);}
.play-but svg{display:block;position:relative;width:100%;}
.intro-container{position:relative;width:100%;margin-top:auto;padding-bottom:calc(var(--120) + var(--20));z-index:60;color:var(--light);}
.intro-container h1{position:relative;}
.intro-container h1 span{position:relative;z-index:10;}
.intro-container:before{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:calc(var(--app-height) * .25);background:linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%);pointer-events:none;}
.intro-container p{color:var(--light);}
.spec{position:relative;display:flex;justify-content:center;align-items:center;gap:0 var(--40);margin-bottom:calc(var(--40) * -1);color:var(--light);line-height:1.2em;font-size:1.25em;text-align:center;z-index:10;text-transform:uppercase;letter-spacing:.8em;}
.spec span{display:block;margin-right:-.8em;}
.spec i{display:block;min-width:var(--6);width:var(--6);height:var(--6);background:var(--light);transform:rotate(45deg);}
.intro .but{background:var(--cream60);-webkit-backdrop-filter:blur(var(--40));backdrop-filter:blur(var(--40));}
.intro-blur{position:absolute;top:0;left:0;width:30%;height:50%;filter:url(#blur);}
.intro-blur:before{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:100%;-webkit-clip-path:polygon(51% 0, 84% 41%, 100% 30%, 96% 84%, 64% 100%, 16% 65%, 0% 70%, 0 11%);clip-path:polygon(51% 0, 84% 41%, 100% 30%, 96% 84%, 64% 100%, 16% 65%, 0% 70%, 0 11%);}
/* Content */
.content-bg-wrap{position:relative;z-index:399;}
.content-bg{position:absolute;top:calc(var(--56) * -1);bottom:calc(var(--56) * -1);left:0;width:100%;height:calc(100% + var(--56) * 2);background-image:url(../i/bg.jpg);background-repeat:repeat;background-size:var(--200) var(--200);}
.content-bg img{display:block;position:absolute;left:0;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.6;}
.content-bg-top{top:0;}
.content-bg-bottom{bottom:0;}
.content-bg-inner{position:relative;padding:var(--40) 0;}
.content-img-wrap{position:relative;min-height:var(--app-height);}
.content-img{position:absolute;top:0;left:0;width:100%;height:100%;}
.content-img img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.content-img:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:100%;box-shadow:inset 0 var(--96) var(--120) rgba(0,0,0,.7);}
.content-img-inner{position:relative;padding:var(--40) 0;}
/* Scroll */
.scroll-next{display:block;position:absolute;top:calc(100% + var(--28));left:50%;transform:translate(-50%,-50%) rotate(45deg);background:var(--cream);width:calc(var(--64) + var(--4));height:calc(var(--64) + var(--4));padding:var(--8);z-index:50;}
.scroll-next-top{top:auto;bottom:calc(100% - var(--28));}
.scroll-next-icon{position:relative;background:var(--black);width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.scroll-next-icon:before{content:'';display:block;position:absolute;top:50%;left:50%;width:calc(100% - var(--8));height:calc(100% - var(--8));transform:translate(-50%,-50%);border:var(--1) solid var(--light);}
.scroll-next-icon svg{display:block;width:var(--24);transform:rotate(-45deg);}
.introtext{font-family:'Marianna';font-size:3.125em;line-height:.9em;}
/* Photo */
.photo{position:relative;width:100%;padding:var(--20);border-radius:var(--8);background-image:url(../i/bg.jpg);background-repeat:repeat;background-size:var(--120) var(--120);box-shadow:var(--20) var(--20) var(--80) rgba(0,0,0,.1);}
.photo-dot{display:flex;justify-content:end;gap:0 var(--10);margin-bottom:var(--20);}
.photo-dot i{display:block;width:var(--6);height:var(--6);border-radius:100%;background:var(--black);}
.photo-img{position:relative;width:100%;overflow:hidden;border-radius:var(--4);}
.photo-img img{display:block;width:100%;-o-object-fit:cover;object-fit:cover;}
/* Subtitle */
.subtitle{text-align:center;display:flex;align-items:center;justify-content:center;gap:0 var(--40);line-height:1.2em;font-size:1.25em;text-align:center;text-transform:uppercase;letter-spacing:.8em;color:var(--black);}
.subtitle span{display:block;margin-right:-.8em;}
.subtitle i{display:block;width:var(--6);height:var(--6);background:var(--black);transform:rotate(45deg);}
/* Title */
.title{font-size:3.75em;line-height:1em;font-family:'Leotaro', sans-serif;}
.title > div{display:inline;}
.title span{color:var(--cream);}
@media (min-width:768px){
.title > div{display:block;}
.title-1 > div:nth-child(3){padding-left:5.45em;}
.title-2 > div:not(:nth-child(1)){padding-left:3.3em;}
.title-3 > div:nth-child(3){padding-left:4.57em;}
}
/* Reviews */
.reviews-slider .swiper-slide{padding:0 var(--16);}
.reviews-item{position:relative;padding:var(--8);transform:rotate(-5deg);background-image:url(../i/bg.jpg);background-repeat:repeat;background-size:var(--120) var(--120);box-shadow:var(--20) var(--20) var(--80) rgba(0,0,0,.1);}
.reviews-slider .swiper-slide:nth-child(2n) .reviews-item{transform:rotate(5deg);}
.reviews-item > img{display:block;width:100%;}
.reviews-item-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--24);display:flex;flex-direction:column;}
.reviews-item-content a{margin-top:auto;text-decoration:underline;font-weight:500;}
.reviews-item-content p{max-width:calc(var(--240) + var(--32));}
.reviews-item-title{font-family:'Marianna';font-size:2.5em;line-height:.7em;transform:rotate(-6deg);transform-origin:center left;margin-bottom:var(--24);}
.reviews-item-title > div:last-child{text-align:center;padding-left:.8em;}
.reviews-slider-nav{position:absolute;top:55%;right:0;width:55%;transform:translateY(-50%);display:flex;align-items:center;justify-content:space-between;gap:0 calc(var(--16) - var(--1));}
.reviews-slider-line{flex:1 0 0;height:var(--1);background:rgba(0,0,0,.2);}
.reviews-slider-prev,.reviews-slider-next{display:flex;width:calc(var(--48) + var(--2));min-width:calc(var(--48) + var(--2));padding:0;cursor:pointer;}
.modal-reviews{position:relative;width:100%;}
.modal-reviews-content{position:relative;padding:0 var(--20) var(--20);}
.reviews-modal-title{font-family:'Marianna';font-size:2.5em;line-height:.7em;}
/* Meta */
.counter{counter-reset:meta;}
.counter > *:nth-child(1),.counter > *:nth-child(2){position:relative;z-index:10;}
.meta-wrap{position:relative;padding:var(--20);background-image:url(../i/bg.jpg);background-repeat:repeat;background-size:var(--120) var(--120);box-shadow:0 var(--40) var(--40) rgba(0,0,0,.2);}
.meta-count{position:absolute;right:var(--20);top:0;background:var(--black);color:var(--white);width:var(--52);height:var(--52);display:flex;align-items:center;justify-content:center;transform:rotate(8deg);font-size:2.125em;font-family:'Leotaro', sans-serif;}
.meta-count:before{content:'0' counter(meta);counter-increment:meta;display:block;margin-top:-.2em;}
.counter > *:nth-child(n+10) .meta-count:before{content:counter(meta);}
.meta-count img{display:block;position:absolute;top:calc(var(--14) * -1);left:var(---8);width:var(--20);transform:rotate(16deg);}
.counter > *:nth-child(2) .meta-count{transform:rotate(-8deg);}
.counter > *:nth-child(2) .meta-count img{transform:rotate(-45deg);left:auto;right:var(---8);top:calc(var(--24) * -1);}
.counter > *:nth-child(3) .meta-count{transform:rotate(4deg);right:var(--40);}
.counter > *:nth-child(3) .meta-count img{transform:rotate(55deg);top:calc(var(--16) * -1);}
.meta-title{font-family:'Marianna';font-size:2.5em;line-height:.7em;margin-bottom:var(--30);padding-right:var(--80);}
.meta-wrap .line{margin-bottom:var(--30);}
.meta-wrap ul{margin-bottom:var(--36);display:flex;flex-direction:column;gap:var(--20) 0;}
.meta-wrap ul li{position:relative;padding-left:var(--48);line-height:1.2em;color:var(--grey);}
.meta-wrap ul li:before{content:'';display:block;position:absolute;top:0;left:0;width:var(--28);height:var(--28);border-radius:100%;border:var(--1) solid rgba(0,0,0,.2);}
.meta-wrap ul li:after{content:'';display:block;position:absolute;top:var(--14);left:var(--14);width:var(--6);height:var(--6);background:var(--cream);transform:translate(-50%,-50%) rotate(45deg);}
.counter > *:nth-child(2){display:flex;justify-content:end;}
.counter > *:nth-child(1) .meta-wrap{transform:rotate(-8deg);width:calc(100% + var(--40));margin-top:calc(var(--120) * -1);}
.counter > *:nth-child(2) .meta-wrap{transform:rotate(8deg);min-width:calc(100% + var(--60));}
.counter > *:nth-child(3) .meta-wrap{transform:rotate(-2deg);margin-top:calc(var(--96) * -1);}
.counter > *:nth-child(4) .photo{margin-top:calc(var(--96) * -1);margin-left:calc(var(--148) * -1);box-shadow:0 var(--40) var(--40) rgba(0,0,0,.2);}
.modal-meta{position:relative;width:100%;}
.modal-meta-title{font-family:'Marianna';font-size:2.5em;line-height:.7em;}
.modal-meta-content{position:relative;padding:0 var(--20) var(--20);}
.modal-meta-content ul{margin-bottom:var(--36);display:flex;flex-direction:column;gap:var(--20) 0;}
.modal-meta-content ul li{position:relative;padding-left:var(--48);line-height:1.2em;color:var(--grey);}
.modal-meta-content ul li:before{content:'';display:block;position:absolute;top:0;left:0;width:var(--28);height:var(--28);border-radius:100%;border:var(--1) solid rgba(0,0,0,.2);}
.modal-meta-content ul li:after{content:'';display:block;position:absolute;top:var(--14);left:var(--14);width:var(--6);height:var(--6);background:var(--cream);transform:translate(-50%,-50%) rotate(45deg);}
/* Cards */
.buyan{display:block;position:absolute;top:0;left:13%;width:74%;-webkit-user-select:none;-moz-user-select:none;user-select:none;mix-blend-mode:overlay;}
.cards{position:relative;width:100%;padding-top:32.00692041%;padding-bottom:11.4567474%;pointer-events:none;counter-reset:cards;}
.cards-inner{position:absolute;top:0;left:0;width:100%;height:100%;}
.cards-item{width:100%;padding-top:32.00692041%;z-index:2;margin-bottom:calc((var(--240) + var(--10) + var(--12)) * -1);transition:transform .8s, margin .8s;}
.cards-item:nth-child(1){transform:translateX(var(---4)) rotate(-3deg);}
.cards-item:nth-child(2){transform:translateX(var(--12))  rotate(5deg);}
.cards-item:nth-child(3){transform:translateX(var(---12)) rotate(2deg);}
.cards-item:nth-child(4){transform:translateX(var(--8))  rotate(-4deg);}
.cards:hover .cards-item{transform:translateX(0) rotate(0);margin-bottom:calc((var(--372) + var(--10) - var(--56)) * -1);}
.cards:hover .cards-item:hover{margin-bottom:calc(var(--56) * -1);}
.cards-item:before{content:'';display:block;position:absolute;top:0;left:0;z-index:5;width:100%;height:100%;background-image:url(../i/folder-1.png);background-size:100% 100%;}
.cards-item:nth-child(2n):before{background-image:url(../i/folder-2.png);}
.cards-item:after{content:'';display:block;position:absolute;top:13%;left:var(--20);z-index:1;width:calc(100% - var(--40));height:87%;box-shadow:0 var(---16) var(--32) rgba(0,0,0,.2);}
.cards-item-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--20);z-index:10;color:var(--white);-webkit-clip-path: polygon(61.9% 12.5%, 65.1% 0%, 100% 0, 100% 100%, 0 100%, 0 12.5%);clip-path: polygon(61.9% 12.5%, 65.1% 0%, 100% 0, 100% 100%, 0 100%, 0 12.5%);pointer-events:auto;}
.cards-item:nth-child(2n) .cards-item-content{-webkit-clip-path: polygon(34.9% 0, 38.1% 12.5%, 100% 12.5%, 100% 100%, 0 100%, 0 0);clip-path: polygon(34.9% 0, 38.1% 12.5%, 100% 12.5%, 100% 100%, 0 100%, 0 0);}
.cards-item-title{margin-bottom:var(--20);height:var(--60);}
.cards-count:before{content:'0' counter(cards);counter-increment:cards;display:block;margin-top:-.2em;}
.cards-inner > *:nth-child(n+10) .cards-count:before{content:counter(cards);}
.cards-item-title{display:flex;align-items:end;gap:0 var(--20);flex-direction:row-reverse;text-align:right;margin-bottom:var(--40);}
.cards-item:nth-child(2n) .cards-item-title{flex-direction:row;text-align:left;}
.cards-item-text{font-size:1.875em;line-height:1em;min-height:2em;display:flex;align-items:end;font-family:'Leotaro', sans-serif;}
.cards-item-title .line{margin-bottom:var(--6);}
.cards-item-content ul{margin-bottom:var(--36);display:flex;flex-direction:column;gap:var(--20) 0;}
.cards-item-content ul li{position:relative;padding-left:var(--48);line-height:1.2em;color:var(--white);}
.cards-item-content ul li:before{content:'';display:block;position:absolute;top:0;left:0;width:var(--28);height:var(--28);border-radius:100%;border:var(--1) solid rgba(255,255,255,.2);}
.cards-item-content ul li:after{content:'';display:block;position:absolute;top:var(--14);left:var(--14);width:var(--6);height:var(--6);background:var(--white);transform:translate(-50%,-50%) rotate(45deg);}
.overflow:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;padding-top:100%;transform:translateY(5%) scaleY(.1);transform-origin:bottom center;pointer-events:none;opacity:.5;background:radial-gradient(circle,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);background-size:100% 100%;}
/* Contacts */
.contacts-title{font-family:'Marianna';font-size:9.5em;line-height:.7em;}
.contacts-title-2{font-family:'Leotaro', sans-serif;font-size:5em;line-height:1em;padding-left:2.7em;margin-top:-.2em;}
/* ---------------------------------------------- FORM ---------------------------------------------- */
.input{position:relative;display:block;width:100%;}
.input input{display:block;width:100%;background:transparent;border:none;color:transparent;transition:color .5s;border-bottom:var(--1) solid rgba(0,0,0,.25);border-radius:0;padding:var(--24) 0 var(--16);height:var(--64);font-size:1em;line-height:1.2em;box-sizing:border-box;transition:border-color .5s;}
.input-text{position:absolute;top:var(--24);left:0;font-size:1em;line-height:1.2em;pointer-events:none;color:var(--black);transform-origin:left top;transition:top .5s, transform .5s, color .5s;}
.desktop .input:not(.fill):hover .input-text{color:var(--black);}
.desktop .input:hover input:focus ~ .input-text{color:var(--black);}
.input input:hover,.input input:focus,.input.fill input{border-color:var(--black);}
.input input:not(.filename):focus,.input.fill input{color:var(--black);}
.input input:not(.filename):focus ~ .input-text,.input.fill .input-text{top:0;color:var(--black);transform:scale(.75);}
button{cursor:pointer;}
.form-note{font-size:.75em;opacity:.7;}
/* ---------------------------------------------- FOOTER ---------------------------------------------- */
.footer{position:relative;overflow:hidden;background:var(--black);background-image:url(../i/bg-dark.jpg);background-repeat:repeat;background-size:var(--200) var(--200);color:var(--light);padding:var(--96) 0 var(--40);box-shadow:inset 0 var(--96) var(--120) rgba(0,0,0,.7);color:var(--white60);}
.footer a{color:var(--light);}
.footer-menu ul{display:flex;gap:0 var(--40);}
.row > *:last-child .footer-menu ul{justify-content:end;}
.footer-title{margin-bottom:var(--8);}
.policy, .copyright,.footer-title{font-size:.75em;line-height:1.2em;}
.policy{text-decoration:underline;}
.footer-wrap{padding:var(--20) 0;}
.footer .logo{width:var(--112);}
.footer .logo-fn{fill:var(--white);}
.footer .logo-ln{fill:var(--light);}
.line{position:relative;width:100%;}
.line img{display:block;width:100%;}
/* Mask */
.mask{-webkit-mask: url(../i/mask-bottom.svg) bottom left / 100% var(--56), url(../i/mask-top.svg) top left / 100% var(--56), linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--56) - var(--1)), rgba(0, 0, 0, 1) calc(var(--56) - var(--1)), rgba(0, 0, 0, 1) calc(100% - var(--56) + var(--1)), rgba(0, 0, 0, 0) calc(100% - var(--56) + var(--1)), rgba(0, 0, 0, 0) 100%);mask: url(../i/mask-bottom.svg) bottom left / 100% var(--56), url(../i/mask-top.svg) top left / 100% var(--56), linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--56) - var(--1)), rgba(0, 0, 0, 1) calc(var(--56) - var(--1)), rgba(0, 0, 0, 1) calc(100% - var(--56) + var(--1)), rgba(0, 0, 0, 0) calc(100% - var(--56) + var(--1)), rgba(0, 0, 0, 0) 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
/* ---------------------------------------------- MODAL ---------------------------------------------- */
.pointer .header a,.pointer .content a,.pointer .footer a{pointer-events:none!important;}
.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 1s, visibility 0s 1s;}
.open-modal .modal{pointer-events:auto;opacity:1;visibility:visible;transition:opacity 1s, visibility 0s 0s;}
.modal-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;}
.modal-bg:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--white);opacity:.5;}
.open-modal .modal-bg{pointer-events:auto;}
.modal-wrap{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;}
.modal-inner{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--20);display:flex;flex-direction:column;transform:translate3D(0,var(--96),0);opacity:0;transition:opacity 1s, transform 1s, visibility 0s 1s;}
.open-modal .modal-inner{opacity:1;visibility:visible;transform:translate3D(0,0,0);transition:opacity 1s, transform 1s, visibility 0s 0s;}
.modal-item{position:relative;pointer-events:none;width:100%;max-width:var(--920);max-height:calc(var(--app-height) - var(--20));margin:auto;border-radius:var(--8);overflow:hidden;box-shadow:0 var(--40) var(--40) rgba(0,0,0,.1);}
.open-modal .modal-item{pointer-events:auto;}
.modal-container{padding:var(--48) var(--20) var(--20);background-image:url(../i/bg.jpg);background-repeat:repeat;background-size:var(--120) var(--120);}
.modal-scroll{height:100%;}
.modal-close{display:block;position:absolute;width:var(--32);top:var(--8);right:var(--8);z-index:10;}
.modal-close svg{display:block;width:100%;}
.modal-video{position:relative;width:100%;padding-top:56.25%;border-radius:var(--4);overflow:hidden;}
.modal-video video{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;}
/* ---------------------------------------------- ANIMATION ---------------------------------------------- */
/* FadeIn */
.fadein-wrap{padding:var(--32) var(--10);margin:calc(var(--32) * -1) var(---10);}
.fadein-wrap-big{padding:var(--120) var(--10);margin:calc(var(--120) * -1) var(---10);}
.fadein{filter:blur(var(--10));opacity:0;-webkit-mask-image: linear-gradient(128deg, transparent 0%, transparent 20%, black 50%, black 100%);mask-image: linear-gradient(128deg, transparent 0%, transparent 20%, black 50%, black 100%);-webkit-mask-size:250% 250%;mask-size:250% 250%;-webkit-mask-position:0 0;mask-position:0 0;}
.fadein.fadein-anim{-webkit-animation:fadein 2.5s ease-in-out forwards;animation:fadein 2.5s ease-in-out forwards;}
@-webkit-keyframes fadein{0%{opacity:0;filter:blur(var(--10));-webkit-mask-position:0 0;mask-position:0 0;}100%{opacity:1;filter:blur(0);-webkit-mask-position:100% 100%;mask-position:100% 100%;}}
@keyframes fadein{0%{opacity:0;filter:blur(var(--10));-webkit-mask-position:0 0;mask-position:0 0;}100%{opacity:1;filter:blur(0);-webkit-mask-position:100% 100%;mask-position:100% 100%;}}
.mask-image{-webkit-mask-image:url(../i/mask-sprite.png);mask-image:url(../i/mask-sprite.png);-webkit-mask-size:5500% 100%;mask-size:5500% 100%;}
.mask-image.mask-anim{-webkit-animation:mask-intro-play 2.291s steps(54) forwards;animation:mask-intro-play 2.291s steps(54) forwards;}
@-webkit-keyframes mask-intro-play{from{-webkit-mask-position:0% 0;mask-position:0% 0;}to{-webkit-mask-position:100% 0;mask-position:100% 0;}}
@keyframes mask-intro-play{from{-webkit-mask-position:0% 0;mask-position:0% 0;}to{-webkit-mask-position:100% 0;mask-position:100% 0;}}
/* ---------------------------------------------- MARGINS ---------------------------------------------- */
.rotate--14{transform:rotate(-14deg);}
.rotate-4{transform:rotate(4deg);}
.cg-16{-moz-column-gap:var(--16);column-gap:var(--16);}
.z-index{z-index:100;}
.pt-40{padding-top:var(--40);}
.ptb-120{padding-top:var(--120);padding-bottom:var(--120);}
.mt--144{margin-top:calc((var(--148) - var(--4)) * -1);}
.ml--40{margin-left:calc(var(--40) * -1);}
.mr--40{margin-right:calc(var(--40) * -1);}
.mb-120{margin-bottom:var(--120);}
.mb-60{margin-bottom:var(--60);}
.mb-32{margin-bottom:var(--32);}
.mb-20{margin-bottom:var(--20);}
.mb-10{margin-bottom:var(--10);}
.mb-last-0 > *:last-child{margin-bottom:0;}
/* ---------------------------------------------- MEDIA ---------------------------------------------- */
@media (min-width:1920.02px){
:root{
---40: -2.08333334vw;
---30: -1.5625vw;
---24: -1.25vw;
---20: -1.04166667vw;
---16: -.83333334vw;
---12: -.625vw;
---10: -.52083334vw;
---8: -.41666667vw;
---4: -.20833334vw;
---2: -.10416667vw;
---1: -.05208334vw;
--1: .05208333vw;
--2: .10416666vw;
--3: .15625vw;
--4: .20833333vw;
--5: .26041666vw;
--6: .3125vw;
--8: .41666666vw;
--10: .52083333vw;
--12: .625vw;
--14: .72916666vw;
--15: .78125vw;
--16: .83333333vw;
--20: 1.04166666vw;
--22: 1.14583333vw;
--24: 1.25vw;
--26: 1.35416666vw;
--28: 1.45833333vw;
--30: 1.5625vw;
--32: 1.66666666vw;
--36: 1.875vw;
--40: 2.08333333vw;
--48: 2.5vw;
--52: 2.70833333vw;
--56: 2.91666666vw;
--60: 3.125vw;
--64: 3.33333333vw;
--70: 3.64583333vw;
--72: 3.75vw;
--80: 4.16666666vw;
--84: 4.375vw;
--90: 4.6875vw;
--96: 5vw;
--112: 5.83333333vw;
--114: 5.9375vw;
--120: 6.25vw;
--128: 6.66666666vw;
--136: 7.08333333vw;
--148: 7.70833333vw;
--160: 8.33333333vw;
--172: 8.95833333vw;
--180: 9.375vw;
--200: 10.41666666vw;
--210: 10.9375vw;
--240: 12.5vw;
--258: 13.4375vw;
--327: 17.03125vw;
--354: 18.4375vw;
--372: 19.375vw;
--400: 20.83333333vw;
--440: 22.91666666vw;
--555: 28.90625vw;
--590: 30.72916666vw;
--670: 34.89583333vw;
--700: 36.45833333vw;
--728: 37.91666666vw;
--920: 47.91666666vw;
--1030: 53.64583333vw;
--1208: 62.91666666vw;

}
}

@media (max-width:1439.98px){
:root{
---40: -2.77777778vw;
---30: -2.08333334vw;
---24: -1.66666667vw;
---20: -1.38888889vw;
---16: -1.11111112vw;
---12: -.83333334vw;
---10: -.69444445vw;
---8: -.55555556vw;
---4: -.27777778vw;
---2: -.13888889vw;
---1: -.06944445vw;
--1: .06944444vw;
--2: .13888888vw;
--3: .20833333vw;
--4: .27777777vw;
--5: .34722222vw;
--6: .41666666vw;
--8: .55555555vw;
--10: .69444444vw;
--12: .83333333vw;
--14: .97222222vw;
--15: 1.04166666vw;
--16: 1.11111111vw;
--20: 1.38888888vw;
--22: 1.52777777vw;
--24: 1.66666666vw;
--26: 1.80555555vw;
--28: 1.94444444vw;
--30: 2.08333333vw;
--32: 2.22222222vw;
--36: 2.5vw;
--40: 2.77777777vw;
--48: 3.33333333vw;
--52: 3.61111111vw;
--56: 3.88888888vw;
--60: 4.16666666vw;
--64: 4.44444444vw;
--70: 4.86111111vw;
--72: 5vw;
--80: 5.55555555vw;
--84: 5.83333333vw;
--90: 6.25vw;
--96: 6.66666666vw;
--112: 7.77777777vw;
--114: 7.91666666vw;
--120: 8.33333333vw;
--128: 8.88888888vw;
--136: 9.44444444vw;
--148: 10.27777777vw;
--160: 11.11111111vw;
--172: 11.94444444vw;
--180: 12.5vw;
--200: 13.88888888vw;
--210: 14.58333333vw;
--240: 16.66666666vw;
--258: 17.91666666vw;
--327: 22.70833333vw;
--354: 24.58333333vw;
--372: 25.83333333vw;
--400: 27.77777777vw;
--440: 30.55555555vw;
--555: 38.54166666vw;
--590: 40.97222222vw;
--670: 46.52777777vw;
--700: 48.61111111vw;
--728: 50.55555555vw;
--920: 63.88888888vw;
--1030: 71.52777777vw;
--1208: 83.88888888vw;
}
}

@media (max-width:767.98px){
:root{
---40: -10.66666667vw;
---30: -8vw;
---24: -6.4vw;
---20: -5.33333334vw;
---16: -4.26666667vw;
---12: -3.2vw;
---10: -2.66666667vw;
---8: -2.13333334vw;
---4: -1.06666667vw;
---2: -.53333334vw;
---1: -.26666667vw;
--1: .26666666vw;
--2: .53333333vw;
--3: .8vw;
--4: 1.06666666vw;
--5: 1.33333333vw;
--6: 1.6vw;
--8: 2.13333333vw;
--10: 2.66666666vw;
--12: 3.2vw;
--14: 3.73333333vw;
--15: 4vw;
--16: 4.26666666vw;
--20: 5.33333333vw;
--22: 5.86666666vw;
--24: 6.4vw;
--26: 6.93333333vw;
--28: 7.46666666vw;
--30: 8vw;
--32: 8.53333333vw;
--36: 9.6vw;
--40: 10.66666666vw;
--48: 12.8vw;
--52: 13.86666666vw;
--56: 14.93333333vw;
--60: 16vw;
--64: 17.06666666vw;
--70: 18.66666666vw;
--72: 19.2vw;
--80: 21.33333333vw;
--84: 22.4vw;
--90: 24vw;
--96: 25.6vw;
--112: 29.86666666vw;
--114: 30.4vw;
--120: 32vw;
--128: 34.13333333vw;
--136: 36.26666666vw;
--148: 39.46666666vw;
--160: 42.66666666vw;
--172: 45.86666666vw;
--180: 48vw;
--200: 53.33333333vw;
--210: 56vw;
--240: 64vw;
--258: 68.8vw;
--327: 87.2vw;
--354: 94.4vw;
--372: 99.2vw;
--400: 106.66666666vw;
--440: 117.33333333vw;
--555: 148vw;
--590: 157.33333333vw;
--670: 178.66666666vw;
--700: 186.66666666vw;
--728: 194.13333333vw;
--920: 245.33333333vw;
--1030: 274.66666666vw;
--1208: 322.13333333vw;
}
body{font-size:var(--14);}
h1,.h1{font-size:2.67em;}
/* Header */
.header-item{padding:var(--20) 0!important;}
.logo{width:var(--120);margin-bottom:var(---12);}
.mobile-menu{display:block;}
.open-menu .logo-fn{fill:var(--cream)!important;}
.but{gap:0 var(--12);padding:0 var(--20);}
.but svg{width:var(--16);}
.but-big{height:var(--60);}
.content-container{width:100%;}
/* Content */
.scroll-content,.mobile-menu,.content-bg,.footer{background-size:var(--120) var(--120);}
.photo,.reviews-item,.meta-wrap,.modal-container{background-size:var(--60) var(--60);}
.intro{min-height:var(--440);}
.intro-container{padding-bottom:var(--80);}
.intro-button{width:var(--258);transform:translateY(-20%);}
.spec{gap:0 var(--6);margin-bottom:0;font-size:.64em;}
.spec i{min-width:var(--3);width:var(--3);height:var(--3);}
.photo{padding:var(--12);border-radius:var(--6);}
.photo-dot{gap:0 var(--6);margin-bottom:var(--12);}
.photo-dot i{width:var(--4);height:var(--4);}
.photo-img{border-radius:var(--3);}
.rotate-m-12{transform:rotate(-12deg);}
.title{font-size:2.5em;text-align:center;}
.subtitle{font-size:.75em;gap:0 var(--10);}
.subtitle i{min-width:var(--4);width:var(--4);height:var(--4);}
.reviews-slider{margin-left:var(---24);margin-right:var(---24);}
.reviews-slider-nav{position:relative;top:0;width:100%;transform:translateY(0);margin-top:var(--24);}
.reviews-slider-nav .but{padding:0;}
.reviews-slider-nav .but svg{width:var(--20)!important;}
.scroll-next{top:calc(100% + var(--20));width:calc(var(--40) + var(--2));height:calc(var(--40) + var(--2));padding:var(--5);}
.scroll-next-icon:before{width:calc(100% - var(--4));height:calc(100% - var(--4));}
.scroll-next-icon svg{width:var(--16);}
.scroll-next-top{top:auto;bottom:calc(100% - var(--20));}
.counter > :nth-child(1) .meta-wrap{width:100%;min-width:100%;margin:0;transform:rotate(-5deg);margin-bottom:var(--40);}
.counter > :nth-child(2) .meta-wrap{width:100%;min-width:100%;margin:0;transform:rotate(5deg);margin-bottom:var(--40);}
.counter > :nth-child(3) .meta-wrap{width:100%;min-width:100%;margin:0;transform:rotate(-5deg);margin-bottom:var(--40);}
.counter > :nth-child(4) .photo{margin-top:0;margin-left:0;transform:rotate(5deg);}
.meta-title{padding-right:0;}
.counter > :nth-child(1) .meta-count{right:50%;}
.counter > :nth-child(2) .meta-count{right:40%;}
.counter > :nth-child(3) .meta-count{right:50%;}
.meta-count{width:var(--40);height:var(--40);font-size:1.875em;top:var(---24);}
.meta-count img{width:var(--14);}
.cards{padding-top:0;padding-bottom:0;}
.cards-inner{position:relative;}
.cards-item{margin-bottom:calc(var(--32) * -1);transform:translateX(0) rotate(0)!important;padding-top:0;}
.cards-item:last-child{margin-bottom:0;}
.cards-item::before{background-image:url(../i/folder-m-1.png);}
.cards-item:nth-child(2n):before{background-image: url(../i/folder-m-2.png);}
.cards-item-content,.cards-item:nth-child(2n) .cards-item-content{position:relative;-webkit-clip-path:none;clip-path:none;padding:var(--40) var(--10) var(--10);}
.cards-item-title{height:auto;flex-wrap:wrap;justify-content:space-between;flex-direction:row!important;}
.cards-item-title .line{min-width:100%;margin-top:var(--20);}
.cards-item-text{font-size:1.5em;min-height:auto;text-align:left!important;}
.cards-item-content ul li{padding-left:var(--36);}
.overflow:after{display:none;}
.contacts-title{font-size:5em;}
.contacts-title-2{font-size:2.5em;padding-left:0;margin-top:.4em;}
/* Footer */
.footer{padding:var(--60) 0 0;}
.footer-menu ul{flex-direction:column;gap:var(--12) 0;}
.footer .logo{margin:0 auto;}
/* modal */
.modal-reviews-content{padding:0 0 var(--20);}
/* Margins */
.mask{-webkit-mask: url(../i/mask-bottom-m.svg) bottom left / 100% var(--56), url(../i/mask-top-m.svg) top left / 100% var(--56), linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--56) - var(--1)), rgba(0, 0, 0, 1) calc(var(--56) - var(--1)), rgba(0, 0, 0, 1) calc(100% - var(--56) + var(--1)), rgba(0, 0, 0, 0) calc(100% - var(--56) + var(--1)), rgba(0, 0, 0, 0) 100%);mask: url(../i/mask-bottom-m.svg) bottom left / 100% var(--56), url(../i/mask-top-m.svg) top left / 100% var(--56), linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(var(--56) - var(--1)), rgba(0, 0, 0, 1) calc(var(--56) - var(--1)), rgba(0, 0, 0, 1) calc(100% - var(--56) + var(--1)), rgba(0, 0, 0, 0) calc(100% - var(--56) + var(--1)), rgba(0, 0, 0, 0) 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
.center-m{text-align:center;}
.medium-m{font-weight:500;}
.ptb-m-60{padding-top:var(--60);padding-bottom:var(--60);}
.ml-m-40{margin-left:var(--40);}
.mr-m-40{margin-right:var(--40);}
.mt-m--80{margin-top:calc(var(--80) * -1);}
.mb-m-60{margin-bottom:var(--60);}
.mb-m-40{margin-bottom:var(--40);}
.mb-m-20{margin-bottom:var(--20);}
.mb-m-8{margin-bottom:var(--8);}
.mt-m-0{margin-top:0;}
.mb-m-0{margin-bottom:0;}
.ml-m-0{margin-left:0;}
.mr-m-0{margin-right:0;}
}

