@font-face{
    font-display: swap;
    font-family: 'Inter';
    font-weight: 400;
    src: url('../font/Inter-Regular.woff2') format('woff2'),
         url('../font/Inter-Regular.woff') format('woff')
}

@font-face{
    font-display: swap;
    font-family: 'Inter';
    font-weight: 500;
    src: url('../font/Inter-Medium.woff2') format('woff2'),
         url('../font/Inter-Medium.woff') format('woff')
}

@font-face{
    font-display: swap;
    font-family: 'Manrope';
    font-weight: 700;
    src: url('../font/Manrope-Bold.woff2') format('woff2'),
         url('../font/Manrope-Bold.woff') format('woff')
}

@font-face{
    font-display: swap;
    font-family: 'Manrope';
    font-weight: 800;
    src: url('../font/Manrope-ExtraBold.woff2') format('woff2'),
         url('../font/Manrope-ExtraBold.woff') format('woff')
}


h1, .h1{color:#1e1e3f;line-height:1.1;margin-bottom:32px;font-family:'Manrope', sans-serif;font-size:64px;font-weight:700;letter-spacing:-1px}
h2, .h2{color:#1e1e3f;line-height:1.2;margin-bottom:32px;font-family:'Manrope', sans-serif;font-size:44px;font-weight:700;letter-spacing:-1px}
h3, .h3{color:#1e1e3f;line-height:1.2;margin-bottom:16px;font-family:'Manrope', sans-serif;font-size:32px;font-weight:700}
h4, .h4{color:#1e1e3f;line-height:1.2;margin-bottom:8px;font-family:'Manrope', sans-serif;font-size:20px;font-weight:700}
p, .p{line-height:1.5}

html, body{height:100%}

.common{background:#fff;color:#5f5f79;line-height:1;font-family:'Inter', sans-serif;font-size:18px}
.container{width:100%;min-width:280px;max-width:1270px;margin:0 auto;padding:0 15px}
.wrapper{overflow:hidden;/*display:flex;flex-direction:column;*/min-height:100%}
.overflow{overflow:hidden}
.img-absolute{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-position:center;object-fit:cover;border-radius:inherit}

.font-manrope{font-family:'Manrope', sans-serif}

#homepage{background:#fff url('../img/decor/home-bg.png') no-repeat top center / cover;padding-top:140px}
#article-page{background:#fff url('../img/decor/article-bg.png') no-repeat top center / cover;padding-top:120px}
#article-page .scroller{display:none}

.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:98;width:100%;height:100%;background-color:rgba(0, 0, 0, .5);opacity:0;pointer-events:none;visibility:hidden;transition:.3s ease-in-out}
.overlay.is-active{opacity:1;pointer-events:all;visibility:visible}

/*.swiper{transition:.5s;opacity:0}
.swiper-initialized{opacity:1}*/

.button{transition:.3s ease-in-out;position:relative;z-index:10;display:flex;justify-content:center;align-items:center;gap:8px;font-family:'Manrope', sans-serif;font-weight:700}
.button.is-disabled{background:#c5d9ce;pointer-events:none}
.button-small{height:38px;padding:0 12px;font-size:14px;border-radius:10px}
.button-medium{height:56px;padding:0 24px;font-size:16px;border-radius:16px}
.button-green{background:#24c76c;color:#fff}
.button-green:hover{background:#1ba058}
.button-green-border{color:#24c76c;border:2px solid #24c76c}
.button-green-border:hover{background:#24c76c;color:#fff}

.svg-arrow{width:18px;height:18px}

.action{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}
.action__info{display:flex;align-items:center;gap:7px;font-size:12px}
.action__info svg{width:14px;height:14px}

.list-check{display:flex;flex-direction:column;gap:8px}
.list-check li{position:relative;line-height:1.65;padding-left:25px}
.list-check li::before{position:absolute;top:10px;left:0;content:'';background:url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.15407 9.99998C4.76691 9.99998 4.39355 9.84788 4.11704 9.57137L0.425202 5.87953C-0.141734 5.3126 -0.141734 4.38621 0.425202 3.81927C0.992138 3.25234 1.91853 3.25234 2.48546 3.81927L5.11261 6.44642L10.5881 0.473114C11.1274 -0.121402 12.0538 -0.162982 12.6484 0.390166C13.2429 0.929423 13.2845 1.85581 12.7314 2.45043L6.23262 9.5299C5.96988 9.82032 5.58274 10 5.18178 10H5.1541L5.15407 9.99998Z' fill='%2359AA45'/%3E%3C/svg%3E%0A") no-repeat center / contain;width:14px;height:10px}

.list-default{display:flex;flex-direction:column;gap:8px}
.list-default li{position:relative;line-height:1.5;padding-left:20px}
.list-default li::before{position:absolute;top:7px;left:0;content:'';background:url('../img/icon/list-dot.svg') no-repeat center / contain;width:12px;height:12px}

.scroller{transition:.3s;position:fixed;right:40px;bottom:40px;z-index:100;display:flex;justify-content:center;align-items:center;background:#cacadb;color:#5f5f79;width:50px;height:50px;border-radius:50%}
.scroller.is-down{transform:rotate(180deg)}
.scroller:hover{background:#008cff;color:#fff}

@media screen and (max-width: 575px) {
    .scroller{right:20px;bottom:20px;width:40px;height:40px}
}

.section{margin-bottom:170px}
.section-head{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:40px;text-align:center}
.section-head__title{}
.section-head__title span{}
.section-head__desc{}

.header{position:absolute;top:16px;right:0;left:0;z-index:100}
.header .container{max-width:1300px}
.header-wrap{display:flex;justify-content:space-between;align-items:center;background:rgba(255, 255, 255, .8);height:62px;padding:0 16px;border-radius:16px;box-shadow:0 4px 15px rgba(44, 58, 101, .15)}

.header-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.header-logo__icon{width:36px;height:36px}
.header-logo__text{display:flex;flex-direction:column;gap:5px}
.header-logo__text__title{color:#1e1e3f;line-height:1.1;font-size:16px;font-weight:800}
.header-logo__text__subtitle{color:#5f5f79;line-height:1.1;font-size:12px}

.header-menu{display:flex;justify-content:space-between;align-items:center;gap:40px}

.header-nav{display:flex;gap:40px}
.header-nav__link{transition:.3s;position:relative;z-index:1;font-size:14px}
.header-nav__link:hover{color:#1ba058}

.header-action{display:flex;gap:40px}
.header-hamburger{position:relative;z-index:100;display:flex;justify-content:center;align-items:center;width:30px;height:30px}
.header-hamburger__line{transition:margin .3s .3s, opacity .3s 0s, transform .3s;position:absolute;background:#2c3333;width:100%;height:3px;border-radius:3px}
.header-hamburger__line:nth-child(1){margin-top:-21px}
.header-hamburger__line:nth-child(2){}
.header-hamburger__line:nth-child(3){margin-top:21px}
.header-hamburger.is-active .header-hamburger__line{transition:margin .3s, opacity .3s 0s, transform .3s .3s}
.header-hamburger.is-active .header-hamburger__line:nth-child(1){margin:0;transform:rotate(-45deg)}
.header-hamburger.is-active .header-hamburger__line:nth-child(2){opacity:0}
.header-hamburger.is-active .header-hamburger__line:nth-child(3){margin:0;transform:rotate(45deg)}

.fixed-header-prepared{visibility:hidden;transform:translateY(-100%);position:fixed;top:0;right:0;left:0;z-index:100;background:#fff;box-shadow:0 4px 15px rgba(44, 58, 101, .15)}
.fixed-header-prepared::before{max-width:100%}
.fixed-header-prepared .header-wrap{background:0;height:70px;padding:0;box-shadow:none}
.fixed-header-prepared{}
.fixed-header-preshow{visibility:visible;transition:transform .3s ease, opacity .3s ease}
.fixed-header-ready{transform:translateY(0)}

.lead{}
.lead-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center}
.lead-head{position:relative;margin-bottom:60px}
.lead-head__title{}
.lead-head__title span{color:#008cff}
.lead-head__analog{position:absolute;top:20px;right:15px;display:flex;justify-content:center;align-items:center;gap:8px;background:rgba(255, 255, 255, .8);height:36px;padding:0 16px;box-shadow:0 4px 15px  rgba(44, 58, 101, .07);border-radius:60px}
.lead-head__analog::before{content:'';background:url('../img/icon/security.svg') no-repeat center / contain;width:20px;height:20px}
.lead-head__analog__text{color:#1e1e3f;font-size:14px;font-weight:800}
.lead-head__desc{width:100%;max-width:605px;margin:0 auto 44px;text-align:center}
.lead-head__action{}
.lead-head__action__button{}
.lead-frame{flex-shrink:0;width:100%;max-width:860px}
.lead-frame__container{position:relative;width:100%;padding-bottom:calc(484 / 860 * 100%)}
.lead-frame__container::before{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;content:'';background:linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);border-radius:35px;box-shadow:0 -6px 41px rgba(44, 58, 101, .2)}
.lead-frame__container__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:30px}

.edit{}
.edit-grid{display:flex;align-items:center}
.edit-frame{flex-shrink:0;width:100%;max-width:650px}
.edit-frame__container{position:relative;width:100%;padding-bottom:calc(365 / 650 * 100%)}
.edit-frame__container::before{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;content:'';background:linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);border-radius:35px;box-shadow:0 -6px 41px rgba(44, 58, 101, .2)}
.edit-frame__container__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:30px}
.edit-content{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin-left:-20px}
.edit-item{overflow:hidden;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:start;align-items:start;background:rgba(255, 255, 255, .6);padding:16px 20px;border:1px solid #ebefff;border-radius:20px;box-shadow:0 4px 15px rgba(44, 58, 101, .07)}
.edit-item::before, .edit-item::after{position:absolute;z-index:-1;content:'';width:100px;height:100px;background:#008cff;filter:blur(35px);border-radius:50%;opacity:.15;pointer-events:none}
.edit-item:nth-child(1)::before{top:-50px;left:-50px}
.edit-item:nth-child(1)::after{right:-38px;bottom:-34px}
.edit-item:nth-child(2)::before{top:-50px;right:-45px}
.edit-item:nth-child(2)::after{left:-22px;bottom:-34px}
.edit-item:nth-child(3)::before{top:-38px;right:-38px}
.edit-item:nth-child(3)::after{left:-30px;bottom:-26px}
.edit-item:nth-child(4)::before{top:-38px;left:-22px}
.edit-item:nth-child(4)::after{right:-45px;bottom:-26px}
.edit-item__icon{width:40px;height:40px;margin-bottom:16px}
.edit-item__title{}
.edit-item__desc{font-size:16px}

.music{margin-top:-80px}
.music-wrap{display:flex;align-items:center;justify-content:space-between;gap:0}
.music-info{width:100%;max-width:575px;padding-top:80px}
.music-info > *:last-child{margin-bottom:0}
.music-info__title{}
.music-info__desc{margin-bottom:30px}
.music-pic{flex-shrink:0;width:100%;max-width:625px;margin-right:-15px}
.music-pic__container{position:relative;padding-bottom:calc(454 / 625 * 100%)}

.filters{padding:189px 0 60px;max-width:1920px;margin-right:auto;margin-left:auto;position:relative;overflow:hidden}
.filters__bgs{position:absolute;content:'';display:block;top:0;left:0;right:0;bottom:0;z-index:-1}
.filters__bgs .slick-list,.filters__bgs .slick-track{position:absolute;top:0;left:0;right:0;bottom:0}
.filters__bg{position:absolute;content:'';display:block;top:0;left:0;right:0;bottom:0;background-size:cover;background-repeat:no-repeat;background-position:top center}
.filters__bg video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:none}
.filters__bg.slick-active video{display:block}
.filters__bg--start{z-index:-1}
.filters-block{display:flex;align-items:flex-end;justify-content:space-between;width:100%}
.filters__info{position:relative;z-index:2;padding-bottom:15px}
.filters__text{}
.filters-slider{background:#fff;margin-left:auto;width:calc(53% - 80px);left:3%;padding:20px 0 20px 30px;border-radius:0 0 0 30px}
.filters-slider::before{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;content:'';border:5px solid rgba(255, 255, 255, 0.6);border-right:none;border-radius:0 0 0 35px}
.filters-slider:not(.slick-initialized) .filter:nth-child(n+2){display:none!important}
.filters-slider__back, .filters-slider__next{transition:.3s ease-in-out;position:absolute;bottom:calc(100%);display:flex;justify-content:center;align-items:center;background:#cacadb;color:#5f5f79;width:32px;height:32px;border-radius:50%}
.filters-slider__back:hover, .filters-slider__next:hover{background:#008cff;color:#fff}
.filters-slider__back svg, .filters-slider__next svg{width:14px;height:14px}
.filters-slider__back{left:30px}
.filters-slider__next{left:86px}
.filters-slider__next svg{transform:rotate(180deg)}
.filters-slider-wrap{position:relative;width:calc(50% - 80px);margin-left:auto;background-color:#fff;border-radius:30px 30px 0 0;padding:30px 30px 45px 30px;position:relative}
.filters-slider-wrap::before{position:absolute;top:-5px;right:-5px;bottom:5px;left:-5px;content:'';border:5px solid rgba(255, 255, 255, 0.6);border-bottom:none;border-radius:35px 35px 0 0}
.filters-slider .slick-list{margin:0 -10px}
.filters-slider .slick-track{top:0;left:0}
.filters-slider .slick-slide{margin:0 10px}
.filter{overflow:hidden;position:relative;z-index:1;background-repeat:no-repeat;background-size:cover;background-position:center;display:flex!important;height:178px!important;padding:15px;border-radius:20px;cursor:pointer}
.filter.slick-active.slick-current{pointer-events:none}
.filter.slick-active.slick-current::before{box-shadow:inset 0 0 0 2px #008cff;opacity:1}
.filter::before{transition:.3s linear;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;content:'';box-shadow:inset 0 0 0 1px #008cff;border-radius:inherit;opacity:.5}
.filter::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:'';background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);border-radius:22px}
.filter__title{position:relative;z-index:10;color:#fff;margin-top:auto;font-size:17px}
.filter__img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-10;width:100%;height:100%}

.inst{}
.inst-wrap{display:flex;flex-direction:column;gap:100px}
.inst-item{display:flex;align-items:center;gap:60px}
.inst-item-info{}
.inst-item-info > *:last-child{margin-bottom:0}
.inst-item-info__title{}
.inst-item-info__desc{margin-bottom:32px}
.inst-item-info__list{margin-bottom:40px}
.inst-item-info__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}
.inst-item-info__prop{overflow:hidden;position:relative;z-index:1;background:rgba(255, 255, 255, 0.6);padding:16px 20px;border:1px solid #ebefff;box-shadow:0 4px 15px rgba(44, 58, 101, 0.07);border-radius:20px}
.inst-item-info__prop::before, .inst-item-info__prop::after{position:absolute;z-index:-1;content:'';width:100px;height:100px;background:#008cff;filter:blur(35px);border-radius:50%;opacity:.15;pointer-events:none}
.inst-item-info__prop::before{top:-50px;left:-30px}
.inst-item-info__prop::after{bottom:-85px;right:-60px}
.inst-item-info__prop__icon{width:40px;height:40px;margin-bottom:16px}
.inst-item-info__prop__desc{}

.inst-item-video{position:relative;overflow:hidden;flex-shrink:0;background:#fff;width:100%;max-width:610px;padding:20px;border:1px solid #ebefff;border-radius:20px;box-shadow:0 4px 15px rgba(44, 58, 101, .07);user-select:none}
.inst-item-video::before{position:absolute;top:-145px;left:-130px;content:'';background:#008cff;width:310px;height:310px;filter:blur(35px);border-radius:50%;opacity:.15;pointer-events:none}
.inst-item-video::after{position:absolute;bottom:-145px;right:-130px;content:'';background:#008cff;width:310px;height:310px;filter:blur(35px);border-radius:50%;opacity:.15;pointer-events:none}
.inst-item-video__container{position:relative;width:100%;padding-bottom:calc(1080 / 1440 * 100%);border-radius:20px;overflow:hidden}
.inst-item-video__box{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
.inst-item-video__box video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}

.inst-item-pic{position:relative;z-index:1;overflow:hidden;flex-shrink:0;background:#fff;width:100%;max-width:610px;padding:20px 0 20px 19px;border:1px solid #ebefff;border-radius:20px;box-shadow:0 4px 15px rgba(44, 58, 101, .07)}
.inst-item-pic::before{position:absolute;top:-145px;right:-130px;z-index:-1;content:'';background:#008cff;width:310px;height:310px;filter:blur(35px);border-radius:50%;opacity:.15;pointer-events:none}
.inst-item-pic::after{position:absolute;bottom:-145px;left:-130px;z-index:-1;content:'';background:#008cff;width:310px;height:310px;filter:blur(35px);border-radius:50%;opacity:.15;pointer-events:none}
.inst-item-pic__container{position:relative;width:100%;padding-bottom:calc(380 / 589 * 100%);filter:drop-shadow(0 5px 10px rgba(44, 58, 101, .15))}

.inst-item-action{width:100%;max-width:610px}
.inst-item-action__container{position:relative;width:100%;padding-bottom:calc(450 / 610 * 100%)}

.menu-toggle{position:absolute;left:50%;bottom:20px;z-index:10;transform:translateX(-50%);display:flex;align-items:center;gap:25px;background:rgba(255, 255, 255, .95);height:56px;padding:0 20px;box-shadow:0 4px 15px rgba(44, 58, 101, .07);border-radius:16px}
.menu-toggle-item{position:relative;white-space:nowrap}
.menu-toggle-item__head{transition:.3s ease-in-out;display:flex;align-items:center;gap:5px;color:#008cff;stroke:#008cff;stroke-width:1px;opacity:.5;cursor:pointer}
.menu-toggle-item__head.is-active{opacity:1}
.menu-toggle-item__head:hover{opacity:1}
.menu-toggle-item__head__text{font-size:16px}
.menu-toggle-item__head__icon{transform:rotate(-90deg);width:12px;height:12px}
.menu-toggle-item__color{width:20px;height:20px;border:1px solid #008cff;border-radius:50%;cursor:pointer}
.menu-toggle-item__color--white{background:#fff}
.menu-toggle-item__body{opacity:0;pointer-events:none;transition:.3s ease-in-out;position:absolute;top:calc(100% + 25px);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;gap:10px;padding:15px 10px;filter:drop-shadow(0 5px 10px rgba(44, 58, 101, .1));border-radius:10px}
.menu-toggle-item__body.is-open{opacity:1;pointer-events:all}
.menu-toggle-item__body::before{position:absolute;top:-8px;right:0;left:0;content:'';background:#fff;width:16px;height:16px;margin:0 auto;transform:rotate(45deg)}
.menu-toggle-item__body__style{transition:.3s ease-in-out;display:flex;justify-content:center;align-items:center;width:68px;height:32px;padding:5px;border:1px solid transparent;border-radius:5px;cursor:pointer}
.menu-toggle-item__body__style:hover{border-color:rgba(0, 140, 255, 0.5)}
.menu-toggle-item__body__style.is-press{border-color:rgba(0, 140, 255, 0.5);pointer-events:none}
.menu-toggle-item__body__text{transition:.3s ease-in-out;padding:2.5px 0;font-size:14px;cursor:pointer}
.menu-toggle-item__body__text:hover{color:#008cff}
.menu-toggle-item__body__text.is-press{color:#008cff;pointer-events:none}
.menu-toggle-item__body__color{transition:.3s ease-in-out;width:20px;height:20px;border:1px solid transparent;border-radius:50%;cursor:pointer}
.menu-toggle-item__body__color:hover{border-color:#008cff}
.menu-toggle-item__body__color.is-press{border-color:#008cff;pointer-events:none}
.menu-toggle-item__body__color--white{background:#fff}
.menu-toggle-item__body__color--yellow{background:#ffd80b}
.menu-toggle-item__body__color--red{background:#ff4b4b}

.menu-content{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:20px;box-shadow:0 4px 15px rgba(44, 58, 101, .07)}
.menu-content::before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:'';border:1px solid #ebefff;border-radius:20px;pointer-events:none}
.menu-content-item{position:absolute;top:0;right:0;bottom:0;left:0;display:none;width:100%;height:100%}
.menu-content-item.is-active{display:block}
.menu-content-item video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);min-width:100%;min-height:100%;width:auto;height:auto}
.menu-content-pic{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
.menu-content-pic::before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:'';border:1px solid #ebefff;border-radius:20px;pointer-events:none}

.menu-chosen{position:absolute;top:calc(100% - 50px);left:50%;z-index:10;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;gap:20px}
.menu-chosen-item{overflow:hidden;position:relative;z-index:1;display:flex;justify-content:center;align-items:center;background:#fff;width:100px;height:100px;padding:5px;box-shadow:0 4px 15px rgba(44, 58, 101, 0.07);border-radius:16px;cursor:pointer}
.menu-chosen-item::before{transition:.3s ease-in-out;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:'';border:1px solid #008cff;border-radius:inherit;pointer-events:none;opacity:0}
.menu-chosen-item::after{transition:.3s ease-in-out;position:absolute;top:-60px;left:-30px;z-index:-1;content:'';width:100px;height:100px;background:#008cff;filter:blur(35px);border-radius:50%;pointer-events:none;opacity:0}
.menu-chosen-item.is-active::after{opacity:.25}
.menu-chosen-item.is-active::before{opacity:1}

.menu-decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;pointer-events:none}
.menu-decor-item{opacity:0;transition:.3s ease-in-out;position:absolute}
.menu-decor-item--roses{top:5%;left:20%;transform:scale(.6) rotate(65deg)}
.menu-decor-item--wow{top:-50px;right:-50px}
.menu-decor-item--bird{top:-70px;left:-120px}
.menu-decor-item.is-active{opacity:1}

.switch{display:flex;justify-content:start;align-items:center;gap:40px}
.switch-text{color:#1e1e3f;font-family:'Manrope', sans-serif;font-size:20px;font-weight:800}
.switch-toggle{transition:transform 0.4s ease-in-out;position:relative;background:#cacadb;width:60px;height:32px;border-radius:60px;cursor:pointer}
.switch-toggle.is-active{background:#008cff}
.switch-toggle.is-active .switch-toggle__circle{background:#fff;transform:translateX(28px)}
.switch-toggle.is-active:hover .switch-toggle__circle{transform:translateX(28px)}
.switch-toggle:hover .switch-toggle__circle{transform:translateX(4px)}
.switch-toggle__circle{transition:transform 0.4s ease-in-out;position:absolute;top:3px;left:3px;background:#fff;width:26px;height:26px;border-radius:50%;box-shadow:0 2px 7px rgba(44, 58, 101, 0.1)}

.director{background:url('../img/section_director/bg.png') no-repeat center / cover}
.director-wrap{display:flex;align-items:center;gap:60px;padding:60px 0}
.director-info{display:flex;flex-direction:column;align-items:start;justify-content:start}
.director-info__title{}
.director-info__desc{margin-bottom:40px}
.director-info__action{}
.director-info__action__button{}
.director-pic{flex-shrink:0;width:100%;max-width:612px}
.director-pic__container{position:relative;width:100%;padding-bottom:calc(356 / 612 * 100%)}
.director__trigger{display:flex;justify-content:center;align-items:center;gap:8px;background:rgba(255, 255, 255, .8);height:36px;margin-bottom:10px;padding:0 16px;box-shadow:0 4px 15px  rgba(44, 58, 101, .07);border-radius:60px}
.director__trigger::before{content:'';background:url('../img/icon/play.svg') no-repeat center / contain;width:20px;height:20px}
.director__trigger__text{color:#1e1e3f;font-size:14px;font-weight:800}

.shades{position:relative;width:100%;max-width:1920px;margin-left:auto;margin-right:auto;user-select:none}
.shades-container{overflow:hidden;position:relative;width:100%;height:720px}

.shades-content{position:absolute;top:0;left:0;right:0;bottom:0;}
.shades-content-item{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}
.shades-content-item video{width:100%;left:0;top:0;height:100%;object-fit:cover}

.shades-info{position:absolute;right:0;bottom:60px;left:0}
.shades-info-inner{position:relative;z-index:1;background:#fff;width:100%;max-width:540px;padding:30px 30px 45px;border-radius:30px}
.shades-info-inner > *:last-child{margin-bottom:0}
.shades-info-inner::before{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;z-index:-1;content:'';background:linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);border-radius:35px;box-shadow:0 -6px 41px rgba(44, 58, 101, .2);pointer-events:none}
.shades-info-title{}
.shades-info-desc{margin-bottom:32px}
.shades-info-switch{margin-bottom:16px}
.shades-info-switch .switch-text{width:195px}

.reviews{}
.reviews-rating{display:flex;justify-content:center;align-items:center;margin-bottom:8px}
.reviews-rating-inner{display:flex;justify-content:center;align-items:center;gap:5px;background:rgba(255, 255, 255, .8);height:35px;padding:0 16px;box-shadow:0 4px 15px 0px rgba(44, 58, 101, 0.07);border-radius:60px}
.reviews-rating-grid{display:flex;justify-content:center;align-items:center;gap:5px}
.reviews-rating-star{width:13px;height:13px}
.reviews-rating-count{color:#1e1e3f;font-size:16px;font-weight:800}
.reviews-rating-text{color:#1e1e3f;font-size:14px}
.reviews-slider{}
.reviews-slider .swiper{overflow:visible}
.reviews-slider .swiper-slide{height:auto}
.reviews-slide{overflow:hidden;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:start;align-items:start;background:#fff;height:100%;padding:20px;border:1px solid #ebefff;border-radius:20px}
.reviews-slide::before, .reviews-slide::after{position:absolute;z-index:-1;content:'';width:122px;height:122px;background:#008cff;filter:blur(40px);border-radius:50%;opacity:.1;pointer-events:none}
.reviews-slide::before{top:-60px;left:-50px}
.reviews-slide::after{right:-35px;bottom:-45px}
.reviews-slide__rating{display:flex;justify-content:center;align-items:center;gap:5px;margin-bottom:18px}
.reviews-slide__rating__star{width:13px;height:13px}
.reviews-slide__desc{margin-bottom:24px;font-size:16px}
.reviews-slide__author{color:#0D1117;margin-top:auto;font-family:'Manrope', sans-serif;font-size:16px;font-weight:800}

.swiper-action{display:flex;justify-content:start;align-items:center;gap:24px;margin-top:32px}
.swiper-action-button{transition:.3s ease-in-out;display:flex;justify-content:center;align-items:center;background:#cacadb;color:#5f5f79;width:32px;height:32px;border-radius:50%;cursor:pointer}
.swiper-action-button:hover{background:#008cff;color:#fff}
.swiper-action-button--prev{}
.swiper-action-button--next{}
.swiper-action-button--next .swiper-action-button__icon{transform:rotate(180deg)}
.swiper-action-button__icon{width:14px;height:14px}

.step{background:url('../img/section_step/bg.webp') no-repeat center / cover;padding:60px 0}
.step-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;margin-bottom:40px}
.step-item{background:rgba(255, 255, 255, .6);padding:16px 19px;border: 1px solid #ebefff;border-radius:20px;box-shadow:0 4px 15px rgba(44, 58, 101, .07)}
.step-item__pic{overflow:hidden;position:relative;width:100%;margin-bottom:16px;padding-bottom:calc(250 / 360 * 100%);border-radius:16px}
.step-item__pic__counter{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;background:#008cff;color:#fff;width:55px;height:55px;font-size:18px;font-weight:700;border-radius:0 0 100px 0}
.step-item__pic__counter span{transform:translate(-5px, -5px)}
.step-item__head{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.step-item__head__icon{flex-shrink:0;width:40px;height:40px}
.step-item__head__text{margin-bottom:0}
.step-item__desc{font-size:16px}

.help{}
.help-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}
.help-item{position:relative;overflow:hidden;z-index:1;display:flex;flex-direction:column;justify-content:start;align-items:start;background:rgba(255, 255, 255, .6);padding:16px 20px;border:1px solid #ebefff;border-radius:20px;box-shadow:0 4px 15px  rgba(44, 58, 101, .07)}
.help-item:hover .help-item__title{color:#1ba058}
.help-item::before{position:absolute;z-index:-1;content:'';width:144px;height:144px;filter:blur(35px);border-radius:50%;pointer-events:none;opacity:.15}
.help-item__head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.help-item__head__icon{flex-shrink:0;width:40px;height:40px}
.help-item__head__text{display:flex;justify-content:center;align-items:center;color:#fff;height:25px;padding:0 8px;font-size:14px;font-weight:800;border-radius:20px}
.help-item__title{transition:.3s ease-in-out}
.help-item__desc{}

.help-item--blue{}
.help-item--blue .help-item__head__text{background:#008CFF}
.help-item--blue::before{bottom:-30px;left:-40px;background:#008cff}
.help-item--purple{}
.help-item--purple .help-item__head__text{background:#2735FF}
.help-item--purple::before{top:-60px;left:-50px;background:#2735ff}

.vs{}
.vs-table{width:100%;max-width:820px;margin:0 auto;border:1px solid #ebefff;box-shadow:0 4px 15px rgba(44, 58, 101, 0.07);border-radius:20px}
.vs-table-row{display:flex}
.vs-table-row:last-child .vs-table-item{border-bottom:0}
.vs-table-item{display:flex;align-items:center;min-height:64px;padding:16px;border-bottom:1px solid #ebefff}
.vs-table-item:nth-child(1){flex-grow:1}
.vs-table-item:nth-child(2){justify-content:center;flex-shrink:0;width:210px;background:rgba(0, 140, 255, .1);border-bottom:1px solid #d4e6ff}
.vs-table-item:nth-child(3){justify-content:center;flex-shrink:0;width:210px}
.vs-table-item__text{font-size:16px}
.vs-table-item__text--bold{color:#1e1e3f;font-family:'Manrope', sans-serif;font-size:16px;font-weight:800}
.vs-table-item__check{background:url('../img/section_vs/check.svg') no-repeat center / contain;width:19px;height:19px}
.vs-table-item__minus{background:url('../img/section_vs/minus.svg') no-repeat center / contain;width:20px;height:3px}

.promo{background:url('../img/section_promo/bg.png') no-repeat center / cover}
.promo + .footer{margin-top:-20px}
.promo-wrap{display:flex;align-items:center;justify-content:space-between;gap:60px;padding:60px 0 80px}
.promo-info{display:flex;flex-direction:column;align-items:start;justify-content:start}
.promo-info__title{}
.promo-info__desc{margin-bottom:40px}
.promo-info__action{}
.promo-info__action__button{}
.promo-pic{flex-shrink:0;width:100%;max-width:610px}
.promo-pic__container{position:relative;width:100%;padding-bottom:calc(354 / 610 * 100%)}
.promo-trigger{display:flex;justify-content:center;align-items:center;gap:8px;background:rgba(255, 255, 255, .8);height:36px;margin-bottom:10px;padding:0 16px;box-shadow:0 4px 15px  rgba(44, 58, 101, .07);border-radius:60px}
.promo-trigger::before{content:'';background:url('../img/icon/play.svg') no-repeat center / contain;width:20px;height:20px}
.promo-trigger__text{color:#1e1e3f;font-size:14px;font-weight:800}

.footer{position:relative;z-index:10;background:#fff;margin-top:auto;padding:12px 0;border-radius:20px 20px 0 0;box-shadow:0 -7px 15px rgba(44, 58, 101, .07)}
.footer-inner{}
.footer-top{display:flex;justify-content:space-between;align-items:center;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:16px 0;border-top: 1px solid #cacadb}
.footer-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.footer-logo__icon{width:36px;height:36px}
.footer-logo__text{display:flex;flex-direction:column;gap:5px}
.footer-logo__text__title{color:#1e1e3f;line-height:1.1;font-size:16px;font-weight:800}
.footer-logo__text__subtitle{color:#5f5f79;line-height:1.1;font-size:12px}
.footer-menu{display:flex;justify-content:space-between;align-items:center;gap:40px}
.footer-nav{display:flex;gap:60px}
.footer-nav__link{transition:.3s;position:relative;z-index:1;font-size:14px}
.footer-nav__link:hover{color:#1ba058}
.footer-action{display:flex;gap:40px}
.footer-copy{font-size:14px;}
.footer-policy{transition:.3s ease-in-out;font-size:14px;border-bottom:1px solid}
.footer-policy:hover{color:#1ba058;border-color:transparent}

.breadcrumbs{margin:0 0 40px 0}
.breadcrumbs-grid{display:flex;align-items:center;gap:26px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-bottom:10px}
.breadcrumbs-grid > span[itemprop]{position:relative;}
.breadcrumbs-grid > span[itemprop]::before{position:absolute;top:5px;right:-17px;content:'';background:rgba(0, 140, 255, .5);width:8px;height:8px;border-radius:50%;pointer-events:none}
.breadcrumbs-grid > span[itemprop] a{transition:.3s;color:rgba(95, 95, 121, 0.6);}
.breadcrumbs-grid > span[itemprop] a:hover{color:#008cff}
.breadcrumbs-grid > span:not([itemprop]){}

.article{margin-bottom:100px}
.article-section{margin-bottom:60px}
.article-section > *:last-child{margin-bottom:0}
.article-title{color:#008cff}
.article-desc{margin-bottom:25px}
.article-list{margin-bottom:25px}
.article-group{display:flex;justify-content:start;align-items:start;gap:20px}
.article-group__main{flex-grow:1}
.article-group__main > *:last-child{margin-bottom:0}
.article-group__side{flex-shrink:0;width:100%;max-width:400px}
.article-sys{overflow:hidden;position:relative;z-index:1;background:rgba(255, 255, 255, 0.6);padding:16px 20px;border: 1px solid #EBEFFF;border-radius:20px;box-shadow:0 4px 15px rgba(44, 58, 101, .07)}
.article-sys > *:last-child{margin-bottom:0}
.article-sys::before{position:absolute;top:-50px;right:-35px;z-index:-1;content:'';width:100px;height:100px;background:#008cff;filter:blur(35px);border-radius:50%;opacity:.15;pointer-events:none}
.article-sys::after{position:absolute;bottom:-40px;left:-20px;z-index:-1;content:'';width:100px;height:100px;background:#008cff;filter:blur(35px);border-radius:50%;opacity:.15;pointer-events:none}
.article-sys__title{margin-bottom:16px}
.article-sys__properties{line-height:1.4;margin-bottom:12px;font-size:16px;}
.article-sys__properties span{color:#008cff;font-family:'Manrope', sans-serif;font-weight:800}
.article-sys__properties small{font-size:14px}

.article-pic{width:100%;max-width:860px;margin:10px auto 25px}
.article-pic__container{overflow:hidden;position:relative;display:block;width:100%;padding-bottom:calc(56.25%);border-radius:30px}

.notfound{margin-bottom:100px}
.notfound-grid{display:flex;flex-direction:column;justify-content:center;align-items:center}
.notfound-pic{flex-shrink:0;width:100%;max-width:429px;margin-bottom:32px}
.notfound-pic__container{position:relative;width:100%;padding-bottom:calc(421 / 429 * 100%)}
.notfound-title{margin-bottom:24px;text-align:center}
.notfound-desc{margin-bottom:32px;text-align:center}
.notfound-button{}

@media screen and (min-width: 992px) {
    .mobile{display:none}
    .decor{transition:.5s;opacity:0}
}

@media screen and (max-width: 1199px) {
     h1, .h1{font-size:54px}

    .header-menu{gap:30px}
    .header-logo{margin-right:auto}
    .header-nav{gap:30px;margin:0 auto}

    .lead-head__analog{top:15px;right:-25px}

    .edit-frame{max-width:500px}

    .music-pic{max-width:480px}

    .inst-item{flex-direction:column;gap:30px;width:100%;max-width:600px;margin:0 auto}
    .inst-item-info{order:-10}

    .director-pic{max-width:500px}

    .shades-info-inner{max-width:500px}

    .swiper-action{justify-content:center;align-items:center}

    .promo-pic{max-width:500px}
}

@media screen and (max-width: 991px) {
     br{display:none}
     h1, .h1{font-size:42px}
     h2, .h2{font-size:36px}

    #homepage{padding-top:100px}
    #article-page{padding-top:100px}

     .container{max-width:600px}

    .button{padding:0 20px}
    .section{margin-bottom:100px}
    .section-head{margin-bottom:30px}
    /*.section-head__desc{font-size:18px}*/

    .common{background:#fff;font-size:16px}

    .header{top:0;background:#fff;height:70px;box-shadow:0 4px 15px rgba(44, 58, 101, .15)}
    .header.is-active{box-shadow:none}
    .header .container{max-width:100%}
    .header-wrap{background:0;padding:0;box-shadow:none}
    .header-menu{transform:translateX(100%);overflow-y:auto;position:fixed;top:0;right:0;bottom:0;z-index:99;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:30px;background:#fff;width:240px;height:100%;padding-top:100px;transition:.3s ease-in-out;pointer-events:none}
    .header-menu.is-open{transform:translateX(0);pointer-events:all}
    .header-nav{flex-direction:column;align-items:center;justify-content:center;margin:0}
    .header-wrap{height:70px}
    .fixed-header-prepared ~ .mobile-menu .header-menu{top:68px;padding-top:32px;z-index:100}

    .switch{gap:30px}
    .switch-text{font-size:18px}

    .lead-head{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
    .lead-head__analog{position:static;margin-bottom:25px}

    .edit-grid{flex-direction:column;justify-content:center;align-items:center;gap:30px}
    .edit-content{margin-left:0}

    .music{margin-top:0}
    .music-wrap{flex-direction:column;gap:30px}
    .music-pic{margin-right:0}
    .music-info{padding:0}
    .music-info__title{text-align:center}

    .filters{overflow:visible;margin-bottom:140px;padding-top:0;padding-bottom:56.25%}
    .filters-block{display:none}
    .filters-slider{position:absolute;width:100%;top:calc(100% - 90px);right:0;bottom:auto;left:0;background:0;margin-left:0;padding:0}
    .filters-slider::before{display:none}
    .filter{height:160px!important;width:240px}

    .inst-wrap{gap:60px}

    .director{background:linear-gradient(90deg, rgba(0, 140, 255, .2) 0%, rgb(255, 255, 255, 0) 50%, rgba(0, 140, 255, .2) 100%)}
    .director-wrap{flex-direction:column;gap:30px;width:100%;max-width:500px;margin:0 auto}
    .director-info{align-items:center;justify-content:center;text-align:center}

    .shades{margin-top:140px}

    .step{background:linear-gradient(0deg, rgba(0, 140, 255, .2) 0%, rgb(255, 255, 255, 0) 100%);padding:0 0 60px 0}
    .step-grid{grid-template-columns:repeat(1, 1fr)}

    .help-grid{grid-template-columns:repeat(1, 1fr)}

    .vs-table-item:nth-child(2){width:160px}
    .vs-table-item:nth-child(3){width:160px}

    .promo{background:linear-gradient(90deg, rgba(0, 140, 255, .2) 0%, rgb(255, 255, 255, 0) 50%, rgba(0, 140, 255, .2) 100%)}
    .promo-wrap{flex-direction:column;gap:30px;width:100%;max-width:500px;margin:0 auto}
    .promo-info{align-items:center;justify-content:center;text-align:center}

    .footer{padding:30px 0}
    .footer-top{flex-direction:column;justify-content:center;align-items:center;gap:20px}
    .footer-bottom{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding-top:30px;margin-top:30px;padding-bottom:0;text-align:center}

    .article-group{flex-direction:column}
    .article-group__side{max-width:100%}
}

@media screen and (max-width: 767px) {
     h1, .h1{font-size:32px}
     h2, .h2{margin-bottom:20px;font-size:28px}
     h4, .h4{font-size:18px}

     .switch-toggle{transform:scale(.8);transform-origin:left center}

    .inst-item-action__container{}
    .inst-item-action__container--video{padding-bottom:calc(480 / 852 * 100%)}

    .menu-toggle{bottom:-25px;height:50px}
    .menu-toggle-item__head__text{font-size:14px}
    .menu-content-item video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;transform:none}

    .menu-chosen{gap:10px}
    .menu-chosen-item{width:70px;height:70px}

    .director-info__desc{margin-bottom:20px}

    .shades-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto}
    .shades-content{position:relative;width:100%;margin-bottom:20px;padding-bottom:56.25%}
    .shades-info{position:static;display:contents}
    .shades-info .container{display:contents}
    .shades-info-inner{display:contents}
    .shades-info-title{order:-5;padding:0 15px;text-align:center}
    .shades-info-desc{order:-4;padding:0 15px;text-align:center}

    .promo-info__desc{margin-bottom:20px}
}

@media screen and (max-width: 575px) {
     br{display:none}
    .header{z-index:100}
    .header-menu{width:100%}
    .header-logo{width:240px;height:30px}

    .edit-content{grid-template-columns:repeat(1, 1fr)}

    .filters-slider{top:calc(100% - 40px)}
    .filter{height:80px!important;width:160px}

    .inst-item-video{max-width:360px}
    .inst-item-pic{max-width:360px}
    .inst-item-action{max-width:360px}
    .menu-decor-item--roses{transform:scale(.3) rotate(65deg);top:-2%;left:15%}
    .menu-decor-item--wow{transform:scale(.6);transform-origin:top right;top:-30px;right:-45px}
    .menu-decor-item--bird{transform:scale(.6);transform-origin:top left;top:-50px;left:-70px}

    .vs{}
    .vs-table{width:calc(100% + 30px);margin:0 -15px;border-radius:0}
    .vs-table-item{padding:5px}
    .vs-table-item__text{font-size:12px}
    .vs-table-item:nth-child(2){width:110px}
    .vs-table-item:nth-child(3){width:110px}

    .footer-nav{flex-direction:column;justify-content:center;align-items:center;gap:20px}
    .footer-menu{flex-direction:column;justify-content:center;align-items:center;gap:20px}
}

@media screen and (max-width: 374px) {
    .inst-item-video{max-width:280px}
    .inst-item-pic{max-width:280px}
    .inst-item-action{max-width:280px}
    .menu-decor-item--roses{top:-7%;left:11%}
}

@supports (-moz-appearance: none) {
    .filters-slider{margin-top:-1px}
}