@charset "utf-8";

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter/Inter-Regular.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/Inter/Inter-Regular.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
	url('../fonts/Inter/Inter-Regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/Inter/Inter-Regular.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
	url('../fonts/Inter/Inter-Regular.ttf') format('truetype');
	font-weight: 1;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter/Inter-Thin.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/Inter/Inter-Thin.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
	url('../fonts/Inter/Inter-Thin.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/Inter/Inter-Thin.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
	url('../fonts/Inter/Inter-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter/Inter-ExtraLight.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/Inter/Inter-ExtraLight.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
	url('../fonts/Inter/Inter-ExtraLight.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/Inter/Inter-ExtraLight.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
	url('../fonts/Inter/Inter-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter/Inter-Light.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/Inter/Inter-Light.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
	url('../fonts/Inter/Inter-Light.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/Inter/Inter-Light.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
	url('../fonts/Inter/Inter-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter/Inter-Regular.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/Inter/Inter-Regular.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
	url('../fonts/Inter/Inter-Regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/Inter/Inter-Regular.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
	url('../fonts/Inter/Inter-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter/Inter-Medium.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/Inter/Inter-Medium.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
	url('../fonts/Inter/Inter-Medium.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/Inter/Inter-Medium.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
	url('../fonts/Inter/Inter-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter/Inter-SemiBold.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/Inter/Inter-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
	url('../fonts/Inter/Inter-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/Inter/Inter-SemiBold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
	url('../fonts/Inter/Inter-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter/Inter-Bold.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/Inter/Inter-Bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
	url('../fonts/Inter/Inter-Bold.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/Inter/Inter-Bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
	url('../fonts/Inter/Inter-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter/Inter-ExtraBold.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/Inter/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
	url('../fonts/Inter/Inter-ExtraBold.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/Inter/Inter-ExtraBold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
	url('../fonts/Inter/Inter-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter/Inter-Black.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/Inter/Inter-Black.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
	url('../fonts/Inter/Inter-Black.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/Inter/Inter-Black.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
	url('../fonts/Inter/Inter-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

/* Custom checkbox */
.custom-checkbox+label::before, .custom-checkbox:not(:disabled):not(:checked)+label:hover::before,
.custom-checkbox:not(:disabled):active+label::before, .custom-checkbox:focus+label::before, .custom-checkbox:checked+label::before
{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}

/* для элемента input c type="checkbox" */
.custom-checkbox {position: absolute;z-index: -1;opacity: 0;}

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox+label {display: inline-flex;align-items: center;user-select: none;text-align: left;padding-left: 25px;font-size: 12px;cursor: pointer;position: relative}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox+label::before {content: '';display: inline-block;width: 1em;height: 1em;flex-shrink: 0;flex-grow: 0;border: 1px solid #adb5bd;border-radius: 0.25em;margin-right: 0.5em;background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;position: absolute;top: 5px;left: 0;}

.d--row.d--checbox-big{margin-bottom: 0}
.d--checbox-big .custom-checkbox+label {padding-left: 35px;font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 14px;color: var(--text-dark);margin-bottom: 0}
.d--checbox-big .custom-checkbox+label::before {width: 22px;height: 22px;top: 0;left: 0;border-radius: 6px}
.d--checbox-big .custom-checkbox:checked+label::before {border-color:#DBDBDB;background-color: transparent;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23606060' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");}
.d--checbox-big label {font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 16px;line-height: 24px;color: #4F4F4F;}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
	border-color: var(--green);
}

/* стили для активного чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active+label::before {
	background-color: rgba(14, 161, 59, 0.5);
	border-color: rgba(14, 161, 59, 0.5);
}

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox:focus+label::before {
	box-shadow: 0 0 0 0.2rem rgba(14, 161, 59, 0.5);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked)+label::before {
	border-color: rgba(14, 161, 59, 0.5);
}

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox:checked+label::before {
	border-color: var(--green);
	background-color: var(--green);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox.d--error ~ label {border-bottom: 1px solid var(--error)}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled+label::before {
	background-color: #e9ecef;
}

.abonent {padding: var(--gap-l) 0}
.abonent--wrap {display: flex;gap:28px;margin-top: var(--gap-ms)}
.abonent--list {flex-grow: 1}
.abonent--row {display: flex;gap:20px;}
.abonent--row .abonent--box{width: 50%}
.abonent--box {border-radius: 20px;background-color: var(--back);position: relative;padding: 30px;overflow: hidden}
.abonent--row .abonent--img {max-width: 170px;}
.abonent--img {position: absolute;bottom:0;right:0;max-width: 250px;z-index: 1}
.abonent--img img{width: 100%;height: 100%;object-fit: cover}
.abonent--title {font-family: Inter;font-weight: 700;font-size: 26px;line-height: 130%;letter-spacing: 0%;position: relative;z-index: 3}
.abonent--text {margin-top: var(--gap-ms);font-family: Inter;font-weight: 400;font-size: 20px;line-height: 130%;letter-spacing: 0%;color:var(--text-gray);position: relative;z-index: 3}
.abonent--list {display: flex;flex-direction: column;gap:20px;}
.abonent--footer {border-radius: 20px;background-color: var(--back-gray);padding: 15px 30px;display: flex;flex-direction: column;gap:10px;}
.abonent--sub {font-family: Inter;font-weight: 500;font-size: 26px;line-height: 130%;letter-spacing: 0%;text-align: center}
.abonent--price {font-family: Inter;font-weight: 700;font-size: 36px;line-height: 120%;letter-spacing: 0%;text-align: center}
.abonent--image {min-width: 600px;}
.abonent--image img{width: 100%;height: 100%;object-fit: cover;border-radius: 20px;}

.abonent--image {transform: translateX(30px);transition: transform 1.5s ease-out;}
.abonent--image.is-visible {transform: translateX(0);}

.abonent--row {transform: translateY(-30px);transition: transform 1.5s ease-out;}
.abonent--row.is-visible {transform: translateY(0);}

.abonent--footer {transform: translateY(30px);transition: transform 1.5s ease-out;}
.abonent--footer.is-visible {transform: translateY(0);}

.abonent--line {opacity: 0;transition: opacity 1.5s ease-out;}
.abonent--line.is-visible {opacity: 1;}

.note {height: 900px;/*background-image: url('/img/notebook.jpg');*/background-size: 1920px 900px;background-repeat: no-repeat;background-position: center center;position: relative}
.note--form {width: 829px;height:515px;position: absolute;top:50%;left:50%;transform: translate(calc(-50% + 70px), calc(-50% - 50px));padding: 30px;text-align: center;z-index: 3}
.note--form form{display: flex;flex-direction: column;height: 100%;justify-content: space-between}
.note--form h3{font-family: Inter;font-weight: 800;font-size: 30px;line-height: 110.00000000000001%;letter-spacing: 1%;text-transform: uppercase;}
.note--form .d--row{display: flex;flex-direction: column;gap:10px;max-width: 460px;margin: 0 auto;width: 100%;text-align: left;margin-bottom: 10px}
.note--form label{font-family: Inter;font-weight: 400;font-size: 18px;line-height: 120%;letter-spacing: 0%;}
.note--sub {font-family: Inter;font-weight: 400;font-size: 20px;line-height: 100%;letter-spacing: 0%;margin-top: 15px;margin-bottom: 20px}
.note--form input{height: var(--inp-height);line-height: var(--inp-height);border: 1px solid var(--input-border);padding: 0 20px;font-family: Inter;font-weight: 400;font-size: 16px;letter-spacing: 0%;}
.note--form input::placeholder{color:#6E6E6E;}
.d--btns {text-align: center}

.note--back {position: relative;display: flex;overflow: hidden;height: 100%;z-index: 1;}
.note--back img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;object-fit: cover;}
.col {pointer-events: none;position: relative;z-index: 2;}
.col__bg {pointer-events: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #F0EEF1;z-index: 3;}
@media all and (min-width: 767px) {
	.note {background-repeat:repeat-x;}
}

.price {padding: var(--gap-l) 0}
.price h2 {text-align: center}
.price--sub {margin-top: 20px;font-family: Inter;font-weight: 400;font-size: 20px;line-height: 100%;letter-spacing: 0%;color: var(--42);text-align: center}
.price--list {display: flex;flex-direction: column;gap:20px;margin-top: var(--gap-ms);}
.price--row {display: flex;gap:20px;}
.price--col {width: 33.33333%;position: relative;border-radius: 10px;background-color: var(--back);padding: 15px;display: flex;align-items: center;transition: .4s}
.price--header .price--col {display: flex;align-items: center;justify-content: center;padding: 30px;}
.price--sticker {position: absolute;top:0;right: 16px;width: 34px;height: 34px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 26px;font-family: Inter;transform: translateY(-50%);color:#fff;line-height: 34px}
.price--sticker.--red {background-color: #FF544E}
.price--sticker.--green {background-color: #4A9B6B}
.price--num {position: absolute;right:16px;bottom:0;font-family: Inter;font-weight: 700;font-size: 90px;line-height: 75%;letter-spacing: 0%;color:#d2e2d8;transition: color .4s}
.price--col:hover .price--num {color:#a8c9b2;}

.price--col-title {font-family: Inter;font-weight: 700;font-size: 25px;line-height: 120%;letter-spacing: 1%;text-transform: uppercase;}
.price--header .price--col:nth-child(2) {background-color: var(--pink)}
.price--header .price--col:nth-child(3) {background-color: var(--green-light)}
.price--row.price--header .price--col:nth-child(1) {background-color: #E0E0E0}
.price--row.price--header .price--col:nth-child(2) {background-color: #FFEEED}
.price--row.price--header .price--col:nth-child(3) {background-color: var(--green-light-hover)}
.price--row:not(.price--header) .price--col:nth-child(1):hover {background-color: #E5E5E5}
.price--row:not(.price--header) .price--col:nth-child(2):hover {background-color: #FFE8E5}
.price--row:not(.price--header) .price--col:nth-child(3):hover {background-color: var(--green-light-hover)}
.price--row .price--col:nth-child(1) {padding-right: 70px}
.price--row .price--col:nth-child(1) .price--col-text{font-family: Inter;font-weight: 500;font-size: 22px;line-height: 120%;letter-spacing: 0%;}
.price--row .price--col:nth-child(2) {background-color: var(--pink)}
.price--row .price--col:nth-child(2) .price--col-text{font-family: Inter;font-weight: 300;font-size: 20px;line-height: 120%;letter-spacing: 0%;}
.price--row .price--col:nth-child(3) {background-color: var(--green-light)}
.price--row .price--col:nth-child(3) .price--col-text{font-family: Inter;font-weight: 400;font-size: 20px;line-height: 120%;letter-spacing: 0%;}

.price--col {transition: 1.2s}
.price--row .anim--left {transform: translateX(-80px)}
.price--row.is-visible .anim--left {transform: translateX(0)}
.price--row .anim--right {transform: translateX(80px)}
.price--row.is-visible .anim--right {transform: translateX(0)}
.it--item.is-visible.anim--right {transform: translateX(0)}
.price--row .anim--bottom {transform: translateY(80px)}
.price--row.is-visible .anim--bottom {transform: translateY(0)}

.table--logo {position: absolute;bottom:0;right:0;}

.table--log-box {background-color: var(--green-d);padding: 30px 270px 30px 30px;position: relative;display: flex;align-items: center;justify-content: center;margin-top: 16px;border-radius: 20px;overflow: hidden;transition: 1.2s;opacity: 0}
.table--log-box.is-visible {opacity: 1}
.table--log-box img{position: absolute;bottom:0;right:0;z-index: 1}
.table--log-title {position: relative;z-index: 2;font-family: Inter;font-weight: 800;font-size: 28px;line-height: 130%;letter-spacing: 0%;text-align: center;text-transform: uppercase;color:#fff;}
.table--log-title span{color:#CFFFD5;}

.keys {background-color: #DADADA;padding: var(--gap-l) 0;background-image: url(/img/keys--big.png);background-repeat: no-repeat;background-position: 100% 30%}
.keys--box {display: flex;gap:20px;}
.keys--left {width: 40%;border-radius: 20px;position: relative;padding: 40px 130px 200px 40px;background-color: var(--back);overflow: hidden}
.keys--right {width: calc(60% - 20px);padding: 0 80px;}
.keys--title {font-family: Inter;font-weight: 800;font-size: var(--h3);line-height: 110.00000000000001%;letter-spacing: 1%;text-transform: uppercase;position: relative;z-index: 2}
.keys--desc {font-family: Inter;font-weight: 400;font-size: 20px;line-height: 130%;letter-spacing: 0%;margin-top: 20px;position: relative;z-index: 2;color:var(--42)}
.keys--desc span{color:var(--text);font-weight: 600;}
.keys--img {position: absolute;z-index: 1;bottom:0;right:0;}
.keys--swiper {background-color: var(--back);border-radius: 20px;height: 100%;position: relative;padding: 60px;}
.keys--swiper .swiper{height: 100%;}
.keys--slide {display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.keys--header {display: flex;gap:16px;align-items: center;flex-wrap: wrap}
.keys--server, .keys--computers {display: flex;gap:10px;font-family: Inter;font-weight: 400;font-size: 20px;line-height: 120%;letter-spacing: 0%;align-items: center;border-radius: var(--rad);background-color: #fff;padding: 10px;}
.keys--org {font-family: Inter;font-weight: 700;font-size: 25px;line-height: 120%;letter-spacing: 0%;text-align: center;text-transform: uppercase;}
.keys--text {font-family: Inter;font-weight: 400;font-size: 20px;line-height: 130%;letter-spacing: 0%;text-align: center;color:var(--42);margin-top: 16px;}
.keys--author {display: flex;gap:20px;align-items: center}
.keys--author-img {width: 80px;height: 80px;}
.keys--author-img img{width: 100%;height: 100%;}
.keys--author-fio {font-family: Inter;font-weight: 600;font-size: 20px;line-height: 130%;letter-spacing: 0%;color:var(--42);text-align: left;}
.keys--author-dolg {font-family: Inter;font-weight: 400;font-size: 16px;line-height: 130%;letter-spacing: 0%;color:var(--42);text-align: left;margin-top: 10px;}

.keys--left,.keys--right {transition: 1.2s}
.keys--left {transform: translateX(-80px)}
.keys--left.is-visible {transform: translateX(0)}

.keys--right {transform: translateX(80px)}
.keys--right.is-visible {transform: translateX(0)}

.swiper--prev,.swiper--next {position: absolute;top:50%;width: var(--btn-height);height: var(--btn-height);display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: #fff;cursor: pointer;transition: background-color .4s}
.swiper--prev:hover,.swiper--next:hover {background-color: var(--green-d);}
.swiper--prev svg,.swiper--next svg {stroke:var(--text);transition: .4s}
.swiper--prev:hover svg,.swiper--next:hover svg {stroke:#fff}
.swiper--prev {left:-70px}
.swiper--next {right:-70px}

.hor--box {padding:120px 250px;display: flex;align-items: center;justify-content: center;}
.hor--about {background-color: #EDFFE4}
.hor--about-logo {padding: var(--gap-l);}


.hor--about-fixed {position: relative;display: block;max-width: 700px;width: 100%}
.hor--about-box {width: 100%;height: 0;padding-top: 78.57%}
.hor--about-box img{position: absolute;top:0;left:0;width: 100%;height:100%;object-fit: cover;z-index: 1;overflow: hidden}
.hor--about-bottom {position: absolute;z-index: 2;bottom:0;left:0;width:100%;background-color: var(--green-d);border-radius: 20px;padding: 20px;text-align: center;font-family: Inter;font-weight: 400;font-size: 22px;line-height: 130%;letter-spacing: 0%;color:#fff;}
.hor--about-bottom span {font-weight: 600;}

.hor--about-gray {background-color: #D9D9D9;border-radius: 20px;padding: 60px 270px 60px 40px;position: relative;max-width: 950px;}
.hor--about-gray img{position: absolute;bottom:0;right:0;}
.hor--about-txt {font-family: Inter;font-weight: 400;font-size: 22px;line-height: 130%;letter-spacing: 0%;}
.hor--about-txt p{margin-bottom: 16px;}
.hor--about-txt p:last-child{margin-bottom: 0;}

.why {padding: var(--gap-l) 0;background-color: var(--back)}
.why--header {display: flex;gap: 60px;}
.why--title {font-family: Inter;font-weight: 800;font-size: var(--h2);line-height: 110.00000000000001%;letter-spacing: 1%;text-transform: uppercase;white-space: nowrap}
.why--desc-top {font-family: Inter;font-weight: 400;font-size: 20px;line-height: 130%;letter-spacing: 0%;transform: translateX(80px);transition: 1.2s}
.why--desc-top span {font-weight: 700;}
.why--desc-bottom {font-family: Inter;font-weight: 700;font-size: 22px;line-height: 130%;letter-spacing: 0%;margin-top: 16px;display: flex;gap:10px;transform: translateX(-80px);transition: 1.2s}

.why--desc-top.is-visible,
.why--desc-bottom.is-visible,
.why--swiper.is-visible {transform: translate(0,0)}

.why--swiper {height: 100%;position: relative;padding: 0 90px;margin-top: var(--gap-ms);transform: translateY(80px);transition: 1.2s}
.why--swiper .swiper--next{right: 10px}
.why--swiper .swiper--prev{left: 10px}
.why--swiper .swiper{height: 100%;}

.why--image {width:100%;height: 0;padding-top: 125%;position: relative;overflow: hidden;border-radius: 5px;}
.why--image img {width:100%;height: 100%;position: absolute;top:0;left:0;object-fit: cover}

.why--name {font-family: Inter;font-weight: 600;font-size: 20px;color:var(--42);line-height: 130%;margin-top: 15px;text-align: center}
.why--company {font-family: Inter;font-weight: 400;font-size: 20px;color:var(--42);line-height: 130%;letter-spacing: 0%;text-align: center;margin-top: 10px;}
.why--desc {font-family: Inter;font-weight: 300;font-style: Italic;font-size: 16px;line-height: 130%;letter-spacing: 0%;text-align: center;margin-top: 10px;}

.reason {background-image: url('/img/reason.jpg');width: 100%;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;}
/*
.reason--box {display: flex;gap:120px;width:100%;height:100%;}
.reason--left {font-family: Inter;font-weight: 800;font-size: var(--h2);line-height: 110.00000000000001%;letter-spacing: 1%;text-transform: uppercase;color:#fff;width: calc(50% - 60px);padding: 60px 40px 60px 0}
.reason--right {width: calc(50% - 60px);padding: 60px 0}
*/
.reason--box {display: flex;justify-content: space-between;}
.reason--left {font-family: Inter;font-weight: 800;font-size: var(--h2);line-height: 110.00000000000001%;letter-spacing: 1%;text-transform: uppercase;color:#fff;width: calc(50% - 60px);padding: 60px 40px 60px 0}
.reason--list {display: flex;flex-direction: column;gap:20px;width: 50%;padding: 60px 30px}
.reason--item {background-color: #fff;border-radius: 20px;padding:30px 100px 30px 20px;display: flex;position: relative;gap:10px;align-items: center;}
.reason--num {font-family: Inter;font-weight: 600;font-size: 30px;line-height: 120%;letter-spacing: 0%;color:#CEEFCD;}
.reason--title {font-family: Inter;font-weight: 600;font-size: 26px;line-height: 120%;letter-spacing: 0%;}
.reason--desc {font-family: Inter;font-weight: 400;font-size: 20px;line-height: 100%;letter-spacing: 0%;color:#6E6E6E;margin-top: 10px;}
.reason--img {position: absolute;bottom:0;right:0;}

/* Accordion */
.accordion {overflow: hidden;margin: 0 auto;margin-top: var(--gap-ms);max-width: 900px;}
.accordion__button:first-child {margin-top: 0}
.accordion__button {display: flex;align-items: center;justify-content: space-between;margin: 0;padding: 30px;width: 100%;font: inherit;color:var(--text-black);text-align: left;background: #fff;border: 0;border-radius: 0;transition: background 0.3s ease;cursor: pointer;margin-top: 10px;border-top-right-radius: 10px;border-top-left-radius: 10px;font-family: Inter;font-weight: 500;font-size: 22px;line-height: 120%;letter-spacing: 2%;}
.accordion__button:after {content: "+";display: block;margin-left: 15px;font: inherit;color: var(--text-black);}

[aria-expanded="false"] {border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
[aria-expanded="true"] ~ .accordion__body {border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}

.accordion__button.is-active:after {content: "−";}
.accordion__body {max-height: 0;background: #fff;transition: max-height 0.3s ease;overflow: hidden;font-family: Inter;font-weight: 400;font-size: 20px;line-height: 140%;letter-spacing: -1%;}

.faq {position: relative;z-index: 3;background-color: #DADADA;background-image: url(/img/faq_back.png);background-repeat: no-repeat;background-position: top center;}
.faq .container{padding: var(--gap-l) 0;}
.faq--title {font-family: Inter;font-weight: 800;font-size: var(--h3);line-height: 110.00000000000001%;letter-spacing: 1%;text-align: center;text-transform: uppercase;}
.faq--title span{color:#44444499}
.faq--desc {font-family: Inter;font-weight: 400;font-size: 20px;line-height: 100%;letter-spacing: 0%;color:var(--42);text-align: center;margin-top: 20px;}

@media all and (min-width: 1920px) {
	.faq {background-size: cover}
}

@media all and (max-width: 1920px) {
	.faq {background-size: 1920px 881px;background-attachment: fixed}
}

.form {display: flex;background-color: #188F52;margin-top: var(--gap-l);padding: var(--gap-ms);gap:40px;border-radius: 20px;position: relative;transform: translateY(40px)}
.form--left{width: 55%}
.form--right{width: 45%}
.form form{background-color: #fff;padding: 40px 60px;border-radius: 20px;}
.form--back {background-image: url('/img/form_bag.png');position: absolute;bottom:0;left:50%;transform: translateX(-100%);width: 353px;height: 215px;background-repeat: no-repeat}

.form--zag {font-family: Inter;font-weight: 900;font-size: var(--h2);line-height: 110.00000000000001%;letter-spacing: 1%;text-transform: uppercase;color:#fff;}
.form--zag span{color:#CFFFD5}
.form--desc {border-radius: 10px;padding:10px;background-color: #FFFFFFCC;margin-bottom: 200px;margin-top: 20px}
.form--desc p{font-family: Inter;font-weight: 400;font-size: 20px;line-height: 130%;letter-spacing: 0%;color:#1F1B20;}
.form--subtitle {font-family: Inter;font-weight: 600;font-size: 25px;line-height: 130%;letter-spacing: 0%;color:var(--00)}
.form--btns {text-align: center;margin-top: 20px}

.d--row {margin-bottom: 10px;}
.d--row:last-child {margin-bottom: 0;}
.d--row label {font-family: Inter;font-weight: 400;font-size: 15px;line-height: 120%;letter-spacing: 0%;color:var(--00);display: block;}
.d--row label[for] {padding-top: 5px}
.d--row [type="text"] {width:100%;height: var(--inp-height);line-height: var(--inp-height);background-color: #fff;padding: 0 20px;margin-top: 5px;border:1px solid var(--input-border);border-radius: 6px;}

footer {background-color: #000;border-top-right-radius: 20px;border-top-left-radius: 20px;}
.footer--box {display: flex;gap:40px;padding: 80px 0 40px 0}
.footer--content {display: flex;flex-direction: column;gap:20px;flex-grow:1;}
.footer--logo {display: flex;align-items: center;justify-content: center}

.footer--menu ul {display: flex;gap:20px;justify-content: space-between}
.footer--menu a{font-family: Inter;font-weight: 400;font-size: 15px;color:var(--back);line-height: 120%;letter-spacing: 2%;text-align: center;max-width: 150px;margin: 0 auto;display: block;transition: .4s;border-bottom: 1px dotted transparent;}
.footer--menu a:hover{border-bottom: 1px dotted var(--back);}
.footer--contacts {display: flex;gap:20px;align-items: center}
.footer--phone {margin-right: 30px;}
.footer--phone a {display: flex;align-items: center;gap:5px;font-family: Inter;font-weight: 600;font-size: 24px;line-height: 120%;letter-spacing: -1%;text-align: center;vertical-align: middle;color:var(--back)}

.footer--bottom {display: flex;justify-content: space-between;width: 100%}
.footer--left {font-family: Inter;font-weight: 400;font-size: 15px;line-height: 20px;letter-spacing: 2%;text-align: center;color:var(--back);}
.footer--left p{margin-bottom: 10px}
.footer--raz {display: flex;align-items: center;gap:10px;}
.footer--raz-text {font-family: Inter;font-weight: 400;font-size: 14px;line-height: 120%;letter-spacing: 2%;color:var(--back);text-align: left}
.footer--raz-text p:last-child {font-weight: 600;}

.--menu .menu--sidebar {transform: translateX(0);}
.--menu .menu--sidebar:after {opacity: 1;visibility: visible;transition: .2s ease-in-out;}
.menu--sidebar {position: fixed;top:0;right:0;width: 320px;z-index: 10;transform: translateX(100%);transition: .4s}
.menu--sidebar:after {position: fixed;top:0;right:0;width: calc(100vw + 320px);height:100vh;background-color: rgba(0,0,0,0.7);content: '';z-index: 1;opacity: 0;visibility: hidden;transition: 1.2s ease-in-out;}
.menu--close {position: absolute;top:15px;right:15px;cursor: pointer}
.menu--box {position: relative;z-index: 3;padding: 40px 15px 35px 15px;background-color: #fff;max-height: 100vh;overflow: auto;}
.menu--logo-desc {font-family: Inter;font-weight: 400;font-size: 15px;color:#09281B;line-height: 120%;letter-spacing: 0%;vertical-align: middle;margin-top: 10px;}
.menu--logo img {max-width: 260px}

.menu--content {margin-top: 10px;display: flex;flex-direction: column;border-top: 1px solid var(--back);}
.menu--content a{display: block;padding: 12px 20px;font-family: Inter;font-weight: 400;font-size: 20px;line-height: 120%;letter-spacing: 2%;color:var(--text);transition: .4s;background-color: transparent;cursor: pointer}
.menu--content a:hover{background-color: #CFFFD5}

.menu--social {margin-top: 10px;display: flex;gap:20px;align-items: center;border-top: 1px solid var(--back);padding-top: 10px;padding-left: 12px;padding-right: 12px;}
.menu--phone {margin-top: 20px;padding-left: 12px;padding-right: 12px;}
.menu--phone a{display: flex;align-items: center;gap:5px;font-family: Inter;font-weight: 600;font-size: 22px;line-height: 120%;letter-spacing: -1%;text-align: center;vertical-align: middle;}

.menu--form {margin-top: 20px;border-top: 1px solid var(--back);padding-top: 20px;padding-left: 12px;padding-right: 12px;}
.menu--form-title {font-family: Inter;font-weight: 400;font-size: 18px;line-height: 130%;letter-spacing: 0%;}
.menu--form label {margin-top: 10px;font-family: Inter;font-weight: 400;font-size: 15px;line-height: 120%;letter-spacing: 0%;display: block}
.menu--form [type="text"] {margin-top: 5px;height:var(--inp-height);line-height: var(--inp-height);padding: 0 20px;background-color: var(--back);width: 100%;border: 1px solid #EAEAEA;}
.menu--form .btn {margin-top: 20px;}

.popup {position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 11;display: flex;align-items: center;justify-content: center;}
.popup:not(.open) {display: none}
.d--back {background-color: rgba(0,0,0,0.7);position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 1;opacity: 0;visibility: hidden;display: none;transition: .8s ease-in-out;}
.popup.open .d--back {opacity: 1;visibility: visible;display: block;}

.d--form {background-color: #fff;position: relative;z-index: 3;width: 100%;max-width: 520px;border-radius: 20px;opacity: 0;visibility: hidden;display: none;transition: .2s ease-in-out;overflow: hidden}
.popup.open .d--form {opacity: 1;visibility: visible;display: block;}
.popup.d--wide .d--form {max-width: 900px}

.d--double {display: flex;gap:10px;margin-bottom: 10px;}
.d--double .d--row {width:100%;}
.d--form .d--row:last-child {margin-bottom: 0;}
.d--form label{display: block;margin-bottom: 5px;font-family: Inter;font-weight: 400;font-size: 15px;line-height: 120%;letter-spacing: 0%;color:var(--00)}
.d--form .d--policy{margin-top: 20px}
.d--form .d--policy label{font-family: Inter;font-weight: 400;font-size: 14px;line-height: 130%;letter-spacing: 0%;}
.d--input {width:100%;height: var(--inp-height);line-height: var(--inp-height);background-color: var(--back);border-radius: 4px;border: 1px solid #EAEAEA;padding: 0 20px;transition: .4s}
.d--input.d--error {border-color: var(--error) !important;}
.d--form .d--row .d--input {background-color: var(--back);border: 1px solid #EAEAEA;}

.d--tabs-list {margin-bottom: 20px;border-radius: 40px;display: flex;align-items: center;width: 100%;overflow: hidden}
.d--tabs-item {width: 50%;cursor: pointer;text-align: center;background-color: var(--back);height: 30px;line-height: 30px;font-family: Inter;font-weight: 400;font-size: 15px;letter-spacing: 0%;color:#6E6E6E;transition: .4s;user-select: none}
.d--tabs-item.active {background-color: var(--green);color:#fff;}

.d--close {position: absolute;top:15px;right:15px;cursor: pointer}
.d--btns {text-align: center;margin-top: 20px}

.d--form.d--wide{max-width: 890px}

.d--call form{display: flex;}
.d--call-simple {padding:40px;width: 530px;min-width: 530px;}
.d--call-detail {display: none;opacity: 0;visibility: hidden;width: 360px;min-width: 360px;padding:40px;background-color: var(--back)}
.d--call.d--wide .d--call-detail {display: block;opacity: 1;visibility: visible;}

.d--call-text {font-family: Inter;font-weight: 500;font-size: 18px;line-height: 120%;color:var(--00);margin-bottom: 10px;}
textarea.d--message {background-color: #fff;border: 1px solid #EAEAEA;outline: unset;width: 100%;min-width: 100%;max-width: 100%;max-height: 150px;min-height: 150px;height: 150px;border-radius: 10px;padding: 16px;}

@media all and (max-width: 900px) {
	.d--call form {flex-direction: column}
	.d--call-simple, .d--call-detail {width: 100%;min-width: 100%;padding: 20px}
	.d--call-simple {padding-top: 40px}
	.d--form.d--wide {max-width: 520px}
	.d--call-text {font-size: 16px}

	.d--form .d--policy label {font-size: 12px}
	textarea.d--message {max-height: 100px;min-height: 100px;height: 100px;}

}

.note--step {display: none;opacity: 0;visibility: hidden;transition: .4s ease-in-out;}
.note--step.active {display: block;opacity: 1;visibility: visible}
.note--step[data-id="2"].active {display: flex;}
.note--cost {font-family: Inter;font-weight: 600;font-size: 36px;line-height: 130%;text-align: center;color:var(--green-d)}
.note--economy {font-family: Inter;font-weight: 400;font-size: 26px;line-height: 130%;text-align: center;color:var(--42)}
.note--text {font-family: Inter;font-weight: 600;font-size: 28px;line-height: 130%;text-align: center;color:var(--00)}
.note--step[data-id="2"] {flex-direction: column;flex: 1;height: 100%;align-items: stretch; /*justify-content: space-between;*/gap: 40px;padding: 0 60px;}

.thanks {text-align: center;padding: 40px;background: #FFFFFF80;display: inline-block;margin: 0 auto;margin-top: 40px;max-width: 850px;border-radius: 30px;}
.thanks--title {font-family: Inter;font-weight: 900;font-size: 40px;line-height: 120%;text-align: center;text-transform: uppercase;color:#2D2C2C;}
.thanks--desc {font-family: Inter;font-weight: 400;font-size: 30px;line-height: 120%;text-align: center;color:var(--42);margin-top: 20px}

@media all and (max-width: 1680px) {
	.main--left{min-width: 800px}

	h1, .abonent--price, .keys--title, .note--cost {font-size: 34px;}
	.note--form h3, .note--text {font-size: 26px;}
	.abonent--title, .abonent--sub, .keys--org, .table--log-title, .reason--title, .reason--num, .price--col-title, .note--economy {font-size: 24px;}
	.note--sub, .accordion__button, .hor--about-bottom, .hor--about-txt {font-size: 20px;}
	.why--company, .form--desc p, .it--title{font-size: 18px;}
	.it--text {font-size: 16px;}
	.why--desc {font-size: 14px;}

	.it--item .it--num {font-size: 100px;height: 97px;}

	.why--desc-bottom, .main--sub {font-size: 20px}

	.header--logo-sub {display: none}

	:root {
		--gap-l:100px;
		--h2: 45px;
		--h3: 34px;
		--btn-height:50px;
	}
}

@media all and (max-width: 1280px) {
	.main--left{width: 100%}
	.main--right{display: none}
	.main--box {max-width: 100%;width: 100%}
	.main {min-height: 500px;height: auto}

	h1, .abonent--price, .keys--title, .note--cost {font-size: 26px;}
	.note--form h3, .form--subtitle, .note--text {font-size: 24px;}
	.main--tag {font-size: 14px;}
	.btn, .btn--light, .keys--desc, .why--company, .form--desc p {font-size: 16px;}
	.it--item .it--num {font-size: 80px;height: 77px;}
	.abonent--title, .abonent--sub, .keys--org, .table--log-title, .reason--title, .reason--num, .price--col-title, .note--economy {font-size: 22px;}
	.abonent--text, .note--sub, .faq--desc, .accordion__button, .accordion__body, .reason--desc, .keys--text, .keys--author-fio,
	.keys--server, .keys--computers, .price--sub, .price--row .price--col:nth-child(1) .price--col-text, .price--row .price--col:nth-child(2) .price--col-text,
	.price--row .price--col:nth-child(3) .price--col-text, .hor--about-bottom, .hor--about-txt, .why--desc-top, .why--name{font-size: 18px;}

	.abonent--image, .it--left {display: none}

	.keys--swiper {padding: 40px}

	:root {
		--gap-l:80px;
		--h2: 35px;
		--h3: 26px;
		--gap-ms: 30px;
	}

	.why--desc-bottom {font-size: 18px}
	.hor--box {padding: 120px 0 }
	.hor--about-logo img {width: 100%;object-fit: contain;height: 100%}
	.hor--about-gray {max-width: 90%;margin-right: 10%;}
}

@media all and (max-width: 1158px) {
	.keys--slide {gap:20px;}
	.keys--box, .form {flex-wrap: wrap}
	.keys--left , .keys--right, .form--left, .form--right {width: 100%}

	.form--desc {margin-bottom: 0}
	.form--back {transform: none;width: 170px;height: 104px;background-size: cover;left:auto;right: 0}
	.form {padding-bottom: 80px;}
	.form form {padding: 16px}

	.why--header {flex-wrap: wrap;gap:20px}

	.header--phone span {display: none}

	h1, .keys--title, .note--cost {font-size: 24px;}
	.abonent--price, .note--form h3, .form--subtitle, .note--text {font-size: 22px;}
	.it--item .it--num {font-size: 60px;height: 57px;}
	.abonent--title, .abonent--sub, .keys--org, .table--log-title, .reason--title, .reason--num, .price--col-title, .note--economy {font-size: 20px;}
	.abonent--text, .note--sub, .faq--desc, .accordion__body, .reason--desc, .keys--text, .keys--author-fio,
	.keys--server, .keys--computers, .price--sub, .price--row .price--col:nth-child(1) .price--col-text, .price--row .price--col:nth-child(2) .price--col-text,
	.price--row .price--col:nth-child(3) .price--col-text, .hor--about-bottom, .hor--about-txt, .why--desc-top{font-size: 16px;}
	.form--desc p {font-size: 15px}
	.keys--author-dolg, .d--row label, .footer--left {font-size: 14px}

	.header--container {gap:20px;}

	.it h2 {padding-left: 0}

	.footer--logo {max-width: 200px}
	.footer--logo img {width: 100%}

	:root {
		--gap-l:60px;
		--h2: 30px;
		--h3: 24px;
	}
}

@media all and (max-width: 1000px) {
	/*
	.note {height:auto;background-size: cover;backdrop-filter: blur(10px);}
	.note--form {position: relative;top:auto;left: auto;transform: none;width: 100%;height: auto;padding: var(--gap-l) 16px;display: flex;align-items: center;justify-content: center}
	.note--form form {max-width: 500px;background-color: #FFFFFF;padding: 40px;border-radius: 20px;}

	.note--form h3, .form--subtitle {font-size: 20px}

	.note--form .d--row {gap:5px;}
	.note--sub {margin-bottom: 20px}

	*/
	.main--left {min-width: 100%}
	.keys--swiper, .accordion__button {padding: 16px}
	.accordion__body > div {padding:0 16px 16px 16px !important;}

	.faq {padding-left: 16px;padding-right: 16px}

	.reason--box {flex-wrap: wrap;gap:20px;}
	.reason--left {padding: 20px 20px 0 0;}
	.reason--left br {display: inline-block;}
	.reason--left, .reason--right {width: 100%}

	.keys--author-img {width: 50px;height: 50px;}
	.keys--author-dolg {margin-top: 5px;}
	.keys--server svg, .keys--computers svg{width: 20px;height: 20px}

	.footer--box {flex-direction: column;gap:30px}
}

@media all and (max-width: 900px) {
	.header--logo img {max-width: 170px}
	.main--box {margin: 110px 40px 40px 40px;}

	h1, .keys--title, .note--cost {font-size: 20px;}
	.it--title, .abonent--title, .note--form h3, .reason--title, .price--col-title, .note--text {font-size: 18px;}
	.it--text, .abonent--text, .note--sub, .keys--org, .faq--desc, .accordion__body, .reason--desc, .reason--num, .keys--text, .keys--author-fio,
	.keys--server, .keys--computers, .why--desc-top, .why--desc-bottom, .form--subtitle, .note--economy{font-size: 15px;}

	.why--desc-bottom {justify-content: flex-start;text-align: left;}

	:root {
		--h2: 26px;
		--h3: 20px;
		--gap-l:40px;
	}

	.it--list {flex-wrap: wrap}
	.it--item:not(.active) .it--title, .it--item:not(.active) .it--text {display: block}
	.it--item {width: 100%}

	.table--log-box, .price--sub {display: none}
}

@media all and (max-width: 767px) {
	:root {
		--h2: 26px
	}
	.note--form h3 {font-size: 17px}
	.note--form form {padding: 16px;}
	.main--box {margin: 100px 16px 16px 16px;padding: 24px}
	.main--box h1{margin-top: 0}
	.main--tags, .header--call, .price--row .price--col:nth-child(1), .price--row .price--col:nth-child(2) {display: none}
	.price--col {width: 100%}
	.main {min-height: unset}

	.keys--img {width: 136px;height: 109px;}
	.keys--img img{object-fit: cover;width: 100%;height: 100%;}

	.keys--right {padding: 0;padding-bottom: 80px;display: flex;}
	.why--swiper {padding: 0;margin-bottom: 80px;}
	.keys--swiper {width: 100%;}
	.swiper--prev, .swiper--next {width: 40px;height: 40px;top:auto;bottom:-60px;left:auto;}
	.swiper--prev, .why--swiper .swiper--prev {left:calc(50% - 50px);}
	.swiper--next, .why--swiper .swiper--next {right:calc(50% - 50px);}
	.swiper--prev svg, .swiper--next svg {width: 26px;height: 26px}
	.keys {padding-bottom: 20px;}
	.keys--left {padding: 16px 16px 80px 16px;}
	.keys--title, .keys--desc, .why--title{text-align: center}
	.why--title, .footer--phone {width: 100%;}

	.form {padding: 16px 16px 80px 16px;gap:20px;}

	.footer--menu ul, .footer--contacts {flex-wrap: wrap}
	.footer--bottom {flex-direction: column;align-items: flex-start;gap:20px;}
}

@media all and (max-width: 600px) {
	.abonent--row {flex-wrap: wrap}
	.abonent--row .abonent--box {width: 100%}
}

@media all and (max-width: 550px) {
	.header--btns {display: none}
	.hor--about-gray {padding: 16px 16px 130px 16px;}
	.hor--about-gray img {width: 160px}

	:root {
		--h2: 20px
	}
}

@media all and (max-width: 440px) {
	.footer--menu li, .footer--logo {width: 100%;}
	.footer--logo {text-align: center;max-width: 100%}
	.footer--logo img{max-width: 210px}
	.footer--menu a {max-width: none}
	.footer--phone a {justify-content: center}
	.footer--contacts .btn {width: 100%;text-align: center;justify-content: center}
	.footer--contacts {justify-content: center}
}

/* Кастомный прелоадер начат*/
.pWrap{background: rgba(0,0,0,0.7);height: 100%;position: fixed;width: 100%;z-index: 100;top: 0;left: 0;}
.pInner {width: 50px;height: 50px;margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0;}
/* Кастомный прелоадер окончен*/

.horizontal-scroll-container {position:relative;width: 100%;height: 100vh;padding:3rem 0;overflow-x:hidden;}
.horizontal-scroll-container.container {max-width: 100%}

.horizontal-scroll  {position: absolute;top: 0;display: flex;width: 250%;bottom: 0;margin: auto;height: 50%;padding-left: 30%;}

.horizontal-scroll .scroll-child {width:70%;margin:0;padding: 0;position: relative;}

.js--lazy {background-size: 24px 24px !important;background-repeat: no-repeat !important;background-position: center center !important;}

.footer--left a {transition: .4s;border-bottom: 1px dashed #f4f4f4}
.footer--left a:hover {border-bottom: 1px dashed transparent}

@media all and (max-width: 1440px) {
	.horizontal-scroll {width: 250%}
}

@media all and (max-width: 1280px) {
	.horizontal-scroll {width: 300%}
}

@media all and (max-width: 1000px) {
	.desktop {
		display: none;
	}

	.it {height: auto}
	.it .container--m{max-width: 100%;width: 100%;padding-left: 16px;padding-right: 16px;}
	.it--item {width: auto;}
	.it--title, .it--text {opacity: 1;visibility: visible;display: block}
	.it--list {flex-direction: column}
	.it--item .it--num {color:#FF544E;bottom:0;opacity: 0.3}

	.note {height: 500px;background-size: 1920px 500px;display: flex;align-items: center;justify-content: center;background-position: left top;background-image: url(/img/notebook.jpg);}
	.note--form {background-color: #FFFFFFE5;transform: none;left:auto;top:auto;height: auto;width: auto;border-radius: 10px;padding: 16px;position: relative;z-index: 3;max-width: 520px}
	.note--step[data-id="2"] {padding: 0 16px}
	.note--back {position: absolute;overflow: hidden;height: 100%;z-index: 1;top: 0;left: 0;display: flex;align-items: center;justify-content: center;width: 100%}
	.note--back img {display: none;}

	.note .anim--top {transition: 1.2s;transform: translateY(-50px);opacity: 0}
	.note .anim--top.is-visible {transform: translateY(0);opacity: 1}

	.note .anim--bottom {transition: 1.2s;transform: translateY(50px);opacity: 0}
	.note .anim--bottom.is-visible {transform: translateY(0);opacity: 1}

	.note .anim--left {transition: 1.2s;transform: translateX(-50px);opacity: 0}
	.note .anim--left.is-visible {transform: translateX(0);opacity: 1}

	.note .anim--right {transition: 1.2s;transform: translateX(50px);opacity: 0}
	.note .anim--right.is-visible {transform: translateX(0);opacity: 1}

	.horizontal-scroll .scroll-child {width: 100%}
	.horizontal-scroll {padding-left: 0;width:300%}
	.hor--about-logo {display: flex;align-items: center;justify-content: center}
	.hor--about-logo, .hor--box {padding: 16px !important;}
	.hor--about-fixed {border-radius: 20px;overflow: hidden;max-height: 100%}

	.reason--list {flex-direction: row;width: 100%;padding-top: 30px;overflow-x: auto;}

	.reason--img {display: none}
	.reason--item {padding: 30px 16px;width:100vw;min-width: 500px}
	.reason {display: flex;align-self: center;justify-content: center;height: auto;max-height: 500px;}

	.hor--about-box {padding-top: 133.3%}

	.menu--box {padding-bottom: 100px}
}

@media (max-width: 767px) {
	.lg-outer .lg-toolbar .lg-icon.lg-close {
		display: block !important; /* Принудительно показываем крестик */
		visibility: visible !important;
		opacity: 1 !important;
	}

	.abonent--img {max-width: 200px;}
}

@media all and (min-width: 1000px) {
	.mobile {
		display: none;
	}
}

@media all and (max-width: 600px) {
	.reason--item {min-width: 300px}
}