@charset "utf-8";

.nowrap { white-space: nowrap; }

.center { text-align: center; }

img { max-width: 100%; }

.mappic { width: 350px; margin: 0px 60px 0px 0px; display: block; }

.slick-next, .slick-prev { font-size: 0px; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0px; transform: translateY(-50%); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover { color: transparent; outline: 0px; background: 0px 0px; }

.slick-next:focus::before, .slick-next:hover::before, .slick-prev:focus::before, .slick-prev:hover::before { opacity: 1; }

.slick-next.slick-disabled::before, .slick-prev.slick-disabled::before { opacity: 0.25; }

.slick-next::before, .slick-prev::before { font-family: slick; font-size: 20px; line-height: 1; opacity: 0.75; color: rgb(255, 255, 255); -webkit-font-smoothing: antialiased; }

.slick-prev { left: -25px; }

[dir="rtl"] .slick-prev { right: -25px; left: auto; }

.slick-prev::before { content: "←"; }

[dir="rtl"] .slick-prev::before { content: "→"; }

.slick-next { right: -25px; }

[dir="rtl"] .slick-next { right: auto; left: -25px; }

.slick-next::before { content: "→"; }

[dir="rtl"] .slick-next::before { content: "←"; }

.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: center; }

.slick-dots li { position: relative; display: inline-block; margin: 0px 5px; padding: 0px; }

.slick-dots li, .slick-dots li button { width: 20px; height: 20px; cursor: pointer; }

.slick-dots li button { font-size: 0px; line-height: 0; display: block; padding: 5px; color: transparent; border: 0px; outline: 0px; background: 0px 0px; }

.slick-dots li button:focus, .slick-dots li button:hover { outline: 0px; }

.slick-dots li button:focus::before, .slick-dots li button:hover::before { opacity: 1; }

.slick-dots li button::before { font-family: slick; font-size: 6px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: rgb(0, 0, 0); -webkit-font-smoothing: antialiased; }

.slick-dots li.slick-active button::before { opacity: 0.75; color: rgb(0, 0, 0); }

.slick-slider { box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list, .slick-slider { position: relative; display: block; }

.slick-list { overflow: hidden; margin: 0px; padding: 0px; }

.slick-list:focus { outline: 0px; }

.slick-list.dragging { cursor: pointer; }

.slick-slider .slick-list, .slick-slider .slick-track { transform: translateZ(0px); }

.slick-track { position: relative; top: 0px; left: 0px; display: block; margin-left: auto; margin-right: auto; }

.slick-track::after, .slick-track::before { display: table; content: ""; }

.slick-track::after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

* { box-sizing: border-box; }

::after, ::before { box-sizing: border-box; }

::-webkit-input-placeholder { color: rgb(102, 102, 102); opacity: 1; }

body input:focus:required:invalid, body textarea:focus:required:invalid { color: rgb(102, 102, 102); }

body input:required:valid, body textarea:required:valid { color: rgb(102, 102, 102); }

a, b, blockquote, body, canvas, caption, center, code, dd, del, div, dl, dt, embed, fieldset, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, label, legend, li, nav, object, ol, output, p, pre, q, s, section, span, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var { margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; }

footer, header, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote::after, blockquote::before, q::after, q::before { content: none; }

table { border-collapse: collapse; border-spacing: 0px; }

body { font-size: 16px; line-height: 1.3; min-width: 320px; position: relative; font-family: Arial, Helvetica, sans-serif; overflow-x: hidden; color: rgb(33, 33, 33); }

.img-responsive { max-width: 100%; height: auto; }

.text-medium { font-weight: 700; color: rgb(33, 33, 33); }

.text-bold { font-weight: 700; color: rgb(33, 33, 33); font-size: 19px; }

.container { max-width: 1200px; padding: 0px 15px; width: 100%; margin: 0px auto; }

.clearfix::after { clear: both; content: ""; display: table; }

.title { font-size: 46px; line-height: 1.1; font-weight: 700; }

.active-color { color: rgb(194, 30, 40); }

.light-text { color: rgb(153, 153, 153); font-weight: 400; }

.btn { font-size: 25px; font-weight: 700; color: rgb(255, 255, 255); display: inline-block; padding: 16px 40px; border-radius: 31px; cursor: pointer; }

.btn-hover { overflow: hidden; z-index: 2; position: relative; }

.btn-background::before { background: linear-gradient(to right, rgb(248, 125, 43), rgb(245, 158, 33)); position: absolute; content: ""; inset: 0px; z-index: -1; opacity: 1; transition: 0.5s; }

.btn-background::after { background: linear-gradient(to right, rgb(217, 87, 0), rgb(251, 148, 1)); content: ""; position: absolute; inset: 0px; z-index: -1; opacity: 0; transition: 0.5s; }

.btn:hover .btn-background::after { opacity: 1; }

.block1 { padding: 55px 0px 0px; }

.block1 { background: url("assets/main-bg.png") center bottom / cover no-repeat; }

.webp .block1 { background: url("assets/main-bg.png") center bottom / cover no-repeat; }

.block1-top { display: flex; align-items: center; justify-content: space-between; }

.block1-top-left { float: left; }

.block1-top-right { float: right; }

.block1-top-list { display: flex; justify-content: center; width: 900px; }

.block1-top-item { width: 45%; padding-left: 70px; font-size: 16px; line-height: 18px; font-weight: 700; background-repeat: no-repeat; }

.block1-top-item:first-of-type { margin-right: 20px; }

.block1-top-item_first { position: relative; }

.block1-top-item_first::before { width: 30px; height: 30px; background: url("assets/natural.svg") no-repeat; position: absolute; content: ""; left: 18px; top: 2px; }

.block1-top-item_second { padding-right: 0px; padding-left: 55px; position: relative; }

.block1-top-item_second::before { width: 30px; height: 30px; background: none; position: absolute; content: ""; left: 8px; top: 3px; }

.block1-top-item { width: 45%; }

.block1-top-item_third { padding-left: 45px; padding-right: 0px; position: relative; }

.block1-top-item_third::before { width: 22px; height: 22px; background: url("assets/checked.png") 0% 0% / cover no-repeat; position: absolute; content: ""; left: 8px; top: 5px; }

.block1-main { padding: 50px 0px; position: relative; }

.block1-main-right { float: right; width: 670px; position: relative; z-index: 2; }

.block1-main-right_center { padding: 25px 0px; }

.block1-main-right_bottom { margin-top: 35px; }

.block1-main-title { font-size: 45px; }

.block1-main-subtitle { font-size: 24px; font-weight: 700; margin-top: 20px; }

.block1-main-item { padding: 10px 0px 10px 35px; position: relative; }

.block1-main-item::before { position: absolute; content: ""; width: 20px; height: 20px; background: url("assets/ok.svg") no-repeat; left: 0px; top: 10px; }

.block1-main-text { font-size: 20px; font-weight: 700; }

.block1-main-text_light { font-size: 18px; line-height: 22px; color: rgb(134, 134, 134); font-weight: 400; margin-top: 10px; }

.block1-main-left { position: absolute; width: 680px; bottom: 1px; font-size: 0px; left: -100px; z-index: 1; }

.webp .block1-main-left::after { position: absolute; content: ""; width: 200px; height: 520px; background: url("assets/pack.png") center bottom / contain no-repeat; left: 350px; bottom: -65px; }

.block1-main-left::after { position: absolute; content: ""; width: 420px; height: 340px; background: url("assets/pack.png") center center / contain no-repeat; left: 140px; bottom: -65px; }

.block1-sale { display: inline-block; vertical-align: top; height: 76px; }

.block1-sale-text { font-size: 17px; font-weight: 700; margin-left: 35px; line-height: 62px; vertical-align: bottom; }

.block1-sale-number { padding: 18px; background: url("assets/circle.svg") center center / contain no-repeat; font-size: 24px; color: rgb(255, 255, 255); font-weight: 700; line-height: 62px; margin-left: 10px; position: relative; }

.block2 { text-align: center; padding: 95px 0px 20px; }

.block2-title { margin-bottom: 28px; }

.block2-text { color: rgb(134, 134, 134); font-size: 18px; font-weight: 700; }

.block2-subtitle { font-size: 22px; font-weight: 700; line-height: 28px; width: 470px; margin: 30px auto 25px; }

.block2-list { display: flex; }

.block2-item { width: 33.4%; padding-top: 10px; }

.block2-item-circle { width: 242px; margin: 0px auto; position: relative; border-radius: 50%; }

.block2-item-circle::after { position: absolute; content: ""; width: 260px; height: 260px; background: linear-gradient(to right, rgb(198, 224, 197), rgb(78, 176, 180)); left: -9px; top: -9px; border-radius: 50%; z-index: -1; }

.block2-item-title { font-size: 22px; font-weight: 700; padding: 30px 0px; border-bottom: 1px solid rgb(232, 232, 232); position: relative; }

.block2-item-title::after { position: absolute; content: ""; width: 46px; height: 23px; background: url("assets/down.svg") center center / contain no-repeat rgb(255, 255, 255); left: calc(50% - 23px); bottom: -12px; }

.block2-item-text { padding: 30px 70px; font-size: 18px; line-height: 22px; font-weight: 700; color: rgb(134, 134, 134); }

.block2-item-text_border { border-bottom: 1px solid rgb(232, 232, 232); }

.block2-bottom { margin-top: 15px; position: relative; padding: 0px 50px 90px; }

.block2-bottom::before { position: absolute; content: ""; width: 100%; height: 1px; background: linear-gradient(to right, transparent, rgb(232, 232, 232) 25%, rgb(232, 232, 232) 75%, transparent 100%); left: 0px; bottom: 0px; }

.block2-bottom::after { position: absolute; content: ""; width: 25px; height: 11px; background: url("assets/line.png") center center no-repeat rgb(255, 255, 255); bottom: -10px; z-index: 2; left: calc(50% - 13px); }

.block2-bottom-title { width: 490px; margin: 0px auto 15px; font-size: 20px; line-height: 28px; font-weight: 700; }

.block2-bottom-text { font-size: 18px; line-height: 24px; color: rgb(134, 134, 134); margin-bottom: 25px; }

.block2-bottom-stars { font-size: 16px; color: rgb(134, 134, 134); }

.block3 { padding: 60px 0px 80px; }

.block3 { background: url("assets/main-bg.png") center bottom / cover no-repeat; }

.webp .block3 { background: url("assets/main-bg.png") center bottom / cover no-repeat; }

.block3-title { text-align: center; }

.block3-subtitle { font-size: 21px; font-weight: 700; line-height: 24px; width: 660px; margin: 15px auto 0px; text-align: center; }

.block3-main { padding-top: 65px; display: flex; align-items: center; justify-content: space-between; }

.block3-left { width: 370px; float: left; }

.block3-right { width: 370px; float: right; }

.block3-center { width: 435px; float: left; text-align: center; }

.block3-center-img { width: 230px; }

.block3-center-btn { display: inline-block; }

.block3-item { padding: 0px 0px 24px 22px; font-size: 19px; line-height: 24px; color: rgb(134, 134, 134); position: relative; }

.block3-item::before { position: absolute; content: ""; width: 8px; height: 8px; border-radius: 50%; background: rgb(2, 160, 166); left: 2px; top: 5px; }

.list-title { font-weight: 700; line-height: 24px; color: rgb(33, 33, 33); }

.list-title_block { display: block; }

.block4 { padding: 80px 0px 90px; text-align: center; }

.block4 { background: url("assets/main-bg.png") center bottom -160px no-repeat; }

.webp .block4 { background: url("assets/main-bg.png") center bottom -160px no-repeat; }

.block4-text { color: rgb(134, 134, 134); font-size: 18px; line-height: 24px; margin-top: 35px; }

.block4-text_medium { color: rgb(33, 33, 33); font-weight: 700; }

.block4-main { margin-top: 40px; position: relative; padding-bottom: 45px; }

.block4-main::before { position: absolute; content: ""; width: 100%; height: 1px; background: linear-gradient(to right, transparent, rgb(232, 232, 232) 25%, rgb(232, 232, 232) 75%, transparent 100%); left: 0px; bottom: 0px; }

.block4-main::after { position: absolute; content: ""; width: 25px; height: 11px; background: url("assets/line.png") center center no-repeat rgb(255, 255, 255); bottom: -10px; z-index: 2; left: calc(50% - 13px); }

.block4-left { position: absolute; border-radius: 8px; background: rgb(238, 247, 226); padding: 25px 80px 15px; left: 0px; top: 135px; z-index: 2; box-shadow: rgb(255, 255, 255) 0px 0px 0px 10px; }

.block4-left::before { position: absolute; content: ""; width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(to right, rgb(248, 125, 43), rgb(245, 158, 33)); box-shadow: rgba(248, 216, 174, 0.75) 3px 4px 8px; top: 5px; right: 110px; z-index: 2; }

.block4-left::after { position: absolute; content: ""; width: 32px; height: 62px; background: url("assets/line2.png") center center no-repeat; top: -50px; right: 113px; }

.block4-left-text { position: absolute; color: rgb(17, 141, 0); font-size: 24px; font-weight: 700; top: -90px; left: 100px; }

.block4-right { position: absolute; border-radius: 8px; background: rgb(238, 247, 226); padding: 25px 75px 10px; right: 0px; top: 135px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 10px; z-index: 2; }

.block4-right::before { position: absolute; content: ""; width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(to right, rgb(248, 125, 43), rgb(245, 158, 33)); box-shadow: rgba(248, 216, 174, 0.75) 3px 4px 8px; top: 5px; left: 110px; z-index: 2; }

.block4-right::after { position: absolute; content: ""; width: 32px; height: 62px; background: url("assets/line2.png") center center no-repeat; top: -50px; left: 113px; transform: scale(-1, 1); }

.block4-right-text { position: absolute; color: rgb(202, 33, 0); font-size: 24px; font-weight: 700; top: -90px; left: 115px; }

.block4-center { width: 622px; margin: 0px auto; position: relative; }

.block4-center-block { border: 1px solid rgb(232, 232, 232); border-radius: 8px; padding: 30px 20px 35px; }

.block4-center-img { margin-left: -30px; }

.block4-center-circle { width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(to right, rgb(248, 125, 43), rgb(245, 158, 33)); box-shadow: rgba(248, 216, 174, 0.75) 3px 4px 8px, rgba(255, 255, 255, 0.8) 0px 0px 0px 9px; top: 275px; position: absolute; left: 260px; z-index: 2; }

.block4-center-line { width: 1px; height: 150px; background: rgb(232, 232, 232); left: 4px; position: absolute; z-index: 1; top: 8px; }

.block4-center-line::after { content: ""; position: absolute; width: 10px; height: 10px; border-bottom: 1px solid rgb(232, 232, 232); border-right: 1px solid rgb(232, 232, 232); background: 0px 0px; transform: rotate(45deg); bottom: 1px; left: calc(50% - 5px); }

.block4-center-text { font-size: 24px; font-weight: 700; margin-top: 30px; }

.block4-bottom { margin-top: 70px; }

.block4-bottom-flex { display: flex; -webkit-box-pack: justify; justify-content: space-between; }

.block4-bottom-block { width: 570px; border-radius: 8px; border: 1px solid rgb(232, 232, 232); background: rgb(255, 255, 255); font-size: 18px; line-height: 1.3; color: rgb(134, 134, 134); padding: 30px 19px; }

.block4-bottom-subtitle { font-size: 24px; font-weight: 700; margin-top: 40px; }

.block4-bottom-btn { margin-top: 40px; width: 570px; }

.block5 { padding: 85px 0px 0px; }

.block5-main { padding: 70px 0px 85px; position: relative; }

.block5-main::before { position: absolute; content: ""; width: 100%; height: 1px; background: linear-gradient(to right, transparent, rgb(232, 232, 232) 25%, rgb(232, 232, 232) 75%, transparent 100%); left: 0px; bottom: 0px; }

.block5-main::after { position: absolute; content: ""; width: 25px; height: 11px; background: url("assets/line.png") center center no-repeat rgb(255, 255, 255); bottom: -10px; z-index: 2; left: calc(50% - 13px); }

.block5-left { width: 570px; float: left; }

.block5-title { width: 850px; margin: 0px auto; font-size: 43px; text-align: center; }

.block5-slider-item { font-size: 17px; color: rgb(134, 134, 134); line-height: 22px; }

.block5-slider-item:focus { outline: 0px; }

.block5-slider-item.active .block5-slider-text { max-height: 600px; }

.block5-slider-item.active .block5-slider-text::after { opacity: 0; }

.block5-slider-img { float: left; margin: 10px 0px; }

.block5-slider-right { float: right; width: 340px; padding: 35px 0px; }

.block5-slider-text { float: left; }

.block5-slider-author { font-size: 22px; font-weight: 700; color: rgb(33, 33, 33); }

.block5-slider-name { margin-bottom: 20px; }

.block5-slider-complaint { margin-bottom: 30px; }

.block5-slider-text { max-height: 135px; width: 100%; padding-right: 5px; overflow: hidden; position: relative; transition: 0.5s; }

.block5-slider-text::after { position: absolute; content: ""; width: 100%; height: 80px; background: linear-gradient(rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255) 100%); left: 0px; bottom: 0px; opacity: 1; transition: opacity 0.5s; }

.block5-slider-number { text-align: center; font-size: 20px; font-weight: 700; }

.block5-slider-btn { width: 26px; height: 26px; border-radius: 50%; line-height: 26px; text-align: center; color: rgb(255, 255, 255); background: linear-gradient(to right, rgb(248, 125, 43), rgb(245, 158, 33)); box-shadow: rgba(248, 216, 174, 0.75) 3px 4px 8px; margin: 15px auto 20px; cursor: pointer; }

.block5-slider-btn:hover { background: linear-gradient(to right, rgb(255, 102, 0), rgb(255, 159, 23)); }

.block5-right { float: right; width: 570px; border: 1px solid rgb(232, 232, 232); border-radius: 8px; box-shadow: rgba(224, 224, 224, 0.75) 0px 5px 21px; position: relative; padding: 30px 0px 0px 45px; margin-top: 15px; }

.block5-right-graf { margin-top: 20px; padding-left: 0px; }

.block5-right-img { position: relative; right: -2px; }

.block5-top-label { font-size: 18px; font-weight: 700; padding-left: 50px; position: relative; }

.block5-top-label_first::before { position: absolute; content: ""; width: 20px; height: 4px; background: rgb(20, 142, 148); left: 17px; top: 8px; }

.block5-top-label_second { margin-top: 5px; }

.block5-top-label_second::before { position: absolute; content: ""; width: 20px; height: 4px; background: rgb(188, 188, 188); left: 17px; top: 8px; }

.block5-left-label { position: absolute; transform: rotate(270deg); top: 210px; font-size: 16px; color: rgb(135, 135, 135); left: 0px; }

.block5-bottom-label { vertical-align: middle; position: relative; top: -35px; color: rgb(135, 135, 135); }

.block5-bottom-label_first { font-size: 15px; font-style: italic; width: 80px; display: inline-block; margin-left: 230px; }

.block5-bottom-label_second { display: inline-block; margin-left: 130px; }

.block5-bottom-canvas { position: absolute; left: -30px; top: calc(50% - 15px); }

.slick-prev { left: 220px; top: inherit; bottom: -32px; }

.slick-prev::before { width: 20px; content: ""; height: 20px; display: block; background: url("assets/slider-line.svg") no-repeat; transform: scale(-1, 1); }

.slick-next { right: 225px; top: inherit; bottom: -32px; }

.slick-next::before { width: 20px; content: ""; height: 20px; display: block; background: url("assets/slider-line.svg") no-repeat; }

.block6 { padding: 85px 0px 100px; }

.block6 { background: url("assets/main-bg.png") center bottom no-repeat; }

.webp .block6 { background: url("assets/main-bg.png") center bottom no-repeat; }

.block6-title { text-align: center; width: 920px; margin: 0px auto; }

.block6-subtitle { font-size: 21px; font-weight: 700; text-align: center; margin-top: 35px; }

.block6-main { margin-top: 25px; display: flex; justify-content: space-between; font-size: 17px; color: rgb(135, 135, 135); }

.block6-left { width: 405px; float: left; }

.block6-left-list { padding: 30px 0px; }

.block6-left-item { padding: 5px 0px 20px 50px; position: relative; }

.block6-left-item::before { width: 28px; height: 28px; border-radius: 50%; position: absolute; content: ""; background: rgb(2, 160, 166); left: 2px; top: 5px; }

.block6-left-item::after { content: ""; position: absolute; width: 24px; height: 24px; background: url("assets/check.svg") center center / contain no-repeat; left: 10px; top: 5px; }

.block6-right { width: 405px; float: right; }

.block6-right-list { padding: 30px 0px; }

.block6-right-item { padding: 5px 0px 20px 50px; position: relative; }

.block6-right-item::before { width: 28px; height: 28px; border-radius: 50%; position: absolute; content: ""; background: rgb(2, 160, 166); left: 2px; top: 5px; }

.block6-right-item::after { content: ""; position: absolute; width: 24px; height: 24px; background: url("assets/check.svg") center center / contain no-repeat; left: 10px; top: 5px; }

.block6-center-img { width: 230px; margin: 0px auto; display: block; }

.block6-center { width: 410px; float: left; }

.block6-bottom-text { font-size: 16px; font-style: italic; position: relative; margin: 0px auto 30px; width: 410px; text-align: center; }

.block6-bottom-text::after { position: absolute; width: 36px; height: 60px; background: url("assets/line2.png") no-repeat; transform: scale(1, -1); top: 40px; left: calc(50% - 10px); }

.block6-bottom-list { display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-top: 20px; }

.block6-bottom-item { font-size: 18px; font-weight: 700; padding-top: 35px; position: relative; }

.block6-bottom-item::before { position: absolute; content: ""; width: 20px; height: 20px; background: url("assets/ok.svg") no-repeat; left: calc(50% - 10px); top: 10px; }

.block6-bottom-item:nth-child(n+2):nth-child(-n+5) { text-align: center; }

.block6-bottom-item:last-child { text-align: right; }

.block6-bottom-item:nth-child(2) { margin-left: 10px; }

.block6-bottom-item:nth-child(3) { margin-left: 0px; }

.block6-bottom-subtitle { text-align: center; font-size: 24px; line-height: 32px; font-weight: 700; width: 550px; margin: 0px auto; }

.block7 { padding: 85px 0px 95px; }

.block7 { background: url("assets/main-bg.png") center bottom -110px no-repeat; }

.webp .block7 { background: url("assets/main-bg.png") center bottom -110px no-repeat; }

.webp .block7-composition { background: url("assets/pack.png") center top 20px / 190px auto no-repeat; margin-top: 75px; }

.block7-composition { background: url("assets/pack.png") center top 20px / 190px auto no-repeat; margin-top: 75px; }

.block7-animation { transition: 0.5s; background: rgb(255, 255, 255); }

.block7-animation.active { width: 450px; height: 310px; }

.block7-animation.active .block7-overflow::after { opacity: 0; }

.block7-animation.active .block7-overflow { max-height: 300px; }

.block7-title { text-align: center; }

.block7-overflow { max-height: 170px; overflow: hidden; position: relative; transition: 0.5s; }

.block7-overflow::after { position: absolute; content: ""; width: 100%; height: 80px; background: linear-gradient(rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255) 100%); left: 0px; bottom: 0px; opacity: 1; transition: opacity 0.5s; }

.block7-composition-title { font-size: 22px; font-weight: 700; }

.block7-composition-subtitle { font-size: 20px; color: rgb(91, 91, 91); }

.block7-composition-text { font-size: 17px; line-height: 22px; color: rgb(134, 134, 134); margin-top: 5px; }

.block7-composition-btn { width: 26px; height: 26px; border-radius: 50%; line-height: 26px; text-align: center; color: rgb(255, 255, 255); background: linear-gradient(to right, rgb(248, 125, 43), rgb(245, 158, 33)); box-shadow: rgba(248, 216, 174, 0.75) 3px 4px 8px; position: absolute; bottom: 25px; left: calc(50% - 13px); cursor: pointer; }

.block7-composition-btn:hover { background: linear-gradient(to right, rgb(255, 102, 0), rgb(255, 159, 23)); }

.block7-subtitle { text-align: center; font-size: 18px; line-height: 24px; font-weight: 700; color: rgb(134, 134, 134); margin-top: 25px; }

.block7-subtitle_medium { color: rgb(33, 33, 33); display: block; font-size: 20px; }

.block7-top { position: relative; height: 275px; margin-top: 35px; }

.block7-top_bottom { margin-top: 90px; }

.block7-top-left { position: absolute; left: 0px; top: 0px; width: 380px; height: 275px; border: 1px solid rgb(232, 232, 232); border-radius: 8px; box-shadow: rgba(224, 224, 224, 0.75) 0px 5px 21px; padding: 40px 75px 25px 30px; }

.block7-top-right { position: absolute; right: 0px; width: 380px; height: 275px; border: 1px solid rgb(232, 232, 232); border-radius: 8px; box-shadow: rgba(224, 224, 224, 0.75) 0px 5px 21px; padding: 40px 15px 25px 95px; }

.block7-top_bottom .block7-top-left { left: 50%; transform: translateX(-50%); }

.block7-img { position: absolute; top: calc(50% - 72px); border-radius: 50%; border: 6px solid rgb(255, 255, 255); font-size: 0px; }

.block7-img::after { position: absolute; content: ""; width: 30px; height: 32px; background: url("assets/line2.png") no-repeat; }

.block7-img_left { right: -80px; }

.block7-img_left::after { left: -20px; top: -20px; }

.block7-img_right { left: -80px; }

.block7-img_right::after { right: -20px; top: -20px; transform: scale(-1, 1); }

.block7-mechanic { text-align: center; margin-top: 40px; }

.block7-mechanic.active .block7-mechanic-text { max-height: 160px; }

.block7-mechanic.active .block7-mechanic-text::after { opacity: 0; }

.block7-mechanic-title { font-size: 22px; font-weight: 700; }

.block7-mechanic-text { font-size: 18px; line-height: 24px; color: rgb(134, 134, 134); margin-top: 20px; max-height: 120px; position: relative; overflow: hidden; transition: 0.5s; }

.block7-mechanic-text::after { position: absolute; content: ""; width: 100%; height: 80px; background: linear-gradient(rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255) 100%); left: 0px; bottom: 0px; opacity: 1; transition: opacity 0.5s; }

.block7-mechanic-btn { width: 26px; height: 26px; border-radius: 50%; line-height: 26px; text-align: center; color: rgb(255, 255, 255); background: linear-gradient(to right, rgb(248, 125, 43), rgb(245, 158, 33)); box-shadow: rgba(248, 216, 174, 0.75) 3px 4px 8px; margin: 35px auto 0px; cursor: pointer; }

.block7-mechanic-btn:hover { background: linear-gradient(to right, rgb(255, 102, 0), rgb(255, 159, 23)); }

.block7-proportion { margin-top: 40px; position: relative; padding-bottom: 65px; }

.block7-proportion::before { position: absolute; content: ""; width: 100%; height: 1px; background: linear-gradient(to right, transparent, rgb(232, 232, 232) 25%, rgb(232, 232, 232) 75%, transparent 100%); left: 0px; bottom: 0px; }

.block7-proportion::after { position: absolute; content: ""; width: 25px; height: 11px; background: url("assets/line.png") center center no-repeat rgb(255, 255, 255); bottom: -10px; z-index: 2; left: calc(50% - 13px); }

.block7-proportion-title { font-size: 22px; line-height: 28px; font-weight: 700; width: 680px; margin: 0px auto; text-align: center; }

.block7-proportion-flex { display: flex; margin-top: 25px; }

.block7-proportion-left { width: 50%; }

.block7-proportion-right { width: 50%; padding-left: 15px; }

.block7-proportion-text { font-size: 18px; line-height: 24px; color: rgb(134, 134, 134); }

.block7-proportion-source { font-size: 16px; color: rgb(134, 134, 134); font-style: italic; margin-top: 3px; margin-bottom: 25px; }

.block7-proportion-source_black { font-weight: 700; color: rgb(33, 33, 33); }

.block7-use { margin-top: 75px; text-align: center; }

.block7-use-left { float: left; width: 550px; }

.block7-use-title { font-size: 32px; font-weight: 700; text-align: left; }

.block7-use-title_big { font-size: 46px; }

.block7-use-right { float: left; width: 490px; padding-left: 50px; }

.block7-use-capsule { font-size: 18px; font-weight: 700; text-align: center; padding-top: 70px; background-image: url("assets/capsule.svg"), url("assets/lunch.svg"), url("assets/replay.svg"); background-repeat: no-repeat; background-position: left 35px top, center top, right 45px top; background-size: 60px 60px; position: relative; }

.block7-use-capsule::before { position: absolute; content: "+"; left: 29%; color: rgb(20, 142, 148); font-size: 26px; top: 15px; }

.block7-use-capsule::after { position: absolute; content: "+"; right: 32%; color: rgb(20, 142, 148); font-size: 26px; top: 15px; }

.block7-use-text { font-size: 18px; line-height: 24px; color: rgb(134, 134, 134); margin: 65px auto 0px; text-align: center; width: 830px; }

.block7-use-btn { display: inline-block; margin-top: 45px; padding: 16px 30px; }

.footer { padding: 90px 0px 0px; }

.footer-title { text-align: center; font-size: 20px; font-weight: 700; }

.footer-list { display: flex; justify-content: space-between; margin-top: 20px; border-bottom: 1px solid rgb(230, 230, 230); padding-bottom: 15px; }

.footer-item { font-size: 16px; line-height: 22px; color: rgb(134, 134, 134); width: 370px; padding: 10px 0px 10px 60px; }

.footer-item_first { background: url("assets/cursor.svg") left 25px top 15px / 25px 36px no-repeat; }

.footer-item_second { padding-left: 70px; background: url("assets/people.svg") left 30px top 15px / 24px 36px no-repeat; }

.footer-item_third { padding-left: 95px; background: url("assets/pay.svg") left 50px top 15px / 35px 30px no-repeat; }

.map { margin-bottom: 30px; }

.my-popup { align-items: center; background: rgb(204, 234, 225); border-radius: 10px; padding: 20px; display: flex !important; }

.my-popup-left { width: 220px; margin-right: 20px; }

.my-popup-right { width: 360px; }

.my-popup-input { width: 100%; margin-top: 20px; padding: 15px 20px; font-size: 20px; outline: 0px; border: 1px solid rgb(204, 234, 225); }

.my-popup-input:focus { outline: rgb(2, 160, 166) solid 1px !important; }

.my-popup-btn { width: 100%; margin-top: 20px; line-height: 30px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: 0px; }

.price { font-size: 20px; display: flex; justify-content: space-around; }

.price-current-number, .price-previous-number { font-size: 30px; }

.price-current { margin-left: 20px; color: red; }

.price-current-number { font-weight: 700; }

.price-previous-number { position: relative; }

.price-previous-number::before { position: absolute; content: ""; width: 100%; height: 2px; background: rgb(234, 71, 45); transform: rotate(-9deg); top: 50%; }

@media only screen and (max-width: 1370px) {
  .block1-main-left { width: 600px; left: -25px; }
  .block1-main-left::after, .webp .block1-main-left::after { left: 300px; }
}

@media only screen and (max-width: 1200px) {
  .container { max-width: 1000px; }
  .block4-bottom-btn { width: auto; }
  .block1-top-list { width: 760px; }
  .block1-top-left { width: 180px; }
  .block1-top-item { padding-right: 0px; }
  .block1 { padding-top: 30px; }
  .block1-main-right { width: 605px; }
  .block1-main-right_top { width: 100%; text-align: center; float: none; }
  .block1-main { padding-top: 30px; }
  .block1-main-left::after, .webp .block1-main-left::after { background-size: contain; width: 150px; left: 240px; bottom: -55px; }
  .block1-main-text { font-size: 18px; }
  .block1-main-right_bottom { text-align: center; }
  .block1-main-left { width: 480px; }
  .block2-bottom { padding-bottom: 60px; }
  .block3 { padding-top: 35px; padding-bottom: 50px; }
  .title { font-size: 40px; }
  .block1-top-item { font-size: 14px; }
  .block3-left { width: 320px; float: none; }
  .block3-right { width: 320px; float: none; }
  .block3-center { width: 320px; float: none; }
  .block3-item { padding-bottom: 15px; }
  .btn { font-size: 22px; }
  .block3-main { display: flex; -webkit-box-pack: justify; justify-content: space-between; }
  .block3-list { height: 100%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; }
  .block4 { padding: 50px 0px; }
  .block4-left { padding: 25px 60px 15px; }
  .block4-left-text { left: 50px; }
  .block4-left::after { right: 140px; }
  .block4-left::before { right: 137px; }
  .block4-right-text { left: 140px; }
  .block4-right::after { left: 138px; }
  .block4-right::before { left: 135px; }
  .block4-bottom-block { width: 475px; }
  .block4-right { padding: 25px 56px 10px; }
  .block4-center-img { margin-left: 0px; }
  .block4-center-circle { left: 275px; }
  .block5-left { width: 500px; }
  .block5-slider-right { width: 275px; }
  .slick-prev { left: 205px; }
  .slick-next { right: 205px; }
  .block5-right { width: 450px; }
  .block5-bottom-label { top: -25px; }
  .block5-bottom-label_first { margin-left: 145px; }
  .block5-bottom-label_second { margin-left: 110px; }
  .block5-main { padding-bottom: 60px; }
  .block6 { padding: 60px 0px; }
  .block6-main { margin-bottom: 20px; }
  .block6-center, .block6-left, .block6-right { width: 320px; float: none; }
  .block6-left-item, .block6-right-item, .text-bold { font-size: 16px; }
  .block6-left-item, .block6-right-item { padding: 0px 0px 15px 50px; }
  .block6-center { margin-left: 0px; }
  .block7-mechanic.active .block7-mechanic-text { max-height: 200px; }
  .block7-top-left, .block7-top-right { width: 300px; }
  .block7-animation.active { width: 390px; height: 355px; }
  .block7-top_bottom { margin-top: 85px; }
  .block7-composition, .webp .block7-composition { background-position: center top 20px; }
  .block7-mechanic { margin-top: 85px; }
  .block7-proportion { padding-bottom: 40px; }
  .block7-use-right { padding-left: 0px; float: right; width: 400px; }
  .block7-use { margin-top: 55px; }
  .block7 { padding: 50px 0px; }
  .block5 { padding-top: 50px; }
}

@media only screen and (max-width: 1020px) {
  .block7-subtitle_medium { display: inline; }
  .block7-top_bottom .block7-top-left { transform: none; top: 0px; left: 0px; }
  .block7-mechanic { margin-top: 50px; }
  .container { max-width: 760px; padding: 0px 10px; }
  .block1-top-list { display: none; }
  .block1-top-left { float: none; margin: 0px auto; }
  .block1-main { padding-top: 10px; }
  .block1-main-title { font-size: 42px; }
  .block1-main-right_center { width: 430px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
  .block1-main-right_bottom { width: 100%; border-top: 1px solid rgb(193, 227, 216); margin-top: 0px; padding-top: 30px; }
  .block1-main-left { width: 275px; left: 5px; bottom: 330px; }
  .block1-main-left::after, .webp .block1-main-left::after { width: 150px; left: 100px; bottom: -80px; }
  .block2-item-circle { width: 200px; }
  .block2-item-circle::after { width: 218px; height: 218px; }
  .block2-item-text { padding: 30px 15px; }
  .block3-main { flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; }
  .block3-center { margin-top: 20px; margin-bottom: 20px; -webkit-box-ordinal-group: 2; order: 1; }
  .block3-left, .block3-right { margin: 0px 20px; }
  .title { font-size: 38px; }
  .block1-main-title { font-size: 34px; }
  .block4-text br { display: none; }
  .block4-left, .block4-right { position: relative; display: inline-block; width: 285px; top: inherit; vertical-align: top; margin: 0px 10px; }
  .block4-center { margin-top: 125px; width: 595px; }
  .block4-left-text { top: 275px; }
  .block4-right-text { top: 275px; left: 110px; }
  .block4-left::before, .block4-right::before { top: inherit; bottom: 5px; }
  .block4-left::after { top: inherit; bottom: -50px; transform: rotate(180deg) scale(-1, 1); }
  .block4-right::after { top: inherit; bottom: -50px; transform: rotate(180deg); }
  .block4-bottom-block { width: 360px; }
  .block5-title { width: 100%; }
  .block5-left { width: 100%; float: none; }
  .block5-main { padding-top: 40px; }
  .block5-slider-right { float: none; width: 400px; margin: 0px auto; text-align: center; padding: 20px 0px; }
  .slick-slide img { float: none; margin: 0px auto; }
  .block5-slider-name { margin-bottom: 10px; }
  .block5-slider-complaint { margin-bottom: 10px; }
  .block5-slider-text { padding-right: 0px; text-align: center; }
  .block5-right { float: none; margin: 30px auto 0px; }
  .block5-bottom-canvas { display: none; }
  .block6-title { width: 100%; font-size: 36px; }
  .block6 { padding: 45px 0px; }
  .block6-main { flex-wrap: wrap; }
  .block6-center { -webkit-box-ordinal-group: 2; order: 1; }
  .block6-left-list, .block6-right-list { height: 100%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; margin: 0px 10px; }
  .block3-main { margin-top: 45px; }
  .block6-main { -webkit-box-pack: center; justify-content: center; }
  .block6-center { margin-top: 0px; }
  .block6-bottom-item:nth-child(2) { margin-left: 0px; }
  .block6-bottom-list { flex-wrap: wrap; }
  .block6-bottom-item { width: 33%; text-align: center; }
  .block6-bottom-item:last-child { text-align: center; }
  .block7-composition, .webp .block7-composition { margin-top: 35px; padding-top: 305px; background-position: center top; }
  .block7-top-left, .block7-top-right { position: relative; padding: 80px 20px 65px; height: auto; }
  .block7-top { display: flex; height: auto; -webkit-box-align: start; align-items: start; justify-content: space-around; }
  .block7-img::after { display: none; }
  .block7-img_left, .block7-img_right { left: calc(50% - 72px); top: -72px; width: 145px; }
  .block7-animation.active { width: 300px; height: auto; }
  .block7-animation.active .block7-overflow { max-height: 320px; }
  .block7-use-left { float: none; width: 100%; }
  .block7-use-title { text-align: center; }
  .block7-use-right { float: none; margin: 30px auto 0px; }
  .block7-use-text { width: 100%; margin-top: 30px; }
  .block2 { padding: 50px 0px 20px; }
  .block3-main { padding-top: 10px; }
  .footer { padding-top: 30px; }
}

@media only screen and (max-width: 767px) {
  .price-current { margin: 10px 0px 0px; }
  .block4-left-text { width: 100%; max-width: 160px; left: 20px; }
  .footer { padding-top: 40px; }
  .container { max-width: 460px; }
  .title { font-size: 32px; }
  .block1-main-title { font-size: 30px; }
  .block1-main-left { bottom: auto; top: 135px; left: calc(50% - 137px); }
  .block1-main-subtitle { margin-top: 330px; margin-bottom: 15px; }
  .block1-main-right_center { width: 100%; padding: 0px; }
  .block1-sale-text { margin-left: 0px; }
  .block1-main-right_bottom { padding-top: 20px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; display: flex; flex-direction: column; align-items: center; }
  .block1-main-btn { margin-top: 10px; order: 1; }
  .block1-main { padding-bottom: 0px; }
  .block2-subtitle { width: 100%; }
  .block2-list { flex-wrap: wrap; }
  .block2-item { width: 100%; }
  .block2-bottom-title { width: 100%; }
  .block2-bottom { padding: 0px 0px 30px; }
  .block1 { padding-bottom: 50px; }
  .block3 { padding-top: 15px; }
  .block3-subtitle { width: 100%; }
  .block3-left, .block3-right { width: 100%; }
  .block4-left, .block4-right { width: 190px; padding: 20px; }
  .block4-left::before { right: 40px; }
  .block4-left::after { right: 43px; }
  .block4-right::before { left: 40px; }
  .block4-right::after { left: 43px; }
  .block4-center { width: 100%; }
  .block4-right-text { left: 30px; }
  .block4-center-circle { left: 200px; }
  .block4-bottom-block { width: 100%; margin: 10px 0px; }
  .block4-bottom { margin-top: 50px; }
  .block4-bottom-flex { flex-wrap: wrap; }
  .block4-bottom-btn { font-size: 18px; }
  .slick-prev { left: 170px; }
  .slick-next { right: 170px; }
  .block5-right { width: 100%; }
  .block6-left, .block6-right { width: 100%; margin-bottom: 10px; }
  .block6-left-list, .block6-right-list { padding: 0px; }
  .block6-center { text-align: center; width: 350px; margin: 0px auto; }
  .block6-bottom { margin-top: 10px; }
  .block6-bottom-subtitle { width: 100%; }
  .block7-top-left, .block7-top-right { width: 100%; margin: 50px 0px; padding: 80px 20px 30px; text-align: center; }
  .block7-top { flex-wrap: wrap; }
  .block7-top_bottom { margin-top: 0px; }
  .block7-animation.active { width: 100%; }
  .block7-composition-btn, .block7-overflow::after { display: none; }
  .block7-overflow { max-height: 100%; }
  .block7-mechanic { margin-top: 0px; }
  .block7-mechanic.active .block7-mechanic-text { max-height: 420px; }
  .block7-proportion-title { width: 100%; }
  .block7-proportion-left { width: 100%; }
  .block7-proportion-right { width: 100%; padding-left: 0px; }
  .block7-proportion-flex { flex-wrap: wrap; }
  .block7-use-title_big { font-size: 34px; }
  .block7-use-btn { font-size: 18px; }
  .footer-list { flex-wrap: wrap; }
  .footer-item { padding-left: 60px; background-position: left 25px top 15px; }
  .footer-item_third { background-position: left 15px top 15px; }
  .footer-item { width: 100%; }
  .my-popup { width: 300px; padding: 20px 10px; }
  .my-popup-left { display: none; float: none; width: 100%; padding-top: 0px; }
  .my-popup-right { float: none; width: 100%; }
  .price-current-number, .price-previous-number { font-size: 32px; }
  .map-box { position: absolute; }
  .mappic { margin: 0px; padding: 0px 15px; }
  .block7-composition, .webp .block7-composition { padding-top: 325px; }
  .price { flex-direction: column; align-items: center; }
  .block1-main-left::after, .webp .block1-main-left::after { bottom: -60px; left: -20px; }
}

@media only screen and (max-width: 480px) {
  .block1, .block3, .block4, .block6, .webp .block1, .webp .block3, .webp .block4, .webp .block6 { background: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 56%, rgb(231, 247, 244) 91%, rgb(219, 244, 239) 94%, rgb(201, 238, 230) 97%, rgb(187, 234, 225) 100%); }
  .block7, .webp .block7 { background: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 83%, rgb(231, 247, 244) 91%, rgb(219, 244, 239) 94%, rgb(201, 238, 230) 97%, rgb(187, 234, 225) 100%); }
  .container { max-width: 320px; }
  .title { font-size: 28px; }
  .block1-main-title { font-size: 22px; }
  .block3-main { margin-top: 15px; }
  .block3-center-img { width: 180px; padding-left: 0px; }
  .block3-center-btn { font-size: 18px; }
  .block4-left, .block4-right { width: 100%; margin: 0px; }
  .block4-left { margin-bottom: 100px; }
  .block4-left-text { top: 270px; left: 67px; }
  .block4-right-text { left: 88px; }
  .block4-center-circle { left: 130px; top: 200px; }
  .block4-bottom-btn { border-radius: 38px; }
  .block5-title { font-size: 24px; }
  .block5-slider-right { width: 100%; }
  .block5-slider-item:focus.active .block5-slider-text { max-height: 800px; }
  .slick-next { right: 100px; }
  .slick-prev { left: 100px; }
  .block5-bottom-label_first { margin-left: 80px; }
  .block5-bottom-label { top: -10px; }
  .block5-bottom-label_second { margin-left: 25px; }
  .block6-title { font-size: 22px; }
  .block7-mechanic.active .block7-mechanic-text { max-height: 700px; }
  .block7-use-right { width: 100%; }
  .block7-use-capsule { background-size: 45px 45px; background-position: left 35px top 10px, center top 10px, right 45px top 10px; }
  .block7-use-capsule::before { left: 32%; }
  .block7-use-capsule::after { right: 34%; }
  .block7-use-btn { border-radius: 38px; }
  .block6-bottom-text { width: 100%; }
  .block6-bottom-item { width: 50%; }
}

.extra-little { font-size: 0.9em; display: block; margin-top: 8px; }

@media (min-width: 768px) and (max-width: 1019px) {
  .block2-item p:nth-of-type(2) { min-height: 130px; }
}

@media (max-width: 480px) {
  .block5-left-label { top: 170px; }
  .block6-center-img { width: 180px; }
  .block1, .block3 { padding-bottom: 30px; }
  .block2, .block5 { padding-top: 30px; }
  .block4, .block6, .block7 { padding: 30px 0px; }
  .block1-main { padding-top: 0px; }
  .block1-main-left { top: 115px; }
  .block4-main { padding-bottom: 30px; }
  .block4-bottom, .block7-use { margin-top: 30px; }
  .block7-proportion { padding-bottom: 20px; }
  .block4-bottom-subtitle, .block6-bottom-subtitle { font-size: 22px; line-height: 1.3; }
  .block7-use-title { font-size: 28px; line-height: 1.2; }
}

@media (max-width: 360px) {
  .block3, .block4, .block6, .block7 { background: linear-gradient(0deg, rgba(147, 222, 207, 0.784) 0px, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 100%); }
  .block1 { background: linear-gradient(0deg, rgba(147, 222, 207, 0.784) 0px, rgb(255, 255, 255) 80%, rgb(255, 255, 255) 100%); }
}
/* Autonomous build: no external dependencies, trackers or redirects. */
:root{--safe-pad:clamp(14px,3vw,28px)}
html{scroll-behavior:smooth;overflow-x:hidden}
body{overflow-x:hidden}
button{font:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.local-footer-note{text-align:center;font-size:13px;color:#777;padding:18px 0}
.block5-slider{position:relative;overflow:hidden}
.block5-slider-item{display:none!important;width:100%!important;}
.block5-slider-item.is-active{display:block!important}
.local-slider-prev,.local-slider-next{position:absolute;z-index:4;top:18px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.12);cursor:pointer;font-size:30px;line-height:36px;color:#222}
.local-slider-prev{left:8px}.local-slider-next{right:8px}
.block5-slider-btn{cursor:pointer;user-select:none}
.order-modal[hidden]{display:none}
.order-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px;overflow:auto}
.order-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58)}
.order-modal-dialog{position:relative;z-index:1;width:min(700px,100%);max-height:calc(100vh - 36px);overflow:auto}
.order-modal-close{position:absolute;z-index:3;right:10px;top:8px;width:40px;height:40px;border:0;background:transparent;color:#333;font-size:32px;line-height:1;cursor:pointer}
.order-modal .my-popup{width:100%;box-sizing:border-box}
.order-modal h2{margin:0 0 8px;font-size:30px}
.form-note{font-size:12px;color:#777;line-height:1.4;margin:12px 0 0}
.form-status{min-height:20px;margin:8px 0 0;font-weight:700}
body.modal-open{overflow:hidden}
@media (max-width:767px){
  .container{width:auto;max-width:460px;padding-left:var(--safe-pad);padding-right:var(--safe-pad)}
  .block1-main-left{max-width:58vw}
  .block1-main-title,.title{line-height:1.15}
  .block1-main-item{margin-bottom:16px}
  .block3-main,.block6-main{gap:10px}
  .block5-main{padding-left:0;padding-right:0}
  .block5-slider-img{max-width:170px}
  .block5-slider-right{max-width:100%;box-sizing:border-box}
  .block5-slider-text{max-height:170px;line-height:1.45}
  .block5-slider-item.is-active .block5-slider-text.expanded{max-height:2000px}
  .block5-slider-btn{margin-top:12px}
  .block5-right{box-sizing:border-box;padding:20px 12px}
  .block5-right-img{max-width:100%;height:auto}
  .footer-list{gap:8px}
  .my-popup{display:block!important}
  .order-modal-dialog{max-height:calc(100vh - 20px)}
  .order-modal .my-popup{padding:18px}
  .order-modal .my-popup-left{display:none}
  .order-modal h2{font-size:24px;padding-right:36px}
  .order-modal .my-popup-right{width:100%}
  .order-modal .price{gap:8px}
  .order-modal .price-current{margin-left:0}
  .order-modal .my-popup-input{box-sizing:border-box;margin-top:12px;font-size:18px}
}
@media (max-width:480px){
  .block1-main-left{max-width:230px}
  .block2-item-circle{max-width:200px}
  .block5-slider-img{max-width:145px}
  .local-slider-prev,.local-slider-next{top:8px;width:36px;height:36px;font-size:26px}
}