.container {
max-width: 83.125rem;
width: calc(100% - 60rem * 0.0625);
margin-right: auto;
margin-left: auto;
padding: 0;
z-index: 1;
}
.item-card__cost-disc-old, .item-card__cost-val{
white-space: nowrap;
}
.container.--lg {
max-width: 92.8125rem;
}
@media (max-width: 450px) {
.container {
max-width: 100%;
width: calc(100% - 30rem * 0.0625);
}
}
@media (min-width: 1200px) {
.container--sm {
max-width: 55.5rem;
}
}
.catalog-filters{
z-index: 2;
}
html {
font-size: 0.83vw;
}
@media (max-width: 899px) {
html {
font-size: 12px;
}
}
.container-min {
max-width: 1080px;
width: calc(100% - 128px);
margin-right: auto;
margin-left: auto;
padding: 0;
position: relative;
z-index: 1;
}
@media (max-width: 1400px) {
.container-min {
max-width: 720px;
width: 100%;
}
}
@media (max-width: 960px) {
.container-min {
max-width: calc(100vw - 72px);
}
}
@media (max-width: 450px) {
.container-min {
max-width: calc(100vw - 48px);
}
}
:root {
--info-banner-h: 0px;
--app-height: 100%;
}
body {
margin: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
width: 100%;
font-family: "Montserrat", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: var(--theme-600);
}
body.fixed {
overflow: hidden;
}
@media (max-width: 960px) {
body {
font-weight: 400;
font-size: 12px;
line-height: 167%;
}
}
li {
list-style: none;
}
ul {
margin: 0;
padding: 0;
}
p {
margin: 0;
}
a {
text-decoration: none;
outline: none;
color: inherit;
}
img {
user-select: none;
}
button, input {
border: none;
outline: none;
background: none;
padding: 0;
font-family: inherit;
}
button {
cursor: pointer;
}
* {
box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.fw-bold {
font-weight: bold;
}
.fw-black {
font-weight: 900;
}
.fw-normal {
font-weight: normal;
}
.crossed {
text-decoration: line-through;
}
.visually-hidden {
position: absolute !important;
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}
.decor {
position: absolute;
}
picture {
display: block;
}
picture img {
height: 100%;
width: 100%;
object-fit: contain;
}
.slick-initialized .slick-slide {
display: block;
height: max-content;
}
.slick-track {
height: max-content;
}
section {
position: relative;
z-index: 1;
width: 100%;
}
header, footer {
z-index: 2;
}
@media (max-width: 450px) {
.m-hidden {
display: none;
}
}
@media (min-width: 451px) {
.pc-hidden {
display: none;
}
}
input:not([type=checkbox]):not([type=radio]),
textarea,
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
[class*=ymaps-2-1][class*=-ground-pane] {
filter: hue-rotate(180deg);
-ms-filter: hue-rotate(180deg);
-webkit-filter: grayscale(89%);
-moz-filter: hue-rotate(180deg);
-o-filter: hue-rotate(180deg);
}
.text-center {
text-align: center;
}
@media (max-width: 620px) {
.text-sm-center {
text-align: center;
}
}
.text-h3 {
font-weight: 400;
font-size: 33px;
line-height: 120%;
color: #2d2d33;
}
.text-light {
color: #FFFFFF;
}
.text-accent {
color: #1ba0d6;
}
.text-alert {
color: #D32D34;
}
.btn {
font-weight: 600;
font-size: 1.125rem;
letter-spacing: 0.03em;
text-align: center;
color: #fff;
width: 16.875rem;
height: 4.4375rem;
background: linear-gradient(358deg, #3abe4d 0%, #4fdc63 100%);
border-radius: 69.4375rem;
box-shadow: 0 0.1875rem 0 0 #38ab48;
display: flex;
justify-content: center;
align-items: center;
}
.form {
border: 0.0625rem solid rgba(0, 0, 0, 0.2);
background: #fff;
padding: 1.75rem 3.5rem;
padding-bottom: 2rem;
}
.form__c {
margin-top: -10.1875rem;
position: relative;
z-index: 2;
}
.form-title {
font-weight: 400;
font-size: 2.375rem;
line-height: 118%;
text-align: center;
color: #525252;
}
.form-sub {
font-weight: 300;
font-size: 1.1875rem;
line-height: 150%;
text-align: center;
color: #6b6b6b;
margin-top: 0.625rem;
}
.form-group {
display: flex;
margin-top: 1.6875rem;
justify-content: space-between;
}
.form-input {
border: 0.0625rem solid rgba(106, 106, 106, 0.33);
width: 16.5625rem;
height: 4.0625rem;
font-weight: 300;
font-size: 1.125rem;
line-height: 120%;
letter-spacing: 0.01em;
padding: 1.875rem;
}
.form-btn {
width: 16.875rem;
height: 4.0625rem;
font-size: 1.3125rem;
line-height: 120%;
letter-spacing: 0.01em;
}
.form-agree {
font-weight: 300;
font-size: 1rem;
line-height: 150%;
text-align: center;
color: #7d7d7d;
margin-top: 1.625rem;
}
.form-agree a {
text-decoration: underline;
}
.sec-title {
font-weight: 500;
font-size: 48px;
line-height: 120%;
color: #2d2d33;
}
.--center {
text-align: center;
}
.uptitle {
font-weight: 300;
font-size: 1.875rem;
line-height: 137%;
letter-spacing: 0.02em;
text-align: center;
color: #696969;
padding-bottom: 0.875rem;
}
@media (max-width: 640px) {
.uptitle {
font-weight: 300;
font-size: 4.27vw;
line-height: 137%;
letter-spacing: 0.02em;
text-align: center;
color: #000;
}
}
.sec-title {
font-weight: 400;
font-size: 2.8125rem;
line-height: 123%;
letter-spacing: 0.02em;
text-align: center;
color: #000;
}
.sec-title--lg {
font-size: 3.125rem;
}
.sec-title.--b {
font-weight: 600;
}
@media (max-width: 899px) {
.sec-title br {
display: none;
}
}
@media (max-width: 640px) {
.sec-title {
font-family: var(--font-family);
font-size: 5.5vw;
line-height: 137%;
letter-spacing: 0.02em;
text-align: center;
color: #000;
}
}
.sec-title span {
font-weight: 600;
}
.t-min {
font-size: 0.75em;
}
.subtitle {
font-weight: 300;
font-size: 1.5625rem;
line-height: 137%;
letter-spacing: 0.02em;
text-align: center;
color: #000;
margin-top: 1.25rem;
}
.subtitle span {
font-weight: 600;
}
@media (max-width: 640px) {
.subtitle {
font-size: 4.27vw;
margin-left: auto;
margin-right: auto;
max-width: 85vw;
}
}
.--left {
text-align: left;
}
.beer-handle::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Crect x='60' width='60' height='60' rx='30' transform='rotate(90 60 0)' fill='url(%23paint0_linear_597_227)'/%3E%3Cg clip-path='url(%23clip0_597_227)'%3E%3Cpath opacity='0.984' fill-rule='evenodd' clip-rule='evenodd' d='M15.3597 38.9805C15.141 38.9805 14.9222 38.9805 14.7035 38.9805C14.4876 38.917 14.2825 38.8242 14.0882 38.7021C11.0052 35.9127 7.92223 33.1234 4.83921 30.334C4.42906 29.765 4.42906 29.196 4.83921 28.627C7.92223 25.8376 11.0052 23.0482 14.0882 20.2588C14.2861 20.1445 14.4912 20.0518 14.7035 19.9805C14.9222 19.9805 15.141 19.9805 15.3597 19.9805C16.2226 20.2419 16.5985 20.7862 16.4876 21.6133C16.4419 21.7702 16.3736 21.9187 16.2826 22.0586C13.5761 24.5382 10.8622 27.0122 8.14097 29.4805C10.8622 31.9488 13.5761 34.4227 16.2826 36.9023C16.6779 37.5976 16.5617 38.2099 15.9339 38.7393C15.7544 38.8515 15.563 38.9319 15.3597 38.9805Z' fill='white'/%3E%3C/g%3E%3Cg clip-path='url(%23clip1_597_227)'%3E%3Cpath opacity='0.984' fill-rule='evenodd' clip-rule='evenodd' d='M43.6403 20.0195C43.859 20.0195 44.0778 20.0195 44.2965 20.0195C44.5124 20.083 44.7175 20.1758 44.9118 20.2979C47.9948 23.0873 51.0778 25.8766 54.1608 28.666C54.5709 29.235 54.5709 29.804 54.1608 30.373C51.0778 33.1624 47.9948 35.9518 44.9118 38.7412C44.7139 38.8555 44.5088 38.9482 44.2965 39.0195C44.0778 39.0195 43.859 39.0195 43.6403 39.0195C42.7774 38.7581 42.4015 38.2138 42.5124 37.3867C42.5581 37.2298 42.6264 37.0813 42.7174 36.9414C45.4239 34.4618 48.1378 31.9878 50.859 29.5195C48.1378 27.0512 45.4239 24.5773 42.7174 22.0977C42.3221 21.4024 42.4383 20.7901 43.0661 20.2607C43.2456 20.1485 43.437 20.0681 43.6403 20.0195Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_597_227' x1='90' y1='-12.5' x2='119.979' y2='78.639' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233ABE4D'/%3E%3Cstop offset='1' stop-color='%234FDC63'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_597_227'%3E%3Crect width='19' height='21' fill='white' transform='translate(21 20) rotate(90)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_597_227'%3E%3Crect width='19' height='21' fill='white' transform='matrix(0 -1 1 0 38 39)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;
background-size: contain !important;
background-repeat: no-repeat !important;
height: 3.75rem !important;
width: 3.75rem !important;
border: none !important;
position: absolute !important;
left: 50% !important;
content: "";
transform: translateY(-50%) translateX(-50%) !important;
}
.beer-reveal[data-beer-label]:after, .beer-slider[data-beer-label]:after {
display: none !important;
}
.beer-handle {
z-index: 5;
}
.beer-handle::before {
z-index: -2 !important;
border: none !important;
width: 0.3125rem !important;
background-color: #4fdc63;
position: absolute !important;
left: 50% !important;
content: "";
background-image: none !important;
height: 43.75rem !important;
transform: translateY(-50%) translateX(-50%) !important;
} 
.header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
}
.header-logo-wrap {
display: flex;
align-items: center;
}
.header-logo img, .header-logo picture {
width: 12.25rem;
align-items: center;
vertical-align: bottom;
}
@media (max-width: 899px) {
.header-logo img, .header-logo picture {
width: 110px;
}
}
.header-logo-desc {
font-weight: 400;
font-size: 0.6875rem;
line-height: 147%;
letter-spacing: 0.01em;
color: #000;
max-width: 7.8125rem;
margin-left: 0.625rem;
}
.header-city-title {
padding-left: 0.875rem;
font-size: 0.8125rem;
color: #000;
}
.header-city-title span {
font-weight: 500;
}
.header-city-btn {
border: 0.0625rem solid #3abe4d;
border-radius: 694.4375rem;
width: 11.75rem;
height: 2.1875rem;
background: rgba(255, 255, 255, 0);
display: flex;
justify-content: center;
align-items: center;
font-weight: 400;
font-size: 0.875rem;
color: #000;
justify-content: space-between;
padding-left: 0.75rem;
padding-right: 0.75rem;
cursor: pointer;
}
.header-city-btn::after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.46967 6.53043C5.76256 6.82332 6.23744 6.82332 6.53033 6.53043L11.3033 1.75746C11.5962 1.46457 11.5962 0.989692 11.3033 0.696799C11.0104 0.403906 10.5355 0.403906 10.2426 0.696799L6 4.93944L1.75736 0.696799C1.46447 0.403906 0.989592 0.403906 0.696699 0.696799C0.403806 0.989692 0.403806 1.46457 0.696699 1.75746L5.46967 6.53043ZM5.25 6V6.0001H6.75V6H5.25Z' fill='%233ABE4D' /%3E%3C/svg%3E");
width: 0.75rem;
height: 0.4375rem;
background-size: contain;
background-repeat: no-repeat;
}
.header-link-title {
font-weight: 400;
font-size: 0.875rem;
color: #000;
}
@media (max-width: 899px) {
.header-link-title {
font-size: 10px;
}
}
.header-mail-val {
font-weight: 600;
font-size: 1.2rem;
display: inline-block;
margin-top: 0.5rem;
}
.header-wa {
width: 3.4375rem;
height: 3.4375rem;
background-color: #63D252;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.header-wa.--tg{
background-color: #27a7e7;
}
.header-wa.--max{
background: linear-gradient(180deg, #EE9AE5 0%, #5961F9 100%); background: -webkit-linear-gradient(top, #EE9AE5 0%, #5961F9 100%);
background: -moz-linear-gradient(top, #EE9AE5 0%, #5961F9 100%);
background: -o-linear-gradient(top, #EE9AE5 0%, #5961F9 100%);
background: linear-gradient(180deg, #EE9AE5 0%, #5961F9 100%);
}
.header-wa img, .header-wa picture {
height: 1.5625rem;
}
.header-phone-val {
font-weight: 600;
font-size: 1.4375rem;
}
@media (max-width: 899px) {
.header-phone-val {
color: #000;
}
}
.header-btn {
border-radius: 69.4375rem;
width: 12.375rem;
height: 3.4375rem;
display: flex;
justify-content: center;
align-items: center;
font-weight: 500;
font-size: 1rem;
text-align: center;
color: #fff;
background: linear-gradient(358deg, #3abe4d 0%, #4fdc63 100%);
}
.header-top {
display: flex;
justify-content: space-between;
padding-top: 0.875rem;
padding-bottom: 0.875rem;
align-items: center;
}
@media (max-width: 899px) {
.header-top {
padding-top: 8px;
padding-bottom: 8px;
}
}
.header-menu {
border-radius: 0.1875rem;
height: 4.125rem;
display: flex;
align-items: center;
background: #fff;
padding-left: 1.375rem;
padding-right: 1.375rem;
}
.header-menu-list {
display: flex;
justify-content: space-between;
width: 100%;
}
.header-menu-link {
font-weight: 400;
font-size: 1rem;
color: #060606;
}
.header-menu-item {
display: flex;
align-items: center;
}
.header-menu-item.has-sub::after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 10L12.1292 0.250001L0.870836 0.25L6.5 10Z' fill='%2319A861' /%3E%3C/svg%3E");
width: 0.8125rem;
height: 0.625rem;
content: "";
margin-left: 0.5rem;
background-size: contain;
background-repeat: no-repeat;
}
.header-menu-item {
position: relative;
}
.sub-menu {
position: absolute;
border-radius: 0.3125rem;
width: max-content;
box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.25);
background: #fff;
top: 2.1875rem;
left: 0;
padding: 1.6875rem 2.5rem;
font-weight: 400;
font-size: 1rem;
opacity: 0;
pointer-events: none;
letter-spacing: 0.02em;
color: #000;
}
.sub-menu li:not(:last-child) {
margin-bottom: 0.7rem;
}
.sub-menu li {
line-height: 140%;
}
.sub-menu--drv {
width: 58.3125rem;
height: 31.4375rem;
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 1.25rem;
align-content: space-between;
}
.sub-menu--mtl {
width: 47.125rem;
height: 35.875rem;
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 1.25rem;
align-content: space-between;
}
.sub-menu-block-title {
font-weight: 700;
font-size: 1.25rem;
line-height: 164%;
letter-spacing: 0.02em;
color: #3abe4d;
margin-bottom: 0.4375rem;
}
.header-menu-item:hover .sub-menu {
opacity: 1;
pointer-events: all;
}
.header-menu-item {
padding-top: 0.8125rem;
padding-bottom: 0.8125rem;
}
.header-city.active .header-city-btn{
pointer-events: none;
}
.header-city-list::before{
position: fixed;
top: 0;
left: 0;
content: '';
pointer-events: none;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
.header-city-list {
position: absolute;
top: 4.375rem;
left: 0;
display: none;
z-index: 10;
}
.header-city-list-wrap{
border-radius: 0.3125rem;
width: 20.625rem;
background: #fff;
padding: 1.25rem 1.8125rem;
box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.25);
position: relative;
z-index: 10;
}
.header-city {
position: relative;
z-index: 10;
}
.header-city-input {
border: 0.0625rem solid #ccc;
border-radius: 0.1875rem;
width: 100%;
height: 3.125rem;
font-weight: 200;
font-size: 1rem;
padding: 1rem;
display: block;
}
.header-city-input::placeholder {
color: #454545;
}
.header-city-region {
font-weight: 600;
font-size: 1.0625rem;
margin-top: 1.1875rem;
}
.header-city-var {
cursor: pointer;
font-weight: 400;
font-size: 0.9375rem;
margin-top: 0.59375rem;
line-height: 160%;
display: block;
}
.header-city-vars {
max-height: 36.5625rem;
overflow: auto;
width: calc(100% + 60rem * 0.0625);
margin-left: -1.875rem;
padding-left: 1.875rem;
}
.header-sticky {
border-radius: 0.1875rem;
width: 120.5rem;
height: 4.4375rem;
background: #d2ecff;
display: flex;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10000;
transform: translateY(-300%);
transition: all 1.5s;
}
.header-sticky__c {
display: flex;
align-items: center;
}
.header-sticky .header-btn {
flex-shrink: 0;
margin-left: 2.5rem;
}
.header-sticky.scrolled {
transform: translateY(0%);
}
@media (max-width: 899px) {
.header {
position: sticky;
top: 0;
background-color: #fff;
}
.header-sticky, .header-menu, .header-logo-desc, .header-city,
.header-mail, .header-wa, .header-btn {
display: none;
}
.header-phone {
margin-left: auto;
margin-right: 1rem;
}
}
.header__burger {
display: none;
border: 1px solid rgba(246, 205, 62, 0.55);
border-radius: 3px;
width: 40px;
height: 40px;
flex-shrink: 0;
}
@media (max-width: 899px) {
.header__burger {
display: flex;
justify-content: center;
align-items: center;
}
}
.header__burger .dash {
position: relative;
}
.header__burger .dash, .header__burger .dash::before, .header__burger .dash::after {
background-color: #f6cd3e;
height: 4px;
width: 22px;
}
.header__burger .dash::before {
top: -8px;
}
.header__burger .dash::after {
bottom: -8px;
}
.header__burger .dash::before, .header__burger .dash::after {
position: absolute;
left: 0;
content: "";
}
.header__burger.active .dash {
background-color: transparent;
}
.header__burger.active .dash::before {
transform: rotate(45deg);
top: 0;
}
.header__burger.active .dash::after {
transform: rotate(-45deg);
bottom: 0;
}
.subpage .header-menu {
background-color: #F3F7FA;
}
.main {
background: #f5f5f5;
padding-top: 13.0625rem;
padding-bottom: 4.125rem;
background-image: url(//stillestnica.ru/wp-content/themes/lps/assets/img/bg.png);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: top right;
}
@media (max-width: 899px) {
.main {
padding-top: 3rem;
background-image: url(//stillestnica.ru/wp-content/themes/lps/assets/img/bgm.png);
background-size: 70% auto;
background-repeat: no-repeat;
background-position: bottom right;
padding-bottom: 70vw;
}
}
@media (max-width: 640px) {
.main {
background-image: url(//stillestnica.ru/wp-content/themes/lps/assets/img/bgm.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: bottom right;
padding-bottom: 100vw;
}
}
@media (max-width: 640px) {
.main {
padding-top: 2.1rem;
}
}
.main-h1 {
font-weight: 400;
font-size: 3.125rem;
line-height: 120%;
letter-spacing: 0.01em;
color: #0e0e0e;
}
.main-h1 span {
font-weight: 600;
}
@media (max-width: 899px) {
.main-h1 {
text-align: center;
}
}
@media (max-width: 640px) {
.main-h1 {
font-size: 6.4vw;
line-height: 133%;
letter-spacing: 0.01em;
}
}
.main-sub {
display: flex;
font-weight: 400;
font-size: 1.5625rem;
line-height: 126%;
letter-spacing: 0.01em;
color: #000;
margin-top: 2.5625rem;
}
.main-sub span {
font-weight: 600;
}
@media (max-width: 899px) {
.main-sub {
text-align: center;
justify-content: center;
}
}
@media (max-width: 640px) {
.main-sub {
font-weight: 400;
font-size: 4.53vw;
line-height: 141%;
letter-spacing: 0.01em;
text-align: center;
color: #000;
}
}
.main-buttons {
display: flex;
margin-top: 2.5rem;
gap: 1.875rem;
}
@media (max-width: 899px) {
.main-buttons {
justify-content: center;
}
}
@media (max-width: 640px) {
.main-buttons {
flex-wrap: wrap;
}
}
.main-button {
border-radius: 69.4375rem;
width: 26.0625rem;
height: 5.375rem;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
font-weight: 600;
font-size: 1.25rem;
letter-spacing: 0.03em;
text-align: center;
color: #fff;
box-shadow: 0 0.1875rem 0 0 #38ab48;
background: linear-gradient(358deg, #3abe4d 0%, #4fdc63 100%);
}
.main-button--w {
width: 26.875rem;
box-shadow: 0 0.9375rem 1.875rem 0 rgba(185, 185, 185, 0.55), 0 0.1875rem 0 0 #cecece;
background: linear-gradient(358deg, #eaeaea 0%, #fff 100%);
color: #000;
}
@media (max-width: 640px) {
.main-button {
width: 100%;
margin-right: auto;
margin-left: auto;
max-width: 420px;
font-size: 17px;
height: 72px;
}
}
.main-button-sub {
font-weight: 500;
font-size: 1rem;
letter-spacing: 0.03em;
text-align: center;
margin-top: 0.5rem;
}
@media (max-width: 640px) {
.main-button-sub {
font-size: 15px;
}
}
.main-bullets {
display: flex;
margin-top: 3.75rem;
gap: 2.5rem;
}
@media (max-width: 899px) {
.main-bullets {
justify-content: center;
}
}
@media (max-width: 640px) {
.main-bullets {
gap: 0;
margin-top: 2.75rem;
justify-content: flex-start;
}
}
.main-bullets-item {
font-weight: 400;
font-size: 1.375rem;
line-height: 132%;
letter-spacing: 0.01em;
color: #000;
}
@media (max-width: 640px) {
.main-bullets-item {
max-width: 29vw;
}
.main-bullets-item:last-child {
max-width: 23vw;
}
.main-bullets{
justify-content: space-between;
}
.main-bullets-item br {
display: none;
}
}
.main-bullets-item::before {
display: block;
background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.992' fill-rule='evenodd' clip-rule='evenodd' d='M11.8828 0C12.6293 0 13.3707 0 14.1172 0C19.109 0.634766 22.7043 3.20937 24.9082 7.71875C25.4973 9.0543 25.8578 10.4406 26 11.8828C26 12.6293 26 13.3707 26 14.1172C25.3652 19.109 22.7906 22.7043 18.2812 24.9082C16.9457 25.4973 15.5594 25.8578 14.1172 26C13.3707 26 12.6293 26 11.8828 26C6.89102 25.3652 3.2957 22.7906 1.0918 18.2812C0.502734 16.9457 0.142187 15.5594 0 14.1172C0 13.3707 0 12.6293 0 11.8828C0.634766 6.89102 3.20937 3.2957 7.71875 1.0918C9.0543 0.502734 10.4406 0.142187 11.8828 0ZM18.7891 8.125C19.4848 8.81055 20.15 9.52148 20.7949 10.2578C20.8305 10.2934 20.8305 10.3238 20.7949 10.3594C17.6668 13.1777 14.5437 16.0063 11.4258 18.8398C9.53672 16.9762 7.65781 15.1074 5.78906 13.2285C6.48984 12.5277 7.1957 11.8219 7.89648 11.1211C9.1 12.3297 10.3086 13.5332 11.5273 14.7266C13.9598 12.5379 16.382 10.3391 18.7891 8.125Z' fill='%235CC74B' /%3E%3C/svg%3E");
height: 1.625rem;
width: 1.625rem;
background-size: contain;
background-repeat: no-repeat;
margin-bottom: 0.625rem;
content: "";
}
@media (max-width: 640px) {
.main-bullets-item::before {
margin-bottom: 1rem;
}
}
.main-bullets-item span {
font-weight: 600;
}
@media (max-width: 640px) {
.main-bullets-item {
font-size: 3.75vw;
}
}
.dots {
display: flex;
gap: 0.5rem;
margin-right: 1.25rem;
margin-top: 0.5rem;
}
@media (max-width: 899px) {
.dots {
display: none;
}
}
.dot {
display: flex;
border-radius: 100%;
border: 0.0625rem solid #50d93a;
height: 0.6875rem;
width: 0.6875rem;
}
.dot:first-child {
opacity: 0.3;
}
.dot:nth-child(2) {
opacity: 0.7;
}
.about {
background: #f3f7fa;
width: 100%;
overflow: hidden;
position: relative;
}
@media (max-width: 899px) {
.about .sec-title {
text-align: center;
}
}
.about-text {
font-family: var(--font-family);
margin-top: 3.75rem;
font-size: 1.1875rem;
line-height: 139%;
letter-spacing: 0.02em;
color: #000;
max-width: 31.25rem;
}
@media (max-width: 899px) {
.about-text {
margin-top: -0.5rem;
}
}
.about-text b {
font-weight: 600;
}
.about-text p {
margin-top: 1.35em;
}
@media (max-width: 899px) {
.about-text {
max-width: 100%;
}
}
@media (max-width: 899px) {
.about-text-p {
width: 100vw;
box-shadow: 0 30px 74px 0 rgba(0, 0, 0, 0.13);
background: #fff;
padding: 1rem;
margin-left: -1.875rem;
}
}
@media (max-width: 450px) {
.about-text-p {
width: 100vw;
box-shadow: 0 30px 74px 0 rgba(0, 0, 0, 0.13);
background: #fff;
padding: 1rem;
margin-left: -0.9375rem;
text-align: center;
padding-bottom: 2.35rem;
}
}
.about__q {
max-width: 26.25rem;
margin-top: 2.75rem;
}
@media (max-width: 899px) {
.about__q {
text-align: center;
max-width: 100%;
margin-top: 3.7rem;
margin-left: auto;
margin-right: auto;
}
}
.about__q-text {
font-weight: 600;
font-size: 1.25rem;
line-height: 139%;
letter-spacing: 0.02em;
color: #000;
}
@media (max-width: 899px) {
.about__q-text {
font-weight: 600;
font-size: 17px;
line-height: 139%;
letter-spacing: 0.02em;
color: #000;
}
}
.about__q-num {
font-weight: 700;
font-size: 1.9375rem;
letter-spacing: 0.04em;
color: #000;
display: inline-block;
margin-top: 1rem;
}
@media (max-width: 899px) {
.about__q-num {
font-size: 25px;
letter-spacing: 0.04em;
text-align: center;
color: #000;
margin-top: 1.5rem;
}
}
.about__dir {
position: absolute;
left: 50%;
bottom: -0.375rem;
transform: translateX(-44%);
}
.about__dir__photo {
width: 61.125rem;
height: auto;
}
@media (max-width: 899px) {
.about__dir__photo {
max-width: 50rem;
margin-right: auto;
margin-left: auto;
display: block;
}
}
@media (max-width: 520px) {
.about__dir__photo {
width: 151%;
margin-left: -20%;
}
}
.about__dir-inf {
border-radius: 0.3125rem;
width: 18rem;
height: 4.0625rem;
background: #fff;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: absolute;
bottom: 12.25rem;
left: 51.5%;
transform: translateX(-50%);
}
@media (max-width: 899px) {
.about__dir-inf {
bottom: 2rem;
}
}
.about__dir-name {
font-weight: 600;
font-size: 1.25rem;
color: #000;
}
.about__dir-post {
font-weight: 500;
font-size: 0.875rem;
text-align: center;
color: #262626;
}
@media (max-width: 899px) {
.about__dir {
position: relative;
left: 0;
right: 0;
top: 0;
bottom: 0;
transform: none;
}
}
.about .container {
position: relative;
padding-top: 5.625rem;
padding-bottom: 22.25rem;
}
@media (max-width: 899px) {
.about .container {
padding-top: 1.625rem;
padding-bottom: 4.5rem;
}
}
.about__nums {
width: 19.9375rem;
position: absolute;
top: 16.125rem;
right: 0;
}
.about__nums-title {
font-weight: 600;
font-size: 1.5625rem;
line-height: 137%;
letter-spacing: 0.02em;
color: #000;
}
.about__nums-item {
position: relative;
padding-left: 2.125rem;
margin-top: 1.125rem;
}
@media (max-width: 899px) {
.about__nums-item {
padding-left: 0;
}
}
.about__nums-val {
font-size: 2.5625rem;
line-height: 137%;
letter-spacing: 0.04em;
color: #000;
position: relative;
font-weight: 500;
}
.about__nums-val::before {
content: "";
height: 0.875rem;
width: 0.875rem;
background-color: #65d562;
position: absolute;
border-radius: 50%;
left: 0;
top: 1.1875rem;
left: -2.125rem;
}
@media (max-width: 899px) {
.about__nums {
position: relative;
top: 0;
width: 100%;
margin-top: 4.5rem;
}
.about__nums-title {
text-align: center;
font-size: 21px;
}
.about__nums-title br {
display: none;
}
.about__nums__c {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
text-align: center;
}
.about__nums-val {
font-size: 35px;
margin-left: auto;
margin-right: auto;
width: max-content;
padding-left: 20px;
}
.about__nums-val::before {
left: 0;
top: 0.5em;
}
.about__nums__desc {
font-size: 15px;
}
.about__nums-item:first-child {
max-width: 200px;
}
.about__nums-item:nth-child(2) {
max-width: 140px;
}
}
.team {
position: relative;
z-index: 5;
margin-top: -14.0625rem;
}
@media (max-width: 899px) {
.team {
margin-top: 0;
padding-top: 3rem;
}
}
.team-title {
font-weight: 600;
font-size: 1.5625rem;
line-height: 137%;
letter-spacing: 0.02em;
color: #000;
}
@media (max-width: 899px) {
.team-title {
text-align: center;
font-size: 21px;
}
}
.team-list {
margin-top: 3.75rem;
display: flex;
justify-content: space-between;
}
@media (max-width: 899px) {
.team-list {
max-width: 50rem;
gap: 2rem;
flex-wrap: wrap;
justify-content: center;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 620px) {
.team-list {
max-width: 100%;
}
}
.team-item {
border-radius: 0.3125rem;
width: 19.4375rem;
height: 23.875rem;
box-shadow: 0 1.75rem 4.375rem 0 rgba(0, 0, 0, 0.05);
background: #fff;
position: relative;
text-align: center;
}
@media (max-width: 620px) {
.team-item {
width: calc(50% - 1rem);
height: auto;
padding-bottom: 2rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.team-item::before {
border-radius: 0.3125rem;
width: calc(100% - 1.5rem);
height: 17.9375rem;
box-shadow: 0 1.75rem 4.375rem 0 rgba(0, 0, 0, 0.06);
background: #fff;
z-index: -2;
position: absolute;
bottom: -0.25rem;
left: 50%;
transform: translateX(-50%);
content: "";
}
.team-item-photo {
width: 13.75rem;
height: 13.75rem;
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 1.875rem;
margin-bottom: 1.25rem;
}
.team-item-photo img,  .team-item-photo picture{
width: 100%;
height: auto;
position: absolute;
bottom: 0;
left: 0;
}
@media (max-width: 420px) {
.team-item-photo {
width: 32vw;
margin-top: -3.125rem;
}
}
.team-item-name {
font-weight: 600;
font-size: 1.375rem;
line-height: 134%;
letter-spacing: 0.01em;
text-align: center;
color: #000;
}
@media (max-width: 620px) {
.team-item-name {
font-size: 16px;
}
}
.team-item-post {
font-weight: 400;
font-size: 1rem;
line-height: 139%;
letter-spacing: 0.02em;
text-align: center;
color: #000;
margin-top: 0.3125rem;
}
@media (max-width: 620px) {
.team-item-post {
font-size: 12px;
}
}
.production {
padding-top: 7.5rem;
}
@media (max-width: 899px) {
.production {
padding-top: 6rem;
}
}
.production-item {
width: 35.3125rem;
}
@media (max-width: 899px) {
.production-item {
max-width: 100%;
}
}
.production-item__title {
font-size: 1.8125rem;
line-height: 130%;
letter-spacing: 0.01em;
text-align: center;
color: #000;
}
@media (max-width: 899px) {
.production-item__title {
font-size: 20px;
}
}
.production-item__desc {
font-size: 1.125rem;
line-height: 139%;
letter-spacing: 0.02em;
text-align: center;
color: #000;
margin-top: 1.0625rem;
}
@media (max-width: 899px) {
.production-item__desc {
font-size: 15px;
}
}
.production-item span {
font-weight: 600;
}
.production-content {
margin-top: 4.875rem;
display: flex;
justify-content: space-between;
padding-left: 3.75rem;
padding-right: 3.75rem;
}
@media (max-width: 899px) {
.production-content {
padding-right: 0;
padding-left: 0;
margin-top: 3rem;
flex-direction: column;
gap: 10rem;
align-items: center;
}
}
.slider-arrow {
border-radius: 694.4375rem;
width: 3.75rem;
height: 3.75rem;
background: linear-gradient(180deg, #3abe4d 0%, #4fdc63 100%);
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.slider-arrow::before {
background-image: url("data:image/svg+xml,%3Csvg width='13' height='19' viewBox='0 0 13 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.984' fill-rule='evenodd' clip-rule='evenodd' d='M1.64029 0.0175781C1.85902 0.0175781 2.0778 0.0175781 2.29654 0.017578C2.5124 0.0810718 2.71748 0.173845 2.91177 0.295898C5.99479 3.0853 9.07777 5.87466 12.1608 8.66406C12.5709 9.23306 12.5709 9.80209 12.1608 10.3711C9.07777 13.1605 5.99479 15.9499 2.91177 18.7393C2.71391 18.8535 2.50884 18.9463 2.29654 19.0176C2.0778 19.0176 1.85903 19.0176 1.64029 19.0176C0.777444 18.7561 0.401495 18.2119 0.51236 17.3848C0.558093 17.2278 0.626425 17.0794 0.717438 16.9395C3.42389 14.4598 6.13777 11.9859 8.85903 9.51758C6.13777 7.04928 3.42389 4.57535 0.717438 2.0957C0.322088 1.4005 0.438286 0.788191 1.06607 0.258789C1.2456 0.146534 1.43702 0.0661163 1.64029 0.0175781Z' fill='white' /%3E%3C/svg%3E");
width: 0.8125rem;
height: 1.1875rem;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
background-repeat: no-repeat;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
content: "";
}
.slider-arrow--next {
right: -5.625rem;
}
@media (max-width: 899px) {
.slider-arrow--next {
transform: translateX(150%) translateY(145%);
right: 50%;
bottom: 0;
top: unset;
}
}
.slider-arrow--prev {
left: -5.625rem;
transform: translateY(-50%) scaleX(-1);
}
@media (max-width: 899px) {
.slider-arrow--prev {
transform: translateX(-150%) translateY(145%) scaleX(-1);
left: 50%;
bottom: 0;
top: unset;
}
}
.production-slider {
margin-top: 3.75rem;
position: relative;
}
@media (max-width: 899px) {
.production-slider {
margin-top: 2rem;
}
}
.slick-dots {
display: flex !important;
justify-content: center;
width: 100%;
gap: 0.4375rem;
position: absolute;
left: 0;
bottom: -2.5rem;
}
.slick-dots button {
font-size: 0;
background-color: #dbdbdb;
height: 0.625rem;
width: 0.625rem;
border-radius: 50%;
}
.slick-dots .slick-active button {
background-color: #3abe4d;
}
@media (max-width: 899px) {
.slick-dots {
display: none !important;
}
}
.faq {
padding-top: 8rem;
padding-bottom: 6.0625rem;
}
@media (max-width: 899px) {
.faq {
padding-top: 11rem;
}
.faq .subtitle {
margin-top: 0.25rem;
}
}
.faq__content {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 3.75rem;
}
.faq__col {
width: 48.5%;
}
.faq__item {
margin-bottom: 1.5rem;
width: 100%;
border-radius: 0.3125rem;
box-shadow: 0 1.75rem 4.375rem 0 rgba(0, 0, 0, 0.05);
background: #fff;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.faq__item-head {
display: flex;
font-weight: 600;
font-size: 1.1875rem;
line-height: 124%;
letter-spacing: 0.01em;
color: #0a0a0a;
min-height: 5.625rem;
align-items: center;
justify-content: space-between;
padding: 1rem 0;
cursor: pointer;
}
.faq__item-btn {
border-radius: 694.4375rem;
width: 2.5rem;
height: 2.5rem;
background: linear-gradient(358deg, #3abe4d 0%, #4fdc63 100%);
position: relative;
flex-shrink: 0;
margin-left: 1rem;
}
.faq__item-btn::before {
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.984' fill-rule='evenodd' clip-rule='evenodd' d='M14.8915 0.950273C14.8915 1.1053 14.8915 1.26036 14.8915 1.41539C14.8418 1.56838 14.7691 1.71373 14.6735 1.85144C12.4884 4.03652 10.3034 6.22158 8.11828 8.40666C7.67255 8.69736 7.2268 8.69736 6.78107 8.40666C4.59598 6.22158 2.41091 4.03652 0.225836 1.85144C0.136344 1.7112 0.0636695 1.56585 0.0078125 1.41539C0.0078125 1.26036 0.0078125 1.1053 0.0078125 0.950273C0.212626 0.338733 0.638981 0.0722797 1.28688 0.150855C1.40983 0.183268 1.52611 0.231698 1.63572 0.296204C3.57816 2.2144 5.51613 4.13786 7.44967 6.06655C9.38322 4.13786 11.3212 2.2144 13.2636 0.296204C13.8082 0.0160007 14.2879 0.0983553 14.7026 0.543297C14.7905 0.670535 14.8535 0.806204 14.8915 0.950273Z' fill='white' /%3E%3C/svg%3E");
width: 1rem;
height: 0.5rem;
background-size: contain;
background-repeat: no-repeat;
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.faq__item-head.active .faq__item-btn {
transform: rotate(180deg);
}
.faq__item-answ {
font-weight: 400;
font-size: 1.0625rem;
line-height: 142%;
letter-spacing: 0.02em;
color: #000;
padding-bottom: 1.5rem;
display: none;
}
.faq__item-answ p:not(:first-child) {
margin-top: 1rem;
}
@media (max-width: 720px) {
.faq__col {
width: 100%;
}
.faq__item-head {
font-weight: 600;
font-size: 16px;
line-height: 124%;
letter-spacing: 0.01em;
color: #0a0a0a;
}
.faq__item-btn {
margin-left: 3rem;
}
.faq__item-answ {
font-size: 14px;
}
}
.consult {
padding-top: 3.75rem;
background-color: #f3f7fa;
padding-bottom: 8rem;
position: relative;
}
@media (max-width: 899px) {
.consult {
padding-bottom: 3.75rem;
}
}
.consult .ms__list {
max-width: 25.8125rem;
margin-top: 5.6875rem;
}
@media (max-width: 899px) {
.consult .ms__list {
max-width: 100%;
}
}
.consult .ms__list-item {
margin-bottom: 2.55rem;
}
.consult-content {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
@media (max-width: 899px) {
.consult-content {
flex-direction: column;
}
.consult-content .ms__list {
box-shadow: none;
background-color: transparent;
margin-top: 0rem;
}
}
.consult-form {
border-radius: 0.3125rem;
width: 26.9375rem;
box-shadow: 0 1.75rem 4.375rem 0 rgba(0, 0, 0, 0.05);
background: #fff;
margin-top: 4.4375rem;
padding-top: 2.5rem;
padding-bottom: 1.875rem;
}
@media (max-width: 899px) {
.consult-form {
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: -1.5rem;
position: relative;
z-index: 4;
}
}
.consult-form-title {
font-weight: 600;
font-size: 1.5625rem;
line-height: 124%;
letter-spacing: 0.02em;
text-align: center;
color: #0a0a0a;
}
.consult-form-sub {
font-weight: 400;
font-size: 1.125rem;
line-height: 140%;
letter-spacing: 0.01em;
text-align: center;
color: #0c0c0c;
margin-top: 1.625rem;
}
.consult-form-input {
border: 0.0625rem solid #e0e0e0;
border-radius: 69.4375rem;
width: 20rem;
height: 4.5625rem;
background: #fff;
margin-left: auto;
margin-right: auto;
display: block;
margin-top: 1.4375rem;
font-weight: 400;
font-size: 1rem;
line-height: 115%;
color: #1c1c1c;
padding-left: 1.875rem;
padding-right: 4.375rem;
}
@media (max-width: 899px) {
.consult-form-input {
width: 284px;
height: 55px;
}
}
.consult-form-btn {
border-radius: 69.4375rem;
width: 20rem;
height: 4.4375rem;
background: linear-gradient(358deg, #3abe4d 0%, #4fdc63 100%);
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 3px 0 0 #38ab48;
font-weight: 600;
font-size: 1.125rem;
letter-spacing: 0.03em;
text-align: center;
color: #fff;
margin-top: 0.9375rem;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 899px) {
.consult-form-btn {
width: 284px;
height: 55px;
}
}
.consult-person {
width: 26.625rem;
position: absolute;
pointer-events: none;
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
@media (max-width: 899px) {
.consult-person {
max-width: 70%;
position: relative;
transform: none;
left: 0;
top: 0;
margin-left: auto;
margin-right: auto;
}
}
.consult-person__photo {
vertical-align: bottom;
width: 100%;
}
.consult-person-name {
font-weight: 600;
font-size: 1.125rem;
color: #000;
text-align: center;
}
@media (max-width: 899px) {
.consult-person-name {
font-size: 15px;
}
}
.consult-person-post {
font-weight: 500;
font-size: 0.75rem;
text-align: center;
color: #262626;
margin-top: -0.375rem;
}
@media (max-width: 899px) {
.consult-person-post {
font-size: 11px;
}
}
.consult-person__inf {
border-radius: 0.3125rem;
width: 15.75rem;
background: #fff;
padding-top: 0.4375rem;
padding-bottom: 0.4375rem;
position: absolute;
left: 0;
bottom: -0.5rem;
}
@media (max-width: 899px) {
.consult-person__inf {
left: 50%;
bottom: -0.5rem;
transform: translateX(-50%);
bottom: 5rem;
}
}
.form-agree {
margin-top: 1rem;
display: block;
}
input:checked + .form-agree-text::before {
background-color: #60ca4f;
background-image: url("data:image/svg+xml,%3Csvg width='7' height='6' viewBox='0 0 7 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.68043 6.11486C2.61361 6.18207 2.52244 6.21957 2.42774 6.21957C2.33304 6.21957 2.24188 6.18207 2.17506 6.11486L0.157068 4.09654C-0.0523559 3.88712 -0.0523559 3.54752 0.157068 3.33849L0.40975 3.08574C0.61924 2.87632 0.95844 2.87632 1.16786 3.08574L2.42774 4.34569L5.83212 0.941247C6.04161 0.731824 6.38114 0.731824 6.59023 0.941247L6.84292 1.194C7.05234 1.40342 7.05234 1.74295 6.84292 1.95204L2.68043 6.11486Z' fill='white' /%3E%3C/svg%3E");
background-size: 0.4375rem;
background-repeat: no-repeat;
background-position: center;
}
.form-agree-text {
font-weight: 400;
font-size: 0.75rem;
letter-spacing: 0.01em;
color: #202020;
display: flex;
align-items: center;
justify-content: center;
}
.form-agree-text::before {
border-radius: 0.125rem;
width: 0.75rem;
height: 0.75rem;
content: "";
margin-right: 0.5rem;
border: 0.125rem solid #60ca4f;
}
.form-agree-text a {
text-decoration: underline;
text-decoration-skip-ink: none;
color: #55c144;
}
.contacts {
padding-top: 7.1875rem;
padding-bottom: 6.5625rem;
}
@media (max-width: 640px) {
.contacts {
padding-top: 5rem;
}
}
.contacts-inf {
border: 0.0625rem solid #f9f9f9;
border-radius: 0.3125rem;
width: 28.0625rem;
box-shadow: 0 1.75rem 4.375rem 0 rgba(0, 0, 0, 0.05);
background: #fff;
padding: 1.4375rem 2.375rem;
flex-shrink: 0;
}
@media (max-width: 640px) {
.contacts-inf {
width: 100%;
border: 1px solid #e9e9e9;
}
}
.contacts-title {
font-weight: 600;
font-size: 1.5rem;
line-height: 147%;
letter-spacing: 0.02em;
color: #000;
}
@media (max-width: 640px) {
.contacts-title {
font-size: 19px;
}
}
.contacts__content {
display: flex;
justify-content: space-between;
margin-top: 2.5rem;
}
@media (max-width: 640px) {
.contacts__content {
flex-direction: column;
margin-top: 1rem;
}
}
.contacts-item {
margin-top: 1.25rem;
margin-bottom: 1.625rem;
}
.contacts-item-title {
font-weight: 400;
font-size: 1.0625rem;
line-height: 147%;
letter-spacing: 0.02em;
color: #111;
}
@media (max-width: 640px) {
.contacts-item-title {
font-size: 14px;
}
}
.contacts-item-num {
display: flex;
align-items: center;
font-weight: 600;
font-size: 1.5rem;
line-height: 147%;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #000;
}
@media (max-width: 640px) {
.contacts-item-num {
font-size: 20px;
}
}
.contacts-item-num::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_589_176)'%3E%3Cpath d='M15.2051 13.2302C14.5517 12.5851 13.736 12.5851 13.0867 13.2302C12.5915 13.7213 12.0962 14.2123 11.6093 14.7118C11.4761 14.8491 11.3638 14.8782 11.2014 14.7867C10.881 14.6119 10.5397 14.4704 10.2317 14.2789C8.79592 13.3758 7.59315 12.2147 6.52773 10.9079C5.99918 10.2586 5.52889 9.56361 5.20011 8.78119C5.13352 8.62304 5.14601 8.51899 5.27502 8.38998C5.77028 7.91137 6.25305 7.42027 6.73998 6.92918C7.41836 6.24664 7.41836 5.44758 6.73582 4.76088C6.34877 4.36967 5.96172 3.98678 5.57467 3.59557C5.17514 3.19604 4.77977 2.79234 4.37607 2.39697C3.72267 1.76021 2.90695 1.76021 2.25771 2.40113C1.75829 2.89223 1.27968 3.3958 0.771944 3.87857C0.301659 4.32389 0.0644358 4.86909 0.014494 5.50584C-0.0645804 6.54213 0.18929 7.52016 0.547206 8.47321C1.27968 10.4459 2.39505 12.198 3.74764 13.8045C5.57467 15.977 7.75546 17.6958 10.3067 18.936C11.4553 19.4937 12.6456 19.9223 13.9399 19.9931C14.8305 20.043 15.6046 19.8183 16.2247 19.1233C16.6493 18.6488 17.1279 18.216 17.5773 17.7624C18.2432 17.0882 18.2474 16.2724 17.5857 15.6066C16.7949 14.8116 16 14.0209 15.2051 13.2302Z' fill='%2366D055' /%3E%3Cpath d='M14.4098 9.91321L15.9455 9.65102C15.7042 8.24017 15.0383 6.96249 14.027 5.94701C12.9574 4.87742 11.6048 4.20321 10.1149 3.99512L9.89844 5.53915C11.0513 5.70146 12.1 6.22169 12.9282 7.04989C13.7107 7.83231 14.2226 8.82282 14.4098 9.91321Z' fill='%2366D055' /%3E%3Cpath d='M16.8104 3.23789C15.0375 1.46496 12.7943 0.34543 10.318 -2.23724e-10L10.1016 1.54403C12.2407 1.84368 14.1801 2.81338 15.7117 4.34077C17.1642 5.79324 18.1172 7.6286 18.4626 9.64708L19.9983 9.38488C19.5947 7.04595 18.4918 4.92342 16.8104 3.23789Z' fill='%2366D055' /%3E%3C/g%3E%3Crect x='0.5' y='0.5' width='19' height='19' stroke='%23F9F9F9' /%3E%3Cdefs%3E%3CclipPath id='clip0_589_176'%3E%3Crect width='20' height='20' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
height: 1.25rem;
width: 1.25rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 0.9375rem;
}
.contacts-item-val {
font-weight: 500;
font-size: 1.1875rem;
line-height: 147%;
color: #000;
display: flex;
}
@media (max-width: 640px) {
.contacts-item-val {
font-size: 16px;
}
}
.contacts-item-val::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-0.5' y='0.5' width='19' height='19' transform='matrix(-1 0 0 1 19 0)' stroke='%23F9F9F9' /%3E%3Cpath d='M6.74219 10.1027L-0.000312805 14.3652V5.66016L6.74219 10.1027Z' fill='%2366D055' /%3E%3Cpath d='M20 5.66016V14.3652L13.2575 10.1027L20 5.66016Z' fill='%2366D055' /%3E%3Cpath d='M1.24844 3.125H18.7484C19.3722 3.125 19.8672 3.59 19.9609 4.18875L9.99844 10.7525L0.0359344 4.18875C0.129684 3.59 0.624685 3.125 1.24844 3.125Z' fill='%2366D055' /%3E%3Cpath d='M7.88844 10.8577L9.65719 12.0227C9.76219 12.0914 9.88094 12.1252 10.0009 12.1252C10.1209 12.1252 10.2397 12.0914 10.3447 12.0227L12.1134 10.8564L19.9609 15.8202C19.8647 16.4139 19.3722 16.8752 18.7509 16.8752H1.25093C0.629683 16.8752 0.137182 16.4139 0.0409336 15.8202L7.88844 10.8577Z' fill='%2366D055' /%3E%3C/svg%3E");
height: 1.25rem;
width: 1.25rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 0.9375rem;
margin-top: 0.25rem;
}
.contacts-item-val.--time::before {
background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.1118 3.86481C17.0757 1.82845 14.368 0.707031 11.4883 0.707031C8.60859 0.707031 5.9009 1.82845 3.86481 3.86481C1.82845 5.9009 0.707031 8.60859 0.707031 11.4883C0.707031 14.368 1.82845 17.0757 3.86481 19.1118C5.9009 21.1481 8.60859 22.2695 11.4883 22.2695C14.368 22.2695 17.0757 21.1481 19.1118 19.1118C21.1481 17.0757 22.2695 14.368 22.2695 11.4883C22.2695 8.60859 21.1481 5.9009 19.1118 3.86481ZM11.4883 20.19C6.69015 20.19 2.78655 16.2864 2.78655 11.4883C2.78655 6.69015 6.69015 2.78655 11.4883 2.78655C16.2864 2.78655 20.19 6.69015 20.19 11.4883C20.19 16.2864 16.2864 20.19 11.4883 20.19ZM16.8427 11.4883C16.8427 11.1395 17.1257 10.8566 17.4744 10.8566H18.8996C18.7664 9.28018 18.1398 7.8425 17.175 6.6991L16.1719 7.70221C15.925 7.94858 15.5249 7.94858 15.278 7.70221C15.0318 7.45531 15.0318 7.05523 15.278 6.80847L16.2817 5.80496C15.1375 4.83844 13.698 4.21015 12.12 4.07696V5.50213C12.12 5.85089 11.837 6.13385 11.4883 6.13385C11.1395 6.13385 10.8566 5.85089 10.8566 5.50213V4.07696C9.28018 4.21015 7.8429 4.83673 6.6991 5.80154L7.70603 6.80847C7.95279 7.05523 7.95279 7.45531 7.70603 7.70221C7.58271 7.82513 7.42097 7.88699 7.25909 7.88699C7.09734 7.88699 6.93573 7.82566 6.81281 7.70221L5.80536 6.69489C4.83844 7.83908 4.21015 9.2786 4.07696 10.8566H5.50213C5.85089 10.8566 6.13385 11.1395 6.13385 11.4883C6.13385 11.837 5.85089 12.12 5.50213 12.12H4.07696C4.21015 13.698 4.83844 15.1375 5.80536 16.2817L6.81281 15.2744C7.05905 15.0275 7.45913 15.0275 7.70603 15.2744C7.95279 15.5212 7.95279 15.9213 7.70603 16.1681L6.6991 17.175C7.8429 18.1398 9.28018 18.7664 10.8566 18.8996V17.4744C10.8566 17.1257 11.1395 16.8427 11.4883 16.8427C11.837 16.8427 12.12 17.1257 12.12 17.4744V18.8996C13.698 18.7664 15.1375 18.1381 16.2817 17.1712L15.2786 16.1681C15.0318 15.9213 15.0318 15.5212 15.2786 15.2744C15.5249 15.0275 15.925 15.028 16.1719 15.2744L17.175 16.2775C18.1398 15.1337 18.7664 13.6964 18.8996 12.12H17.4744C17.1257 12.12 16.8427 11.837 16.8427 11.4883ZM13.5467 13.5419C13.4234 13.6656 13.2617 13.7276 13.0997 13.7276C12.9383 13.7276 12.777 13.6661 12.6537 13.5429L11.0574 11.9507C10.9278 11.8214 10.8566 11.6495 10.8566 11.4667V7.64114C10.8566 7.29252 11.1395 7.00943 11.4883 7.00943C11.837 7.00943 12.12 7.29252 12.12 7.64114V11.2264L13.546 12.6485C13.7927 12.8949 13.7932 13.295 13.5467 13.5419Z' fill='%2366D055' /%3E%3C/svg%3E");
}
.contacts-item-val.--loc::before {
background-image: url("data:image/svg+xml,%3Csvg width='17' height='24' viewBox='0 0 17 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.76504 22.6049L8.76471 22.6052C8.69073 22.6746 8.59616 22.7096 8.5 22.7096C8.40841 22.7096 8.31683 22.6777 8.24163 22.612C8.08618 22.4745 6.13943 20.7353 4.23386 18.2037C2.31265 15.6514 0.5 12.3804 0.5 9.17519C0.5 4.76491 4.08908 1.17578 8.5 1.17578C12.9097 1.17578 16.5 4.7655 16.5 9.17578C16.5 12.1755 14.6948 15.4364 12.7718 18.041C10.8645 20.6244 8.91573 22.464 8.76504 22.6049ZM3.94747 9.17638C3.94747 11.6892 5.98525 13.7283 8.5 13.7283C11.0136 13.7283 13.0513 11.6898 13.0513 9.17638C13.0513 6.66296 11.0136 4.62444 8.5 4.62444C5.98525 4.62444 3.94747 6.6635 3.94747 9.17638Z' fill='%2366D055' stroke='%23F9F9F9' /%3E%3C/svg%3E");
width: 1.0625rem;
height: 1.5rem;
}
.contacts-social {
margin-top: 2.1875rem;
}
.contacts-social-title {
font-weight: 500;
font-size: 1.125rem;
line-height: 147%;
color: #000;
}
.contacts-social-list {
display: flex;
gap: 0.5rem;
margin-top: 0.6875rem;
}
.contacts-social-item {
display: flex;
justify-content: center;
align-items: center;
height: 2.625rem;
border: 1px solid #ccc;
border-radius: 0.1875rem;
flex-grow: 1;
font-weight: 500;
font-size: 0.8125rem;
line-height: 147%;
letter-spacing: 0.01em;
color: #262626;
gap: 0.375rem;
}
.menu-burger__list{
.contacts-social-item {
border: 1px solid #bbb;
}
}
.contacts-social-item svg {
height: 0.875rem;
width: 0.875rem;
}
@media (max-width: 640px) {
.contacts-social-item {
height: 33px;
font-size: 10px;
}
}
.contacts-map {
flex-grow: 1;
margin-left: 2.8125rem;
border: 0.0625rem solid #f9f9f9;
border-radius: 0.3125rem;
background: #c4c4c4;
}
@media (max-width: 640px) {
.contacts-map {
width: 100vw;
margin-left: -1.875rem;
height: 305px;
margin-top: 15px;
}
}
@media (max-width: 450px) {
.contacts-map {
margin-left: -0.9375rem;
}
}
@media (max-width: 440px) {
.contacts {
padding-bottom: 1.5rem;
}
}
.bc {
font-size: 1rem;
line-height: 110%;
letter-spacing: 0.01em;
}
.bc a {
font-weight: 700;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #61cc50;
}
.bc a:not(:last-child)::after {
content: "/";
}
@media (max-width: 899px) {
.bc {
text-align: center;
}
}
.pg-cont {
padding-top: 12.25rem;
}
@media (max-width: 899px) {
.pg-cont {
padding-top: 1.75rem;
}
}
@media (min-width: 900px) {
.m-only {
display: none;
}
}
@media (max-width: 899px) {
.m-hide {
display: none;
}
}
.similar {
padding-top: 6.25rem;
padding-bottom: 3.125rem;
}
@media (max-width: 550px) {
.similar {
padding-top: 4.25rem;
}
}
.similar .catalog-list {
margin-top: 2.6875rem;
}
.similar .catalog-param-val span {
display: block;
margin-top: 0.125rem;
font-weight: 500;
font-size: 0.9375rem;
line-height: 134%;
letter-spacing: 0.04em;
text-decoration: line-through;
color: rgba(0, 0, 0, 0.56);
}
@media (min-width: 900px) {
.similar .catalog-item {
width: 26rem;
height: auto;
padding-bottom: 1.25rem;
}
.similar .catalog-title {
font-size: 1.25rem;
line-height: 140%;
margin-top: 0.25rem;
}
.similar .catalog-param-name {
font-size: 1.125rem;
}
.similar .catalog-param {
margin-top: 1.25rem;
}
.similar .catalog-calc {
font-weight: 500;
font-size: 1rem;
line-height: 138%;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #000;
}
.similar .catalog-calc::before {
height: 2.8125rem;
width: 2.8125rem;
}
.similar .catalog-more {
width: 12.1875rem;
height: 4.375rem;
font-weight: 500;
font-size: 1.125rem;
line-height: 168%;
text-align: center;
color: #000;
}
}
.rev {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 1.25rem 0;
}
.rev-item {
border: 0.0625rem solid rgba(0, 0, 0, 0.46);
border-radius: 0.625rem;
width: 40.625rem;
background: rgba(217, 217, 217, 0);
padding: 1.25rem 2.1875rem;
}
@media (max-width: 899px) {
.rev-item {
width: 100%;
padding: 1rem 0.75rem;
}
}
.rev-item__inf {
flex-shrink: 0;
}
@media (max-width: 640px) {
.rev-item__inf {
flex-direction: column;
justify-content: space-between;
display: flex;
padding-bottom: 10px;
}
}
.rev-item__head {
display: flex;
}
.rev-item__val {
font-weight: 600;
font-size: 1.875rem;
line-height: 137%;
color: #000;
}
.rev-item__name {
font-weight: 300;
font-size: 0.9375rem;
line-height: 137%;
color: #000;
}
@media (max-width: 640px) {
.rev-item__name {
font-size: 10px;
}
}
.rev-item__date {
font-weight: 500;
font-size: 0.6875rem;
line-height: 137%;
color: #3abe4d;
margin-top: 0.25rem;
}
@media (max-width: 640px) {
.rev-item__date {
font-size: 9px;
}
}
.rev-item__mark {
margin-left: 4.0625rem;
}
@media (max-width: 640px) {
.rev-item__mark {
margin-left: 30px;
}
}
.rev-item__mark-stars {
display: flex;
gap: 0.125rem;
margin-right: 0.5rem;
}
.rev-item__mark-stars .star {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' viewBox='0 0 18 17' fill='none'%3E%3Cpath d='M9 0L11.0206 6.21885H17.5595L12.2694 10.0623L14.2901 16.2812L9 12.4377L3.70993 16.2812L5.73056 10.0623L0.440492 6.21885H6.97937L9 0Z' fill='%23B1B1B1'/%3E%3C/svg%3E");
height: 1.125rem;
width: 1.125rem;
background-size: contain;
}
.rev-item__mark-stars--5 .star:nth-child(-n+5) {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' viewBox='0 0 18 17' fill='none'%3E%3Cpath d='M9 0L11.0206 6.21885H17.5595L12.2694 10.0623L14.2901 16.2812L9 12.4377L3.70993 16.2812L5.73056 10.0623L0.440492 6.21885H6.97937L9 0Z' fill='%23FEA80D'/%3E%3C/svg%3E");
}
.rev-item__mark-stars--4 .star:nth-child(-n+4) {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' viewBox='0 0 18 17' fill='none'%3E%3Cpath d='M9 0L11.0206 6.21885H17.5595L12.2694 10.0623L14.2901 16.2812L9 12.4377L3.70993 16.2812L5.73056 10.0623L0.440492 6.21885H6.97937L9 0Z' fill='%23FEA80D'/%3E%3C/svg%3E");
}
.rev-item__mark-stars--3 .star:nth-child(-n+3) {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' viewBox='0 0 18 17' fill='none'%3E%3Cpath d='M9 0L11.0206 6.21885H17.5595L12.2694 10.0623L14.2901 16.2812L9 12.4377L3.70993 16.2812L5.73056 10.0623L0.440492 6.21885H6.97937L9 0Z' fill='%23FEA80D'/%3E%3C/svg%3E");
}
.rev-item__mark-stars--2 .star:nth-child(-n+2) {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' viewBox='0 0 18 17' fill='none'%3E%3Cpath d='M9 0L11.0206 6.21885H17.5595L12.2694 10.0623L14.2901 16.2812L9 12.4377L3.70993 16.2812L5.73056 10.0623L0.440492 6.21885H6.97937L9 0Z' fill='%23FEA80D'/%3E%3C/svg%3E");
}
.rev-item__mark-stars--1 .star:nth-child(-n+1) {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' viewBox='0 0 18 17' fill='none'%3E%3Cpath d='M9 0L11.0206 6.21885H17.5595L12.2694 10.0623L14.2901 16.2812L9 12.4377L3.70993 16.2812L5.73056 10.0623L0.440492 6.21885H6.97937L9 0Z' fill='%23FEA80D'/%3E%3C/svg%3E");
}
.rev-item__mark-item {
display: flex;
align-items: center;
font-weight: 400;
font-size: 0.8125rem;
line-height: 137%;
color: #000;
margin-bottom: 0.25rem;
}
@media (max-width: 640px) {
.rev-item__mark-item {
margin-bottom: 8px;
}
}
.rev-item__text {
border-radius: 0.9375rem;
background: #f3f3f3;
padding: 1.25rem;
font-weight: 400;
font-size: 0.875rem;
line-height: 137%;
color: #000;
margin-top: 1.25rem;
height: 11.125rem;
overflow: auto;
}
@media (max-width: 899px) {
.rev-item__text {
height: auto;
}
}
@media (max-width: 640px) {
.rev-item__text {
font-size: 13px;
line-height: 155%;
}
}
.rev-item__photo {
display: flex;
gap: 0.5rem;
margin-top: 0.625rem;
}
@media (max-width: 640px) {
.rev-item__photo {
gap: 4px;
flex-wrap: wrap;
}
}
.rev-item__photo-item img, .rev-item__photo-item picture {
border-radius: 0.3125rem;
width: 6.625rem;
height: 6.375rem;
background-size: cover;
}
@media (max-width: 640px) {
.rev-item__photo-item img, .rev-item__photo-item picture {
height: 105px;
width: 100%;
}
}
@media (max-width: 640px) {
.rev-item__photo-item {
width: calc(33.3333% - 2.66666666667px);
}
}
.rev-btn {
border-radius: 69.4375rem;
width: 19.25rem;
height: 4.4375rem;
margin-left: auto;
margin-right: auto;
margin-top: 2.5rem;
font-weight: 600;
font-size: 1.125rem;
text-align: center;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 1.375rem 2.125rem 0 rgba(91, 227, 110, 0.22), 0 0.1875rem 0 0 #38ab48;
background: linear-gradient(358deg, #3abe4d 0%, #4fdc63 100%);
}
@media (max-width: 640px) {
.rev-btn {
width: 100%;
max-width: 340px;
height: 55px;
font-size: 15px;
}
}
.video {
margin-top: 1rem;
display: flex;
gap: 1.25rem;
flex-wrap: wrap;
}
.video-item {
display: flex;
justify-content: center;
align-items: center;
height: 16.1875rem;
width: calc(33.3333% - 13.3333rem * 0.0625);
position: relative;
}
.video-item img,  .video-item picture{
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 0.3125rem;
}
@media (max-width: 640px) {
.video-item {
width: calc(50% - 10rem * 0.0625);
height: 122px;
}
}
.video-item::before {
border-radius: 694.4375rem;
width: 5rem;
height: 5rem;
content: "";
position: absolute;
top: 50%;
left: 50%;
background-repeat: no-repeat;
background-position: center;
background-size: 1.125rem, cover;
transform: translateX(-50%) translateY(-50%);
box-shadow: 0 1.375rem 2.125rem 0 rgba(231, 193, 66, 0.3), 0 0.0625rem 0 0 #c6a123;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='23' viewBox='0 0 18 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 11.5L8.87767e-07 22.3253L1.83415e-06 0.674682L18 11.5Z' fill='white' /%3E%3C/svg%3E"), linear-gradient(358deg, #fcd344 0%, #ffec96 100%);
}
@media (max-width: 640px) {
.video-item::before {
height: 48px;
width: 48px;
}
}
.video__btn {
border: 0.1875rem solid #3abe4d;
border-radius: 69.4375rem;
width: 20.1875rem;
height: 4.4375rem;
display: flex;
justify-content: center;
align-items: center;
margin-right: auto;
margin-left: auto;
margin-top: 3.125rem;
font-weight: 600;
font-size: 1.125rem;
letter-spacing: 0.03em;
text-decoration: underline;
text-decoration-skip-ink: none;
text-align: center;
color: #000;
}
.thx {
padding-top: 17.375rem;
padding-bottom: 5rem;
}
@media (max-width: 899px) {
.thx {
padding-top: 2.5rem;
}
}
.thx-success {
font-weight: 600;
font-size: 1.6875rem;
line-height: 110%;
letter-spacing: 0.01em;
text-align: center;
color: #000;
display: flex;
justify-content: center;
align-items: center;
}
.thx-success::before {
background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35 17.5C35 27.165 27.165 35 17.5 35C7.83502 35 0 27.165 0 17.5C0 7.83502 7.83502 0 17.5 0C27.165 0 35 7.83502 35 17.5Z' fill='url(%23paint0_linear_123_1313)' /%3E%3Cpath d='M16.8052 22.0881C16.6837 22.2062 16.5179 22.272 16.3457 22.272C16.1735 22.272 16.0078 22.2062 15.8863 22.0881L12.2172 18.5436C11.8364 18.1758 11.8364 17.5795 12.2172 17.2124L12.6766 16.7685C13.0575 16.4007 13.6743 16.4007 14.055 16.7685L16.3457 18.9812L22.5355 13.0024C22.9164 12.6346 23.5337 12.6346 23.9139 13.0024L24.3733 13.4463C24.7541 13.814 24.7541 14.4103 24.3733 14.7775L16.8052 22.0881Z' fill='white' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_123_1313' x1='8.75' y1='35' x2='49.0972' y2='30.625' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2355C144' /%3E%3Cstop offset='0.944146' stop-color='%2355C144' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
width: 2.1875rem;
height: 2.1875rem;
background-size: contain;
background-repeat: no-repeat;
content: "";
margin-right: 1rem;
}
@media (max-width: 899px) {
.thx-success {
flex-direction: column;
font-size: 17px;
line-height: 127%;
letter-spacing: 0.01em;
text-align: center;
color: #000;
max-width: 220px;
margin-right: auto;
margin-left: auto;
}
.thx-success::before {
margin-right: 0;
margin-bottom: 1rem;
}
}
.thx-title {
font-weight: 600;
font-size: 2.8125rem;
line-height: 123%;
letter-spacing: 0.01em;
text-align: center;
color: #0e0e0e;
max-width: 43.75rem;
margin-left: auto;
margin-right: auto;
margin-top: 1rem;
}
.thx-title span {
color: #62cc51;
font-weight: 700;
}
@media (max-width: 640px) {
.thx-title {
font-size: 6.1vw;
}
}
.thx-buttons {
display: flex;
justify-content: center;
gap: 1.875rem;
margin-top: 3.125rem;
}
@media (max-width: 640px) {
.thx-buttons {
flex-wrap: wrap;
}
}
.thx-button {
border-radius: 69.4375rem;
width: 18.5625rem;
height: 5.375rem;
display: flex;
justify-content: center;
align-items: center;
font-weight: 600;
font-size: 1.25rem;
letter-spacing: 0.03em;
text-align: center;
color: #fff;
box-shadow: 0 0.1875rem 0 0 #38ab48;
background: linear-gradient(358deg, #3abe4d 0%, #4fdc63 100%);
}
@media (max-width: 640px) {
.thx-button {
width: 238px;
height: 72px;
font-size: 16px;
}
}
.thx-warn {
margin-left: auto;
margin-right: auto;
font-weight: 500;
font-size: 1.5625rem;
line-height: 126%;
letter-spacing: 0.02em;
text-decoration: underline;
text-decoration-skip-ink: none;
text-align: center;
color: #ff5959;
margin-top: 3.75rem;
}
@media (max-width: 640px) {
.thx-warn {
font-size: 16px;
margin-left: auto;
margin-right: auto;
font-weight: 500;
line-height: 126%;
letter-spacing: 0.02em;
text-decoration: underline;
text-decoration-skip-ink: none;
text-align: center;
color: #ff5959;
margin-top: 2.75rem;
}
}
.thx-warn b {
font-weight: 800;
}
.p-404 {
display: flex;
}
.p-404__title {
font-family: var(--font-family);
font-weight: 600;
font-size: 3.125rem;
line-height: 147%;
letter-spacing: 0.01em;
color: #000;
max-width: 25rem;
}
.p-404__desc {
font-weight: 500;
font-size: 1.5625rem;
line-height: 147%;
letter-spacing: 0.01em;
color: #000;
max-width: 37.5rem;
margin-top: 0.625rem;
}
.p-404__btn {
border-radius: 69.4375rem;
width: 26.0625rem;
height: 5.375rem;
display: flex;
justify-content: center;
align-items: center;
margin-top: 2.5rem;
font-weight: 600;
font-size: 1.25rem;
letter-spacing: 0.03em;
text-align: center;
color: #fff;
box-shadow: 0 0.1875rem 0 0 #38ab48;
background: linear-gradient(358deg, #3abe4d 0%, #4fdc63 100%);
}
.p-404__wrap {
padding-top: 8.0625rem;
padding-bottom: 5rem;
margin-top: 14.375rem;
background: rgba(60, 187, 0, 0.19);
margin-bottom: 6.25rem;
}
.p-404__err {
margin-top: -5.875rem;
margin-left: 3.5rem;
font-weight: 500;
font-size: 20.8125rem;
line-height: 147%;
letter-spacing: 0.01em;
text-align: center;
color: #fff;
text-shadow: 0.125rem 0 #000, -0.125rem 0 #000, 0 0.125rem #000, 0 -0.125rem #000, 0.0625rem 0.0625rem #000, -0.0625rem -0.0625rem #000, 0.0625rem -0.0625rem #000, -0.0625rem 0.0625rem #000;
}
@media (max-width: 899px) {
.p-404 {
flex-direction: column;
}
.p-404__wrap {
margin-top: 0px;
margin-bottom: 40px;
}
}
@media (max-width: 640px) {
.p-404__title {
font-size: 25px;
}
.p-404__desc {
font-size: 14px;
}
.p-404__btn {
width: 272px;
height: 55px;
margin-right: auto;
margin-left: auto;
font-size: 14px;
}
.p-404__err {
font-size: 40vw;
margin-top: 0;
margin-right: auto;
margin-left: auto;
}
.p-404__wrap {
padding-top: 40px;
padding-bottom: 40px;
}
}
.footer {
background: #f9f9f9;
padding-top: 3.3125rem;
padding-bottom: 3.75rem;
}
.footer-logo img {
width: 14.25rem;
}
.footer-desc {
font-weight: 400;
font-size: 1.125rem;
line-height: 147%;
letter-spacing: 0.01em;
color: #000;
width: 12.1875rem;
margin-top: 0.625rem;
}
@media (max-width: 899px) {
.footer-desc {
font-size: 15px;
width: 160px;
margin-top: 0px;
}
}
.footer-nv {
margin-top: 1.875rem;
font-weight: 500;
font-size: 1.125rem;
line-height: 143%;
letter-spacing: 0.01em;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #161616;
}
.footer-nv-item {
display: flex;
align-items: center;
margin-bottom: 1.25rem;
}
@media (max-width: 440px) {
.footer-nv-item {
margin-bottom: 2.5rem;
}
}
.footer-nv-icon {
display: flex;
justify-content: center;
align-items: center;
border-radius: 0.3125rem;
width: 3.125rem;
height: 3.125rem;
flex-shrink: 0;
margin-right: 1.375rem;
background: linear-gradient(180deg, #76e065 0%, #58c347 100%);
}
@media (max-width: 899px) {
.footer-nv-icon {
width: 46px;
height: 46px;
}
}
.footer-nv-icon img {
width: 1.4375rem;
height: 1.4375rem;
}
@media (max-width: 899px) {
.footer-nv-icon img {
width: 22px;
height: 22px;
}
}
@media (max-width: 899px) {
.footer-nv {
font-size: 16px;
}
.footer-nv br {
display: none;
}
}
.footer-btn {
width: 15.9375rem;
height: 4.0625rem;
font-size: 1.0625rem;
margin-top: 1.875rem;
margin-bottom: 1.25rem;
}
@media (max-width: 899px) {
.footer-btn {
width: 255px;
height: 55px;
font-size: 15px;
}
}
@media (max-width: 440px) {
.footer-btn {
margin-left: auto;
margin-right: auto;
margin-top: 4rem;
}
}
.footer-sm {
font-weight: 500;
font-size: 1.125rem;
line-height: 134%;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #161616;
}
.footer-menu {
flex-grow: 1;
margin-left: 3.75rem;
display: flex;
justify-content: space-between;
}
.footer-menu-block:not(:first-child) {
margin-top: 2.875rem;
}
.footer-menu-title {
font-weight: 600;
font-size: 1.375rem;
letter-spacing: 0.01em;
color: #0e0e0e;
}
@media (max-width: 440px) {
.footer-menu-title {
font-size: 18px;
}
}
.footer-menu-list {
margin-top: 1rem;
}
.footer-menu-item {
font-weight: 400;
font-size: 1.125rem;
letter-spacing: 0.01em;
color: #0e0e0e;
margin-bottom: 1em;
line-height: 140%;
}
@media (max-width: 440px) {
.footer-menu-item {
font-size: 16px;
}
}
@media (max-width: 899px) {
.footer-menu {
margin-left: 0;
margin-top: 3rem;
}
}
@media (max-width: 720px) {
.footer-menu {
flex-wrap: wrap;
}
.footer-menu-col {
width: 47.5%;
}
}
@media (max-width: 440px) {
.footer-menu-col {
width: 100%;
}
}
.footer__c {
display: flex;
}
@media (max-width: 899px) {
.footer__c {
flex-wrap: wrap;
flex-direction: column;
padding: 0 1.5rem;
}
}
@media (max-width: 899px) {
.footer-sm {
margin-top: 2rem;
font-size: 16px;
}
.footer-menu-block:not(:first-child) {
margin-top: 1.5rem;
}
}
.footer__b {
font-weight: 400;
font-size: 0.875rem;
line-height: 147%;
letter-spacing: 0.03em;
color: #1a1a1a;
text-align: left;
display: flex;
justify-content: space-between;
margin-top: 5rem;
align-items: center;
}
@media (max-width: 899px) {
.footer__b {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.footer__b .cr {
font-size: 1rem;
}
.footer__b p {
max-width: 37.5rem;
}
@media (max-width: 720px) {
.footer__b {
flex-direction: column;
gap: 20px;
font-size: 13px;
align-items: flex-start;
}
.footer__b .cr {
font-size: 12px;
}
}
.quiz {
padding-top: 2.875rem;
padding-bottom: 4rem;
}
.quiz-wrap {
display: flex;
justify-content: space-between;
width: 100%;
margin-top: 1.25rem;
}
.quiz-content {
border-radius: 0.1875rem;
width: 60.1875rem;
height: 53.9375rem;
box-shadow: 0 1.75rem 4.375rem 0 rgba(0, 0, 0, 0.05), 0 0.25rem 0.25rem 0 rgba(103, 173, 255, 0.19);
background: #f3f7fa;
}
@media (max-width: 899px) {
.quiz-content {
width: 100%;
height: auto;
}
}
.quiz-help {
border-radius: 0.1875rem;
width: 22.125rem;
height: 53.9375rem;
box-shadow: 0 1.75rem 4.375rem 0 rgba(0, 0, 0, 0.05), 0 0.25rem 0.25rem 0 rgba(103, 173, 255, 0.19);
background: #f3f7fa;
}
.quiz-head {
display: flex;
gap: 0.625rem;
}
@media (max-width: 899px) {
.quiz-head {
justify-content: center;
gap: 4px;
}
}
.quiz-track-item {
border: 0.0625rem solid #3abe4d;
border-radius: 0.3125rem;
height: 2.8125rem;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
flex-grow: 1;
padding-left: 0.625rem;
padding-right: 0.625rem;
font-weight: 300;
font-size: 1.0625rem;
text-align: center;
color: #000;
}
.quiz-track-item.active {
background-color: #3abe4d;
color: #fff;
}
@media (max-width: 899px) {
.quiz-track-item {
border-radius: 100%;
height: 30px;
width: 30px;
padding: 0;
flex-grow: 0;
font-weight: 500;
}
.quiz-track-item span {
display: none;
}
.quiz-track-item:last-child {
border-radius: 1111px;
width: 88px;
}
}
.quiz-content {
padding: 3.75rem 2.5rem;
}
@media (max-width: 899px) {
.quiz-content {
padding: 20px 10px;
}
}
.quiz__question {
margin-top: 2rem;
}
.quiz__question:not(.active) {
display: none;
}
.quiz__question-title {
font-weight: 400;
font-size: 1.5625rem;
letter-spacing: 0.03em;
color: #000;
}
@media (max-width: 640px) {
.quiz__question-title {
font-weight: 500;
font-size: 16px;
letter-spacing: 0.03em;
color: #000;
text-align: center;
}
}
.quiz__question-questions {
display: flex;
flex-wrap: wrap;
margin-top: 2.1875rem;
gap: 1rem 1.25rem;
}
@media (max-width: 640px) {
.quiz__question-questions {
gap: 1.25rem;
}
}
.quiz__question-mark {
border-radius: 100%;
background: #ccc;
border: #fff 0.1875rem solid;
height: 1.875rem;
width: 1.875rem;
margin-top: -1.4375rem;
margin-right: auto;
margin-left: auto;
display: flex;
position: relative;
z-index: 5;
}
input:checked + .quiz__question-mark {
background: #3abe4d;
}
.quiz__question-name {
font-weight: 500;
font-size: 1rem;
text-align: center;
color: #000;
margin-top: 0.15rem;
display: block;
}
@media (max-width: 640px) {
.quiz__question-name {
margin-top: 0;
}
}
.quiz__question-img {
width: 12.5rem;
}
.quiz__question-img img {
border-radius: 0.625rem;
width: 100%;
object-fit: cover;
height: 21.875rem;
box-shadow: 0.125rem 0.1875rem 0.4375rem 0.0625rem rgba(0, 0, 0, 0.25);
}
.quiz__question-img img.--mn {
height: 13.75rem;
}
@media (max-width: 640px) {
.quiz__question-img img {
height: 145px;
}
}
@media (max-width: 899px) {
.quiz__question-img {
width: calc(25% - 0.9375rem);
}
}
@media (max-width: 640px) {
.quiz__question-img {
width: calc(50% - 0.625rem);
}
}
.quiz__bottom {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 2.5rem;
}
.quiz-hint {
display: flex;
align-items: center;
font-weight: 400;
font-size: 1.25rem;
text-align: center;
color: #000;
margin-left: auto;
}
.quiz-hint::before {
content: "";
width: 4.1875rem;
height: 4.3125rem;
background-size: contain;
background-image: url(//stillestnica.ru/wp-content/themes/lps/assets/img/content/quiz/finger.png);
flex-shrink: 0;
margin-right: 0.75rem;
}
@media (max-width: 640px) {
.quiz-hint {
font-size: 11px;
flex-shrink: 0;
margin-left: 10px;
}
.quiz-hint::before {
height: 30px;
width: 30px;
margin-right: 3px;
}
}
.quiz__question-simple {
margin-bottom: 0.625rem;
}
@media (max-width: 640px) {
.quiz__question-simple {
width: 100%;
display: block;
margin-top: -1.25rem;
}
}
.quiz__question-simple p {
display: flex;
align-items: center;
border: 0.0625rem solid #c5b7b7;
border-radius: 0.3125rem;
width: 30.875rem;
height: 3.6875rem;
padding: 0.75rem;
font-weight: 300;
}
@media (max-width: 640px) {
.quiz__question-simple p {
width: 100%;
}
}
.quiz__question-simple p::before {
content: "";
border-radius: 50%;
background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2304 0.444568L6.18167 13.6912C5.93065 14.0587 5.52253 14.0583 5.27178 13.6912L1.76932 8.56404C1.36471 7.97134 0.708266 7.97134 0.303658 8.56404C-0.101219 9.15633 -0.101219 10.1173 0.303658 10.71L3.80612 15.8371C4.3357 16.6124 5.03128 17 5.72686 17C6.42244 17 7.11802 16.6124 7.64733 15.8371L16.6963 2.59011C17.1012 1.99781 17.1012 1.03686 16.6963 0.444172C16.2917 -0.148123 15.6353 -0.148123 15.2304 0.444568Z' fill='%23A9A9A9' /%3E%3Cpath d='M15.2304 0.444568L6.18167 13.6912C5.93065 14.0587 5.52253 14.0583 5.27178 13.6912L1.76932 8.56404C1.36471 7.97134 0.708266 7.97134 0.303658 8.56404C-0.101219 9.15633 -0.101219 10.1173 0.303658 10.71L3.80612 15.8371C4.3357 16.6124 5.03128 17 5.72686 17C6.42244 17 7.11802 16.6124 7.64733 15.8371L16.6963 2.59011C17.1012 1.99781 17.1012 1.03686 16.6963 0.444172C16.2917 -0.148123 15.6353 -0.148123 15.2304 0.444568Z' fill='%23A9A9A9' /%3E%3Cpath d='M15.2304 0.444568L6.18167 13.6912C5.93065 14.0587 5.52253 14.0583 5.27178 13.6912L1.76932 8.56404C1.36471 7.97134 0.708266 7.97134 0.303658 8.56404C-0.101219 9.15633 -0.101219 10.1173 0.303658 10.71L3.80612 15.8371C4.3357 16.6124 5.03128 17 5.72686 17C6.42244 17 7.11802 16.6124 7.64733 15.8371L16.6963 2.59011C17.1012 1.99781 17.1012 1.03686 16.6963 0.444172C16.2917 -0.148123 15.6353 -0.148123 15.2304 0.444568Z' fill='%23A9A9A9' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 1.0625rem;
height: 2.5rem;
width: 2.5rem;
background-color: #efefef;
flex-shrink: 0;
margin-right: 1.5625rem;
}
.quiz__question-simple input:checked + p::before {
background-color: #3abe4d;
background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2304 0.444568L6.18167 13.6912C5.93065 14.0587 5.52253 14.0583 5.27178 13.6912L1.76932 8.56404C1.36471 7.97134 0.708266 7.97134 0.303658 8.56404C-0.101219 9.15633 -0.101219 10.1173 0.303658 10.71L3.80612 15.8371C4.3357 16.6124 5.03128 17 5.72686 17C6.42244 17 7.11802 16.6124 7.64733 15.8371L16.6963 2.59011C17.1012 1.99781 17.1012 1.03686 16.6963 0.444172C16.2917 -0.148123 15.6353 -0.148123 15.2304 0.444568Z' fill='%23A9A9A9' /%3E%3Cpath d='M15.2304 0.444568L6.18167 13.6912C5.93065 14.0587 5.52253 14.0583 5.27178 13.6912L1.76932 8.56404C1.36471 7.97134 0.708266 7.97134 0.303658 8.56404C-0.101219 9.15633 -0.101219 10.1173 0.303658 10.71L3.80612 15.8371C4.3357 16.6124 5.03128 17 5.72686 17C6.42244 17 7.11802 16.6124 7.64733 15.8371L16.6963 2.59011C17.1012 1.99781 17.1012 1.03686 16.6963 0.444172C16.2917 -0.148123 15.6353 -0.148123 15.2304 0.444568Z' fill='%23A9A9A9' /%3E%3Cpath d='M15.2304 0.444568L6.18167 13.6912C5.93065 14.0587 5.52253 14.0583 5.27178 13.6912L1.76932 8.56404C1.36471 7.97134 0.708266 7.97134 0.303658 8.56404C-0.101219 9.15633 -0.101219 10.1173 0.303658 10.71L3.80612 15.8371C4.3357 16.6124 5.03128 17 5.72686 17C6.42244 17 7.11802 16.6124 7.64733 15.8371L16.6963 2.59011C17.1012 1.99781 17.1012 1.03686 16.6963 0.444172C16.2917 -0.148123 15.6353 -0.148123 15.2304 0.444568Z' fill='white' /%3E%3C/svg%3E");
}
.quiz__question-simple input:checked + p {
border-color: #3abe4d;
font-weight: 400;
}
.quiz-back {
width: 12.5rem;
height: 4.0625rem;
font-weight: 600;
font-size: 1.125rem;
line-height: 168%;
text-align: center;
color: #fff;
}
.quiz-back span {
display: flex;
justify-content: center;
align-items: center;
}
.quiz-back span::before {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.0358849 9.00006L15.0669 0.393692L15.0047 17.7141L0.0358849 9.00006Z' fill='white' /%3E%3C/svg%3E");
content: "";
background-size: contain;
width: 1rem;
height: 1.125rem;
margin-right: 0.75rem;
flex-shrink: 0;
}
.quiz__final-title {
font-weight: 500;
font-size: 1.75rem;
line-height: 147%;
letter-spacing: 0.01em;
text-align: center;
color: #000;
}
.quiz__final-title span {
font-weight: 600;
}
@media (max-width: 899px) {
.quiz__final-title {
font-weight: 500;
font-size: 17px;
line-height: 147%;
letter-spacing: 0.01em;
text-align: center;
color: #000;
}
}
.consult-form-btn {
flex-direction: column;
}
.btn-txt-min {
font-weight: 400;
font-size: 0.8125rem;
letter-spacing: 0.03em;
text-align: center;
color: #fff;
}
.quiz__final .consult-form {
border-radius: 0.3125rem;
width: 26.9375rem;
height: 21.0625rem;
box-shadow: 0 1.75rem 4.375rem 0 rgba(0, 0, 0, 0.05);
background: #fff;
padding-top: 0.3125rem;
padding-bottom: 1.25rem;
margin-top: 5.9375rem;
}
@media (max-width: 899px) {
.quiz__final .consult-form {
max-width: 100%;
margin-top: 20px;
box-shadow: none;
background-color: transparent;
}
}
.quiz__final {
position: relative;
}
.quiz-mg {
width: 20.8125rem;
position: absolute;
right: 3.125rem;
top: -1.4375rem;
}
@media (max-width: 899px) {
.quiz-mg {
display: none;
}
}
.quiz-help {
padding-top: 0.625rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
@media (max-width: 899px) {
.quiz-help {
display: none;
}
}
.quiz-help-desc {
font-size: 0.9375rem;
line-height: 167%;
letter-spacing: 0.01em;
text-align: center;
color: #000;
margin-top: 1.25rem;
}
.quiz-help-desc span {
font-weight: 600;
}
.quiz-help-add {
font-weight: 400;
font-size: 1.125rem;
line-height: 121%;
letter-spacing: 0.01em;
color: #000;
margin-top: 1.25rem;
text-align: center;
margin-bottom: 1.875rem;
}
@media (max-width: 899px) {
.quiz-help-add {
font-size: 18px;
font-weight: 500;
}
}
.quiz-help__item {
border-radius: 0.1875rem;
width: 19.5rem;
height: 4.375rem;
background: #fff;
}
.quiz-exp {
width: 13.1875rem;
margin-left: auto;
margin-right: auto;
display: block;
}
.quiz-exp-name {
font-weight: 600;
font-size: 1rem;
color: #fff;
border-radius: 0.3125rem;
width: 15.0625rem;
height: 2.5rem;
background: #65d562;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
margin-top: -3rem;
z-index: 3;
position: relative;
}
.quiz-exp-post {
display: flex;
justify-content: center;
align-items: center;
font-weight: 500;
font-size: 0.875rem;
text-align: center;
color: #262626;
border-radius: 0.3125rem;
width: 14.25rem;
height: 2.5rem;
margin-left: auto;
margin-right: auto;
z-index: 3;
position: relative;
background: #fff;
}
.quiz-help__item {
height: 4.375rem;
background: #fff;
border-radius: 0.1875rem;
display: flex;
align-items: center;
font-weight: 400;
font-size: 1rem;
line-height: 135%;
color: #000;
padding-left: 1rem;
padding-right: 0.5rem;
}
.quiz-help__item:not(:last-child) {
margin-bottom: 0.5rem;
}
.quiz-help__item span {
font-weight: 600;
}
.quiz-help__item-img {
height: 3.125rem;
width: 3.125rem;
flex-shrink: 0;
border-radius: 50%;
overflow: hidden;
margin-right: 1rem;
}
.quiz-help__item-img img {
height: 100%;
width: 100%;
object-fit: cover;
}
@media (max-width: 899px) {
.quiz-help__item-img {
height: 40px;
width: 40px;
}
}
@media (max-width: 899px) {
.quiz-help__item {
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
background: #fff;
margin-right: auto;
margin-left: auto;
width: 350px;
max-width: 100%;
font-size: 13px;
}
}
.seo-block {
padding-top: 7.875rem;
padding-bottom: 3.75rem;
}
.seo-block-title {
font-weight: 600;
font-size: 2rem;
line-height: 110%;
letter-spacing: 0.01em;
color: #000;
}
.seo-block__text {
font-weight: 400;
font-size: 1.0625rem;
line-height: 142%;
letter-spacing: 0.02em;
color: #000;
margin-top: 1.75rem;
}
.seo-block__text p:not(:first-child),
.seo-block__text h1:not(:first-child),
.seo-block__text h2:not(:first-child),
.seo-block__text h3:not(:first-child),
.seo-block__text ul:not(:first-child),
.seo-block__text ol:not(:first-child){
margin-top: 1.3em;
}
.seo-block__text ul li{
list-style: disc;
}
.contacts2 {
display: flex;
justify-content: space-between;
margin-bottom: 4.375rem;
padding-top: 3.75rem;
}
@media (max-width: 899px) {
.contacts2 {
flex-direction: column;
}
}
.contacts2__content {
display: flex;
margin-top: 3.4375rem;
justify-content: space-between;
flex-grow: 1;
}
@media (max-width: 620px) {
.contacts2__content {
flex-direction: column;
gap: 2.8125rem;
}
}
.contacts2__inf {
flex-grow: 1;
}
.contacts2__map {
width: 42.125rem;
margin-left: 1.875rem;
flex-shrink: 0;
background-color: #aeaaea;
}
@media (max-width: 899px) {
.contacts2__map {
margin-left: 0;
margin-top: 2rem;
height: 360px;
width: 100%;
border-radius: 15px;
}
}
@media (max-width: 520px) {
.contacts2__map {
margin-left: 0;
margin-top: 2rem;
height: 220px;
}
}
.contacts2__title {
font-weight: 500;
font-size: 2.5rem;
color: #000;
}
@media (max-width: 620px) {
.contacts2__title {
font-size: 24px;
}
}
.contacts2__block {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.contacts2__item-title {
font-weight: 500;
font-size: 1rem;
color: #000;
margin-bottom: 0.5rem;
}
@media (max-width: 620px) {
.contacts2__item-title {
font-size: 15px;
}
}
.contacts2__item-val {
font-weight: 600;
font-size: 1.25rem;
color: #000;
display: flex;
align-items: center;
max-width: 23rem;
}
.contacts2__item-val::before {
width: 1.3125rem;
height: 1.3125rem;
background-size: contain;
background-repeat: no-repeat;
content: "";
flex-shrink: 0;
margin-right: 0.75rem;
background-position: center;
}
.contacts2__item-val.--loc::before {
background-image: url("data:image/svg+xml,%3Csvg width='17' height='23' viewBox='0 0 17 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 0C3.81296 0 0 3.81296 0 8.49941C0 15.2471 7.58797 22.0256 7.91116 22.3115C8.08016 22.4597 8.29008 22.5338 8.5 22.5338C8.71822 22.5338 8.93645 22.4538 9.10664 22.2943C9.42863 21.993 17 14.8415 17 8.5C17 3.81356 13.1859 0 8.5 0ZM8.5 12.5525C6.26144 12.5525 4.44747 10.7374 4.44747 8.50059C4.44747 6.26381 6.26144 4.44865 8.5 4.44865C10.7374 4.44865 12.5513 6.26322 12.5513 8.50059C12.5513 10.738 10.7374 12.5525 8.5 12.5525Z' fill='%2366D055' /%3E%3C/svg%3E");
}
.contacts2__item-val.--time::before {
background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.1118 3.86481C17.0757 1.82845 14.368 0.707031 11.4883 0.707031C8.60859 0.707031 5.9009 1.82845 3.86481 3.86481C1.82845 5.9009 0.707031 8.60859 0.707031 11.4883C0.707031 14.368 1.82845 17.0757 3.86481 19.1118C5.9009 21.1481 8.60859 22.2695 11.4883 22.2695C14.368 22.2695 17.0757 21.1481 19.1118 19.1118C21.1481 17.0757 22.2695 14.368 22.2695 11.4883C22.2695 8.60859 21.1481 5.9009 19.1118 3.86481ZM11.4883 20.19C6.69015 20.19 2.78655 16.2864 2.78655 11.4883C2.78655 6.69015 6.69015 2.78655 11.4883 2.78655C16.2864 2.78655 20.19 6.69015 20.19 11.4883C20.19 16.2864 16.2864 20.19 11.4883 20.19ZM16.8427 11.4883C16.8427 11.1395 17.1257 10.8566 17.4744 10.8566H18.8996C18.7664 9.28018 18.1398 7.8425 17.175 6.6991L16.1719 7.70221C15.925 7.94858 15.5249 7.94858 15.278 7.70221C15.0318 7.45531 15.0318 7.05523 15.278 6.80847L16.2817 5.80496C15.1375 4.83844 13.698 4.21015 12.12 4.07696V5.50213C12.12 5.85089 11.837 6.13385 11.4883 6.13385C11.1395 6.13385 10.8566 5.85089 10.8566 5.50213V4.07696C9.28018 4.21015 7.8429 4.83673 6.6991 5.80154L7.70603 6.80847C7.95279 7.05523 7.95279 7.45531 7.70603 7.70221C7.58271 7.82513 7.42097 7.88699 7.25909 7.88699C7.09734 7.88699 6.93573 7.82566 6.81281 7.70221L5.80536 6.69489C4.83844 7.83908 4.21015 9.2786 4.07696 10.8566H5.50213C5.85089 10.8566 6.13385 11.1395 6.13385 11.4883C6.13385 11.837 5.85089 12.12 5.50213 12.12H4.07696C4.21015 13.698 4.83844 15.1375 5.80536 16.2817L6.81281 15.2744C7.05905 15.0275 7.45913 15.0275 7.70603 15.2744C7.95279 15.5212 7.95279 15.9213 7.70603 16.1681L6.6991 17.175C7.8429 18.1398 9.28018 18.7664 10.8566 18.8996V17.4744C10.8566 17.1257 11.1395 16.8427 11.4883 16.8427C11.837 16.8427 12.12 17.1257 12.12 17.4744V18.8996C13.698 18.7664 15.1375 18.1381 16.2817 17.1712L15.2786 16.1681C15.0318 15.9213 15.0318 15.5212 15.2786 15.2744C15.5249 15.0275 15.925 15.028 16.1719 15.2744L17.175 16.2775C18.1398 15.1337 18.7664 13.6964 18.8996 12.12H17.4744C17.1257 12.12 16.8427 11.837 16.8427 11.4883ZM13.5467 13.5419C13.4234 13.6656 13.2617 13.7276 13.0997 13.7276C12.9383 13.7276 12.777 13.6661 12.6537 13.5429L11.0574 11.9507C10.9278 11.8214 10.8566 11.6495 10.8566 11.4667V7.64114C10.8566 7.29252 11.1395 7.00943 11.4883 7.00943C11.837 7.00943 12.12 7.29252 12.12 7.64114V11.2264L13.546 12.6485C13.7927 12.8949 13.7932 13.295 13.5467 13.5419Z' fill='%2366D055' /%3E%3C/svg%3E");
}
.contacts2__item-val.--mail::before {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.74219 7.10266L-0.000312805 11.3652V2.66016L6.74219 7.10266Z' fill='%2366D055' /%3E%3Cpath d='M20 2.66016V11.3652L13.2575 7.10266L20 2.66016Z' fill='%2366D055' /%3E%3Cpath d='M1.24844 0.125H18.7484C19.3722 0.125 19.8672 0.59 19.9609 1.18875L9.99844 7.7525L0.0359344 1.18875C0.129684 0.59 0.624685 0.125 1.24844 0.125Z' fill='%2366D055' /%3E%3Cpath d='M7.88844 7.85672L9.65719 9.02172C9.76219 9.09047 9.88094 9.12422 10.0009 9.12422C10.1209 9.12422 10.2397 9.09047 10.3447 9.02172L12.1134 7.85547L19.9609 12.8192C19.8647 13.413 19.3722 13.8742 18.7509 13.8742H1.25093C0.629683 13.8742 0.137182 13.413 0.0409336 12.8192L7.88844 7.85672Z' fill='%2366D055' /%3E%3C/svg%3E");
}
.contacts2__item-val.--phone::before {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2051 13.2302C14.5517 12.5851 13.736 12.5851 13.0867 13.2302C12.5915 13.7213 12.0962 14.2123 11.6093 14.7118C11.4761 14.8491 11.3638 14.8782 11.2014 14.7867C10.881 14.6119 10.5397 14.4704 10.2317 14.2789C8.79592 13.3758 7.59315 12.2147 6.52773 10.9079C5.99918 10.2586 5.52889 9.56361 5.20011 8.78119C5.13352 8.62304 5.14601 8.51899 5.27502 8.38998C5.77028 7.91137 6.25305 7.42027 6.73998 6.92918C7.41836 6.24664 7.41836 5.44758 6.73582 4.76088C6.34877 4.36967 5.96172 3.98678 5.57467 3.59557C5.17514 3.19604 4.77977 2.79234 4.37607 2.39697C3.72267 1.76021 2.90695 1.76021 2.25771 2.40113C1.75829 2.89223 1.27968 3.3958 0.771944 3.87857C0.301659 4.32389 0.0644358 4.86909 0.014494 5.50584C-0.0645804 6.54213 0.18929 7.52016 0.547206 8.47321C1.27968 10.4459 2.39505 12.198 3.74764 13.8045C5.57467 15.977 7.75546 17.6958 10.3067 18.936C11.4553 19.4937 12.6456 19.9223 13.9399 19.9931C14.8305 20.043 15.6046 19.8183 16.2247 19.1233C16.6493 18.6488 17.1279 18.216 17.5773 17.7624C18.2432 17.0882 18.2474 16.2724 17.5857 15.6066C16.7949 14.8116 16 14.0209 15.2051 13.2302Z' fill='%2366D055' /%3E%3Cpath d='M14.4098 9.91419L15.9455 9.652C15.7042 8.24114 15.0383 6.96347 14.027 5.94798C12.9574 4.8784 11.6048 4.20418 10.1149 3.99609L9.89844 5.54013C11.0513 5.70244 12.1 6.22266 12.9282 7.05086C13.7107 7.83328 14.2226 8.8238 14.4098 9.91419Z' fill='%2366D055' /%3E%3Cpath d='M16.8114 3.23789C15.0384 1.46496 12.7952 0.34543 10.319 -2.23724e-10L10.1025 1.54403C12.2417 1.84368 14.1811 2.81338 15.7127 4.34077C17.1651 5.79324 18.1182 7.6286 18.4636 9.64708L19.9993 9.38488C19.5956 7.04595 18.4928 4.92342 16.8114 3.23789Z' fill='%2366D055' /%3E%3C/svg%3E");
}
@media (max-width: 620px) {
.contacts2__item-val {
font-size: 18px;
}
}
.contacts2 .contacts-social-item {
width: max-content;
padding-left: 1rem;
padding-right: 1rem;
}
.--nb {
display: flex;
gap: 0.375rem;
}
.--nb::before {
display: none;
}
.--nb a {
display: flex;
align-items: center;
gap: 0.3125rem;
}
.--nb svg {
width: 2rem;
}
@media (max-width: 620px) {
.--nb {
gap: 20px;
}
}
.menu-burger {
height: 100vh;
width: 100vw;
display: none;
position: fixed;
z-index: 1000000;
top: 0;
left: 0;
background-color: #fff;
overflow: scroll;
}
.menu-burger__head {
padding-top: 8px;
padding-bottom: 8px;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.menu-burger__head-title {
font-weight: 500;
font-size: 21px;
color: #000;
}
.menu-burger .header-city {
display: block;
}
.menu-burger .contacts-social {
margin-top: 40px;
}
.menu-burger .contacts-social-item {
padding-left: 16px;
padding-right: 16px;
width: max-content;
flex-grow: 0;
}
.menu-burger__list {
margin-top: 20px;
}
.menu-buger__item {
font-weight: 500;
font-size: 18px;
text-decoration-skip-ink: none;
color: #060606;
margin-top: 1.5em;
}
.menu-buger__item span {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.menu-buger__item span::after {
background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.3636 7.6365C6.71508 7.98797 7.28492 7.98797 7.6364 7.6365L13.364 1.90893C13.7154 1.55746 13.7154 0.987611 13.364 0.636139C13.0125 0.284667 12.4426 0.284667 12.0912 0.636139L7 5.72731L1.90883 0.636139C1.55736 0.284667 0.987511 0.284667 0.636039 0.636139C0.284567 0.987611 0.284567 1.55746 0.636039 1.90893L6.3636 7.6365ZM6.1 7V7.0001H7.9V7H6.1Z' fill='%2338AB48' /%3E%3C/svg%3E");
content: "";
width: 14px;
height: 8px;
background-size: contain;
background-repeat: no-repeat;
}
.menu-buger__item span.active::after {
transform: rotate(180deg);
}
.menu-buger__item > span, .menu-buger__item > a {
text-decoration: underline;
}
.b-sub {
padding-left: 30px;
margin-top: 1em;
display: none;
}
.b-sub .sub-menu-block-title {
font-weight: 700;
font-size: 17px;
line-height: 164%;
letter-spacing: 0.02em;
color: #000;
text-decoration: none;
}
.b-sub > li{
margin-bottom: 1em;
}
.b-sub ul li a {
font-weight: 500;
font-size: 15px;
line-height: 230%;
letter-spacing: 0.02em;
color: #000;
text-decoration: none;
}
.b-sub .sub-menu-block ul {
display: none;
}
.b-sub .sub-menu-block-title {
display: flex;
max-width: 200px;
justify-content: space-between;
align-items: center;
}
.b-sub .sub-menu-block-title::after {
background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.3636 7.6365C6.71508 7.98797 7.28492 7.98797 7.6364 7.6365L13.364 1.90893C13.7154 1.55746 13.7154 0.987611 13.364 0.636139C13.0125 0.284667 12.4426 0.284667 12.0912 0.636139L7 5.72731L1.90883 0.636139C1.55736 0.284667 0.987511 0.284667 0.636039 0.636139C0.284567 0.987611 0.284567 1.55746 0.636039 1.90893L6.3636 7.6365ZM6.1 7V7.0001H7.9V7H6.1Z' fill='%2338AB48' /%3E%3C/svg%3E");
content: "";
width: 14px;
height: 8px;
background-size: contain;
background-repeat: no-repeat;
}
.b-sub .sub-menu-block-title.active::after {
transform: rotate(180deg);
}
.catalog {
padding-top: 5rem;
padding-bottom: 5.4375rem;
}
.catalog-content {
display: flex;
justify-content: space-between;
margin-top: 3.125rem;
align-items: flex-start;
}
.catalog-filters {
border-radius: 0.3125rem;
flex-shrink: 0;
width: 17.1875rem;
box-shadow: 0 0.0625rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.16);
background: #fff;
padding: 1.25rem 0.625rem;
}
@media (max-width: 899px) {
.catalog-filters {
display: none;
width: 22rem;
}
}
.catalog-filters-item {
border-bottom: 0.0625rem solid #d8d8d8;
padding-top: 1rem;
padding-bottom: 0.5rem;
}
.catalog-filters-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.catalog-filters-item-head {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 400;
font-size: 0.9375rem;
line-height: 164%;
letter-spacing: 0.02em;
color: #000;
}
.catalog-filters-item-head::after {
background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.46967 6.53043C5.76256 6.82332 6.23744 6.82332 6.53033 6.53043L11.3033 1.75746C11.5962 1.46457 11.5962 0.989692 11.3033 0.696799C11.0104 0.403906 10.5355 0.403906 10.2426 0.696799L6 4.93944L1.75736 0.696799C1.46447 0.403906 0.989593 0.403906 0.696699 0.696799C0.403806 0.989692 0.403806 1.46457 0.696699 1.75746L5.46967 6.53043ZM5.25 6V6.0001H6.75V6H5.25Z' fill='%233ABE4D' /%3E%3C/svg%3E");
width: 0.75rem;
height: 0.4375rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
content: "";
}
.catalog-filters-item-sub {
display: none;
}
.catalog-filters-item-sub-link {
display: block;
font-weight: 400;
font-size: 0.9375rem;
line-height: 210%;
letter-spacing: 0.02em;
color: #000;
}
.catalog-item {
border-radius: 0.3125rem;
width: 20.4375rem;
height: 37.1875rem;
box-shadow: 0 1.75rem 4.375rem 0 rgba(0, 0, 0, 0.05);
background: #fff;
overflow: hidden;
}
@media (max-width: 899px) {
.catalog-item {
width: calc(33.3333% - 13.3333px);
height: auto;
padding-bottom: 12px;
}
}
@media (max-width: 768px) {
.catalog-item {
width: calc(50% - 15px);
}
}
@media (max-width: 575px) {
.catalog-item {
width: 100%;
}
}
.catalog-photo {
border-radius: 0.3125rem;
width: 100%;
height: 18.75rem;
position: relative;
display: block;
}
.catalog-photo img {
height: 100%;
width: 100%;
object-fit: cover;
}
@media (max-width: 575px) {
.catalog-photo {
height: 235px;
}
}
.catalog-inf {
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 1rem;
}
.catalog-title {
font-weight: 600;
font-size: 1rem;
line-height: 114%;
letter-spacing: 0.01em;
color: #000;
display: block;
}
@media (max-width: 575px) {
.catalog-title {
font-size: 15px;
line-height: 140%;
}
}
.catalog-list {
flex-grow: 1;
margin-left: 1.25rem;
}
@media (max-width: 899px) {
.catalog-list {
margin-left: 0;
}
}
.catalog-param {
display: flex;
margin-top: 0.9375rem;
justify-content: space-between;
}
@media (max-width: 575px) {
.catalog-param {
margin-top: 0.5rem;
}
.catalog-param-item {
width: 50%;
}
}
.catalog-param-name {
font-weight: 300;
font-size: 0.875rem;
line-height: 134%;
letter-spacing: 0.04em;
color: #000;
}
@media (max-width: 575px) {
.catalog-param-name {
font-size: 15px;
}
}
.catalog-param-val {
font-weight: 500;
font-size: 1.25rem;
line-height: 134%;
letter-spacing: 0.04em;
color: #000;
margin-top: 0.5rem;
}
@media (max-width: 575px) {
.catalog-param-val {
font-size: 18px;
}
}
.catalog-cred {
font-weight: 400;
font-size: 0.6875rem;
line-height: 134%;
letter-spacing: 0.04em;
text-align: center;
color: #000;
border-radius: 0.1875rem;
padding-left: 0.625rem;
padding-right: 0.625rem;
display: flex;
justify-content: center;
align-items: center;
height: 2rem;
background: #efefef;
margin-top: 0.625rem;
width: max-content;
}
@media (max-width: 575px) {
.catalog-cred {
font-size: 11px;
}
}
.catalog-bt {
display: flex;
padding-left: 1rem;
padding-right: 0.375rem;
justify-content: space-between;
margin-top: 1.5rem;
}
.catalog-calc {
display: flex;
font-weight: 500;
font-size: 0.75rem;
line-height: 138%;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #000;
align-items: center;
}
.catalog-calc::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='35' viewBox='0 0 36 35' fill='none'%3E%3Cpath d='M35.7852 17.5C35.7852 7.83502 27.9501 0 18.2852 0C8.62017 0 0.785156 7.83502 0.785156 17.5C0.785156 27.165 8.62017 35 18.2852 35C27.9501 35 35.7852 27.165 35.7852 17.5Z' fill='%233ABE4D'/%3E%3Cpath d='M24.3158 7H11.6842C11.2376 7 10.8091 7.19316 10.4933 7.53697C10.1774 7.88075 10 8.34713 10 8.83335V27.1666C10 27.6529 10.1774 28.1192 10.4933 28.463C10.8091 28.8068 11.2376 29 11.6842 29H24.3158C24.7624 29 25.1909 28.8068 25.5067 28.463C25.8226 28.1192 26 27.6529 26 27.1666V8.83335C26 8.34713 25.8226 7.88075 25.5067 7.53697C25.1909 7.19316 24.7624 7 24.3158 7ZM25.1579 27.1666C25.1579 27.4098 25.0692 27.6429 24.9112 27.8149C24.7533 27.9867 24.5391 28.0833 24.3158 28.0833H11.6842C11.4609 28.0833 11.2467 27.9867 11.0888 27.8149C10.9308 27.6429 10.8421 27.4098 10.8421 27.1666V8.83335C10.8421 8.5902 10.9308 8.35709 11.0888 8.18514C11.2467 8.01327 11.4609 7.91664 11.6842 7.91664H24.3158C24.5391 7.91664 24.7533 8.01327 24.9112 8.18514C25.0692 8.35709 25.1579 8.5902 25.1579 8.83335V27.1666Z' fill='white'/%3E%3Cpath d='M23.6 9H12.4C12.2939 9 12.1922 9.04866 12.1172 9.13519C12.0421 9.22173 12 9.3391 12 9.46153V14.5385C12 14.6609 12.0421 14.7783 12.1172 14.8648C12.1922 14.9514 12.2939 15 12.4 15H23.6C23.7061 15 23.8078 14.9514 23.8828 14.8648C23.9579 14.7783 24 14.6609 24 14.5385V9.46153C24 9.3391 23.9579 9.22173 23.8828 9.13519C23.8078 9.04866 23.7061 9 23.6 9ZM23.2 14.0769H12.8V9.92305H23.2V14.0769Z' fill='white'/%3E%3Cpath d='M20.5 17H18.5001C18.3674 17 18.2402 17.0351 18.1465 17.0976C18.0527 17.1601 18 17.2449 18 17.3333V18.6667C18 18.7551 18.0527 18.8399 18.1465 18.9024C18.2402 18.9649 18.3674 19 18.5001 19H20.5C20.6327 19 20.7598 18.9649 20.8536 18.9024C20.9473 18.8399 21 18.7551 21 18.6667V17.3333C21 17.2449 20.9473 17.1601 20.8536 17.0976C20.7598 17.0351 20.6327 17 20.5 17ZM20.0001 18.3334H19V17.6666H20.0001V18.3334Z' fill='white'/%3E%3Cpath d='M23.6666 17H22.3333C22.2449 17 22.1601 17.0351 22.0976 17.0976C22.0351 17.1601 22 17.2449 22 17.3333V18.6667C22 18.7551 22.0351 18.8399 22.0976 18.9024C22.1601 18.9649 22.2449 19 22.3333 19H23.6666C23.7551 19 23.8399 18.9649 23.9023 18.9024C23.9649 18.8399 24 18.7551 24 18.6667V17.3333C24 17.2449 23.9649 17.1601 23.9023 17.0976C23.8399 17.0351 23.7551 17 23.6666 17ZM23.3333 18.3334H22.6666V17.6666H23.3333V18.3334Z' fill='white'/%3E%3Cpath d='M17.4999 17H15.5C15.3673 17 15.2402 17.0351 15.1464 17.0976C15.0527 17.1601 15 17.2449 15 17.3333V18.6667C15 18.7551 15.0527 18.8399 15.1464 18.9024C15.2402 18.9649 15.3673 19 15.5 19H17.4999C17.6326 19 17.7598 18.9649 17.8535 18.9024C17.9473 18.8399 18 18.7551 18 18.6667V17.3333C18 17.2449 17.9473 17.1601 17.8535 17.0976C17.7598 17.0351 17.6326 17 17.4999 17ZM17 18.3334H15.9999V17.6666H17V18.3334Z' fill='white'/%3E%3Cpath d='M13.6667 17H12.3334C12.2449 17 12.1601 17.0351 12.0977 17.0976C12.0351 17.1601 12 17.2449 12 17.3333V18.6667C12 18.7551 12.0351 18.8399 12.0977 18.9024C12.1601 18.9649 12.2449 19 12.3334 19H13.6667C13.7551 19 13.8399 18.9649 13.9024 18.9024C13.9649 18.8399 14 18.7551 14 18.6667V17.3333C14 17.2449 13.9649 17.1601 13.9024 17.0976C13.8399 17.0351 13.7551 17 13.6667 17ZM13.3334 18.3334H12.6667V17.6666H13.3334V18.3334Z' fill='white'/%3E%3Cpath d='M20.5 20H18.5001C18.3674 20 18.2402 20.0527 18.1465 20.1465C18.0527 20.2402 18 20.3674 18 20.5V22.5C18 22.6326 18.0527 22.7598 18.1465 22.8535C18.2402 22.9474 18.3674 23 18.5001 23H20.5C20.6327 23 20.7598 22.9474 20.8536 22.8535C20.9473 22.7598 21 22.6326 21 22.5V20.5C21 20.3674 20.9473 20.2402 20.8536 20.1465C20.7598 20.0527 20.6327 20 20.5 20ZM20.0001 22H19V21.0001H20.0001V22Z' fill='white'/%3E%3Cpath d='M17.4999 20H15.5C15.3673 20 15.2402 20.0527 15.1464 20.1465C15.0527 20.2402 15 20.3674 15 20.5V22.5C15 22.6326 15.0527 22.7598 15.1464 22.8535C15.2402 22.9474 15.3673 23 15.5 23H17.4999C17.6326 23 17.7598 22.9474 17.8535 22.8535C17.9473 22.7598 18 22.6326 18 22.5V20.5C18 20.3674 17.9473 20.2402 17.8535 20.1465C17.7598 20.0527 17.6326 20 17.4999 20ZM17 22H15.9999V21.0001H17V22Z' fill='white'/%3E%3Cpath d='M13.6667 20H12.3334C12.2449 20 12.1601 20.0527 12.0977 20.1465C12.0351 20.2402 12 20.3674 12 20.5V22.5C12 22.6326 12.0351 22.7598 12.0977 22.8535C12.1601 22.9474 12.2449 23 12.3334 23H13.6667C13.7551 23 13.8399 22.9474 13.9024 22.8535C13.9649 22.7598 14 22.6326 14 22.5V20.5C14 20.3674 13.9649 20.2402 13.9024 20.1465C13.8399 20.0527 13.7551 20 13.6667 20ZM13.3334 22H12.6667V21.0001H13.3334V22Z' fill='white'/%3E%3Cpath d='M20.5 24H18.5001C18.3674 24 18.2402 24.0526 18.1465 24.1465C18.0527 24.2402 18 24.3674 18 24.5V26.5C18 26.6326 18.0527 26.7598 18.1465 26.8535C18.2402 26.9473 18.3674 27 18.5001 27H20.5C20.6327 27 20.7598 26.9473 20.8536 26.8535C20.9473 26.7598 21 26.6326 21 26.5V24.5C21 24.3674 20.9473 24.2402 20.8536 24.1465C20.7598 24.0526 20.6327 24 20.5 24ZM20.0001 25.9999H19V25H20.0001V25.9999Z' fill='white'/%3E%3Cpath d='M23.6666 20H22.3333C22.2449 20 22.1601 20.0527 22.0976 20.1465C22.0351 20.2402 22 20.3674 22 20.5V26.5C22 26.6326 22.0351 26.7598 22.0976 26.8535C22.1601 26.9473 22.2449 27 22.3333 27H23.6666C23.7551 27 23.8399 26.9473 23.9023 26.8535C23.9649 26.7598 24 26.6326 24 26.5V20.5C24 20.3674 23.9649 20.2402 23.9023 20.1465C23.8399 20.0527 23.7551 20 23.6666 20ZM23.3333 25.9999H22.6666V21.0001H23.3333V25.9999Z' fill='white'/%3E%3Cpath d='M17.4999 24H15.5C15.3673 24 15.2402 24.0526 15.1464 24.1465C15.0527 24.2402 15 24.3674 15 24.5V26.5C15 26.6326 15.0527 26.7598 15.1464 26.8535C15.2402 26.9473 15.3673 27 15.5 27H17.4999C17.6326 27 17.7598 26.9473 17.8535 26.8535C17.9473 26.7598 18 26.6326 18 26.5V24.5C18 24.3674 17.9473 24.2402 17.8535 24.1465C17.7598 24.0526 17.6326 24 17.4999 24ZM17 25.9999H15.9999V25H17V25.9999Z' fill='white'/%3E%3Cpath d='M13.6667 24H12.3334C12.2449 24 12.1601 24.0526 12.0977 24.1465C12.0351 24.2402 12 24.3674 12 24.5V26.5C12 26.6326 12.0351 26.7598 12.0977 26.8535C12.1601 26.9473 12.2449 27 12.3334 27H13.6667C13.7551 27 13.8399 26.9473 13.9024 26.8535C13.9649 26.7598 14 26.6326 14 26.5V24.5C14 24.3674 13.9649 24.2402 13.9024 24.1465C13.8399 24.0526 13.7551 24 13.6667 24ZM13.3334 25.9999H12.6667V25H13.3334V25.9999Z' fill='white'/%3E%3C/svg%3E");
height: 2.1875rem;
width: 2.1875rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 0.75rem;
content: "";
}
@media (max-width: 575px) {
.catalog-calc {
font-size: clamp(11px, 3.5vw, 15px);
}
.catalog-calc::before {
height: 35px;
width: 35px;
}
}
.catalog-more {
display: flex;
justify-content: center;
align-items: center;
border: 0.125rem solid #3abe4d;
border-radius: 2.1875rem;
width: 9.4375rem;
height: 3.4375rem;
background: rgba(58, 190, 77, 0);
font-weight: 500;
font-size: 0.9375rem;
line-height: 168%;
text-align: center;
color: #000;
}
@media (max-width: 575px) {
.catalog-more {
width: 165px;
height: 50px;
font-size: 14px;
}
}
.catalog-list {
display: flex;
flex-wrap: wrap;
gap: 1.25rem 1.6875rem;
}
@media (max-width: 899px) {
.catalog-list {
gap: 20px;
}
}
.catalog-load-more {
margin-right: auto;
margin-left: auto;
display: flex;
justify-content: center;
align-items: center;
border: 0.125rem solid #3abe4d;
border-radius: 2.1875rem;
width: 38.25rem;
height: 4.6875rem;
margin-top: 4.0625rem;
font-weight: 500;
font-size: 1.25rem;
text-align: center;
color: #000;
}
@media (max-width: 899px) {
.catalog-load-more {
max-width: 100%;
}
}
.ui-widget.ui-widget-content {
height: 0.0625rem;
border: none;
border-top: 0.0625rem solid #55c144;
}
.ui-slider-range.ui-corner-all.ui-widget-header {
height: 0;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
border-radius: 100%;
background: #fff;
border: 0.0625rem solid #55c144;
height: 1.375rem;
width: 1.375rem;
top: -0.6875rem;
}
.catalog-filters-cost-ui {
margin-top: 1em;
margin-bottom: 1em;
width: calc(100% - 40rem * 0.0625);
margin-left: auto;
margin-right: auto;
}
.catalog-filters-cost-markers {
display: flex;
justify-content: space-between;
width: calc(100% - 10rem * 0.0625);
margin-left: auto;
margin-right: auto;
}
.catalog-filters-cost-markers p {
font-weight: 300;
font-size: 0.625rem;
line-height: 134%;
text-align: center;
color: #000;
position: relative;
}
.catalog-filters-cost-markers p::before {
border-left: 0.0625rem solid #000;
height: 0.8125rem;
content: "";
top: -1rem;
left: 50%;
position: absolute;
}
.ui-widget.ui-widget-content::before, .ui-widget.ui-widget-content::after {
height: 0.0625rem;
border-top: 0.0625rem solid #55c144;
position: absolute;
top: -0.0625rem;
width: 1.25rem;
content: "";
}
.ui-widget.ui-widget-content::before {
left: -1.25rem;
}
.ui-widget.ui-widget-content::after {
right: -1.25rem;
}
.catalog-filters-item-head {
cursor: pointer;
}
.catalog-filters-item-head {
transition: all 0.5s;
}
.catalog-filters-item-head:hover, .catalog-filters-item-head.active {
color: #38ab48;
font-weight: 600;
}
.catalog-filters-item-head.active::after {
transform: rotate(180deg)
}
.catalog-filters-item-sub-link {
transition: 0.5s;
}
.catalog-filters-item-sub-link:hover, .catalog-filters-item-sub-link.active {
font-weight: 500;
}
.catalog-item {
position: relative;
}
.catalog-labels {
position: absolute;
top: 0.625rem;
left: 0.625rem;
display: flex;
gap: 0.5rem;
}
.catalog-label {
font-weight: 600;
font-size: 0.625rem;
text-align: center;
color: #fff;
border-radius: 694.4375rem;
background: #3abe4d;
padding-top: 0.1875rem;
padding-bottom: 0.1875rem;
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.catalog-label.--rd {
background: #ff3d3d;
}
@media (max-width: 575px) {
.catalog-label {
font-size: 11px;
}
}
.catalog-filters-f {
margin-top: 2.5rem;
}
.catalog-filters-f p {
font-weight: 500;
font-size: 0.9375rem;
line-height: 138%;
color: #000;
display: flex;
align-items: center;
margin-bottom: 1rem;
gap: 1rem;
}
.catalog-filters-f p *{
font-weight: 500;
font-size: 0.9375rem;
line-height: 138%;
color: #000;
}
.catalog-filters-f p svg {
height: 1.75rem;
width: 1.75rem;
}
.catalog-filters-cost-title {
font-weight: 400;
font-size: 0.75rem;
line-height: 134%;
color: #000;
}
.catalog-filters-cost-inputs-item {
border: 0.0625rem solid #e7e7e7;
border-radius: 3.4375rem;
width: 7.5rem;
height: 2rem;
display: flex;
justify-content: space-between;
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.catalog-filters-cost-inputs-inp {
font-weight: 500;
font-size: 0.75rem;
line-height: 134%;
text-align: center;
color: #000;
width: 3.75rem;
}
@media(max-width: 899px){
.catalog-filters-cost-inputs-inp, .catalog-filters-cost-markers p{
font-size: 1rem;
}
.catalog-filters-item-head{
font-size: 1.35rem;
}
.catalog-filters-item-sub-link{
font-size: 1.2rem;
}
}
.catalog-filters-cost-inputs-btn {
font-weight: 500;
font-size: 1.25rem;
line-height: 134%;
text-align: center;
color: #000;
}
.catalog-filters-cost-inputs {
margin-top: 1rem;
display: flex;
justify-content: space-between;
}
.ms {
background: #f3f7fa;
overflow: hidden;
width: 100%;
}
.ms__content {
display: flex;
position: relative;
}
.ms__phone {
width: 48.75rem;
margin-left: -9rem;
flex-shrink: 0;
}
@media (max-width: 899px) {
.ms__phone {
position: absolute;
top: 10rem;
left: 50%;
transform: translateX(-50%);
margin-left: 0;
max-width: 100%;
width: 40rem;
}
}
@media (max-width: 640px) {
.ms__phone {
position: absolute;
top: 8rem;
left: 50%;
transform: translateX(-57%);
margin-left: 0;
max-width: 52rem;
top: 28vw;
}
}
@media (max-width: 520px) {
.ms__phone {
position: absolute;
top: 8rem;
left: 50%;
transform: translateX(-57%);
margin-left: 0;
max-width: 52rem;
top: 28vw;
}
}
.ms__text {
margin-left: -1.5625rem;
padding-top: 5.75rem;
padding-right: 0rem;
}
@media (max-width: 899px) {
.ms__text {
margin-left: 0;
padding-right: 0;
width: 100%;
padding-top: 2.4rem;
padding-bottom: 2.5rem;
}
.ms__text .sec-title {
text-align: center;
}
}
.ms__list {
margin-top: 3.0625rem;
}
@media (max-width: 899px) {
.ms__list {
background-color: #fff;
width: 100vw;
margin-left: -1.875rem;
padding: 1.875rem;
border-radius: 5px;
box-shadow: 0 30px 74px 0 rgba(0, 0, 0, 0.13);
background: #fff;
margin-top: 35rem;
position: relative;
z-index: 5;
}
}
@media (max-width: 640px) {
.ms__list {
margin-top: 33rem;
}
}
@media (max-width: 450px) {
.ms__list {
margin-left: -0.9375rem;
}
}
.ms__list-item {
display: flex;
align-items: center;
font-weight: 400;
font-size: 1.1875rem;
line-height: 138%;
letter-spacing: 0.01em;
color: #000;
margin-bottom: 2.1rem;
}
@media (max-width: 899px) {
.ms__list-item br {
display: none;
}
.ms__list-item:last-child {
margin-bottom: 0;
}
}
@media (max-width: 450px) {
.ms__list-item {
font-size: 4vw;
align-items: flex-start;
line-height: 127%;
}
}
.ms__list-item::before {
content: "";
border-radius: 50%;
flex-shrink: 0;
margin-right: 1.5rem;
height: 2.75rem;
width: 2.75rem;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.1267 11.7688C5.97397 11.9172 5.76559 12 5.54914 12C5.33268 12 5.12431 11.9172 4.97158 11.7688L0.359013 7.31287C-0.119671 6.85052 -0.119671 6.10078 0.359013 5.63929L0.936574 5.08129C1.41541 4.61893 2.19073 4.61893 2.66941 5.08129L5.54914 7.86293L13.3306 0.346767C13.8094 -0.115589 14.5855 -0.115589 15.0634 0.346767L15.641 0.904772C16.1197 1.36713 16.1197 2.11672 15.641 2.57835L6.1267 11.7688Z' fill='white' /%3E%3C/svg%3E"), linear-gradient(84deg, #55c144 0%, #55c144 94.41%);
background-size: 1rem, cover;
background-repeat: no-repeat;
background-position: center;
}
@media (max-width: 450px) {
.ms__list-item::before {
height: 8vw;
width: 8vw;
margin-right: 3.4vw;
}
}
.ms__list-item span {
font-weight: 600;
}
.ms__cost {
max-width: 27.1875rem;
}
@media (max-width: 899px) {
.ms__cost {
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 450px) {
.ms__cost {
max-width: 100%;
}
}
.ms__cost__wa {
border-radius: 69.4375rem;
margin-top: 4.2rem;
font-weight: 600;
font-size: 1.125rem;
letter-spacing: 0.03em;
text-align: center;
color: #fff;
width: 27.1875rem;
height: 4.4375rem;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 1.375rem 2.125rem 0 rgba(39, 162, 223, 0.15), 0 0.1875rem 0 0 #1787b3;
background: linear-gradient(358deg, #27a2df 0%, #40b3e8 100%);
animation: pulse-cta-3 2.5s linear infinite !important;
}
@media (max-width: 450px) {
.ms__cost__wa {
margin-top: 3rem;
}
}
.ms__cost__wa span {
display: flex;
justify-content: center;
align-items: center;
}
.ms__cost__wa span::before {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M41.4193 7.30899C41.4193 7.30899 45.3046 5.79399 44.9808 9.47328C44.8729 10.9883 43.9016 16.2908 43.1461 22.0262L40.5559 39.0159C40.5559 39.0159 40.3401 41.5048 38.3974 41.9377C36.4547 42.3705 33.5408 40.4227 33.0011 39.9898C32.5694 39.6652 24.9068 34.7955 22.2086 32.4148C21.4531 31.7655 20.5897 30.4669 22.3165 28.9519L33.6487 18.1305C34.9438 16.8319 36.2389 13.8019 30.8426 17.4812L15.7331 27.7616C15.7331 27.7616 14.0063 28.8437 10.7686 27.8698L3.75342 25.7055C3.75342 25.7055 1.16321 24.0823 5.58815 22.459C16.3807 17.3729 29.6555 12.1786 41.4193 7.30899Z' fill='%23fff'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
content: "";
height: 1.125rem;
width: 1.125rem;
margin-right: 0.75rem;
flex-shrink: 0;
background-size: contain;
background-repeat: no-repeat;
}
@media (max-width: 450px) {
.ms__cost__wa span::before {
display: none;
}
}
@media (max-width: 450px) {
.ms__cost__wa {
font-size: 14px;
width: 100%;
}
}
.ms__cost__text {
font-weight: 500;
font-size: 1rem;
letter-spacing: 0.03em;
text-align: center;
color: #353535;
margin: 2rem;
}
@media (max-width: 450px) {
.ms__cost__text {
font-size: 11px;
margin: 1.8rem 0 0rem;
}
}
.ms__cost__add {
margin-top: 2rem;
display: flex;
align-items: center;
justify-content: center;
gap: 2rem;
}
@media (max-width: 450px) {
.ms__cost__add {
margin-top: 1rem;
}
}
.ms__cost__link {
font-weight: 600;
font-size: 1.3125rem;
letter-spacing: 0.01em;
text-decoration: underline;
text-decoration-skip-ink: none;
text-align: center;
color: #2ab0fc;
display: flex;
align-items: center;
gap: 0.75rem;
}
.ms__cost__link.--tg::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5943 17.0791L10.1477 23.3611C10.7867 23.3611 11.0635 23.0866 11.3953 22.757L14.3912 19.8938L20.599 24.44C21.7375 25.0745 22.5396 24.7403 22.8467 23.3926L26.9215 4.29908L26.9226 4.29796C27.2837 2.61496 26.314 1.95683 25.2047 2.36971L1.25345 11.5396C-0.381175 12.1741 -0.356425 13.0853 0.975575 13.4982L7.09895 15.4028L21.3223 6.50296C21.9917 6.05971 22.6003 6.30496 22.0997 6.74821L10.5943 17.0791Z' fill='%232AB0FC' /%3E%3C/svg%3E");
height: 1.6875rem;
width: 1.6875rem;
background-size: contain;
background-repeat: no-repeat;
}
.ms__cost__link.--max::before{
background-image: url("data:image/svg+xml,%3Csvg fill='%232ab0fc' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 1000 1000'%3E%3Cscript xmlns='' id='nimlmejbmnecnaghgmbahmbaddhjbecg'/%3E%3Cscript xmlns=''/%3E%3Cscript xmlns=''/%3E%3Cdefs%3E%3Cpath fill='%232ab0fc' id='a' d='M634.4 0H365.6C64.5 0 0 64.6 0 365.6v268.8C0 935.5 64.6 1000 365.6 1000h268.8c301.1 0 365.6-64.6 365.6-365.6V365.6C1000 64.5 935.4 0 634.4 0'/%3E%3C/defs%3E%3Cpath fill='%232ab0fc' fill-rule='evenodd' d='M508.211 878.328c-75.007 0-109.864-10.95-170.453-54.75-38.325 49.275-159.686 87.783-164.979 21.9 0-49.456-10.95-91.248-23.36-136.873-14.782-56.21-31.572-118.807-31.572-209.508 0-216.626 177.754-379.597 388.357-379.597 210.786 0 375.947 171.001 375.947 381.604.707 207.347-166.595 376.118-373.94 377.224m3.103-571.585c-102.564-5.292-182.499 65.7-200.201 177.024-14.6 92.162 11.315 204.398 33.397 210.238 10.585 2.555 37.23-18.98 53.837-35.587a189.8 189.8 0 0 0 92.71 33.032c106.273 5.112 197.08-75.794 204.215-181.95 4.154-106.382-77.67-196.486-183.958-202.574z' clip-rule='evenodd'/%3E%3C/svg%3E");
content: "";
height: 1.6875rem;
width: 1.6875rem;
background-size: contain;
background-repeat: no-repeat;
}
@media (max-width: 450px) {
.ms__cost__link.--tg::before {
width: 16px;
height: 16px;
}
.ms__cost__link.--max::before {
width: 16px;
height: 16px;
}
}
.ms__cost__link.--vb {
gap: 0.375rem;
color: #583fbb;
}
.ms__cost__link.--vb::before {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M12.743 13.455s.356.03.547-.206l.374-.47c.18-.232.614-.38 1.04-.144a11.005 11.005 0 0 1 .928.593c.282.207.86.69.862.69.276.233.34.574.152.934l-.002.008a3.896 3.896 0 0 1-.777.957l-.007.005q-.401.335-.789.381a.522.522 0 0 1-.115.008 1.05 1.05 0 0 1-.335-.052l-.009-.012c-.398-.113-1.062-.394-2.169-1.004a12.917 12.917 0 0 1-1.822-1.204 9.553 9.553 0 0 1-.82-.727l-.027-.027-.028-.028-.028-.027-.027-.028a9.553 9.553 0 0 1-.727-.82A12.93 12.93 0 0 1 7.76 10.46c-.61-1.107-.891-1.77-1.004-2.17l-.012-.008a1.05 1.05 0 0 1-.051-.335.506.506 0 0 1 .007-.115q.048-.387.382-.79l.005-.007a3.888 3.888 0 0 1 .957-.777l.007-.001c.36-.188.702-.124.934.15.002.001.484.58.69.862a11.005 11.005 0 0 1 .593.929c.237.425.089.86-.144 1.04l-.47.373c-.237.192-.206.548-.206.548s.696 2.633 3.295 3.296zm-.878-7.875a.253.253 0 0 0-.256.252.253.253 0 0 0 .252.254c1.353.01 2.454.447 3.356 1.326.894.872 1.351 2.057 1.363 3.611a.253.253 0 0 0 .254.252.253.253 0 0 0 .252-.255c-.013-1.654-.517-2.996-1.516-3.97-.99-.965-2.242-1.46-3.705-1.47Zm.463 1.313a.253.253 0 0 0-.271.234.253.253 0 0 0 .234.271c.966.071 1.682.387 2.205.957.524.573.773 1.27.754 2.141a.253.253 0 0 0 .248.258.253.253 0 0 0 .258-.246c.021-.978-.276-1.827-.887-2.494-.617-.674-1.48-1.044-2.54-1.121Zm.379 1.357a.253.253 0 0 0-.266.24.253.253 0 0 0 .239.266c.436.023.73.146.93.351.198.206.32.516.343.971a.253.253 0 0 0 .264.24.253.253 0 0 0 .24-.263c-.027-.537-.18-.984-.484-1.3-.305-.314-.743-.478-1.266-.505Zm6.636-4.3c-.497-.458-2.506-1.916-6.98-1.936 0 0-5.275-.318-7.847 2.041-1.431 1.432-1.935 3.527-1.988 6.125-.053 2.597-.122 7.465 4.57 8.785h.005L7.1 20.98s-.03.815.507.981c.65.202 1.03-.418 1.65-1.086.341-.367.811-.905 1.165-1.317 3.21.27 5.678-.347 5.958-.439.648-.21 4.315-.68 4.91-5.547.616-5.017-.297-8.19-1.947-9.621Zm.544 9.262c-.504 4.064-3.478 4.32-4.026 4.496-.233.075-2.401.614-5.127.436 0 0-2.031 2.45-2.666 3.088-.099.1-.215.14-.293.12-.11-.027-.14-.156-.138-.345l.017-3.347s-.002 0 0 0c-3.97-1.102-3.738-5.246-3.693-7.415.045-2.17.453-3.947 1.664-5.143C7.8 3.132 12.28 3.426 12.28 3.426c3.784.017 5.598 1.157 6.018 1.538 1.396 1.196 2.108 4.056 1.588 8.247z' class='cls-1' style='fill:%23583fbb;stroke-width:.0300125'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
height: 2rem;
width: 2rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
content: "";
}
@media (max-width: 450px) {
.ms__cost__link.--vb::before {
width: 22px;
height: 22px;
}
}
@media (max-width: 450px) {
.ms__cost__link {
font-size: 15px;
}
}
.beer-handle {
background-color: transparent !important;
}
.production-slide {
height: 23.125rem;
display: block;
}
.production-slide img {
height: 100%;
width: 100%;
object-fit: cover;
}
@media (max-width: 899px) {
.production-slide {
height: 25.125rem;
}
}
.comp {
padding-top: 6.25rem;
}
@media (max-width: 640px) {
.comp {
padding-top: 4rem;
}
}
.comp-item {
width: 62.5rem;
height: 43.75rem;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
.comp-item img, .comp-item .beer-reveal {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 640px) {
.comp-item {
height: 450px;
}
}
.comp-slider {
margin-top: 2.8125rem;
width: 62.5rem;
margin-right: auto;
margin-left: auto;
max-width: 100%;
}
@media (max-width: 640px) {
.comp-slider {
height: 450px;
margin-top: 1.8125rem;
}
}
.comp__navs {
position: absolute;
top: 50%;
left: 0;
width: 100%;
}
@media (max-width: 899px) {
.comp__navs {
position: static;
margin-top: 2rem;
justify-content: center;
gap: 2rem;
width: 100%;
display: flex;
}
.comp__navs .slider-arrow {
position: relative;
transform: none;
top: 0;
left: 0;
right: 0;
}
.comp__navs .slider-arrow--prev {
transform: scaleX(-1);
}
}
.comp-slider__wrap {
position: relative;
}
.promo {
padding-top: 5rem;
padding-bottom: 5.9375rem;
}
.promo-content {
display: flex;
flex-wrap: wrap;
margin-top: 4.75rem;
justify-content: space-between;
gap: 0.875rem 0;
}
@media (max-width: 899px) {
.promo-content {
margin-top: 1.75rem;
}
}
@media (max-width: 768px) {
.promo {
padding-bottom: 5rem;
}
}
.promo-item {
border-radius: 0.3125rem;
width: 40.5625rem;
height: 30.875rem;
box-shadow: 0 1.75rem 4.375rem 0 rgba(0, 0, 0, 0.05);
background: #fff;
padding: 2.625rem 2.9375rem;
padding-right: 15.625rem;
position: relative;
z-index: 2;
}
@media (max-width: 899px) {
.promo-item {
width: calc(50% - 7rem * 0.0625);
height: auto;
padding-right: 10rem;
}
}
@media (max-width: 899px) {
.promo-item {
margin-bottom: 32px;
}
}
@media (max-width: 768px) {
.promo-item {
width: auto;
padding-right: 40vw;
}
.promo-item {
margin-bottom: 0;
}
}
.promo-item-label {
border: 0.0625rem solid #3abe4d;
border-radius: 0.3125rem;
min-width: 10.875rem;
height: 3.125rem;
padding-left: 1rem;
padding-right: 1rem;
display: flex;
justify-content: center;
align-items: center;
font-weight: 600;
font-size: 1.125rem;
line-height: 142%;
letter-spacing: 0.02em;
color: #000;
background: rgba(85, 193, 68, 0);
width: max-content;
}
.promo-item-title {
font-weight: 600;
font-size: 1.8125rem;
line-height: 130%;
letter-spacing: 0.01em;
color: #000;
margin-top: 1.75rem;
}
.promo-item-title b {
font-weight: 800;
}
.promo-item-text {
font-weight: 400;
font-size: 1.125rem;
line-height: 142%;
letter-spacing: 0.02em;
color: #000;
margin-top: 0.625rem;
}
.promo-item-save {
display: flex;
align-items: center;
font-weight: 700;
font-size: 1.0625rem;
line-height: 110%;
letter-spacing: 0.01em;
color: #5cc74b;
margin-top: 1.25rem;
}
.promo-item-save::before {
background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_175_3319)'%3E%3Cellipse cx='11.1819' cy='11.6599' rx='6.38889' ry='6.54861' fill='white' /%3E%3Cpath d='M10.9751 0.0632801C10.7055 0.130663 10.3596 0.301365 10.126 0.481052C10.0362 0.548435 9.68132 0.94824 9.33992 1.375C8.74245 2.11172 8.66159 2.18808 8.3696 2.26894C8.30671 2.28691 7.89792 2.19707 7.33191 2.04883C6.56374 1.84219 6.33464 1.79726 6.03366 1.79726C4.97351 1.79726 4.09304 2.51152 3.8864 3.54473C3.85495 3.70644 3.81452 4.18262 3.79656 4.60488C3.74714 5.87168 3.76511 5.84922 2.60613 6.29394C1.59089 6.68027 1.39324 6.78359 1.09226 7.08906C0.625071 7.56074 0.386985 8.275 0.481321 8.91738C0.53972 9.34414 0.669993 9.61367 1.20456 10.4357C1.7571 11.2803 1.75261 11.2758 1.75261 11.5004C1.75261 11.725 1.7571 11.7205 1.20456 12.565C0.669993 13.3871 0.53972 13.6566 0.481321 14.0834C0.386985 14.7258 0.625071 15.44 1.09226 15.9117C1.39324 16.2172 1.59089 16.3205 2.60613 16.7068C3.76062 17.1516 3.74714 17.1336 3.79656 18.351C3.83249 19.3033 3.88191 19.5908 4.06159 19.9682C4.25027 20.359 4.4614 20.6061 4.81179 20.8396C5.18015 21.0867 5.57546 21.2035 6.03366 21.2035C6.33464 21.2035 6.56374 21.1586 7.33191 20.9564C8.14949 20.7363 8.28425 20.7094 8.43249 20.7498C8.52683 20.7768 8.63913 20.8217 8.68406 20.8531C8.72449 20.8846 9.03894 21.2529 9.37585 21.6707C10.0542 22.5018 10.2878 22.7039 10.7819 22.8746C11.1907 23.0184 11.8106 23.0184 12.2194 22.8746C12.7135 22.7039 12.9471 22.5018 13.6255 21.6707C13.9624 21.2529 14.2768 20.8846 14.3173 20.8531C14.3622 20.8217 14.4745 20.7768 14.5688 20.7498C14.7171 20.7094 14.8518 20.7363 15.6694 20.9564C16.7475 21.2439 17.1114 21.2709 17.6235 21.1137C17.929 21.0193 18.3557 20.7588 18.5624 20.5432C18.7466 20.35 18.9981 19.9053 19.0745 19.6402C19.1194 19.4965 19.1688 19.0068 19.2003 18.4273C19.2632 17.3762 19.2946 17.2459 19.5282 17.0797C19.6001 17.0348 19.9864 16.8686 20.3952 16.7158C20.804 16.5586 21.2577 16.3699 21.4059 16.2936C22.1741 15.8848 22.6458 14.9504 22.52 14.0834C22.4616 13.6566 22.3313 13.3871 21.7968 12.565C21.2442 11.716 21.2487 11.7295 21.2487 11.4914C21.2487 11.2803 21.2667 11.2443 21.9809 10.1393C22.3807 9.51933 22.4975 9.23183 22.5335 8.7916C22.6009 7.95605 22.1292 7.08906 21.4059 6.71172C21.2577 6.63535 20.804 6.44219 20.3952 6.28945C19.9864 6.13223 19.6001 5.96601 19.5282 5.92109C19.2946 5.75488 19.2632 5.62461 19.2003 4.58242C19.1733 4.05234 19.1239 3.52676 19.0925 3.41445C18.8319 2.45312 17.9739 1.79726 16.9676 1.79726C16.6667 1.79726 16.4376 1.84219 15.6694 2.04883C15.1034 2.19707 14.6946 2.28691 14.6317 2.26894C14.3397 2.18808 14.2589 2.11172 13.6614 1.37051C12.9786 0.525974 12.7405 0.319334 12.2688 0.144138C11.905 0.00937271 11.321 -0.0265636 10.9751 0.0632801ZM9.13777 7.63262C9.66335 7.88867 9.94636 8.35586 9.95085 8.9623C9.95085 9.26777 9.93288 9.36211 9.82507 9.57773C9.54656 10.1437 8.90417 10.5166 8.32019 10.4492C7.7946 10.3863 7.32741 10.0539 7.1073 9.57773C7.00398 9.36211 6.98601 9.26328 6.98601 8.93984C6.9905 8.53555 7.05788 8.34238 7.30495 8.00996C7.70476 7.47539 8.49538 7.31367 9.13777 7.63262ZM15.1303 7.57871C15.4313 7.80332 15.5481 8.22558 15.3909 8.52656C15.31 8.6748 8.14949 15.8264 8.01023 15.8982C7.87546 15.9656 7.57449 15.9611 7.3948 15.8848C7.19714 15.8039 7.00847 15.5479 6.97702 15.3277C6.92312 14.9279 6.81531 15.0537 10.6426 11.2174C12.6102 9.24531 14.2903 7.59219 14.3757 7.54277C14.5778 7.43047 14.9551 7.44844 15.1303 7.57871ZM14.6227 13.1176C14.9057 13.2568 15.1798 13.5309 15.3235 13.8139C15.4134 14.007 15.4313 14.1014 15.4313 14.4652C15.4313 14.8426 15.4178 14.9189 15.3055 15.1256C15.1528 15.4221 14.9282 15.6467 14.6317 15.7994C14.4251 15.9117 14.3487 15.9252 13.9714 15.9252C13.612 15.9252 13.5087 15.9072 13.329 15.8174C13.046 15.6781 12.7585 15.3906 12.6237 15.1166C12.462 14.7932 12.444 14.2676 12.5788 13.9127C12.7091 13.5713 13.0639 13.2074 13.3964 13.0771C13.7378 12.9424 14.3083 12.9604 14.6227 13.1176Z' fill='%235CC74B' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_175_3319'%3E%3Crect width='23' height='23' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
margin-right: 1rem;
height: 1.4375rem;
width: 1.4375rem;
background-size: contain;
background-repeat: no-repeat;
flex-shrink: 0;
content: "";
}
.promo-item-button {
margin-top: 1.875rem;
}
.promo-item-img {
position: absolute;
right: 0;
bottom: 0;
width: 100%;
z-index: -1;
}
@media (max-width: 768px) {
.promo .promo-content {
box-shadow: 0 30px 74px 0 rgba(0, 0, 0, 0.13);
background: #fff;
margin-top: 1.75rem;
height: auto;
}
}
.promo-item-img.--m {
display: none;
}
@media (max-width: 520px) {
.promo-item {
text-align: center;
padding: 1rem;
display: flex;
flex-direction: column;
align-items: center;
height: 137.33vw !important;
}
.promo-item-label {
margin-left: auto;
margin-right: auto;
font-size: 14px;
height: 35px;
}
.promo-item-save {
justify-content: center;
}
.promo-item-button {
margin-left: auto;
margin-right: auto;
width: 55.47vw;
height: 14.67vw;
font-size: 3.47vw;
}
.promo-item-title {
font-size: 5.33vw;
}
.promo-item-text {
font-size: 4vw;
}
.promo-item-save {
font-size: 4vw;
}
.promo-item-save::before {
height: 5.6vw;
width: 5.6vw;
}
.promo-item-img {
width: 100%;
height: auto;
display: none !important;
}
.promo-item-img.--m {
display: block !important;
}
}
.promo-item-text li {
text-align: left;
display: flex;
align-items: center;
margin-top: 1em;
}
.promo-item-text li::before {
background-color: #55C144;
height: 0.5rem;
width: 0.5rem;
border-radius: 50%;
flex-shrink: 0;
margin-right: 0.5rem;
content: "";
}
@media (max-width: 520px) {
.promo-item-text li::before {
height: 8px;
width: 8px;
}
}
.promo__arrows {
position: absolute;
top: 50%;
left: 0;
width: 100%;
}
@media (max-width: 899px) {
.promo__arrows {
position: static;
margin-top: 2rem;
justify-content: center;
gap: 2rem;
width: 100%;
display: flex;
}
.promo__arrows .slider-arrow {
position: relative;
transform: none;
top: 0;
left: 0;
right: 0;
}
.promo__arrows .slider-arrow--prev {
transform: scaleX(-1);
}
}
.item-card {
margin-top: 2.75rem;
overflow: hidden;
}
.item-card__content {
display: flex;
margin-top: 2.5rem;
}
@media (max-width: 899px) {
.item-card__content {
flex-direction: column;
margin-top: 1.5rem;
}
}
@media (max-width: 640px) {
.item-card {
margin-top: 1rem;
}
}
.item-card__left {
flex-grow: 1;
}
@media (max-width: 899px) {
.item-card__left {
width: 100%;
}
}
.item-card__right {
width: 29.5rem;
margin-left: 1.25rem;
flex-shrink: 0;
}
@media (max-width: 899px) {
.item-card__right {
margin-right: auto;
margin-left: auto;
max-width: 100%;
}
}
@media (max-width: 550px) {
.item-card__right {
width: 100%;
}
}
.item-card__photo-main {
border-radius: 0.3125rem;
height: 36.875rem;
background-size: cover;
display: block;
overflow: hidden;
}
.item-card__photo-main img {
height: 100%;
width: 100%;
object-fit: cover;
}
@media (max-width: 640px) {
.item-card__photo-main {
height: 80vw;
}
}
.item-card__photo-min {
border-radius: 0.3125rem;
max-width: 9.6875rem;
height: 11.25rem;
}
.item-card__photo-min img, .item-card__photo-min picture {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 0.3125rem;
}
@media (max-width: 899px) {
.item-card__photo-min {
width: calc(20% - 4px);
height: auto;
aspect-ratio: 4/5;
}
}
.item-card__photo-row {
display: flex; margin-top: 0.375rem;
gap: 5px;
}
.item-card__taglist {
display: flex;
flex-wrap: wrap;
gap: 0.625rem 0.375rem;
margin-top: 2.75rem;
}
@media (max-width: 899px) {
.item-card__taglist {
margin-top: 3.5rem;
}
}
.item-card__tag {
border: 0.0625rem solid #3abe4d;
border-radius: 69.4375rem;
height: 2.5rem;
background: rgba(217, 217, 217, 0);
font-weight: 300;
font-size: 1rem;
line-height: 199%;
text-align: center;
color: #000;
padding-left: 0.875rem;
padding-right: 0.875rem;
display: flex;
align-items: center;
transition: all 0.5s;
}
.item-card__tag:hover {
background-color: #3abe4d;
color: #fff;
}
@media (max-width: 899px) {
.item-card__tag {
height: 35px;
font-size: 12px;
padding-left: 12px;
padding-right: 12px;
}
}
.item-card__tabs {
display: flex;
margin-top: 1.875rem;
position: relative;
}
.item-card__tabs-content {
border: 0.0625rem solid #e6e6e6;
border-radius: 0.625rem;
margin-top: -0.5rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
font-weight: 400;
font-size: 1.125rem;
line-height: 135%;
letter-spacing: 0.02em;
color: #000;
}
.item-card__tabs-content:not(.active) {
display: none;
}
@media (max-width: 899px) {
.item-card__tabs-content {
font-size: 12px;
padding-left: 0.5rem;
padding-left: 0.5rem;
}
}
.item-card__tabs-content p {
padding-top: 2.0625rem;
padding-bottom: 2.0625rem;
}
.item-card__tabs-content td:first-child {
color: #4b4b4b;
}
.item-card__tabs-content tr:first-child td {
padding-top: 2.0625rem;
}
.item-card__tabs-content tr:last-child td {
padding-bottom: 2.0625rem;
}
.item-card__tabs-content td {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.item-card__tabs-content td:first-child {
padding-right: 2rem;
border-right: 0.0625rem solid #ededed;
}
@media (max-width: 899px) {
.item-card__tabs-content td:first-child {
padding-right: 0.7rem;
}
}
.item-card__tabs-content td:not(:first-child) {
padding-left: 2rem;
}
@media (max-width: 899px) {
.item-card__tabs-content td:not(:first-child) {
padding-left: 0.7rem;
}
}
.item-card__tab {
border: 0.0625rem solid #3abe4d;
border-radius: 0.3125rem;
height: 3.4375rem;
background: #fefffe;
padding-left: 2.25rem;
padding-right: 2.25rem;
font-weight: 300;
font-size: 1rem;
cursor: pointer;
color: #000;
transition: all 0.5s;
display: flex;
justify-content: center;
align-items: center;
}
.item-card__tab:not(:first-child) {
margin-left: -0.0625rem;
}
.item-card__tab.active, .item-card__tab:hover {
background-color: #3abe4d;
color: #fff;
}
@media (max-width: 899px) {
.item-card__tab {
font-size: 11px;
padding-left: 0;
padding-right: 0;
flex-grow: 1;
height: 35px;
}
}
.item-card__cost {
border: 0.0625rem solid #b9b9b9;
border-radius: 0.3125rem;
padding: 0.8125rem 1.375rem 1.875rem;
box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.25);
background: #fff;
}
@media (max-width: 899px) {
.item-card__cost {
margin-top: 1rem;
padding: 1.3rem 1rem 1.875rem;
}
}
.item-card__cost-item {
display: flex;
align-items: center;
margin-bottom: 0.625rem;
padding-left: 0.375rem;
padding-right: 0.375rem;
}
@media (max-width: 899px) {
.item-card__cost-item {
margin-bottom: 1.2rem;
}
}
.item-card__cost-icon {
border: 0.0625rem solid #b4b4b4;
border-radius: 0.3125rem;
width: 4.0625rem;
height: 4.0625rem;
display: flex;
justify-content: center;
align-items: center;
}
.item-card__cost-icon img {
width: 2rem;
height: 2rem;
}
@media (max-width: 899px) {
.item-card__cost-icon {
height: 45px;
width: 45px;
}
.item-card__cost-icon img {
width: 22px;
height: 22px;
}
}
.item-card__cost-inf {
margin-left: 1.25rem;
}
.item-card__cost-name {
font-weight: 200;
font-size: 0.9rem;
line-height: 134%;
letter-spacing: 0.04em;
color: #000;
}
@media (max-width: 899px) {
.item-card__cost-name {
font-size: 12px;
}
}
.item-card__cost-val {
font-weight: 500;
font-size: 1.375rem;
line-height: 134%;
letter-spacing: 0.04em;
color: #000;
margin-top: 0.25rem;
}
@media (max-width: 899px) {
.item-card__cost-val {
font-size: 17px;
}
}
.item-card__cost-disc {
margin-left: 1.875rem;
}
@media (max-width: 899px) {
.item-card__cost-disc {
margin-left: 3rem;
}
}
.item-card__cost-disc-val {
font-weight: 600;
font-size: 1.25rem;
line-height: 134%;
letter-spacing: 0.04em;
color: #fff;
background: #ff3636;
padding: 0.25rem 0.625rem;
width: max-content;
}
@media (max-width: 899px) {
.item-card__cost-disc-val {
font-size: 13px;
}
}
.item-card__cost-disc-old {
font-weight: 500;
font-size: 1.1875rem;
line-height: 134%;
letter-spacing: 0.04em;
text-decoration: line-through;
color: #8b8b8b;
}
@media (max-width: 899px) {
.item-card__cost-disc-old {
font-size: 16px;
}
}
.item-card__cost-f {
margin-top: 1.375rem;
font-size: 0.875rem;
line-height: 110%;
letter-spacing: -0.01em;
text-align: center;
color: #000;
font-weight: 300;
}
.item-card__cost-f-item {
margin-top: 0.5rem;
border: 0.0625rem solid #55c144;
border-radius: 0.3125rem;
min-height: 2.8125rem;
display: flex;
align-items: center;
padding: 0.3125rem 0.9375rem;
}
.item-card__cost-f-icon {
width: 1.5625rem;
flex-shrink: 0;
margin-right: 0.625rem;
}
@media (max-width: 640px) {
.item-card__cost-f-icon {
width: 25px;
}
}
@media (max-width: 640px) {
.item-card__cost-f {
font-size: 3.2vw;
}
}
.item-card__cost-f b {
font-weight: 500;
}
.item-card__cost-btn {
border: 0.0625rem solid #3abe4d;
border-radius: 694.4375rem;
width: 25.125rem;
height: 4.6875rem;
box-shadow: 0 0.1875rem 0 0 #38ab48;
background: #3abe4d;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-left: auto;
margin-right: auto;
max-width: 100%;
font-weight: 600;
font-size: 1.125rem;
line-height: 168%;
text-align: center;
color: #fff;
margin-top: 1.875rem;
}
.item-card__cost-btn .--mn {
font-weight: 500;
font-size: 0.9375rem;
line-height: 168%;
text-align: center;
color: #fff;
margin-top: 0.125rem;
}
.item-card__credit {
border: 0.0625rem solid #8c8c8c;
border-radius: 2.1875rem;
background: rgba(217, 217, 217, 0);
padding: 0.375rem;
display: flex;
align-items: center;
margin-top: 1.6875rem;
}
.item-card__credit-val {
border: 0.0625rem solid #3abe4d;
border-radius: 1.5625rem;
width: 9.0625rem;
height: 3.125rem;
background: #3abe4d;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 1.375rem;
line-height: 168%;
text-align: center;
color: #fff;
}
@media (max-width: 899px) {
.item-card__credit-val {
font-size: 14px;
width: 89px;
height: 30px;
}
}
@media (max-width: 899px) {
.item-card__credit {
width: max-content;
padding-right: 20px;
}
}
.item-card__credit-len {
font-weight: 400;
font-size: 1.25rem;
line-height: 168%;
text-align: center;
color: #000;
margin-left: 0.75rem;
}
@media (max-width: 899px) {
.item-card__credit-len {
font-size: 14px;
}
}
.item-card-form {
border: 0.0625rem solid #3abe4d;
border-radius: 0.3125rem;
width: 29.5rem;
box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.25);
background: #fff;
padding: 1.5625rem 0.625rem 1.875rem;
margin-top: 1.875rem;
}
@media (max-width: 899px) {
.item-card-form {
margin-top: 3rem;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
}
@media (max-width: 550px) {
.item-card-form {
padding-top: 2.5rem;
width: 100%;
}
}
.item-card-form-title {
font-weight: 400;
font-size: 1.5rem;
line-height: 130%;
letter-spacing: 0.01em;
text-align: center;
color: #000;
}
.item-card-form-title span {
font-weight: 600;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #60ca4f;
}
.item-card-form-sub {
font-weight: 400;
font-size: 0.9375rem;
line-height: 142%;
letter-spacing: 0.02em;
text-align: center;
color: #000;
max-width: 21.875rem;
margin-left: auto;
margin-right: auto;
margin-top: 1.25rem;
}
.item-card-form-sub b {
font-weight: 600;
}
@media (max-width: 550px) {
.item-card-form-sub {
font-size: 14px;
max-width: 32rem;
margin-bottom: 2rem;
}
}
.item-card-form .consult-form-input, .item-card-form .consult-form-btn, .item-card-form .consult-form-msg {
width: 100%;
}
@media (max-width: 550px) {
.item-card-form .consult-form-input, .item-card-form .consult-form-btn, .item-card-form .consult-form-msg {
width: calc(100% - 4rem);
margin-left: auto;
margin-right: auto;
display: flex;
}
}
.consult-form-msg {
border: 0.0625rem solid #e0e0e0;
border-radius: 0.3125rem;
width: 100%;
display: block;
padding: 1.25rem;
resize: none;
height: 5.6875rem;
margin-top: 1.25rem;
font-weight: 400;
font-size: 1rem;
line-height: 115%;
color: #1c1c1c;
font-family: inherit;
}
.price-page {
padding-top: 0.9375rem;
padding-bottom: 2.5rem;
}
@media (max-width: 899px) {
.price-page .slick-dots {
display: flex !important;
}
}
.price-page__taglist {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 1.25rem;
}
.price-page__tag {
font-weight: 300;
font-size: 1.125rem;
line-height: 199%;
letter-spacing: 0.02em;
text-align: center;
color: #000;
border: 0.0625rem solid #3abe4d;
border-radius: 69.4375rem;
height: 3.4375rem;
display: flex;
align-items: center;
padding-left: 1.25rem;
padding-right: 1.25rem;
transition: 0.5s;
}
@media (max-width: 899px) {
.price-page__tag {
height: 35px;
font-size: 11px;
}
}
.price-page__tag:hover {
background-color: #3abe4d;
color: #fff;
}
.price-page__content {
display: flex;
margin-top: 1.6875rem;
}
@media (max-width: 899px) {
.price-page__content {
flex-direction: column-reverse;
}
}
.price-page__slider-wrap {
width: 40rem;
flex-shrink: 0;
}
@media (max-width: 899px) {
.price-page__slider-wrap {
width: 100%;
}
}
.price-page__inf {
margin-left: 3.125rem;
flex-grow: 1;
}
@media (max-width: 899px) {
.price-page__inf {
margin-left: 0;
}
.price-page__slider-wrap{
margin-top: 5rem;
}
}
.price-page__item {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1.25rem;
}
.price-page__item-name {
width: 15.625rem;
font-weight: 400;
font-size: 1.25rem;
color: #000;
}
.price-page__text{
font-weight: 400;
font-size: 1.25rem;
color: #000;
line-height: 140%;
}
.price-page__text p{
margin-bottom: 1.2em;
}
.price-page__item-cost {
font-weight: 600;
font-size: 1.375rem;
color: #000;
width: 8.75rem;
}
.price-page__item-cost span {
color: #3abe4d;
}
.price-page__item-btn {
border: 0.125rem solid #3abe4d;
border-radius: 1.5625rem;
width: 11.9375rem;
height: 3.125rem;
font-weight: 300;
font-size: 1.125rem;
color: #000;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 520px) {
.price-page__item {
flex-wrap: wrap;
}
.price-page__item-name {
width: 60%;
font-size: 14px;
}
.price-page__item-cost {
font-size: 14px;
}
.price-page__item-cost, .price-page__item-btn {
width: 40%;
}
.price-page__item-btn {
margin-left: auto;
margin-top: 0.5rem;
font-size: 13px;
height: 30px;
}
}
.price-page__btn {
width: 34.125rem;
height: 4.4375rem;
display: flex;
justify-content: center;
align-items: center;
font-weight: 600;
font-size: 1.125rem;
color: #fff;
margin-top: 3.75rem;
border-radius: 69.4375rem;
box-shadow: 0 1.375rem 2.125rem 0 rgba(39, 162, 223, 0.15), 0 0.1875rem 0 0 #1787b3;
background: linear-gradient(358deg, #27a2df 0%, #40b3e8 100%);
animation: pulse-cta-3 2.5s linear infinite !important;
}
@media (max-width: 520px) {
.price-page__btn {
max-width: 100%;
}
}
.price-page__free {
border-radius: 0.9375rem;
background: #f0f0f0;
display: flex;
align-items: center;
margin-top: 3.125rem;
padding: 1.25rem;
}
@media (max-width: 520px) {
.price-page__free {
padding: 10px;
}
}
.price-page__free-title {
font-weight: 600;
font-size: 1.5625rem;
color: #000;
}
.price-page__free-title span {
color: #3abe4d;
}
@media (max-width: 520px) {
.price-page__free-title {
font-size: 16px;
}
}
.price-page__free-btn {
border: 0.1875rem solid #3abe4d;
border-radius: 2.8125rem;
width: 13.375rem;
height: 4.0625rem;
font-weight: 500;
font-size: 1.125rem;
color: #000;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
margin-left: 2.5rem;
}
@media (max-width: 520px) {
.price-page__free-btn {
width: 164px;
height: 65px;
font-size: 14px;
margin-left: 10px;
}
}
.price-page__slide img {
height: 37.5rem;
border-radius: 0.3125rem;
object-fit: cover;
width: 100%;
}
@media (max-width: 899px) {
.price-page__slide img {
height: 300px;
}
}
.price-page__slider .slider-arrow--next {
right: 2rem;
z-index: 5;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 899px) {
.price-page__slider .slider-arrow--next {
height: 30px;
width: 30px;
}
.price-page__slider .slider-arrow--next::before {
width: 12px;
height: 12px;
background-position: center;
}
}
.price-page__slider .slider-arrow--prev {
left: 2rem;
z-index: 5;
top: 50%;
transform: translateY(-50%) scaleX(-1);
}
@media (max-width: 899px) {
.price-page__slider .slider-arrow--prev {
height: 30px;
width: 30px;
}
.price-page__slider .slider-arrow--prev::before {
width: 12px;
height: 12px;
background-position: center;
}
}
.sitemap {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
display: flex;
justify-content: space-between;
gap: 2.5rem;
}
.sitemap-block {
margin-bottom: 3.75rem;
}
.sitemap-block-title {
font-weight: 500;
font-size: 1.875rem;
line-height: 110%;
letter-spacing: 0.01em;
color: #000;
}
.sitemap-list {
font-weight: 400;
font-size: 1rem;
letter-spacing: 0.02em;
color: #000;
margin-top: 1.375rem;
}
.sitemap-list li {
margin-bottom: 0.686em;
}
.sitemap-list-title {
font-weight: 700;
font-size: 1.25rem;
line-height: 164%;
letter-spacing: 0.02em;
color: #3abe4d;
margin-top: 1.4rem;
margin-bottom: -1rem;
}
.sitemap-list.--city {
color: #000;
}
.pb {
padding-bottom: 3rem;
}
.photo-page {
padding-top: 2.3125rem;
padding-bottom: 3.75rem;
}
@media (max-width: 56.1875rem) {
.photo-page {
padding-top: 0.9375rem;
padding-bottom: 1.25rem;
}
}
.price-page__tag.active {
border: 0.2125rem solid #3abe4d;
font-weight: 500;
}
.price-page__taglist.--center {
justify-content: center;
margin-top: 2.5rem;
}
@media (max-width: 899px) {
.price-page__taglist.--center {
margin-top: 1.2rem;
justify-content: flex-start;
}
}
.photo-page-content {
display: flex;
gap: 0.625rem;
flex-wrap: wrap;
margin-top: 2.875rem;
}
@media (max-width: 899px) {
.photo-page-content {
gap: 10px;
margin-top: 1.875rem;
}
}
.photo-page__item {
border-radius: 0.3125rem;
overflow: hidden;
width: calc(25% - 7.5rem * 0.0625);
height: auto;
aspect-ratio: 1/1;
}
.photo-page__item img, .photo-page__item picture {
height: 100%;
width: 100%;
object-fit: cover;
}
@media (max-width: 899px) {
.photo-page__item {
width: calc(33.33333% - 6.6666667px);
}
}
@media (max-width: 520px) {
.photo-page__item {
width: calc(50% - 5px);
}
}
.ct {
background: #f9f9f9;
padding-top: 6.25rem;
padding-bottom: 5rem;
overflow: hidden;
width: 100%;
}
.ct .sec-title {
max-width: 56.25rem;
}
@media (max-width: 899px) {
.ct .sec-title {
text-align: center;
}
}
@media (max-width: 899px) {
.ct .uptitle {
text-align: center;
}
}
@media (min-width: 900px) {
.uptitle.--lg {
font-weight: 400;
font-size: 2.1875rem;
line-height: 123%;
letter-spacing: 0.02em;
color: #000;
margin-bottom: 0.625rem;
}
}
.ct-form {
border-radius: 0.3125rem;
width: 47.25rem;
height: 19.0625rem;
box-shadow: 0 1.75rem 4.375rem 0 rgba(0, 0, 0, 0.05);
background: #f9f9f9;
margin-top: 2.5rem;
padding: 1.9375rem 2.9375rem;
}
@media (max-width: 899px) {
.ct-form {
background-color: #fff;
max-width: 100%;
height: auto;
padding-left: 10px;
padding-right: 10px;
width: 100%;
}
}
.ct-form-title {
font-weight: 700;
font-size: 1.5625rem;
line-height: 124%;
letter-spacing: 0.01em;
color: #141414;
}
@media (max-width: 899px) {
.ct-form-title {
font-size: 3.5vw;
text-align: center;
}
}
@media (max-width: 520px) {
.ct-form-title {
font-size: 4.2vw;
}
}
.ct-form-text {
font-weight: 400;
font-size: 1.25rem;
line-height: 147%;
letter-spacing: 0.01em;
color: #000;
display: flex;
align-items: center;
margin-top: 0.9375rem;
}
.ct-form-text::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cellipse cx='10' cy='9.93164' rx='10' ry='9.5' fill='%2360CA4F'/%3E%3Cg clip-path='url(%23clip0_561_34)'%3E%3Cpath opacity='0.981' fill-rule='evenodd' clip-rule='evenodd' d='M11.1425 5.42188C11.289 5.42188 11.4355 5.42188 11.582 5.42188C12.1267 5.55943 12.4314 5.90806 12.496 6.46777C12.466 6.94296 12.2316 7.27108 11.7929 7.45215C11.2028 7.63435 10.7253 7.47908 10.3603 6.98633C10.0996 6.40281 10.2315 5.93113 10.7558 5.57129C10.8807 5.50534 11.0096 5.45553 11.1425 5.42188Z' fill='%23F9F9F9'/%3E%3Cpath opacity='0.985' fill-rule='evenodd' clip-rule='evenodd' d='M10.8613 14.4232C10.6621 14.4232 10.4629 14.4232 10.2637 14.4232C9.42085 14.2907 9.03707 13.7985 9.1123 12.9466C9.13025 12.769 9.15955 12.5932 9.2002 12.4193C9.41375 11.6848 9.61298 10.9466 9.79785 10.2044C9.85938 9.97366 9.8535 9.74515 9.78027 9.5189C9.70163 9.38128 9.5815 9.30803 9.41992 9.29917C9.28515 9.28745 9.1504 9.28745 9.01562 9.29917C8.8384 9.34663 8.66262 9.3935 8.48828 9.4398C8.5324 9.26333 8.57927 9.08755 8.62891 8.91245C8.97405 8.772 9.32562 8.64896 9.68359 8.54331C10.0999 8.43869 10.5159 8.43869 10.9316 8.54331C11.4614 8.72699 11.731 9.09906 11.7402 9.65952C11.7345 9.88357 11.714 10.1062 11.6787 10.3275C11.4854 11.0306 11.292 11.7337 11.0986 12.4369C11.0525 12.6397 11.0203 12.8448 11.002 13.0521C11.0081 13.1741 11.0344 13.2913 11.0811 13.4037C11.1421 13.4938 11.2271 13.5494 11.3359 13.5707C11.6892 13.639 12.029 13.5951 12.3555 13.4388C12.3613 13.4447 12.3672 13.4505 12.373 13.4564C12.3265 13.631 12.2855 13.8068 12.25 13.9837C11.9349 14.0995 11.6185 14.2138 11.3008 14.3265C11.1537 14.367 11.0072 14.3992 10.8613 14.4232Z' fill='%23F9F9F9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_561_34'%3E%3Crect width='9' height='9' fill='white' transform='translate(6 5.43164)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
height: 1.25rem;
width: 1.25rem;
background-size: contain;
background-repeat: no-repeat;
margin-right: 0.625rem;
content: "";
flex-shrink: 0;
}
@media (max-width: 899px) {
.ct-form-text {
justify-content: center;
}
}
.ct-form-group {
margin-top: 1.25rem;
display: flex;
}
.ct-form-group .consult-form-input, .ct-form-group .consult-form-btn {
margin-top: 0;
}
@media (max-width: 899px) {
.ct-form-group .consult-form-input, .ct-form-group .consult-form-btn {
flex-grow: 1;
}
}
@media (max-width: 899px) {
.ct-form-group {
flex-wrap: wrap;
gap: 20px;
}
}
.ct-form .form-agree-text {
justify-content: flex-start;
}
@media (max-width: 899px) {
.ct-form .form-agree-text {
justify-content: center;
}
}
.ct-mockup {
width: 63.5rem;
position: absolute;
right: -22rem;
top: -8rem;
pointer-events: none;
}
@media (max-width: 899px) {
.ct-mockup {
width: 120%;
position: relative;
right: 0;
top: 0;
transform: translateX(-8%) rotate(26deg);
margin-top: -17vw;
margin-bottom: -27vw;
}
}
@media (max-width: 520px) {
.ct-mockup {
width: 120%;
position: relative;
right: 0;
top: 0;
transform: translateX(-8%) rotate(26deg);
margin-top: -17vw;
margin-bottom: -27vw;
}
}
.ct__c {
position: relative;
}
.widget {
position: fixed;
z-index: 5000;
right: 0;
transform: translateY(-50%);
top: 50%;
}
.widget__item {
display: flex;
gap: 0.25rem;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 0.3125rem 0 0 0.3125rem;
width: 8.125rem;
height: 6.5625rem;
background: linear-gradient(180deg, #76e065 0%, #58c347 100%);
font-weight: 600;
font-size: 0.875rem;
text-align: center;
color: #fff;
line-height: 120%;
padding-left: 2rem;
padding-right: 2rem;
}
.widget__item:not(:first-child) {
margin-top: 0.25rem;
}
.widget__item-icon {
height: 2.125rem;
width: 2.125rem;
}
@media (max-width: 899px) {
.widget {
width: 48px;
}
.widget__item {
width: 35px;
height: 48px;
border-radius: 0;
background-image: none;
}
.widget__item span {
display: none;
}
.widget__item-icon {
height: 23px;
width: 23px;
}
.widget__item:not(:first-child) {
margin-top: 0;
border-top: 1px solid rgba(255, 255, 255, 0.35);
}
.widget__wrap {
border-radius: 5px 0 0 5px;
overflow: hidden;
background: linear-gradient(180deg, #76e065 0%, #58c347 100%);
}
.widget-close {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Ccircle cx='8.5' cy='8.5' r='8.5' fill='%2371DB60'/%3E%3Cg clip-path='url(%23clip0_713_67)'%3E%3Cpath d='M11.6289 5.01568C11.7711 5.04303 11.8941 5.1401 11.9557 5.27135C11.9857 5.3356 11.9926 5.36842 11.9926 5.45865C11.9926 5.67057 12.0856 5.56529 10.5229 7.12662L9.142 8.50748L10.5352 9.90201C11.6658 11.0354 11.9324 11.3088 11.9584 11.3649C12.0049 11.462 12.0063 11.637 11.9611 11.734C11.9215 11.8202 11.834 11.9104 11.7465 11.9569C11.6481 12.0075 11.4908 12.0143 11.3774 11.9733C11.2981 11.9432 11.2488 11.8967 9.89669 10.546L8.49942 9.15006L7.10762 10.5391C5.99063 11.6547 5.70352 11.935 5.64883 11.961C5.59141 11.9883 5.55996 11.9938 5.45059 11.9938C5.33711 11.9938 5.3125 11.9883 5.25235 11.9569C5.16758 11.9131 5.07598 11.8161 5.03633 11.7299C4.99258 11.637 4.99531 11.4606 5.04043 11.3649C5.06641 11.3088 5.33301 11.0354 6.46368 9.90201L7.85684 8.50748L6.47598 7.12662C4.91328 5.56529 5.00625 5.67057 5.00625 5.45865C5.00625 5.36978 5.01309 5.3356 5.0418 5.27408C5.15254 5.03893 5.43008 4.94322 5.6625 5.05807C5.69805 5.07584 6.19707 5.56393 7.10762 6.47447L8.49942 7.8649L9.88985 6.47447C10.8018 5.56393 11.3008 5.07584 11.3363 5.05807C11.3828 5.03482 11.5346 4.99654 11.5606 5.00201C11.5647 5.00338 11.5961 5.00885 11.6289 5.01568Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_713_67'%3E%3Crect width='7' height='7' fill='white' transform='matrix(-1 0 0 1 12 5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
height: 17px;
width: 17px;
cursor: pointer;
margin-left: auto;
margin-right: auto;
margin-bottom: 1rem;
transition: all 0.5;
}
.widget-close.active {
transform: rotate(45deg);
}
}
.phone-widg {
position: fixed;
z-index: 6000;
bottom: 1rem;
left: 1rem;
}
.phone-widg-ph {
height: 7rem;
width: 7rem;
background-size: contain;
background-repeat: no-repeat;
margin-top: .75rem;
animation: infinite cg 20s linear;
pointer-events: all;
}
.phone-widg-item {
display: flex;
align-items: center;
position: relative;
margin-top: .5rem;
width: 100%;
}
.phone-widg-icon {
width: 4rem;
height: 4rem;
}
.phone-widg-text {
position: absolute;
border-radius: 1111px;
height: 2rem;
background: #363851;
display: flex;
justify-content: center;
align-items: center;
font-weight: 500;
font-size: 0.875rem;
line-height: 143%;
letter-spacing: 0.01em;
color: #fff;
width: max-content;
right: 1rem;
transform: translateX(100%);
padding-left: 0.875rem;
padding-right: 0.875rem;
}
.phone-widg-menu{
opacity: 0;
pointer-events: none;
transition: all 1s;
}
@media (min-width: 900px){
.phone-widg{
pointer-events: none;
}
.phone-widg:hover .phone-widg-menu{
opacity: 1;
pointer-events: all;
}
.phone-widg:hover{
pointer-events: all;
}
}
@media (max-width: 899px){
.phone-widg.active .phone-widg-menu{
opacity: 1;
pointer-events: all;
}
.phone-widg{
pointer-events: none;
}
.phone-widg.active{
pointer-events: all;
}
}
@keyframes cg {
0% {
background-image: url(//stillestnica.ru/wp-content/themes/lps/assets/img/w/1.svg);
}
24% {
background-image: url(//stillestnica.ru/wp-content/themes/lps/assets/img/w/1.svg);
}
25% {
background-image: url(//stillestnica.ru/wp-content/themes/lps/assets/img/w/3.svg);
}
49% {
background-image: url(//stillestnica.ru/wp-content/themes/lps/assets/img/w/3.svg);
}
50% {
background-image: url(//stillestnica.ru/wp-content/themes/lps/assets/img/w/4.svg);
}
74% {
background-image: url(//stillestnica.ru/wp-content/themes/lps/assets/img/w/4.svg);
}
75% {
background-image: url(//stillestnica.ru/wp-content/themes/lps/assets/img/w/6.svg);
}
100% {
background-image: url(//stillestnica.ru/wp-content/themes/lps/assets/img/w/6.svg);
}
}
.catalog-filter {
display: flex;
border: 2px solid #3abe4d;
border-radius: 35px;
width: 100%;
font-weight: 500;
font-size: 14px;
line-height: 168%;
text-align: center;
color: #000;
height: 46px;
background: rgba(58, 190, 77, 0);
display: flex;
justify-content: center;
align-items: center;
margin-top: 2rem;
}
.catalog-filter::before {
content: "";
margin-right: 12px;
background-size: contain;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.666016 3H5.17176V5V1' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M0.666016 10H14.1832V12V8' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M0.666016 17H10.9649V19V15' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M8 3H19.3333' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M13.5391 17H19.3322' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M16.7578 10H19.3325' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
height: 20px;
width: 20px;
}
@media (min-width: 900px) {
.m-only {
display: none;
}
}
input[name=phone] {
background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_175_10952)'%3E%3Cpath d='M11.4038 9.92116C10.9138 9.43735 10.302 9.43735 9.81506 9.92116C9.44361 10.2895 9.07217 10.6578 8.70697 11.0324C8.60709 11.1354 8.52281 11.1572 8.40108 11.0885C8.16074 10.9574 7.90479 10.8513 7.6738 10.7077C6.59694 10.0304 5.69486 9.15955 4.8958 8.17944C4.49938 7.69251 4.14667 7.17124 3.90008 6.58443C3.85014 6.46582 3.85951 6.38778 3.95627 6.29102C4.32771 5.93206 4.68979 5.56374 5.05499 5.19542C5.56377 4.68352 5.56377 4.08422 5.05186 3.5692C4.76158 3.27579 4.47129 2.98862 4.18101 2.69521C3.88135 2.39556 3.58483 2.09279 3.28205 1.79626C2.792 1.3187 2.18021 1.3187 1.69328 1.79938C1.31872 2.1677 0.959763 2.54539 0.578958 2.90747C0.226244 3.24145 0.0483268 3.65035 0.0108705 4.12792C-0.0484353 4.90514 0.141968 5.63866 0.410404 6.35345C0.959763 7.83297 1.79629 9.14706 2.81073 10.3519C4.18101 11.9813 5.8166 13.2704 7.72999 14.2005C8.59148 14.6188 9.48419 14.9403 10.4549 14.9934C11.1229 15.0308 11.7035 14.8623 12.1686 14.341C12.4869 13.9852 12.8459 13.6605 13.183 13.3203C13.6824 12.8147 13.6855 12.2029 13.1892 11.7035C12.5962 11.1073 12 10.5142 11.4038 9.92116Z' fill='%2360CA4F' /%3E%3Cpath d='M10.8093 7.43271L11.9611 7.23607C11.7801 6.17793 11.2807 5.21967 10.5222 4.45806C9.71998 3.65587 8.70554 3.15021 7.58809 2.99414L7.42578 4.15216C8.2904 4.2739 9.07698 4.66407 9.69813 5.28522C10.2849 5.87203 10.6689 6.61492 10.8093 7.43271Z' fill='%2360CA4F' /%3E%3Cpath d='M12.6098 2.42646C11.2801 1.09677 9.59764 0.25712 7.74044 -0.00195312L7.57812 1.15607C9.1825 1.38081 10.6371 2.10809 11.7857 3.25362C12.8751 4.34298 13.5899 5.7195 13.8489 7.23336L15.0007 7.03671C14.6979 5.28251 13.8708 3.69061 12.6098 2.42646Z' fill='%2360CA4F' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_175_10952'%3E%3Crect y='-0.00195312' width='15' height='15' rx='7.5' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-size: 1rem;
background-repeat: no-repeat;
background-position: center right 2rem;
}
.item-card-img-list-wrap {
display: block;
width: 100%;
height: 100%;
}
.item-card-img-list {
width: 100%;
height: 100%;
position: relative;
}
.item-card-img-list-item {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.item-card-img-list-item:not(.active) {
display: none;
}
.item-card-img-list-item img, .item-card-img-list-item picture {
width: 100%;
height: 100%;
object-fit: cover;
}
.item-card-img-overlay-nav {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
}
.item-card-img-overlay-nav-item {
width: 0;
height: 100%;
flex-grow: 1;
}
.catalog-photo:hover .item-card-ui, .catalog-photo:hover .item-card-img-nav {
opacity: 1;
}
.item-card-img-nav {
width: 100%;
position: absolute;
display: flex;
bottom: 0;
left: 0;
gap: 4px;
bottom: 6px;
left: 6px;
opacity: 0;
}
.item-card-img-nav-item {
border-radius: 10px;
flex-grow: 1;
width: 0;
height: 4px;
background: #76e065;
}
.item-card-img-nav-item:not(.active) {
background: rgba(255, 255, 255, 0.65);
}
@media (max-width: 899px) {
.item-card-img-overlay-nav, .item-card-img-nav {
display: none;
}
}
.btn-pulse {
animation: pulse-cta 2.5s linear infinite;
transition: all 0.5s;
}
@media (min-width: 900px) {
.btn-pulse:hover {
transform: scale(1.05);
}
}
.widget-close{
border-radius: 50%;
}
.widget-close.active{
animation: pulse-cta 2.5s linear infinite;
}
.btn-pulse2 {
animation: pulse-cta2 2.5s linear infinite;
transition: all 0.5s;
border: 2px solid #38ab48;
}
@media (min-width: 900px) {
.btn-pulse2:hover {
transform: scale(1.05);
}
}
@keyframes pulse-cta {
0% {
box-shadow: 0 0 0 0 rgba(20, 177, 75, 0.8), 0 0 0 0 rgba(20, 177, 75, 0.5);
}
40% {
box-shadow: 0 0 0 20px rgba(20, 177, 75, 0), 0 0 0 10px rgba(20, 177, 75, 0);
}
80% {
box-shadow: 0 0 0 20px rgba(20, 177, 75, 0), 0 0 0 10px rgba(20, 177, 75, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(20, 177, 75, 0), 0 0 0 40px rgba(20, 177, 75, 0);
}
}
@keyframes pulse-cta-3 {
0% {
box-shadow: 0 0 0 0 rgba(39, 162, 223, 0.8), 0 0 0 0 rgba(39, 162, 223, 0.5);
}
40% {
box-shadow: 0 0 0 20px rgba(39, 162, 223, 0), 0 0 0 10px rgba(39, 162, 223, 0);
}
80% {
box-shadow: 0 0 0 20px rgba(39, 162, 223, 0), 0 0 0 10px rgba(39, 162, 223, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(39, 162, 223, 0), 0 0 0 40px rgba(39, 162, 223, 0);
}
}
@keyframes pulse-cta2 {
0% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8), 0 0 0 0 rgba(255, 255, 255, 0.5);
}
40% {
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0), 0 0 0 10px rgba(255, 255, 255, 0);
}
80% {
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0), 0 0 0 10px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0), 0 0 0 40px rgba(255, 255, 255, 0);
}
}
.catalog-more, .catalog-load-more, .price-page__item-btn, .price-page__free-btn,
.video__btn {
transition: all 0.5s;
}
.catalog-more:hover, .catalog-load-more:hover, .price-page__item-btn:hover, .price-page__free-btn:hover,
.video__btn:hover {
background-color: #3abe4d;
color: #fff;
}
.production {
padding-bottom: 10rem;
}
.photo-page__item:hover img {
width: 120%;
height: 120%;
}
.photo-page__item img {
transition: all 2s;
}
@media (max-width: 899px) {
.sitemap {
flex-direction: column;
}
}
.video-item:hover::before {
transform: translate(-50%, -50%) scale(1.2);
}
.video-item::before {
transition: all 0.5s;
}
.contacts2__item a, .footer a, .header a {
transition: 0.5s;
}
.contacts2__item a:hover, .footer a:hover, .header a:hover {
color: #3abe4d;
}
.contacts-map iframe, .contacts2__map iframe {
width: 100%;
height: 100%;
object-fit: cover;
}
.quiz-track-item.completed {
color: transparent;
background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2304 0.444568L6.18167 13.6912C5.93065 14.0587 5.52253 14.0583 5.27178 13.6912L1.76932 8.56404C1.36471 7.97134 0.708266 7.97134 0.303658 8.56404C-0.101219 9.15633 -0.101219 10.1173 0.303658 10.71L3.80612 15.8371C4.3357 16.6124 5.03128 17 5.72686 17C6.42244 17 7.11802 16.6124 7.64733 15.8371L16.6963 2.59011C17.1012 1.99781 17.1012 1.03686 16.6963 0.444172C16.2917 -0.148123 15.6353 -0.148123 15.2304 0.444568Z' fill='white' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 1rem;
}
@keyframes slideme {
0% {
left: -30px;
margin-left: 0px;
}
30% {
left: 110%;
margin-left: 80px;
}
100% {
left: 110%;
margin-left: 80px;
}
}
@keyframes shine {
0% {
opacity: 0.3;
transform: scale(1);
}
100% {
opacity: 1;
transform: scale(1.1);
}
}
@keyframes blink {
from {
transform: scale(0);
opacity: 1;
}
50% {
transform: scale(1);
opacity: 0.8;
}
to {
transform: scale(2);
opacity: 0;
}
}
@keyframes nxt {
from {
transform: translateX(-0.1rem);
}
to {
transform: translateX(0.1rem);
}
}
@keyframes pulsation {
0% {
opacity: 1;
transform: scale(0);
}
75% {
opacity: 0.6;
transform: scale(0.75);
}
100% {
opacity: 0;
transform: scale(1);
}
}
@keyframes floating {
0% {
transform: translateY(0em);
}
100% {
transform: translateY(-0.8em);
}
}
@keyframes roll {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes pulse1 {
0% {
box-shadow: 0 0 0 0 rgba(242, 90, 199, 0.6);
}
70% {
box-shadow: 0 0 0 20px rgba(242, 90, 199, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(242, 90, 199, 0);
}
}
@keyframes stroke {
0% {
stroke-dashoffset: 0rem;
}
100% {
stroke-dashoffset: 1000rem;
}
}
@keyframes strokeback {
0% {
stroke-dashoffset: 1000rem;
}
100% {
stroke-dashoffset: 0rem;
}
}
.pt {
animation: 400s stroke infinite;
}
.pt-b {
animation: 400s strokeback infinite;
}
.loading{
position: relative;
color: transparent !important;
}
.loading *{
color: transparent !important;
}
.loading::before {
content: '';
height: 2rem;
width: 2rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' width='200' height='200' style='shape-rendering: auto; display: block; background: transparent;'%3E%3Cg%3E%3Ccircle stroke-dasharray='164.93361431346415 56.97787143782138' r='35' stroke-width='10' stroke='%23000000' fill='none' cy='50' cx='50'%3E%3CanimateTransform keyTimes='0;1' values='0 50 50;360 50 50' dur='1s' repeatCount='indefinite' type='rotate' attributeName='transform'/%3E%3C/circle%3E%3Cg/%3E%3C/g%3E%3C!-- %5Bldio%5D generated by https://loading.io --%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
}
.popup {
background-color: rgba(0, 0, 0, 0.94);
top: 0;
left: 0;
height: 100%;
width: 100%;
position: fixed;
z-index: 9999999;
display: none;
}
.popup-wrap {
width: 100%;
height: 100%;
overflow: auto;
display: flex;
padding-top: 2rem;
padding-bottom: 2rem;
}
.popup-wrap::-webkit-scrollbar {
width: 0px;
}
.popup-wrap .form, .popup-wrap .rev-p {
margin: auto;
}
.close {
cursor: pointer;
position: absolute;
width: 1rem;
height: 1rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
top: 1.25rem;
right: 1.25rem;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1535 0.0338945C15.4785 0.0963945 15.7597 0.318269 15.9004 0.618269C15.9691 0.765144 15.9847 0.840144 15.9847 1.04639C15.9847 1.53077 16.1972 1.29014 12.6253 4.8589L9.4691 8.01514L12.6535 11.2026C15.2379 13.7933 15.8472 14.4183 15.9066 14.5464C16.0129 14.7683 16.016 15.1683 15.9129 15.3901C15.8222 15.587 15.6222 15.7933 15.4222 15.8995C15.1972 16.0151 14.8379 16.0308 14.5785 15.937C14.3972 15.8683 14.2847 15.762 11.1941 12.6745L8.00035 9.48389L4.8191 12.6589C2.26597 15.2089 1.60972 15.8495 1.48472 15.9089C1.35347 15.9714 1.28159 15.9839 1.03159 15.9839C0.772219 15.9839 0.715969 15.9714 0.578469 15.8995C0.384719 15.7995 0.175344 15.5776 0.0847187 15.3808C-0.0152817 15.1683 -0.0090313 14.7651 0.0940933 14.5464C0.153469 14.4183 0.762844 13.7933 3.34722 11.2026L6.5316 8.01514L3.37535 4.8589C-0.196531 1.29014 0.0159683 1.53077 0.0159683 1.04639C0.0159683 0.843269 0.0315933 0.765144 0.0972185 0.624519C0.350344 0.087019 0.984719 -0.131731 1.51597 0.130769C1.59722 0.171394 2.73784 1.28702 4.8191 3.36827L8.00035 6.5464L11.1785 3.36827C13.2629 1.28702 14.4035 0.171394 14.4847 0.130769C14.591 0.0776443 14.9379 -0.00985527 14.9972 0.00264454C15.0066 0.00576878 15.0785 0.0182695 15.1535 0.0338945Z' fill='%233F3F3F' /%3E%3C/svg%3E");
}
@media (max-width: 960px) {
.close {
height: 12px;
width: 12px;
top: 10px;
right: 10px;
}
}
.p-form {
border-radius: 5px;
width: 33.375rem;
max-width: calc(100% - 40px);
box-shadow: 0 28px 70px 0 rgba(0, 0, 0, 0.05);
background: #fff;
padding: 2.1875rem;
margin: auto;
position: relative;
}
.p-form-gf {
background-size: contain;
background-repeat: no-repeat;
background-image: url(//stillestnica.ru/wp-content/themes/lps/assets/img/gf.png);
background-position: top 69% left 0;
}
.p-form-gf-cont {
margin-top: 17.625rem;
}
.p-form-title {
font-weight: 600;
font-size: 1.9375rem;
line-height: 115%;
letter-spacing: 0.02em;
text-align: center;
color: #0a0a0a;
}
.p-form-title span {
color: #5cc64b;
text-decoration: underline;
}
.p-form-title--min {
font-weight: 400;
font-size: 1.5625rem;
line-height: 130%;
letter-spacing: 0.01em;
text-align: center;
color: #000;
max-width: 24.375rem;
margin-right: auto;
margin-left: auto;
}
.p-form-sub {
font-weight: 400;
font-size: 1.1875rem;
line-height: 140%;
letter-spacing: 0.01em;
text-align: center;
color: #0c0c0c;
margin-top: 1rem;
}
.p-form-eco {
font-weight: 700;
font-size: 1.3125rem;
line-height: 110%;
letter-spacing: 0.01em;
color: #5cc64b;
display: flex;
justify-content: center;
align-items: center;
margin-top: 0.625rem;
}
.p-form-eco--min {
font-weight: 700;
font-size: 0.9375rem;
line-height: 132%;
letter-spacing: 0.01em;
text-align: center;
margin-top: 1.25rem;
color: #5cc64b;
}
.p-form-eco::before {
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_175_5153)'%3E%3Cellipse cx='10.6951' cy='11.1526' rx='6.11111' ry='6.26389' fill='white' /%3E%3Cpath d='M10.4964 0.059763C10.2386 0.124216 9.90778 0.287497 9.68434 0.459372C9.5984 0.523825 9.25895 0.906248 8.93239 1.31445C8.3609 2.01914 8.28356 2.09218 8.00426 2.16953C7.94411 2.18672 7.55309 2.10078 7.01168 1.95898C6.27692 1.76133 6.05778 1.71836 5.76989 1.71836C4.75583 1.71836 3.91364 2.40156 3.71598 3.38984C3.6859 3.54453 3.64723 4 3.63004 4.4039C3.58278 5.61562 3.59997 5.59414 2.49137 6.01953C1.52028 6.38906 1.33122 6.48789 1.04333 6.78008C0.59645 7.23125 0.368716 7.91445 0.458951 8.5289C0.51481 8.93711 0.639419 9.19492 1.15075 9.98125C1.67926 10.7891 1.67497 10.7848 1.67497 10.9996C1.67497 11.2145 1.67926 11.2102 1.15075 12.018C0.639419 12.8043 0.51481 13.0621 0.458951 13.4703C0.368716 14.0848 0.59645 14.768 1.04333 15.2191C1.33122 15.5113 1.52028 15.6102 2.49137 15.9797C3.59567 16.4051 3.58278 16.3879 3.63004 17.5523C3.66442 18.4633 3.71168 18.7383 3.88356 19.0992C4.06403 19.473 4.26598 19.7094 4.60114 19.9328C4.95348 20.1691 5.33161 20.2809 5.76989 20.2809C6.05778 20.2809 6.27692 20.2379 7.01168 20.0445C7.79372 19.834 7.92262 19.8082 8.06442 19.8469C8.15465 19.8727 8.26207 19.9156 8.30504 19.9457C8.34372 19.9758 8.6445 20.3281 8.96676 20.7277C9.61559 21.5227 9.83903 21.716 10.3117 21.8793C10.7027 22.0168 11.2957 22.0168 11.6867 21.8793C12.1593 21.716 12.3828 21.5227 13.0316 20.7277C13.3539 20.3281 13.6547 19.9758 13.6933 19.9457C13.7363 19.9156 13.8437 19.8727 13.9339 19.8469C14.0757 19.8082 14.2047 19.834 14.9867 20.0445C16.0179 20.3195 16.366 20.3453 16.8558 20.1949C17.148 20.1047 17.5562 19.8555 17.7539 19.6492C17.93 19.4645 18.1707 19.0391 18.2437 18.7855C18.2867 18.648 18.3339 18.1797 18.364 17.6254C18.4242 16.6199 18.4543 16.4953 18.6777 16.3363C18.7464 16.2934 19.116 16.1344 19.507 15.9883C19.898 15.8379 20.332 15.6574 20.4738 15.5844C21.2086 15.1934 21.6597 14.2996 21.5394 13.4703C21.4836 13.0621 21.3589 12.8043 20.8476 12.018C20.3191 11.2059 20.3234 11.2187 20.3234 10.991C20.3234 10.7891 20.3406 10.7547 21.0238 9.69765C21.4062 9.10469 21.5179 8.82969 21.5523 8.40859C21.6168 7.60937 21.1656 6.78008 20.4738 6.41914C20.332 6.34609 19.898 6.16133 19.507 6.01523C19.116 5.86484 18.7464 5.70586 18.6777 5.66289C18.4543 5.5039 18.4242 5.3793 18.364 4.38242C18.3382 3.87539 18.291 3.37265 18.2609 3.26523C18.0117 2.3457 17.191 1.71836 16.2285 1.71836C15.9406 1.71836 15.7214 1.76133 14.9867 1.95898C14.4453 2.10078 14.0543 2.18672 13.9941 2.16953C13.7148 2.09218 13.6375 2.01914 13.066 1.31015C12.4129 0.50234 12.1851 0.304686 11.7339 0.137106C11.3859 0.00819969 10.8273 -0.0261745 10.4964 0.059763ZM8.73903 7.3C9.24176 7.54492 9.51247 7.99179 9.51676 8.57187C9.51676 8.86406 9.49957 8.9543 9.39645 9.16055C9.13004 9.70195 8.51559 10.0586 7.957 9.99414C7.45426 9.93398 7.00739 9.61601 6.79684 9.16055C6.69801 8.9543 6.68083 8.85976 6.68083 8.55039C6.68512 8.16367 6.74958 7.9789 6.9859 7.66094C7.36833 7.14961 8.12458 6.99492 8.73903 7.3ZM14.4711 7.24844C14.7589 7.46328 14.8707 7.86719 14.7203 8.15508C14.6429 8.29687 7.79372 15.1375 7.66051 15.2062C7.53161 15.2707 7.24372 15.2664 7.07184 15.1934C6.88278 15.116 6.70231 14.8711 6.67223 14.6605C6.62067 14.2781 6.51754 14.3984 10.1785 10.7289C12.0605 8.84258 13.6675 7.26133 13.7492 7.21406C13.9425 7.10664 14.3035 7.12383 14.4711 7.24844ZM13.9855 12.5465C14.2562 12.6797 14.5183 12.9418 14.6558 13.2125C14.7418 13.3973 14.7589 13.4875 14.7589 13.8355C14.7589 14.1965 14.7461 14.2695 14.6386 14.4672C14.4925 14.7508 14.2777 14.9656 13.9941 15.1117C13.7964 15.2191 13.7234 15.232 13.3625 15.232C13.0187 15.232 12.9199 15.2148 12.748 15.1289C12.4773 14.9957 12.2023 14.7207 12.0734 14.4586C11.9187 14.1492 11.9015 13.6465 12.0304 13.307C12.155 12.9805 12.4945 12.6324 12.8125 12.5078C13.139 12.3789 13.6847 12.3961 13.9855 12.5465Z' fill='%235CC74B' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_175_5153'%3E%3Crect width='22' height='22' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
height: 1.375rem;
width: 1.375rem;
content: "";
margin-right: 0.75rem;
flex-shrink: 0;
background-size: contain;
background-repeat: no-repeat;
}
.p-form-text {
font-weight: 400;
font-size: 1.125rem;
line-height: 142%;
letter-spacing: 0.02em;
text-align: center;
color: #000;
margin-top: 1rem;
padding-left: 1.875rem;
padding-right: 1.875rem;
}
.p-form-gr {
margin-top: 1rem;
font-weight: 600;
font-size: 1.1875rem;
letter-spacing: 0.01em;
text-align: center;
color: #38ab48;
max-width: 25.3125rem;
margin-right: auto;
margin-left: auto;
}
.p-form-list {
font-weight: 400;
font-size: 1.125rem;
line-height: 115%;
letter-spacing: 0.02em;
color: #000;
}
.p-form-list li {
display: flex;
align-items: center;
margin-top: 1.375rem;
}
.p-form-list li::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath opacity='0.992' fill-rule='evenodd' clip-rule='evenodd' d='M11.8828 0C12.6293 0 13.3707 0 14.1172 0C19.109 0.634766 22.7043 3.20937 24.9082 7.71875C25.4973 9.0543 25.8578 10.4406 26 11.8828C26 12.6293 26 13.3707 26 14.1172C25.3652 19.109 22.7906 22.7043 18.2812 24.9082C16.9457 25.4973 15.5594 25.8578 14.1172 26C13.3707 26 12.6293 26 11.8828 26C6.89102 25.3652 3.2957 22.7906 1.0918 18.2812C0.502734 16.9457 0.142187 15.5594 0 14.1172C0 13.3707 0 12.6293 0 11.8828C0.634766 6.89102 3.20937 3.2957 7.71875 1.0918C9.0543 0.502734 10.4406 0.142187 11.8828 0ZM18.7891 8.125C19.4848 8.81055 20.15 9.52148 20.7949 10.2578C20.8305 10.2934 20.8305 10.3238 20.7949 10.3594C17.6668 13.1777 14.5437 16.0063 11.4258 18.8398C9.53672 16.9762 7.65781 15.1074 5.78906 13.2285C6.48984 12.5277 7.1957 11.8219 7.89648 11.1211C9.1 12.3297 10.3086 13.5332 11.5273 14.7266C13.9598 12.5379 16.382 10.3391 18.7891 8.125Z' fill='%235CC74B'/%3E%3C/svg%3E");
content: "";
width: 1.625rem;
background-repeat: no-repeat;
flex-shrink: 0;
height: 1.625rem;
margin-right: 12px;
background-size: contain;
}
.p-form-cont {
margin-top: 2.8125rem;
width: 24.625rem;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
.p-form-cont .consult-form-btn, .p-form-cont .consult-form-input {
width: 100%;
}
.p-form-cont-sosni {
margin-top: 20rem;
}
.p-form-cont-stup {
margin-top: 20rem;
}
.p-form-cont-cred {
margin-top: 22.5rem;
}
.p-form--sos {
background-size: 100% auto;
background-position: bottom right;
background-repeat: no-repeat;
background-image: url(//stillestnica.ru/wp-content/themes/lps/assets/img/sos.png);
}
.p-form--stup {
background-size: 100% auto;
background-position: top 50% right;
background-repeat: no-repeat;
background-image: url(//stillestnica.ru/wp-content/themes/lps/assets/img/stup.png);
}
.p-form--cred {
background-size: 400 auto;
background-position: top 30% center;
background-repeat: no-repeat;
background-image: url(//stillestnica.ru/wp-content/themes/lps/assets/img/cred.png);
}
@media (max-width: 450px) {
.p-form--cred {
background-position: top 50% center;
}
}
.p-form-cat {
width: 100%;
margin: -2.5rem 0px -6.25rem;
}
@media (max-width: 450px) {
.p-form .consult-form-btn, .p-form .consult-form-input {
width: 100%;
}
}
.r-form{
border-radius: 5px;
width: 47rem;
max-width: calc(100% - 30px);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
background: #fff;
margin: auto;
position: relative;
padding: 2rem;
}
.r-form-title{
font-weight: 400;
font-size: 1.5rem;
color: #000;
text-align: center;
}
.r-form-content{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 1.5rem 0;
align-items: center;
margin-top: 2.5rem;
}
.r-form-input{
border: 1px solid #d1d1d1;
border-radius: 5px;
width:  calc(33.3333% - 10px);
height: 3rem;
font-weight: 300;
padding: 1.25rem;
font-size: 0.875rem;
color: #959595;
background: #fff !important;
}
.r-form-mark{
}
.rev-form-file{
display: flex;
border: 1px solid #d1d1d1;
border-radius: 5px;
width: 12.5rem;
height: 3rem;
background: #4fdc63;
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem;
font-weight: 500;
font-size: 0.875rem;
color: #fff;
}
.rev-form-file::after{
background-image: url("data:image/svg+xml,%3Csvg width='30' height='26' viewBox='0 0 30 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.49405 11.994C6.04405 11.994 5.82405 12.541 6.14605 12.854L14.1461 20.854C14.3341 21.04 14.6341 21.049 14.8321 20.874L23.8321 12.874C24.3791 12.434 23.6681 11.634 23.1681 12.127L14.5201 19.812L6.85405 12.146C6.75905 12.049 6.63005 11.994 6.49405 11.994ZM14.5001 0C14.7771 0 15.0001 0.223 15.0001 0.5V18.5C15.0001 18.777 14.7771 19 14.5001 19C14.2231 19 14.0001 18.777 14.0001 18.5V0.5C14.0001 0.223 14.2231 0 14.5001 0ZM0.500052 20C0.224052 20.004 -0.00394816 20.224 5.18426e-05 20.5V24.5C5.18426e-05 25.322 0.678052 26 1.50005 26H28.5001C29.3221 26 30.0001 25.322 30.0001 24.5V20.5C30.0101 19.84 29.0001 19.843 29.0001 20.5V24.5C29.0001 24.786 28.7861 25 28.5001 25H1.50005C1.21405 25 1.00005 24.786 1.00005 24.5V20.5C1.00405 20.218 0.782052 19.996 0.500052 20Z' fill='white' /%3E%3C/svg%3E");
width: 2rem;
height: 2rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
content: '';
}
.r-form-ta{
width: 100%;
border: 1px solid #d1d1d1;
border-radius: 5px;
width: 100%;
padding: 1.25rem;
height: 8rem;
padding: 1.25rem;
font-size: 0.875rem;
color: #959595;
font-family: inherit;
resize: none;
}
@media (max-width: 540px) {
.r-form-input{
width: 100%;
}
}
@media (max-width: 440px) {
.rev-form-file{
order: 2;
}
.r-form-content{
gap: 1rem 0;
}
}
@media(max-width: 899px){
.catalog-filters-wrap{
height: 100vh;
background-color: #fff;
padding: 20px;
overflow: auto;
}
.catalog-filters{
position: fixed;
top: 0;
left: 0;
z-index: 100000;
padding: 0;
}
.catalog-filters::-webkit-scrollbar {
width: 0.4rem;
background-color: #fff;
}
.catalog-filters::-webkit-scrollbar-thumb {
background-color: #2AA81A;
width: 12px;
border-radius: 10px;
}
}
body.drkness{
position: relative;
}
body.drkness::before{
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.65);
content: '';
z-index: 10000;
}
body::before{
transition: all .5s;
}
.sitemap-col{
width: 31%;
}
@media (max-width: 899px) {
.sitemap-col{
width: 100%;
}
}
.t-form-wrap{
margin: auto;
width: 48rem;
overflow: hidden;
padding: 4rem;
position: relative;
max-width: calc(100% - 30px);
background: linear-gradient(206deg, #66cdf3 0%, #7ed8fa 21.37%, #a6eefc 58.46%, #63cbf2 100%);
}
.t-form-wrap .p-form{
margin: 0;
position: static;
}
@media (max-width: 899px) {
.t-form-wrap .p-form{
background-color: transparent;
margin: auto;
box-shadow: none;
width: 100%;
max-width: 100%;
}
.t-form-wrap{
padding: 0rem;
padding-bottom: 12rem;
}
}
.p-form-important{
font-weight: 600;
font-size: 1.625rem;
margin-top: 1.5rem;
text-decoration: underline;
text-decoration-skip-ink: none;
text-align: center;
color: #000;
}
.p-form-img{
position: absolute;
right: -15rem;
top: 54%;
transform: translateY(-50%);
pointer-events: none;
width: 30rem;
}
@media (max-width: 899px) {
.p-form-img{
bottom:-13rem;
top: unset;
right: 50%;
transform: translateX(50%);
}
}
.consult .pg-cont{
padding-top: 7rem;
margin-bottom: 2rem;
}
@media (max-width: 899px) {
.consult .pg-cont{
padding: 0;
}
.catalog-filters{
position: fixed;
top: 0;
left: 0;
height: 100vh;
}
}
.filter-submit{
position: absolute;
border: 1px solid #3abe4d;
border-radius: 1111px;
width: 5.5rem;
height: 1.75rem;
background: #fff;
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 0.45rem;
line-height: 199.4%;
text-align: center;
letter-spacing: 0.02em;
display: flex;
align-items: center;
justify-content: center;
color: #000000;
top: 7.5rem;
right: -4rem;
display: none;
}
@media(max-width: 899px){
.filter-submit{
position: absolute;
border: 1px solid #3abe4d;
border-radius: 1111px;
width: 11.5rem;
height: 3.75rem;
background: #fff;
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 0.9rem;
line-height: 199.4%;
text-align: center;
letter-spacing: 0.02em;
display: flex
;
align-items: center;
justify-content: center;
color: #000000;
top: 6.5rem;
right: -11rem;
}
}
.catalog-filters-cost-inputs{
position: relative;
}
.price-page__text ul li{
display: flex;
margin-bottom: 1.5em;
}
.price-page__text ul li::before{
height: 0.5rem;
width: 0.5rem;
margin: .5em;
content: '';
background: #3abe4d;
border-radius: 50%;
flex-shrink: 0;
}
@media (max-width: 640px){
.price-page__text ul li strong{
min-width: 8rem;
text-align: right;
margin-left: auto;
}
}
.close--lg{
width: 2rem;
height: 2rem;
}
.second {
position: relative;
height: 100%;
}
.contacts-item-alert{
font-size: 0.75rem;
color: red;
margin-top: 0.5rem;
}
.pg-cont + .contacts{
padding-top: 2rem;
padding-bottom: 6.5625rem;
}
}
.catalog-filters-item-head.active::after{
transform: rotate(180deg);
}
.price-page__list{
max-width: 46rem;
}
.faq__item-answ a{
color:#5cc74b;
text-decoration: underline;
font-weight: 600;
}
.p-form-cat{
pointer-events: none;
}
.price-page__item-cost{
white-space: nowrap;
}
.t-form-wrap, .t-form{
height: max-content;
}
@media (max-width: 540px){
.phone-widg-ph{
width: 75px;
height: 75px;
background-size: 75px 75px;
}
}
.catalog-list.loading{
height: 500px;
}
.popup .quiz{
margin: auto;
width: 100%;
}
.popup .quiz-wrap{
background: #f3f7fa;
position: relative;
}
.popup .quiz__additional.m-only{
display: none;
}
@media (max-width: 899px) {
.popup .quiz-content {
padding: 35px 10px;
}
}