@charset "UTF-8";
  html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%; word-break: normal;
}
*,
::before,
::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
background-repeat: no-repeat; }
::before,
::after {
text-decoration: inherit; vertical-align: inherit;
}
* {
margin: 0;
padding: 0; } hr {
height: 0; overflow: visible; color: inherit; }
details,
main {
display: block; }
summary {
display: list-item; }
small {
font-size: 80%; }
[hidden] {
display: none; }
abbr[title] { text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
border-bottom: none; }
a {
color: inherit;
background-color: transparent; }
a:active,
a:hover {
outline-width: 0; }
code,
kbd,
pre,
samp {
font-family: monospace, monospace; }
pre {
font-size: 1em; }
b,
strong {
font-weight: bolder; } sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
text-indent: 0; border-color: inherit; } input {
border-radius: 0;
} [disabled] {
cursor: default;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto; }
[type=search] {
outline-offset: -2px; -webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield; }
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none; }
textarea {
overflow: auto; resize: vertical; }
button,
input,
optgroup,
select,
textarea {
font: inherit; }
optgroup {
font-weight: bold; }
button {
overflow: visible; }
button,
select {
text-transform: none; } button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
color: inherit;
cursor: pointer;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
} button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
outline: 1px dotted ButtonText;
}
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button; } button,
input,
select,
textarea {
background-color: transparent;
border-style: none;
}
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
outline-width: 0;
} select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
select::-ms-expand {
display: none; }
select::-ms-value {
color: currentcolor; }
legend {
display: table; max-width: 100%; color: inherit; white-space: normal; border: 0; }
::-webkit-file-upload-button {
color: inherit;
font: inherit;  -webkit-appearance: button;
appearance: button;
} img {
border-style: none; } progress {
vertical-align: baseline;
}  [aria-busy=true] {
cursor: progress;
} [aria-controls] {
cursor: pointer;
} [aria-disabled=true] {
cursor: default;
}
address {
font-style: inherit;
} .visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
border: 0;
clip: rect(0 0 0 0);
}
.container {
width: 100%;
max-width: 1230px;
margin: 0 auto;
padding: 0 15px;
}
@font-face {
font-weight: 400;
font-family: "Gotham Pro";
font-style: normal;
src: url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/GothamPro.woff2) format("woff2"), url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/GothamPro.woff) format("woff"), url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/GothamPro.ttf) format("ttf");
font-display: swap;
}
@font-face {
font-weight: 400;
font-family: "Gotham Pro";
font-style: italic;
src: url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/GothamPro-Italic.woff2) format("woff2"), url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/GothamPro-Italic.woff) format("woff"), url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/GothamPro-Italic.ttf) format("ttf");
font-display: swap;
}
@font-face {
font-weight: 500;
font-family: "Gotham Pro";
font-style: normal;
src: url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/GothamPro-Medium.woff2) format("woff2"), url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/GothamPro-Medium.woff) format("woff"), url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/GothamPro-Medium.ttf) format("ttf");
font-display: swap;
}
@font-face {
font-weight: 700;
font-family: "Gotham Pro";
font-style: normal;
src: url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/GothamPro-Bold.woff2) format("woff2"), url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/GothamPro-Bold.woff) format("woff"), url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/GothamPro-Bold.ttf) format("ttf");
font-display: swap;
}
@font-face {
font-weight: 400;
font-family: "Futura PT";
font-style: normal;
src: url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/FuturaPT-Book.woff2) format("woff2"), url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/FuturaPT-Book.woff) format("woff"), url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/FuturaPT-Book.ttf) format("ttf");
font-display: swap;
}
@font-face {
font-weight: 500;
font-family: "Futura PT";
font-style: normal;
src: url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/FuturaPT-Medium.woff2) format("woff2"), url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/FuturaPT-Medium.woff) format("woff"), url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/FuturaPT-Medium.ttf) format("ttf");
font-display: swap;
}
@font-face {
font-weight: 600;
font-family: "Futura PT";
font-style: normal;
src: url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/FuturaPT-Demi.woff2) format("woff2"), url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/FuturaPT-Demi.woff) format("woff"), url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/FuturaPT-Demi.ttf) format("ttf");
font-display: swap;
}
@font-face {
font-weight: 700;
font-family: "Futura PT";
font-style: normal;
src: url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/FuturaPT-Bold.woff2) format("woff2"), url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/FuturaPT-Bold.woff) format("woff"), url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/FuturaPT-Bold.ttf) format("ttf");
font-display: swap;
}
@font-face {
font-weight: 700;
font-family: "Presentum-TYGRA";
font-style: normal;
src: url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/presentum.woff2) format("woff2"), url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/presentum.woff) format("woff"), url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/presentum.ttf) format("ttf");
font-display: swap;
}
@font-face {
font-weight: 700;
font-family: "Ropa-Sans";
font-style: normal;
src: url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/Ropa-Sans.woff2) format("woff2"), url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/Ropa-Sans.woff) format("woff"), url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/Ropa-Sans.ttf) format("ttf");
font-display: swap;
}
@font-face {
font-weight: 700;
font-family: "Cambria";
font-style: normal;
src: url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/Cambria.woff2) format("woff2"), url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/Cambria.woff) format("woff"), url(//bf-siberia-tmn.ru/wp-content/themes/syberia/assets/fonts/Cambria.ttf) format("ttf");
font-display: swap;
}
:root {
--color-light: #fff;
--color-black: #000;
--color-gray: #d6d6d6;
--color-gray-dark: #949494;
--color-brown: #4e2f1b;
--color-fun-green: #01652f;
--color-green-haze: #04a255;
--color-emerald: #48c95f;
--color-blue: #07f;
--color-piction-blue: #27a6e5;
--color-affair: #7c509a;
}
.icon {
display: inline-block;
width: 1em;
height: 1em;
fill: currentcolor;
}
.list-reset {
list-style: none;
}
.page {
height: 100%;
}
.page__body {
height: 100%;
min-height: 100%;
color: #000;
background-color: #fff;
font-weight: 400;
font-size: 16px;
font-family: "Gotham Pro", sans-serif;
line-height: 1.3;
}
.page__body.lock {
overflow: hidden;
}
.page__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
min-height: 100%;
overflow: hidden;
}
.page__main {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 130px;
min-height: 40px;
padding: 5px 25px;
color: var(--color-light);
font-weight: 500;
font-size: 16px;
text-align: center;
text-decoration: none;
background-color: var(--color-fun-green);
border: 2px solid var(--color-fun-green);
border-radius: 8px;
cursor: pointer;
-webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out, color 0.3s ease-out;
transition: background-color 0.3s ease-out, color 0.3s ease-out;
}
.button:hover {
color: var(--color-fun-green);
background-color: var(--color-light);
}
.button:disabled {
cursor: default;
}
.button--stroke {
color: var(--color-fun-green);
background-color: var(--color-light);
border-color: var(--color-fun-green);
}
.button--stroke:hover {
color: var(--color-light);
background-color: var(--color-fun-green);
}
.button--secondary {
background-color: var(--color-brown);
border: 2px solid var(--color-brown);
}
.button--secondary:hover {
color: var(--color-brown);
background-color: var(--color-light);
}
.buttoncart {
width:200px;
float: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 130px;
min-height: 40px;
padding: 5px 25px;
color: var(--color-light);
font-weight: 500;
font-size: 16px;
text-align: center;
text-decoration: none;
background-color: var(--color-fun-green);
border: 2px solid var(--color-fun-green);
border-radius: 8px;
cursor: pointer;
-webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out, color 0.3s ease-out;
transition: background-color 0.3s ease-out, color 0.3s ease-out;
}
.buttoncart:hover {
color: var(--color-fun-green);
background-color: var(--color-light);
}
.buttoncart:disabled {
cursor: default;
}
buttoncart--stroke {
color: var(--color-fun-green);
background-color: var(--color-light);
border-color: var(--color-fun-green);
}
buttoncart--stroke:hover {
color: var(--color-light);
background-color: var(--color-fun-green);
}
buttoncart--secondary {
background-color: var(--color-brown);
border: 2px solid var(--color-brown);
}
buttoncart--secondary:hover {
color: var(--color-brown);
background-color: var(--color-light);
}
.logo {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 80px;
overflow: hidden;
text-decoration: none;
background-color: var(--color-light);
border-radius: 50%;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}
.logo__box {
position: relative;
width: 100%;
padding-bottom: 100%;
}
.logo__img,
.logo img,
.logo svg {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: -32px;
margin-bottom: -10px;
margin-left: -32px;
font-size: 16px;
list-style: none;
}
.menu li {
margin-right: 32px;
margin-bottom: 10px;
margin-left: 32px;
}
.menu a {
text-decoration: none;
-webkit-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}
.menu a:hover {
color: var(--color-green-haze);
}
.socials__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: -3.5px;
margin-left: -3.5px;
list-style: none;
}
.socials__text {
margin-bottom: 10px;
}
.socials__item {
margin-right: 3.5px;
margin-left: 3.5px;
}
.socials__item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 24px;
height: 24px;
}
.socials__item a svg,
.socials__item a .icon,
.socials__item a img {
width: 100%;
height: 100%;
}
.section {
padding: 60px 0 40px;
}
.section__title {
font-weight: 500;
font-size: 32px;
line-height: 1;
margin-bottom: 30px;
}
.section--page .section__title {
font-weight: 500;
font-size: 20px;
line-height: 1;
}
.input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.input--light .input__control {
color: var(--color-light);
}
.input--light .input__label {
color: var(--color-brown);
}
.input__label {
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 155px;
margin-right: 30px;
font-size: 14px;
}
.input__box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.input__box a {
display: block;
margin-top: 5px;
color: #1991b7;
font-size: 14px;
line-height: 1;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.input__control {
width: 100%;
resize: none;
padding: 11px 3px 0;
color: var(--color-black);
font-size: 16px;
border-bottom: 1px solid var(--color-gray);
}
.input__control:focus::-webkit-input-placeholder {
opacity: 0;
}
.input__control:focus::-moz-placeholder {
opacity: 0;
}
.input__control:focus:-ms-input-placeholder {
opacity: 0;
}
.input__control:focus::-ms-input-placeholder {
opacity: 0;
}
.input__control:focus::placeholder {
opacity: 0;
}
.input__control:disabled {
opacity: 0.5;
}
.input__control::-webkit-input-placeholder {
color: #d6d6d6;
}
.input__control::-moz-placeholder {
color: #d6d6d6;
}
.input__control:-ms-input-placeholder {
color: #d6d6d6;
}
.input__control::-ms-input-placeholder {
color: #d6d6d6;
}
.input__control::placeholder {
color: #d6d6d6;
}
.input--textarea .input__control {
min-height: 130px;
}
.input--error .input__control {
border-color: red;
}
.input--success .input__control {
border-color: green;
}
.switch {
display: inline-block;
width: 38px;
}
.switch__input {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
border: 0;
clip: rect(0 0 0 0);
}
.switch__input:checked + .switch__group .switch__toggle {
border-color: #62b564;
}
.switch__input:checked + .switch__group .switch__toggle::before {
left: calc(100% - 14px - 2px);
background-color: #62b564;
}
.switch__input:disabled + .switch__group {
cursor: default;
opacity: 0.5;
}
.switch__group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
cursor: pointer;
}
.switch__toggle {
position: relative;
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 36px;
height: 18px;
background: var(--color-light);
border: 1px solid var(--color-gray);
border-radius: 10px;
-webkit-transition: border-color 0.3s ease-out;
-o-transition: border-color 0.3s ease-out;
transition: border-color 0.3s ease-out;
}
.switch__toggle::before {
position: absolute;
top: 50%;
left: 2px;
display: block;
width: 14px;
height: 14px;
background-color: var(--color-gray);
border-radius: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: background-color 0.3s ease-out, left 0.3s ease-out;
-o-transition: background-color 0.3s ease-out, left 0.3s ease-out;
transition: background-color 0.3s ease-out, left 0.3s ease-out;
content: "";
}
.switch__label {
margin-top: 2px;
color: var(--color-gray);
font-weight: 400;
font-size: 14px;
font-family: "Futura PT", sans-serif;
line-height: 1;
}
.switch--radio .switch__toggle::after,
.switch--radio .switch__toggle::before {
border-radius: 50%;
}
.checkbox {
display: block;
}
.checkbox__input {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
border: 0;
clip: rect(0 0 0 0);
}
.checkbox__input:checked + .checkbox__group .checkbox__toggle::after {
opacity: 1;
}
.checkbox__input:disabled + .checkbox__group {
cursor: default;
opacity: 0.5;
}
.checkbox__group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
cursor: pointer;
}
.checkbox__toggle {
position: relative;
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 18px;
height: 18px;
margin-right: 10px;
}
.checkbox__toggle::before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border: 1px solid var(--color-gray-dark);
border-radius: 2px;
content: "";
}
.checkbox__toggle::after {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 12px;
height: 10px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgNC41NTU1Nkw1LjU0NTQ1IDlMMTEgMSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==);
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
content: "";
}
.checkbox__label {
margin-top: 2px;
color: var(--color-gray-dark);
font-weight: 400;
font-size: 16px;
font-family: "Futura PT", sans-serif;
line-height: 1;
}
.checkbox--radio .checkbox__toggle::after,
.checkbox--radio .checkbox__toggle::before {
border-radius: 50%;
}
.select {
padding: 9px 15px 0 3px;
color: var(--color-black);
font-size: 16px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgNiA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy4zNjcyOCAzLjYwMjQxQzMuMTY5MzIgMy44MTY3MSAyLjgzMDY4IDMuODE2NzEgMi42MzI3MiAzLjYwMjQxTDAuMzExMTg4IDEuMDg5MjdDMC4wMTUzNjI1IDAuNzY5MDM0IDAuMjQyNDk5IDAuMjQ5OTk5IDAuNjc4NDY1IDAuMjQ5OTk5TDUuMzIxNTQgMC4yNUM1Ljc1NzUgMC4yNSA1Ljk4NDY0IDAuNzY5MDM1IDUuNjg4ODEgMS4wODkyOEwzLjM2NzI4IDMuNjAyNDFaIiBmaWxsPSIjRDlEOUQ5Ii8+Cjwvc3ZnPgo=);
background-repeat: no-repeat;
background-position: calc(100% - 3px) 14px;
background-size: 8px 5px;
border-bottom: 1px solid var(--color-gray);
}
.select option {
color: var(--color-black);
}
.select--light {
color: var(--color-light);
}
.form__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-bottom: -20px;
margin-left: -15px;
}
.form__row > * {
width: calc(50% - 30px);
margin-right: 15px;
margin-bottom: 20px;
margin-left: 15px;
}
.form__field {
margin-bottom: 20px;
}
.slider {
position: relative;
}
.slider__item {
width: 100%;
}
.slider__pagination.swiper-pagination-lock {
display: none;
}
.slider__navigation {
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: -15px;
margin-right: -15px;
margin-left: -15px;
}
.slider__navigation--center {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
width: 100%;
margin-top: 0;
margin-right: 0;
margin-left: 0;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.slider__navigation--center .slider__btn {
position: absolute;
top: 0;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.slider__navigation--center .slider__btn--next {
right: 0;
left: auto;
}
.slider__navigation.swiper-navigation-lock {
display: none;
}
.slider__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 30px;
height: 30px;
color: var(--color-gray-dark);
text-align: center;
text-decoration: none;
background: var(--color-light);
border: 1px solid var(--color-gray-dark);
border-radius: 50%;
}
.slider__btn .icon,
.slider__btn svg {
width: 16px;
height: 16px;
}
.slider__btn--next .icon,
.slider__btn--next svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.slider--visible .swiper {
overflow: visible;
}
.content > * {
margin: 10px 0;
}
.content > *:first-child {
margin-top: 0;
}
.content > *:last-child {
margin-bottom: 0;
}
.content img {
display: block;
width: 100%;
height: auto;
}
.content ul,
.content ol {
-webkit-padding-start: 20px;
padding-inline-start: 20px;
}
.counter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.counter--light .counter__minus,
.counter--light .counter__plus {
color: var(--color-black);
background-color: var(--color-light);
}
.counter--light .counter__input {
color: var(--color-light);
}
.counter__minus {
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 16px;
height: 16px;
margin-right: 3px;
color: var(--color-light);
font-size: 14px;
line-height: 1;
background-color: var(--color-green-haze);
border-radius: 5px;
}
.counter__input {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 38px;
height: 30px;
text-align: center;
border-bottom: 1px solid var(--color-gray);
}
.counter__plus {
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 16px;
height: 16px;
margin-left: 3px;
color: var(--color-light);
font-size: 14px;
line-height: 1;
background-color: var(--color-green-haze);
border-radius: 5px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
-moz-appearance: number-input;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.header {
background-color: #f6f6f6;
}
.header__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 70px;
}
.header__top > *:not(:last-child) {
margin-right: 20px;
}
.header__logo-group {
position: relative;
z-index: 1;
}
.header__contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-left: auto;
}
.header__phone {
margin-bottom: 5px;
font-weight: 700;
font-size: 16px;
text-decoration: none;
}
.header__burger {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 25px;
height: 15px;
}
.header__burger span,
.header__burger::before,
.header__burger::after {
display: block;
width: 100%;
height: 2px;
background-color: var(--color-gray-dark);
border-radius: 2px;
-webkit-transition: width 0.3s ease-out;
-o-transition: width 0.3s ease-out;
transition: width 0.3s ease-out;
content: "";
}
.header__burger::before {
width: 70%;
}
.header__burger::after {
width: 40%;
}
.header__burger.active::after,
.header__burger.active::before {
width: 100%;
}
.header__cart {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
height: 36px;
margin-right: 0 !important;
}
.header__cart span {
position: absolute;
top: -2px;
right: 8px;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 15px;
height: 15px;
color: #fff;
font-weight: 500;
font-size: 10px;
}
.header__cart span::before {
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
width: 100%;
height: 100%;
background-color: var(--color-gray-dark);
-webkit-transform: translate(-50%, -50%) rotate(-9deg);
-ms-transform: translate(-50%, -50%) rotate(-9deg);
transform: translate(-50%, -50%) rotate(-9deg);
content: "";
}
.header__cart--notempty span::before {
background-color: var(--color-green-haze);
}
.header__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 20px 0;
}
.header-logo-group {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-logo-group__logo {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header-logo-group__text {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 11px;
font-weight: 500;
font-size: 16px;
line-height: 1;
white-space: nowrap;
}
.header-logo-group__text > span {
display: block;
margin-top: 4px;
font-size: 12px;
}
.header-logo-group__text > span span {
color: var(--color-piction-blue);
}
.header-logo-group__text::before {
position: absolute;
top: 50%;
right: 0;
z-index: -1;
width: calc(100% + 35px);
height: 100%;
background: var(--color-light);
border-radius: 8px;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
}
.footer {
padding: 15px 0;
font-family: "Futura PT", sans-serif;
background-color: #f6f6f6;
}
.footer__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer__group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer__logo {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 20px;
}
.footer__copyright {
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
font-size: 16px;
line-height: 1.2;
white-space: nowrap;
}
.footer__contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.footer__phone {
display: block;
margin-bottom: 5px;
font-weight: 700;
font-size: 18px;
text-decoration: none;
}
.footer__email {
display: block;
font-size: 16px;
}
.footer__links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
font-size: 16px;
line-height: 1.2;
list-style: none;
}
.footer__links li:not(:last-child) {
margin-bottom: 10px;
}
.footer__links a {
text-decoration: none;
-webkit-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}
.footer__links a:hover {
color: var(--color-green-haze);
}
.documents__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: -10px;
margin-bottom: -20px;
margin-left: -10px;
list-style: none;
}
.documents__item {
width: calc(25% - 20px);
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
}
.documents__card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px 10px 20px;
background: var(--color-light);
border-radius: 10px;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.documents__card-box {
position: relative;
width: 100%;
padding-bottom: 146.5%;
}
.documents__card img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.stages__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: -10px;
margin-bottom: -20px;
margin-left: -10px;
list-style: none;
counter-reset: stages-list;
}
.stages__item {
width: calc(33.3333333333% - 20px);
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
}
.stages-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
min-height: 70px;
margin-top: 5px;
margin-left: 5px;
padding: 7px 5px 7px 0;
font-size: 16px;
line-height: 1;
background: var(--color-light);
border-radius: 8px;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.stages-card::before {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 70px;
height: 40px;
margin-top: -12px;
margin-right: 15px;
margin-left: -5px;
color: var(--color-light);
font-weight: 700;
font-size: 20px;
text-align: center;
background-color: var(--color-brown);
border-radius: 100px/60px;
content: counter(stages-list);
counter-increment: stages-list;
}
.stages-card__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.technology__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-right: -10px;
margin-bottom: -20px;
margin-left: -10px;
}
.technology__col-8 {
width: calc(66.6666666667% - 20px);
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
}
.technology__col-4 {
width: calc(33.3333333333% - 20px);
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
}
.technology__subtitle {
font-weight: 500;
font-size: 16px;
line-height: 1.3;
margin-bottom: 20px;
font-weight: 700;
}
.technology__content:not(:last-child) {
margin-bottom: 20px;
}
.technology__table-dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.technology__table-dl:not(:last-child) {
margin-bottom: 20px;
}
.technology__table-dt {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 259px;
margin-right: 20px;
font-weight: 500;
}
.technology__table-dd {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.technology__img--big .technology__img-box {
background-color: var(--color-light);
border: 1px solid var(--color-gray);
}
.technology__img--big .technology__img-box img {
height: 300px;
-o-object-fit: cover;
object-fit: cover;
}
.technology__img-box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
overflow: hidden;
background-color: #eef3fa;
border-radius: 10px;
}
.technology__img-box img {
display: block;
width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.about {
color: var(--color-light);
background-color: var(--color-green-haze);
}
.about__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
}
.about__info {
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 200px;
padding: 10px 45px 10px 30px;
color: var(--color-black);
}
.about__info::before {
position: absolute;
top: 50%;
left: 0;
z-index: -1;
width: calc(100% + 150px);
height: 100%;
background: var(--color-light);
border-radius: 8px;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
}
.about__logo {
position: relative;
z-index: 1;
width: 260px;
margin: -30px 0;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
.contacts-section__inner {
position: relative;
padding: 30px;
}
.contacts-section__map {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 10px;
}
.contacts-section__map > div {
width: 100%;
height: 100%;
}
.contacts-section__map iframe {
width: 100%;
height: 100%;
border: none;
}
.contacts-section__box {
position: relative;
z-index: 1;
width: 100%;
max-width: 445px;
margin-left: auto;
padding: 40px 30px;
background: var(--color-light);
border-radius: 10px;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.contacts-section__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
font-family: "Futura PT", sans-serif;
}
.contacts-section__item:not(:last-child) {
margin-bottom: 20px;
}
.contacts-section__item-title {
margin-bottom: 4px;
font-size: 16px;
line-height: 1.2;
}
.contacts-section__item-value {
font-weight: 600;
font-size: 20px;
line-height: 1.1;
text-decoration: none;
}
.procedure {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.procedure::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.6)));
background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
background: linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
content: "";
}
.procedure .container {
position: relative;
z-index: 1;
}
.procedure__list {
list-style: none;
}
.procedure__item:not(:first-child) {
margin-top: -20px;
}
.procedure__item:not(:first-child) .procedure-item {
padding-top: 30px;
}
.procedure__item:nth-child(1) {
position: relative;
z-index: 3;
}
.procedure__item:nth-child(2) {
position: relative;
z-index: 2;
}
.procedure__item:nth-child(3) {
position: relative;
z-index: 1;
}
.procedure-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px 20px;
background: var(--color-light);
border-radius: 10px;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.procedure-item__title {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 205px;
font-weight: 500;
font-size: 16px;
line-height: 1.2;
}
.procedure-item__info {
padding-left: 20px;
font-size: 16px;
line-height: 1.2;
border-left: 1px solid var(--color-gray);
}
.procedure-item__info small {
display: block;
margin-top: 12px;
color: var(--color-gray-dark);
font-size: 14px;
line-height: 1.2;
}
.addresses__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-right: -10px;
margin-bottom: -20px;
margin-left: -10px;
}
.addresses__info {
width: calc(66.6666666667% - 20px);
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
}
.addresses__dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.addresses__dl:not(:last-child) {
margin-bottom: 20px;
}
.addresses__dl dt {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 259px;
margin-right: 20px;
font-weight: 500;
}
.addresses__dl dd {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.addresses__img {
width: calc(33.3333333333% - 20px);
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
}
.addresses__img-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.addresses__img-box img {
display: block;
width: 100%;
height: auto;
}
.offer__inner {
margin-right: -10px;
margin-left: -10px;
}
.offer__content {
width: calc(83.3333333333% - 20px);
margin-right: 10px;
margin-left: 10px;
}
.offer__content p strong {
display: inline-block;
margin-top: 10px;
}
.hero {
position: relative;
padding: 90px 0 80px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.hero::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -o-linear-gradient(270.9deg, rgba(255, 255, 255, 0.8) 1.03%, rgba(255, 255, 255, 0.8) 37.95%, rgba(255, 255, 255, 0.104) 56.23%, rgba(255, 255, 255, 0.216) 99.49%);
background: linear-gradient(179.1deg, rgba(255, 255, 255, 0.8) 1.03%, rgba(255, 255, 255, 0.8) 37.95%, rgba(255, 255, 255, 0.104) 56.23%, rgba(255, 255, 255, 0.216) 99.49%);
content: "";
}
.hero .container {
position: relative;
z-index: 1;
}
.hero__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hero__title {
width: 100%;
margin-bottom: 55px;
line-height: 1;
text-align: center;
font-weight: 700;
font-size: 44px;
line-height: 1.1;
}
.hero__title span {
display: block;
margin-top: 30px;
font-weight: 400;
font-size: 30px;
}
.hero__features {
width: 100%;
margin-bottom: 60px;
}
.hero__btn {
margin-right: auto;
margin-left: auto;
}
.hero-features__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -10px;
margin-bottom: -20px;
margin-left: -10px;
list-style: none;
}
.hero-features__item {
width: calc(33.3333333333% - 20px);
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
}
.hero-feature {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hero-feature__icon {
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100px;
height: 50px;
color: #fff;
background-color: var(--color-brown);
border-radius: 100px/50px;
}
.hero-feature__icon .icon,
.hero-feature__icon svg {
width: auto;
height: 30px;
fill: none;
stroke: white;
stroke-width: 0.3px;
}
.hero-feature__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
min-height: 54px;
margin-top: -10px;
padding: 10px;
font-size: 18px;
font-family: "Futura PT", sans-serif;
line-height: 1;
text-align: center;
background: var(--color-light);
border-radius: 8px;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.reviews {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.reviews::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.6);
content: "";
}
.reviews .container {
position: relative;
z-index: 1;
}
.reviews .swiper-slide {
height: unset !important;
}
.reviews .slider__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.reviews__item {
padding: 20px;
background: var(--color-light);
border-radius: 10px;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.reviews__item-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.reviews__item-img img {
width: 100%;
height: auto;
max-height: 230px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.review-card {
width: 100%;
padding: 20px;
background: var(--color-light);
border-radius: 10px;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.review-card__top {
margin-bottom: 10px;
}
.review-card__author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.review-card__author-img {
width: 30px;
height: 30px;
margin-right: 10px;
overflow: hidden;
border-radius: 50%;
}
.review-card__author-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.review-card__author-name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 700;
font-size: 14px;
}
.review-card__author-name span {
position: relative;
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 20px;
color: var(--color-gray-dark);
font-weight: 500;
}
.review-card__author-name span::before {
position: absolute;
top: 50%;
left: -13px;
width: 6px;
height: 6px;
background-color: var(--color-gray);
border-radius: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
}
.review-card__author-date {
color: var(--color-gray-dark);
font-size: 12px;
}
.review-card__content > *:not(:last-child) {
margin-bottom: 10px;
}
.review-card__content img {
display: block;
width: 100%;
height: auto;
border-radius: 8px;
}
.section.works {
padding: 60px 0 100px;
}
.works__body {
max-width: 700px;
aspect-ratio: 1.33333333333 / 1;
margin: 0 auto;
}
.works__main-img {
position: relative;
width: 100%;
height: 100%; overflow: hidden;
border-radius: 10px;
}
.works__main-img img {
position: relative;
width: 100%;
height: 100%;
object-fit: cover;
objective-position: center;
} .works__item { width: 105px;
}
.works__item-box {
position: relative;
width: 100%;
padding-bottom: 100%;
overflow: hidden;
border: 3px solid var(--color-light);
border-radius: 50%;
}
.works__item-box::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--color-light);
opacity: 0.7;
-webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
content: "";
}
.swiper-slide-active .works__item-box::after {
opacity: 0;
}
.works__item-box img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.works__slider { margin-top: -10px;
}
.works__slider .swiper-slide { width: 105px !important;
}
.CDEK-widget__popup-mask {
z-index: 100;
}
.order__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-right: -10px;
margin-bottom: -20px;
margin-left: -10px;
}
.order__form {
width: 41.6666666667%;
margin-bottom: 20px;
padding-right: 10px;
padding-left: 10px;
}
.order__form [data-for] {
display: none;
}
.order__form form > *:not(:last-child) {
margin-bottom: 5px;
}
.order__form form .checkbox {
margin-top: 20px;
margin-bottom: 20px;
}
.order__form form .button {
margin-left: auto;
}
.order__box {
width: 50%;
margin-bottom: 20px;
padding-right: 10px;
padding-left: 10px;
}
.order__list {
padding: 20px;
background: var(--color-light);
border-radius: 8px;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.order__list-subtitle {
margin-bottom: 20px;
font-weight: 700;
font-size: 16px;
line-height: 1.2;
}
.order__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 10px;
font-size: 16px;
line-height: 1.3;
border-bottom: 1px solid var(--color-gray);
}
.order__item:not(:last-child) {
margin-bottom: 15px;
}
.order__item-name {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.order__item-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 150px;
margin-left: 10px;
}
.order__item-count {
font-weight: 700;
font-size: 16px;
line-height: 100%;
}
.order__item-price {
margin-left: 10px;
color: var(--color-fun-green);
font-size: 16px;
line-height: 1.3;
text-align: right;
}
.order__full-price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 300px;
margin-left: auto;
padding-top: 15px;
font-weight: 700;
font-size: 16px;
line-height: 1.3;
}
.order__full-price span:last-child {
margin-left: 10px;
color: var(--color-fun-green);
}
.cart__box {
padding: 20px 10px;
background: var(--color-light);
border-radius: 8px;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.cart__fullprice {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
max-width: 250px;
margin-left: auto;
padding: 15px 0;
font-weight: 500;
font-size: 16px;
line-height: 1.3;
}
.cart__fullprice span:last-child {
margin-left: 10px;
color: var(--color-fun-green);
}
.cart__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-top: 15px;
border-top: 1px solid var(--color-gray);
}
.cart-table {
width: 100%;
font-size: 16px;
border-collapse: collapse;
}
.cart-table th {
padding-bottom: 19px;
font-size: 14px;
border-bottom: 1px solid var(--color-gray);
}
.cart-table th:not(:first-child) {
text-align: left;
}
.cart-table th:not(:last-child) {
padding-right: 10px;
}
.cart-table td {
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid var(--color-gray);
}
.cart-table td:not(:last-child) {
padding-right: 10px;
}
.cart-table__item span {
display: none;
margin-bottom: 5px;
font-weight: 500;
}
.cart-table__name-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cart-table__name-box img {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 70px;
height: auto;
margin-right: 20px;
}
.cart-table__price,
.cart-table__font,
.cart-table__color {
white-space: nowrap;
}
.cart-table__total-price {
color: var(--color-fun-green);
white-space: nowrap;
}
.cart-table__options {
max-width: 190px;
}
.constructor {
background-color: #f6f6f6;
}
.constructor__box {
padding: 30px;
background: var(--color-green-haze);
border-radius: 10px;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), inset 0 0 6px rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), inset 0 0 6px rgba(0, 0, 0, 0.25);
}
.constructor__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -10px;
margin-bottom: -20px;
margin-left: -10px;
}
.constructor__left {
width: calc(41.6666666667% - 20px);
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
}
.constructor__left .input {
margin-bottom: 6px;
}
.constructor__left .input--switch {
margin-top: 12px;
}
.constructor__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.constructor__row .input {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.constructor__row .input:not(:last-child) {
margin-right: 20px;
}
.constructor__row .input:nth-child(2) {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.constructor__row .input:first-child {
max-width: 96px;
}
.constructor__row .input:last-child {
max-width: 72px;
}
.constructor__row .input__label {
width: 100%;
margin-right: 0;
}
.constructor__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 35px;
}
.constructor__price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
max-width: 250px;
margin-right: 15px;
}
.constructor__price span:not(:first-child) {
color: var(--color-light);
font-size: 14px;
line-height: 1;
}
.constructor__price span:last-child {
color: var(--color-light);
font-weight: 700;
font-size: 16px;
line-height: 100%;
}
.constructor__text {
margin-bottom: 16px;
color: var(--color-light);
font-size: 18px;
font-family: "Futura PT", sans-serif;
line-height: 1;
}
.constructor__right {
width: calc(58.3333333333% - 20px);
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
}
.constructor__preview {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 290px;
margin-bottom: 7px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.constructor__preview svg {
width: 360px;
height: 180px;
}
.constructor__preview canvas {
position: absolute;
top: 50%;
left: 50%;
width: 360px;
height: 180px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.constructor__wall-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -3.5px;
margin-bottom: -7px;
margin-left: -3.5px;
list-style: none;
}
.constructor__wall-list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: calc(11.1111111111% - 7px);
margin-right: 3.5px;
margin-bottom: 7px;
margin-left: 3.5px;
cursor: pointer;
}
.constructor__wall-list li img {
display: block;
width: 100%;
height: 30px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.constructor__ps {
margin-top: 5px;
margin-bottom: 16px;
color: var(--color-light);
font-size: 16px;
font-family: "Futura PT", sans-serif;
line-height: 1;
text-align: center;
}
.formOfTable {
display:none;
background:#d6d6d6;
border-bottom:1px solid;  
}
.IformTlist {
position:absolute;
background:#e9e9ed;
width:100%;
z-index:1000;
padding-bottom:5px; 
overflow-y:scroll;
max-height: 280px;
}
.formTlist{ 
padding:5px;
margin:5px 0px;
cursor:pointer;
}
.listSpec {
margin-left:5px;
}
.formTlist:hover {
background:#e0e0e6;
}
@media only screen and (max-width: 1199.98px) {
.container {
max-width: 960px;
}
.logo {
width: 70px;
}
.menu {
margin-right: -20px;
margin-left: -20px;
}
.menu li {
margin-right: 20px;
margin-left: 20px;
}
.header__phone {
font-size: 14px;
}
.header-logo-group__text {
font-size: 14px;
}
.header-logo-group__text > span {
font-size: 10px;
}
.technology__img--big .technology__img-box img {
height: 250px;
}
.about__logo {
width: 260px;
}
.contacts-section__box {
padding: 35px 25px;
}
.offer__content {
width: calc(100% - 20px);
}
.hero {
padding: 75px 0;
}
.hero__title {
font-size: 40px;
}
.hero__title {
margin-bottom: 50px;
}
.hero__title span {
margin-top: 25px;
font-size: 27px;
}
.hero__features {
margin-bottom: 50px;
}
.hero-feature__icon {
width: 80px;
height: 40px;
}
.hero-feature__text {
font-size: 16px;
}
.order__form {
width: 50%;
}
.constructor__bottom {
margin-top: 55px;
}
}
@media only screen and (max-width: 991.98px) {
.container {
max-width: 720px;
}
.menu {
margin-right: -5px;
margin-left: -5px;
}
.menu li {
margin-right: 5px;
margin-left: 5px;
}
.section {
padding-top: 50px;
}
.section__title {
font-size: 28px;
}
.section__title {
margin-bottom: 25px;
}
.header-logo-group__text {
display: none;
}
.documents__item {
width: calc(33.3333333333% - 20px);
}
.stages__item {
width: calc(50% - 20px);
}
.technology__col-8 {
width: calc(100% - 20px);
}
.technology__col-4 {
width: calc(100% - 20px);
}
.about__info::before {
width: calc(100% + 90px);
}
.about__logo {
width: 180px;
}
.contacts-section__inner {
padding: 15px;
}
.contacts-section__box {
max-width: 300px;
padding: 27px 20px;
}
.addresses__dl {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.addresses__dl dt {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.hero {
padding: 60px 0;
}
.hero__title {
font-size: 34px;
}
.hero__title {
margin-bottom: 40px;
}
.hero__title span {
margin-top: 15px;
font-size: 24px;
}
.hero__features {
margin-bottom: 40px;
}
.reviews__item {
padding: 15px;
}
.review-card {
padding: 15px;
}
.order__form {
width: 100%;
}
.order__box {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
width: 100%;
}
.cart-table thead {
display: none;
}
.cart-table tbody tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: 1px solid var(--color-gray);
}
.cart-table td {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: none;
}
.cart-table__item {
width: 25%;
}
.cart-table__item span {
display: block;
}
.cart-table__name {
width: 100%;
}
.cart-table__price,
.cart-table__font,
.cart-table__color {
white-space: inherit;
}
.constructor__left {
width: calc(100% - 20px);
}
.constructor__bottom {
margin-top: 15px;
}
.constructor__right {
width: calc(100% - 20px);
}
}
@media only screen and (max-width: 767.98px) {
.container {
max-width: 540px;
}
.logo {
width: 60px;
}
.nav {
position: absolute;
top: 100%;
left: 1px;
z-index: 10;
width: 100%;
padding: 20px;
background-color: var(--color-light);
border-radius: 10px;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-webkit-transform: translateY(-150%);
-ms-transform: translateY(-150%);
transform: translateY(-150%);
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.nav.active {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.menu li {
width: calc(100% - 10px);
}
.section {
padding-top: 40px;
}
.section__title {
font-size: 24px;
}
.section__title {
margin-bottom: 20px;
}
.header__top > *:not(:last-child) {
margin-right: 15px;
}
.header__btn {
display: none;
}
.header__burger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header__cart {
margin-right: 20px !important;
}
.header__body {
position: relative;
padding: 0;
}
.footer__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer__group {
margin-right: 0;
margin-bottom: 15px;
}
.footer__contacts {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
.footer__socials {
margin-bottom: 15px;
}
.footer__links li:not(:last-child) {
margin-bottom: 5px;
}
.documents__item {
width: calc(50% - 20px);
}
.documents__card {
padding: 5px 5px 10px;
}
.stages__item {
width: calc(100% - 20px);
}
.technology__table-dl {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.technology__table-dl:not(:last-child) {
margin-bottom: 15px;
}
.technology__table-dt {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.technology__img--big .technology__img-box img {
height: auto;
}
.about__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
margin-bottom: 0;
}
.about__info {
padding: 40px 10px 10px;
}
.about__info::before {
width: 100%;
}
.about__logo {
width: 120px;
margin-top: 0;
}
.contacts-section__inner {
padding: 0;
}
.contacts-section__map {
position: relative;
height: 300px;
}
.contacts-section__box {
max-width: 100%;
padding: 20px 10px;
}
.contacts-section__item-value {
font-size: 18px;
}
.procedure-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.procedure-item__info {
margin-top: 10px;
padding-top: 10px;
padding-left: 0;
border-top: 1px solid #d9d9d9;
border-left: none;
}
.addresses__dl:not(:last-child) {
margin-bottom: 15px;
}
.hero {
padding: 50px 0;
}
.hero__title {
font-size: 28px;
}
.hero__title {
margin-bottom: 30px;
}
.hero__title span {
margin-top: 10px;
font-size: 20px;
}
.hero__features {
margin-bottom: 30px;
}
.hero-features__list {
margin-bottom: -15px;
}
.hero-features__item {
width: calc(100% - 20px);
margin-bottom: 15px;
}
.reviews__item {
padding: 10px;
}
.review-card {
padding: 10px;
}
.cart-table td {
padding-top: 5px;
padding-bottom: 5px;
}
.cart-table__item {
width: 33.3333333333%;
}
.cart-table__count {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
}
.constructor__box {
padding: 15px;
}
.constructor__left .input--switch .input__label {
width: 140px;
}
}
@media only screen and (max-width: 575.98px) {
.input__label {
width: 100px;
margin-right: 10px;
}
.addresses__info {
width: calc(100% - 20px);
}
.addresses__img {
display: none;
}
.order__list {
padding: 10px;
}
.order__item-group {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 80px;
}
.order__item-count {
margin-bottom: 5px;
}
.cart-table__item {
width: 50%;
}
.constructor__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.constructor__row .input {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.constructor__row .input:not(:last-child) {
margin-right: 0;
}
.constructor__row .input:first-child {
max-width: 100%;
}
.constructor__row .input:last-child {
max-width: 100%;
}
.constructor__row .input__label {
width: 100px;
margin-right: 10px;
}
.constructor__preview svg {
width: 240px;
height: 120px;
}
.constructor__preview canvas {
width: 240px;
height: 120px;
}
.constructor__wall-list li {
width: calc(20% - 7px);
}
.works__slider {
margin-top: 15px;
}
}
.product-price {
white-space: nowrap;
}
.product-subtotal {
white-space: nowrap;
}
.wpcf7-text.input__control {
margin-bottom: 10px;
}
.calc-cost {
display: flex;
justify-content: center;
align-items: center;
width: 300px;
margin: 30px auto;
height: 50px;
color: var(--color-fun-green);
background-color: var(--color-light);
text-decoration: none;
border: 2px solid var(--color-fun-green);
border-radius: 8px;
transition: .5s;
font-weight: 500;
}
.calc-cost:hover{
color: var(--color-light);
background-color: var(--color-fun-green);
}
.xs-wtsp{
display:none;
}
.wtsp-pic{
height:60px;
width:60px;
border-radius:50%;
display:flex;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
background:#43c553;
}
.wtsp-pic img{
height:30px;
width:30px;
margin:auto;
}
@media screen and (max-width: 550px){
.xs-wtsp{
display:block;
position:fixed;
bottom:25px;
z-index:5;
right:25px
}
} @media only screen and (max-width: 767.98px) {
.nav { visibility: hidden; transition: transform 0.3s ease-out, visibility 0s linear 0.3s; }
.nav.active { visibility: visible; transition: transform 0.3s ease-out, visibility 0s; }
.header__contacts, .header__cart, .header__burger { flex-shrink: 0; }
.header__phone { white-space: nowrap; }
}
@media only screen and (max-width: 575.98px) {
.header__top { flex-wrap: wrap; padding: 10px 0; }
.header__top .socials { order: 10; flex: 1 1 100%; margin-right: 0 !important; margin-top: 8px; }
}