@font-face {
    font-family: 'Gilroy-Bold';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Gilroy-Bold'), url('/bitrix/templates/furniture_red/assets/fonts/Gilroy-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Gilroy-Heavy';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Gilroy-Heavy'), url('/bitrix/templates/furniture_red/assets/fonts/Gilroy-Heavy.woff') format('woff');
}

@font-face {
    font-family: 'Gilroy-Light';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Gilroy-Light'), url('/bitrix/templates/furniture_red/assets/fonts/Gilroy-Light.woff') format('woff');
}

@font-face {
    font-family: 'Gilroy-Medium';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Gilroy-Medium'), url('/bitrix/templates/furniture_red/assets/fonts/Gilroy-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Gilroy-Regular';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Gilroy-Regular'), url('/bitrix/templates/furniture_red/assets/fonts/Gilroy-Regular.woff') format('woff');
}

html {
    width: 100%;
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 80.01%;
    font-family: 'Roboto';
}

* {
    box-sizing: border-box;
    font-smooth: antialiased;
    -webkit-font-smoothing: antialiased;
}

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

form {
    margin: 0;
    padding: 0;
}

form.main-form {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

#page-wrapper {
    min-height: 100%;
    /*margin: 0 auto -90px;*/
    margin: 0 auto;
    width: 100vw;
    overflow-x: hidden;
}

* html #page-wrapper {
    height: 100%;
}

#header {
    height: 106px;
    position: relative;
    z-index: 10;
    width: 878px;
    margin: 0 auto;
}

#top-menu {
    position: absolute;
    top: 46px;
    width: 638px;
    height: 30px;
    right: 0;
}

#top-menu-inner {
    margin-left: 16px;
    padding-right: 16px;
    height: 30px;
}

#logo {
    width: 235px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
}

#logo td {
    padding: 0;
}

#logo a {
    outline: none;
}

#top-icons {
    overflow: hidden;
    height: 15px;
    position: absolute;
    top: 17px;
    width: 200px;
    left: 252px;
}

#top-icons a {
    float: left;
    margin-right: 31px;
}

a.home-icon {
    width: 12px;
    height: 11px;
}

a.search-icon {
    width: 12px;
    height: 12px;
}

a.feedback-icon {
    width: 14px;
    height: 10px;
}

#banner {
    margin: 0 auto;
    width: 878px;
    height: 153px;
    position: relative;
}

#banner-layout {
    height: 142px;
    table-layout: fixed;
}

#banner-overlay {
    height: 153px;
    position: absolute;
    width: 437px;
    left: 0;
    top: 0;
}

#banner-image {
    padding: 0;
    width: 437px;
    vertical-align: top;
}

#banner-image div {
    width: 437px;
    height: 142px;
    overflow: hidden;
}

#banner-slogan {
    padding: 0;
    width: 441px;
    font-family: Arial;
    font-style: italic;
    font-size: 2em;
    font-weight: bold;
    padding: 10px 0 32px;
}

#content {
    margin-top: 56px;
    display: flex;
    justify-content: space-between;
}

@media (max-width: 992px) {
    #content {
        display: block;
    }
}

#sidebar {
    width: 234px;
    flex-shrink: 0;
}

@media (max-width: 992px) {
    #sidebar {
        display: none;
    }
}

#workarea {
    width: 100%;
}

#sidebar+#workarea {
    width: calc(100% - 281px);
}

@media (max-width: 992px) {
    #sidebar+#workarea {
        width: 100%;
    }
}

#footer {
    background: #F5F5F5 url(images/footer-corner.gif) no-repeat left top;
    height: 90px;
    width: 878px;
    margin: 0 auto;
    position: relative;
}

#copyright {
    width: 49%;
    position: absolute;
    top: 20px;
    left: 25px;
}

#copyright p {
    margin: 0;
}

.footer-links {
    width: 50%;
    position: absolute;
    right: 25px;
    top: 20px;
}

#footer-links {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

#footer-links li {
    display: inline;
    padding-left: 1.5em;
}

#space-for-footer {
    height: 90px;
}

#footer-design {
    width: 300px;
    position: absolute;
    right: 25px;
    top: 52px;
    text-align: right;
}

#footer-design a {
    color: #757575;
    font-size: 11px;
    text-decoration: none;
}

#footer-design a:hover {
    text-decoration: underline;
}

div.content-block {
    margin-bottom: 24px;
}

div.content-block-inner {
    padding: 22px 18px 22px 21px;
}

div.information-block div.top {
    height: 13px;
    border-right: 1px solid;
    font-size: 1px;
    background: #FFF url(images/sidebar-corners-form.gif) no-repeat left top;
}

div.information-block div.bottom {
    height: 13px;
    border-left: 1px solid;
    font-size: 1px;
    background: #FFF url(images/sidebar-corners-form.gif) no-repeat right bottom;
}

div.information-block-inner {
    border-left: 1px solid;
    border-right: 1px solid;
    padding: 9px 18px 9px 21px;
    zoom: 1;
}

div.information-block div.top,
div.information-block div.bottom,
div.information-block-inner {
    border-color: #E3E3E3;
}

#search {
    width: 190px;
    overflow: hidden;
}

#search div.rounded-box {
    float: left;
    width: 135px;
}

#search div.search-inner-box {
    border: 1px solid;
    padding-left: 20px;
    height: 20px;
    overflow: hidden;
    background: white url(images/loupe.gif) no-repeat 4px 4px;
}

#search div.search-inner-box input {
    border: 1px solid;
    width: 110px;
    height: 18px;
    padding: 0;
    margin: 0;
}

#search input {
    vertical-align: top;
}

#search-button {
    float: right;
    width: 48px;
    border: 1px solid;
}

#search-button input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/*Remove button padding in FF*/

#search-button input {
    display: block;
    border: none;
    background: none;
    width: 48px;
    padding: 0;
    margin: 0;
    font-family: Georgia, serif;
    font-size: 12px;
    height: 19px;
    cursor: pointer;
    outline: none;
}

div.search-item h4 {
    margin-bottom: 0.4em;
}

dl.block-list {
    margin: 0;
    padding: 0;
    font-size: 0.85em;
}

dl.block-list dt {
    margin: 1.5em 0 0.5em;
}

dl.block-list dd {
    margin: 0;
    padding: 0;
}

dl.block-list a {
    text-decoration: none;
    outline: none;
}

dl.block-list a:hover {
    text-decoration: underline;
}

#sidebar h3 {
    font-family: Verdana;
    font-size: 1em;
    font-weight: bold;
    padding: 0 0 1em;
    margin: 0 0 1em;
}

#left-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#left-menu li {
    margin: 0 0 0.7em;
    padding: 0 0 0.7em;
    display: block;
}

#left-menu a {
    text-decoration: none;
    font-size: 1em;
    font-weight: bold;
    padding: 1em 1em 1em 0;
    outline: none;
}

#left-menu li.last-item {
    background: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

#left-menu li.selected a {
    padding-left: 1em;
}

#left-menu li.selected {
    text-indent: -1em;
    padding-left: 1em;
}


/* Navigation */

div.navigation {
    font-size: 100%;
    line-height: 200%;
}

span.navigation-title {
    padding-right: 0.65em;
    font-weight: bold;
}

div.navigation a {
    text-decoration: underline;
    padding: 0.2em 0.3em;
}

span.nav-current-page {
    padding: 0.2em 0.3em;
}

div.navigation span.arrow {
    font-size: 100%;
    font-family: Times, serif;
}

div.navigation span.ctrl {
    font-size: 85%;
}


/* Product List */

div.product-list {
    overflow: hidden;
}

div.product {
    overflow: hidden;
    width: 280px;
    height: 105px;
    margin: 0 25px 20px 0;
    position: relative;
    float: left;
}

div.product-alt {
    margin-right: 0;
}

div.product-image {
    width: 250px;
    height: 105px;
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    top: 0;
    left: 0;
}

div.product-overlay {
    width: 280px;
    height: 105px;
    position: absolute;
    z-index: 1;
}

a.product-desc {
    float: right;
    height: 62px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0px;
    width: 142px;
    z-index: 2;
    font-size: 1em;
    text-decoration: none;
    padding: 13px 10px 30px 129px;
}

a.product-desc p {
    font-size: 0.85em;
    margin: 7px 0 0;
}


/* News List */

div.news-list {
    margin: 0 0 2em;
}

div.news-item {
    margin: 0 0 2em;
    padding: 0 0 2em;
    border-bottom: 1px solid;
}

div.news-date {
    margin: 0 0 1em;
}

div.news-title {
    font-size: 1em;
    margin: 0 0 1em;
    font-weight: bold;
}

a.news-detail-link {
    display: block;
    margin: 1em 0 0;
    outline: none;
}


/* Catalog List */

div.catalog-list,
div.catalog-detail {
    padding: 1em 0 0;
}

div.catalog-item {
    margin: 0 0 2em;
    padding: 0 0 2em;
    border-bottom: 1px solid;
    overflow: hidden;
    zoom: 1;
}

div.catalog-detail div.catalog-item {
    border: none;
}

div.catalog-item-title {
    margin: 0 0 1em;
}

div.catalog-item-title a {
    font-weight: bold;
}

div.catalog-item-image {
    float: left;
    margin: 0 1em 1em 0;
    border: 1px solid;
    padding: 4px;
}

div.catalog-item-price {
    clear: left;
    float: left;
    padding: 0.5em 1em;
    margin: 1em 0 0;
    font-weight: bold;
}

div.catalog-item-desc {
    clear: left;
}

div.catalog-item-desc-float {}

div.catalog-item-properties {
    clear: both;
    padding: 1em 0 0;
    overflow: hidden;
}

div.catalog-item-property {
    margin: 0 0 1em;
    border-bottom: 1px dashed;
    float: left;
    width: 100%;
}

div.catalog-item-property b {
    float: right;
    position: relative;
    top: 0.31em;
    padding-left: 3px;
    font-style: italic;
    font-weight: normal;
}

div.catalog-item-property span {
    float: left;
    position: relative;
    top: 0.31em;
    padding-right: 3px;
    zoom: 1;
}

div.catalog-item-properties-title {
    font-size: 1em;
    font-weight: bold;
    margin: 2em 0 1em;
}


/* Special Product */

div.special-product-title {
    text-align: center;
    margin: 0 0 1em;
}

div.special-product-image {
    text-align: center;
    margin: 0 0 1em;
}

div.special-product {
    text-align: center;
}


/* Top menu */

#horizontal-multilevel-menu,
#horizontal-multilevel-menu ul {
    margin: 0;
    padding: 0;
    min-height: 27px;
    width: 100%;
    list-style: none;
    font-size: 12px;
    float: left;
    background: none;
}

#horizontal-multilevel-menu a {
    display: block;
    padding: 5px 3px;
    text-decoration: none;
    text-align: center;
    outline: none;
}

#horizontal-multilevel-menu li {
    float: left;
}

#horizontal-multilevel-menu li a.root-item {
    font-weight: bold;
    padding: 8px 12px 8px;
}


/*Root items*/

#horizontal-multilevel-menu a.parent {
    background: url(images/top-menu-arrow.gif) right center no-repeat;
}


/*Item-parents*/

#horizontal-multilevel-menu li a.root-item-selected {
    font-weight: bold;
    padding: 8px 12px 8px;
}


/*Root menu selected*/

#horizontal-multilevel-menu li.last-item {
    border: none;
}


/*Sub-menu box*/

#horizontal-multilevel-menu li ul {
    position: absolute;
    top: auto;
    display: none;
    z-index: 500;
    height: auto;
    width: 163px;
    padding: 3px 11px;
    border: 1px solid;
}

#horizontal-multilevel-menu li li {
    width: 100%;
    border-bottom: 1px solid;
}


/*Sub-menu item box*/

#horizontal-multilevel-menu li ul a {
    text-align: left;
    font-size: 12px;
}


/*Item link*/

#horizontal-multilevel-menu li ul ul {
    margin: -27px 0 0 160px;
}

#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul {
    display: none;
}

#horizontal-multilevel-menu li:hover ul,
#horizontal-multilevel-menu li li:hover ul,
#horizontal-multilevel-menu li li li:hover ul,
#horizontal-multilevel-menu li li li li:hover ul,
#horizontal-multilevel-menu li li li li li:hover ul {
    display: block;
}

div.menu-clear-left {
    clear: left;
}


/*Common Elements */

div.content-form {
    padding-left: 1em;
}

.sedibar-Services {
    border: 1px solid #DDD;
    border-radius: 9px;
    background-color: white;
}

.sedibar-Services.fixed {
    position: fixed;
    max-width: 234px;
}

.sedibarServices-title {
    padding: 20px 24px;
    background: #F8F8F8;
    border-radius: 9px 9px 0 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #333333;
}

.sedibarServices-items {
    padding: 16px 0;
}

.sedibarServices-item a {
    padding: 16px 20px;
    display: block;
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
}

.sedibarServices-item a:link,
.sedibarServices-item a:visited {
    color: #000000;
}

.sedibarServices-item a:hover {
    background: #132146;
    color: white;
}

.contacts {
    width: 100%;
}

.contacts .contacts__wrapper {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.contacts .contacts__wrapper .contacts__intro {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 64px;
}

.contacts .contacts__wrapper .contacts__intro .contacts__content {
    width: 45%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 5%;
}

.contacts .contacts__wrapper .contacts__intro .contacts__content .contacts__title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 110%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
    margin-bottom: 48px;
}

.contacts .contacts__wrapper .contacts__intro .contacts__content .contacts__subtitle {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
    margin-bottom: 16px;
}

.contacts .contacts__wrapper .contacts__intro .contacts__content .contacts__note {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999999;
    margin-bottom: 40px;
    text-decoration: none;
}

.contacts .contacts__wrapper .contacts__intro .contacts__content .contacts__note:last-child {
    margin-bottom: 0;
}

.contacts .contacts__wrapper .contacts__intro .contacts__callback {
    width: 50%;
    padding: 40px 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #F8F8F8;
    position: relative;
}

.contacts .contacts__wrapper .contacts__intro .contacts__callback .contacts__form-tittle {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #000000;
    margin-bottom: 16px;
}

.contacts .contacts__wrapper .contacts__intro .contacts__callback .contacts__form-extension {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #333333;
    margin-bottom: 10px;
}

.contacts .contacts__wrapper .contacts__intro .contacts__callback form {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.contacts .contacts__wrapper .contacts__intro .contacts__callback form .file-wrapper {
    position: relative;
    margin-bottom: 18px;
}

.contacts .contacts__wrapper .contacts__intro .contacts__callback form .phone-wrapper {
    margin-bottom: 16px;
}

.contacts .contacts__wrapper .contacts__intro .contacts__callback form .file-wrapper .file-wrapper__under-input {
    margin-top: 12px;
    display: flex;
}

.contacts .contacts__wrapper .contacts__intro .contacts__callback form input {
    width: 100%;
    height: 47px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #999999;
    padding-left: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.contacts .contacts__wrapper .contacts__intro .contacts__callback form input[type=file] {
    width: 328px;
    height: 51px;
    position: absolute;
    top: 0;
    opacity: 0;
    background: transparent;
}

.contacts .contacts__wrapper .contacts__intro .contacts__callback form .file {
    width: 100%;
    height: 51px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 32px;
    gap: 10px;
    background: #2E58C6;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #ffffff;
}

.contacts .contacts__wrapper .contacts__intro .contacts__callback form textarea {
    height: 140px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    margin-bottom: 8px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    padding-left: 32px;
    padding-top: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.contacts .contacts__wrapper .contacts__intro .contacts__callback form input[type="submit"] {
    padding: 0 10px;
    width: 100%;
    height: 47px;
    margin-bottom: 10px;
    max-width: 100%;
    background: #21AF69;
    border-radius: 10px;
    border: none;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    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;
    cursor: pointer;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    text-decoration: none;
}

.contacts__callback-checkbox {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #333333;
    position: relative;
}

.contacts__callback-checkbox label {
    display: flex;
    flex-direction: row;
    position: relative;
    align-items: center;
    flex-wrap: wrap;
}

.contacts__callback-checkbox input[type=checkbox] {
    height: 16px;
    width: 16px;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.contacts__callback-checkbox input[type=checkbox]+label span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 16px;
    cursor: pointer;
    background: none;
    border: 1px solid #D51813;
}

.contacts__callback-checkbox input[type=checkbox]:checked+label span {
    background: url(/bitrix/templates/furniture_red/images/check.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.contacts__callback-checkbox a,
.contacts__callback-checkbox a:link,
.contacts__callback-checkbox a:hover {
    color: #D51813;
}

.contacts .contacts__wrapper .contacts__map {
    margin-bottom: 72px;
}

.contacts .contacts__wrapper .contacts__requisites {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    /*margin-bottom: 100px;*/
}

.contacts .contacts__wrapper .contacts__requisites .contacts__content {
    width: 62%;
    margin-right: 6%;
}

.contacts .contacts__wrapper .contacts__requisites .contacts__content .contacts__title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 40px !important;
    line-height: 110%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
    margin: 0 0 48px;
}

.contacts .contacts__wrapper .contacts__requisites .contacts__content .contacts__subtitle {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
    margin-bottom: 10px;
}

.contacts .contacts__wrapper .contacts__requisites .contacts__content .contacts__note {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999999;
    margin-bottom: 32px;
    text-decoration: none;
}

.contacts .contacts__wrapper .contacts__requisites .contacts__content .contacts__note:last-child {
    margin-bottom: 0;
}

.contacts .contacts__wrapper .contacts__requisites .contacts__download {
    width: 32%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.contacts .contacts__wrapper .contacts__requisites .contacts__download img {
    margin-bottom: 32px;
}

.contacts .contacts__wrapper .contacts__requisites .contacts__download a {
    width: 100%;
    height: 47px;
    left: 1235px;
    top: 1804px;
    background: #2E58C6;
    border-radius: 10px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    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;
    cursor: pointer;
    text-decoration: none;
}

@media screen and (max-width: 888px) {
    .contacts .contacts__wrapper .contacts__intro {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 56px;
    }
    .contacts .contacts__wrapper .contacts__intro .contacts__content {
        width: 100%;
        margin-right: 0;
    }
    .contacts .contacts__wrapper .contacts__intro .contacts__content .contacts__title {
        font-size: 32px;
        margin-bottom: 40px;
    }
    .contacts .contacts__wrapper .contacts__intro .contacts__content .contacts__subtitle {
        margin-bottom: 10px;
    }
    .contacts .contacts__wrapper .contacts__intro .contacts__content .contacts__note {
        margin-bottom: 32px;
    }
    .contacts .contacts__wrapper .contacts__intro .contacts__content .contacts__note:last-child {
        margin-bottom: 40px;
    }
    .contacts .contacts__wrapper .contacts__intro .contacts__callback {
        padding: 60px 30px;
        width: 100%;
    }
    .contacts .contacts__wrapper .contacts__intro .contacts__callback .contacts__form-tittle {}
    .contacts .contacts__wrapper .contacts__intro .contacts__callback .contacts__form-extension {
        align-items: flex-start;
        text-align: left;
    }
    .contacts .contacts__wrapper .contacts__intro .contacts__callback form textarea {
        height: 150px;
    }
    .contacts__callback-checkbox {
        position: relative;
        left: 0;
        transform: none;
        font-weight: 400;
        font-size: 10px;
        line-height: 12px;
        color: #ABABAB;
    }
    .contacts__callback-checkbox input[type=checkbox]+label span {
        border: 1px solid #D51813;
    }
    .contacts .contacts__wrapper .contacts__map {
        margin-bottom: 56px;
        overflow: hidden;
    }
    .contacts .contacts__wrapper .contacts__requisites {
        margin-bottom: 80px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .contacts .contacts__wrapper .contacts__requisites .contacts__content {
        width: 100%;
        margin-right: 0%;
    }
    .contacts .contacts__wrapper .contacts__requisites .contacts__content .contacts__title {
        font-size: 32px !important;
        margin-bottom: 40px;
    }
    .contacts .contacts__wrapper .contacts__requisites .contacts__content .contacts__note:last-child {
        margin-bottom: 40px;
    }
    .contacts .contacts__wrapper .contacts__requisites .contacts__download {
        width: 100%;
    }
    .contacts .contacts__wrapper .contacts__requisites .contacts__download img {
        display: none;
    }
}

.about {
    width: 100%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.about .about__logo {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 110%;
    display: flex;
    align-items: center;
    color: #333333;
    margin-bottom: 64px;
}

.about .about__logo img {
    width: 72px;
    height: 118px;
    margin-right: 32px;
}

.about .about__intro {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 72px;
}

.about .about__intro .about__title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 110%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
    margin: 0 0 40px;
}

.about .about__intro .about__text {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
}

.about .about__works {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 40px;
}

.about .about__works .about__title {
    max-width: 600px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 110%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
    margin-bottom: 40px;
}

.about .about__works .about__items {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    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;
}

.about .about__works .about__items .about__item {
    width: 48%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    padding: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 32px;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.about .about__works .about__items .about__item:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.about .about__works .about__items .about__item img {
    margin-right: 24px;
}

.about .about__works .about__items .about__item .about__text {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
}

.about .about__works .about__more {
    display: none;
}

.about .about__advantage {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 32px;
}

.about .about__advantage .about__title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 40px !important;
    line-height: 110% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
    margin-bottom: 40px;
}

.about .about__advantage .about__list {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 56px;
}

.about .about__advantage .about__list .about__item {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 24px;
    position: relative;
}

.about .about__advantage .about__list .about__item::before {
    position: absolute;
    left: -58px;
    top: 0;
    width: 32px;
    height: 32px;
    background: #132146;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    border-radius: 30px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.about .about__advantage .about__list .about__item:nth-child(1)::before {
    content: "1";
}

.about .about__advantage .about__list .about__item:nth-child(2)::before {
    content: "2";
}

.about .about__advantage .about__list .about__item:nth-child(3)::before {
    content: "3";
}

.about .about__advantage .about__list .about__item:nth-child(4)::before {
    content: "4";
}

.about .about__advantage .about__list .about__item:nth-child(5)::before {
    content: "5";
}

.about .about__advantage .about__list .about__item .about__subtitle {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 20px !important;
    line-height: 160% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
    margin: 0;
}

.about .about__advantage .about__list .about__item .about__text {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
}

.about .about__callback {
    background: #F8F8F8;
    padding: 40px;
    box-sizing: border-box;
    margin-bottom: 72px;
}

.about .about__callback .about__title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 110%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #D51813;
    text-align: center;
    margin-bottom: 24px;
}

.about .about__callback form {
    width: 100%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

@media (max-width: 1280px) {
    .about .about__callback form {
        flex-wrap: wrap;
    }
}

.about .about__callback form input[type="text"] {
    width: 31%;
    height: 47px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    padding-left: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Roboto';
}

@media (max-width: 1280px) {
    .about .about__callback form input[type="text"] {
        width: 100%;
    }
}

.about .about__callback form input[type="text"].phone-mask {
    margin-left: 8px;
}

@media (max-width: 1280px) {
    .about .about__callback form input[type="text"].phone-mask {
        margin: 8px 0 0 0;
    }
}

.about .about__callback form input[type="submit"] {
    width: 33%;
    height: 47px;
    margin-left: 24px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    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;
    background: #2E58C6;
    border: none;
    cursor: pointer;
    border-radius: 10px;
}

@media (max-width: 1280px) {
    .about .about__callback form input[type="submit"] {
        margin: 24px 0 0 0;
        width: 100%;
    }
}

.about .about__equipment {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 32px;
}

.about .about__equipment .about__equipment__title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 40px !important;
    line-height: 110% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
    margin: 0 0 40px;
}

.about .about__equipment .about__equipment__items {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    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;
}

.about .about__equipment .about__equipment__items .about__equipment__item {
    width: 48%;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    padding: 4.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 4.5%;
}

.about .about__equipment .about__equipment__items .about__equipment__item .about__equipment__photo {
    margin-bottom: 4.5%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
}

.about .about__equipment .about__equipment__items .about__equipment__item .about__equipment__subtitle {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 20px !important;
    line-height: 120% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
    margin: 0 0 24px;
}

.about .about__equipment .about__equipment__items .about__equipment__item .about__equipment__content {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
}

.about .about__equipment .about__equipment__items .about__equipment__item .about__equipment__content .about__equipment__text {
    width: 70%;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666666;
}

.about .about__equipment .about__equipment__items .about__equipment__item .about__equipment__content .about__equipment__value {
    width: 22%;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #D51813;
}

.about .about__team {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 72px;
}

.about .about__team .about__title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 110%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
    margin-bottom: 40px;
}

.about .about__team .about__text {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
}

.about .about__partners {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 72px;
}

.about .about__partners .about__title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 110%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
    margin-bottom: 40px;
}

.about .about__partners .about__text {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
    margin-bottom: 40px;
}

.about .about__partners .about__items {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    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;
}

.about .about__partners .about__items .about__item {
    width: 20%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    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;
    height: 120px;
}

.about .about__partners .about__items .about__item img {
    max-width: 143px;
}

.about .about__contacts {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.about .about__contacts .about__content {
    width: 55%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.about .about__contacts .about__content .about__title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 40px !important;
    line-height: 110% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
    margin-bottom: 40px;
}

.about .about__contacts .about__content .about__text {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
    margin-bottom: 56px;
}

.about .about__contacts .about__content .about__subtitle {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 16px !important;
    line-height: 140% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
}

.about .about__contacts .about__content .about__note {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19.6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999999;
    margin-bottom: 24px;
}

.about .about__contacts .about__content .about__link {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
    text-decoration: none;
}

.about .about__contacts .about__content .about-btn {
    width: 249px;
    height: 47px;
    margin-top: 56px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    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;
    background: #2E58C6;
    border-radius: 10px;
    text-decoration: none;
    cursor: pointer;
}

.about .about__contacts .about__map {
    width: 40%;
    overflow: hidden;
}

@media screen and (max-width: 888px) {
    .about {
        width: 100%;
    }
    .about .about__logo {
        font-size: 22px;
        line-height: 100%;
        margin-bottom: 56px;
    }
    .about .about__logo img {
        width: 48px;
        height: 78px;
        margin-right: 16px;
    }
    .about .about__intro {
        margin-bottom: 61px;
    }
    .about .about__intro .about__title {
        font-size: 32px !important;
        line-height: 110% !important;
    }
    .about .about__works {
        margin-bottom: 40px;
    }
    .about .about__works .about__title {
        font-size: 32px;
        line-height: 110%;
    }
    .about .about__works .about__items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .about .about__works .about__items .about__item {
        width: 100%;
        margin-bottom: 16px;
    }
    .about .about__works .about__items .about__item img {
        margin-right: 24px;
        width: 64px;
        height: 64px;
    }
    .about .about__works .about__items .about__item.mob {
        display: none;
    }
    .about .about__works .about__items .about__item.mob.active {
        display: flex;
    }
    .about .about__works .about__more {
        display: block;
        font-family: "Roboto";
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 140%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #2E58C6;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-transition: -webkit-transform 0.4s ease;
        transition: -webkit-transform 0.4s ease;
        transition: transform 0.4s ease;
        transition: transform 0.4s ease, -webkit-transform 0.4s ease;
        transition: display 0.4s ease, -webkit-transform 0.4s ease;
        margin-top: 30px;
    }
    .about .about__works .about__more.active svg {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: -webkit-transform 0.4s ease;
        transition: -webkit-transform 0.4s ease;
        transition: transform 0.4s ease;
        transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    }
    .about .about__advantage {
        margin-bottom: 32px;
    }
    .about .about__advantage .about__title {
        font-size: 32px !important;
        line-height: 110% !important;
    }
    .about .about__advantage .about__list {
        padding-left: 56px;
    }
    .about .about__callback {
        margin-bottom: 56px;
    }
    .about .about__callback .about__title {
        font-size: 24px;
        margin-bottom: 24px;
    }
    .about .about__callback .about__form {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .about .about__callback .about__form input {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 8px;
    }
    .about .about__callback .about__form button {
        width: 100%;
        margin-left: 0;
        margin-top: 16px;
    }
    .about .about__equipment {
        margin-bottom: 52px;
    }
    .about .about__equipment .about__equipment__title {
        font-size: 32px !important;
        line-height: 110% !important;
        margin-bottom: 40px;
    }
    .about .about__equipment .about__equipment__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .about .about__equipment .about__equipment__items .about__equipment__item {
        width: 100%;
        padding: 40px;
        margin-bottom: 0;
    }
    .about .about__equipment .about__equipment__items .about__equipment__item .about__equipment__photo {
        margin-bottom: 56px;
    }
    .about .about__team {
        margin-bottom: 56px;
    }
    .about .about__team .about__title {
        font-size: 32px;
        line-height: 110%;
    }
    .about .about__partners {
        margin-bottom: 56px;
    }
    .about .about__partners .about__title {
        font-size: 32px;
        line-height: 110%;
    }
    .about .about__partners .about__items .about__item {
        width: 33%;
        height: 80px;
    }
    .about .about__partners .about__items .about__item img {
        width: 80%;
    }
    .about .about__contacts .about__content {
        width: 100%;
    }
    .about .about__contacts .about__content .about__title {
        font-size: 32px;
        line-height: 110%;
    }
    .about .about__contacts .about__content .about__text {
        margin-bottom: 40px;
    }
    .about .about__contacts .about__content .about-btn {
        margin-top: 40px;
    }
    .about .about__contacts .about__map {
        display: none;
    }
}

.slick-dots {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
}

.slick-dots button {
    opacity: 0;
}

.slick-dots li {
    position: relative;
}

.slick-dots li::after {
    position: absolute;
    content: "";
    top: 12px;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 10px;
    background-color: #ECEDF0;
}

.slick-dots li.slick-active::after {
    background-color: #132146;
}

.slick-dots li::marker {
    color: #fff;
}

.page-breadcrumps {
    display: flex;
    flex-wrap: wrap;
}

.page-breadcrumps a,
.page-breadcrumps span {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #999999;
}

.page-breadcrumps a {
    text-decoration: none;
    color: #2E58C6;
    cursor: pointer;
}

.page-breadcrumps a:link,
.page-breadcrumps a:visited {
    color: #2E58C6;
}

.page-breadcrumps a:hover {
    text-decoration: underline;
}

.pageBreadcrumps-separator {
    margin: 0 5px;
}

.useful-block {
    margin-top: 72px;
}

@media (max-width: 854px) {
    .useful-block {
        margin-top: 56px;
    }
}

.usefulBlock-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 44px;
    color: #333333;
}

@media (max-width: 854px) {
    .usefulBlock-title {
        font-size: 32px;
        line-height: 35px;
    }
}

.usefulBlock-list {
    position: relative;
    margin-top: 40px;
}

.usefulBlock-wrapper {
    overflow: hidden;
}

.materials-block .swiper-wrapper {
    height: auto;
}

.usefulBlock-item {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    /*box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.15);*/
    border-radius: 10px;
}

.usefulBlockItem-image {
    height: 180px;
    background-position: center;
    background-size: cover;
    border-radius: 10px 10px 0 0;
}

.usefulBlockItem-content {
    padding: 24px 40px 40px 40px;
}

.usefulBlockItem-top {
    display: flex;
    align-items: center;
}

.usefulBlockItem-date {
    font-size: 14px;
    line-height: 16px;
    color: #333333;
}

.usefulBlockItem-category {
    margin-left: 24px;
    padding: 8px 12px;
    background: #ECEDF0;
    border-radius: 5px;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
}

.usefulBlockItem-category:link,
.usefulBlockItem-category:visited {
    color: #333
}

.usefulBlockItem-category:hover {
    background: #2E58C6 !important;
    color: white;
}

.usefulBlockItem-text {
    margin-top: 24px;
    font-size: 16px;
    line-height: 21px;
    color: #666666;
}

.usefulBlockItem-actions {
    margin-top: 24px;
}

.usefulBlockItem-actions a {
    padding: 14px 32px;
    background: #2E58C6;
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-decoration: none;
    cursor: pointer;
}

.usefulBlockItem-actions a:link,
.usefulBlockItem-actions a:visited {
    color: #FFFFFF;
}

.usefulBlockItem-actions a:hover {
    background-color: #132146;
}

.useful-block .swiper-pagination {
    position: static;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.useful-block .swiper-pagination-bullet {
    margin: 4px;
    width: 12px;
    height: 12px;
    background: #ECEDF0;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1;
}

.useful-block .swiper-pagination-bullet-active {
    background: #132146;
}

.useful-block .carousel-control {
    position: absolute;
    top: 50%;
    margin-top: -68px;
    padding: 0;
    display: block;
    border: none;
    background: none;
    cursor: pointer;
}

.useful-block .carousel-control-right {
    right: -56px;
}

.useful-block .carousel-control-left {
    left: -56px;
}

.useful-block .carousel-control svg {
    display: block;
    width: 16px;
    height: 32px;
}

.bestPrice-block {
    margin-top: 72px;
    padding: 40px;
    background: #F8F8F8;
    text-align: center;
}

@media (max-width: 768px) {
    .bestPrice-block {
        margin-top: 56px;
    }
}

.bestPriceBlock-title {
    font-weight: 700;
    font-size: 28px;
    line-height: 31px;
    text-align: center;
    color: #D51813;
}

@media (max-width: 768px) {
    .bestPriceBlock-title {
        font-size: 24px;
        line-height: 26px;
    }
}

.bestPriceBlock-text {
    margin-top: 24px;
    font-size: 18px;
    line-height: 23px;
    color: #333333;
}

.bestPriceBlock-text span {
    color: #D51813;
}

@media (max-width: 768px) {
    .bestPriceBlock-text br {
        display: none;
    }
}

.bestPrice-block form {
    margin-top: 32px;
}

@media (max-width: 768px) {
    .bestPrice-block form {
        margin-top: 40px;
    }
}

.bestPriceBlock-row {
    margin: 0 -4px;
    height: 95px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

@media (max-width: 1280px) {
    .bestPriceBlock-row {
        display: block;
        height: auto;
    }
}

.bestPriceBlock-col {
    margin: 0 4px;
    flex-grow: 1;
}

.bestPriceBlock-col:nth-child(1) {
    align-self: flex-start;
}

@media (max-width: 1280px) {
    .bestPriceBlock-col {
        margin-top: 16px;
    }
    .bestPriceBlock-col:first-child {
        margin-top: 0;
    }
}

.bestPriceBlock-label {
    font-size: 14px;
    line-height: 16px;
    color: #999999;
}

.bestPriceBlock-label+.bestPriceBlock-input {
    margin-top: 8px;
}

.bestPriceBlock-input+.bestPriceBlock-label {
    margin-top: 8px;
}

.bestPriceBlock-input input {
    padding: 13px 32px;
    width: 100%;
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    font-size: 16px;
    line-height: 20px;
    color: #999999;
}

.bestPriceBlock-input_file {
    position: relative;
    padding: 13px 16px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #D51813;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
}

.bestPriceBlock-input_file span {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    white-space: nowrap;
}

.bestPriceBlock-input_file svg {
    margin-left: 16px;
}

.bestPriceBlock-input_file input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
}

.bestPriceBlock-input input[type="submit"],
.bestPriceBlock-input button {
    padding: 14px 16px;
    width: 100%;
    box-sizing: border-box;
    background: #2E58C6;
    border: none;
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    white-space: nowrap;
}

.widgets {
    position: fixed;
    z-index: 100;
    bottom: 25px;
    left: 0;
}

.widgets .free-drawing {
    width: 90px;
    height: 90px;
    background: #E41014;
    border-radius: 0 20px 20px 0;
    cursor: pointer;
}

.widgets .download-price {
    flex-direction: row;
    gap: 9px;
    width: 160px;
    height: 90px;
    background: #D51813;
    border-radius: 0 12px 12px 0;
    cursor: pointer;
    padding: 19px 5px;
}

.widgets .download-price p {
    font-family: "Gilroy-Medium", sans-serif;
    text-align: right;
    line-height: 15px;
    letter-spacing: 1px;
    font-size: 12px;
}

.widgets .calc-price {
    width: 90px;
    height: 90px;
    background: #12C539;
    border-radius: 0 20px 20px 0;
    cursor: pointer;
}

.widgets p {
    margin: 0;
    color: #fff;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 13px;
    text-align: center;
}

.widgets img {
    padding: 5px 0 0 0;
}

.widgets div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.widgets {
    display: block;
}

.widgets-mob {
    display: none;
}

.widgets-mob .free-call {
    width: 100%;
    height: 40px;
    border-radius: 10px 10px 1px 1px;
    background: #2E58C6;
    padding: 10px;
    justify-content: space-between!important;
}

.widgets-mob .free-call p {
    margin: 0;
    font-size: 12px;
}

.widgets-mob .download-price {
    width: 100%;
    height: 59px;
    background: #E41014;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
}

.widgets-mob .wa {
    width: 100%;
    height: 59px;
    background: #12C539;
    border-radius: 10px 10px 0 0;
}

.widgets-mob .write-email {
    width: 100%;
    height: 40px;
    border-radius: 10px 10px 1px 1px;
    background: linear-gradient(90deg, rgba(255, 213, 96, 1) 0%, rgba(240, 176, 0, 1) 68%);
    ;
    padding: 0 15px;
    box-sizing: border-box;
    gap: 0;
    margin-left: 10px;
}

.widgets-mob .write-email img {
    height: 40px;
    margin-top: 5px;
    object-fit: contain;
}

.widgets-mob p {
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    padding-bottom: 0;
    margin: 0 0 0 16px;
}

.widgets-mob .write-email p {
    color: #000;
    margin: 0 0 0 5px;
}

.widgets-mob img {
    margin: 0;
    display: flex;
    flex-direction: row;
    padding: 0;
    box-sizing: content-box;
}


/*.widgets-mob div {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    justify-content: flex-end;
    padding: 0 10px;
}*/

.widgets-mob .free-call,
.widgets-mob .download-price,
.widgets-mob .wa {
    display: flex;
    /*flex-direction: column;*/
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.widgets-mob .download-price img {
    width: 20px;
    height: 25px;
}

@media screen and (max-width: 768px) {
    .widgets-mob {
        display: flex;
        flex-direction: row;
        position: fixed;
        z-index: 100;
        width: 100%;
        bottom: 0;
    }
    .widgets {
        display: none;
    }
}

.widget-gift {
    position: fixed;
    bottom: 120px;
    left: 20px;
    z-index: 999;
    display: flex;
    align-items: center;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    margin-top: 10px;
    cursor: pointer;
    animation: swing 2.5s ease-in-out infinite both;
    -webkit-animation: swing 2.5s ease-in-out infinite both
}

.widget-gift__text span br {
    display: none;
}


/* .widget-gift__mob {
    display: none;
}

.widget-gift__text span {
    color: #fff;
    border-radius: 6px;
    padding: 3px 7px;
    display: block;
    max-width: max-content;
    margin: -42px auto 0 auto;
    font-weight: 700;
    font-size: 15px;
    line-height: 103%;
    text-align: center
} */

@media screen and (max-width: 768px) {
    .widget-gift {
        position: fixed;
        bottom: 70px;
    }
    /* .widget-gift__pc {
        display: none;
    }
    .widget-gift__mob {
        display: block;
    }
    .widget-gift__text span {
        font-size: 13px;
        margin: -45px 80px 0 auto;
    } */
}

.widget-gift__text span {
    color: #fff;
    background: #d93631;
    border-radius: 6px;
    padding: 3px 7px;
    display: block;
    max-width: max-content;
    margin: 8px auto 0 auto;
    font-weight: 700;
    line-height: 103%;
    text-align: center
}

@-webkit-keyframes swing {
    15% {
        -webkit-transform: translateX(9px);
        transform: translateX(9px)
    }
    30% {
        -webkit-transform: translateX(-9px);
        transform: translateX(-9px)
    }
    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }
    50% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
    65% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes swing {
    15% {
        -webkit-transform: translateX(9px);
        transform: translateX(9px)
    }
    30% {
        -webkit-transform: translateX(-9px);
        transform: translateX(-9px)
    }
    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }
    50% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
    65% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

#calculation {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000000000;
}

#calculation .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 1);
}

#calculation .popup {
    width: 100%;
    max-width: 1000px;
    height: 570px;
    position: relative;
    background: url("images/popups/calculation/bg-pc.jpg") no-repeat center/cover;
    padding: 18px 20px;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}

#calculation .popup__close {
    position: absolute;
    right: 10px;
    top: 10px;
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
    cursor: pointer;
}

#calculation .popup__date {
    margin: 0 0 10px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 40px;
    color: #292948;
    border-radius: 110px;
    border: 2px solid #132146;
    max-width: 340px;
    text-align: center;
}

#calculation .popup__date span {
    color: #D51813;
}

#calculation .popup__title {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    color: #132146;
    margin: 0 0 20px;
}

#calculation .popup__title span {
    color: #D51813;
}

#calculation .popup__list {
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 135%;
    position: relative;
}

#calculation .popup__list ul {
    padding: 0;
    margin: 0;
}

#calculation .popup__list li {
    list-style: none;
    padding-left: 20px;
    padding-bottom: 20px;
}

#calculation .popup__list li::before {
    position: absolute;
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    background: #D51813;
    top: calc(20%);
    left: 0;
    border-radius: 50%;
}

#calculation .popup__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#calculation form {
    width: 100%;
    max-width: 395px;
}

#calculation form p {
    font-weight: 400;
    font-size: 18px;
    line-height: 35px;
    letter-spacing: 0.0003em;
    color: #292948;
    margin: 0;
}

#calculation .file-wrapper {
    position: relative;
    margin: 0 0 12px;
}

#calculation .file-wrapper label {
    background: #F9FAFC;
    box-shadow: inset -3px -3px 7px #ffffff, inset 2px 2px 5px rgb(136 165 191 / 38%);
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    box-sizing: border-box;
    text-decoration: underline;
    font-size: 18px;
    font-weight: 400;
}

#calculation .file-wrapper input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
}

#calculation .phone-wrapper {
    margin: 0 0 22px;
}

#calculation .phone-wrapper input {
    background: #F9FAFC;
    border: none;
    box-shadow: inset -3px -3px 7px #ffffff, inset 2px 2px 5px rgb(136 165 191 / 38%);
    height: 60px;
    padding: 0 20px;
    box-sizing: border-box;
    width: 100%;
}

#calculation form input[type="submit"] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 80px;
    background: #D51813;
    font-weight: 700;
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    border-bottom: 10px solid #C41C18;
    margin: 0 0 15px;
}

#calculation form.disabled input[type="submit"] {
    cursor: not-allowed;
}

#calculation .popupForm-policy input {
    display: none;
}

#calculation .popupForm-policy label {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #444444;
}

#calculation .popupForm-policy input:checked+label:before {
    content: url("images/popups/calculation/checkbox-a.png");
}

#calculation .popupForm-policy label:before {
    content: url("images/popups/calculation/checkbox.png");
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

#calculation .popupForm-policy label a {
    color: #FF474B;
    text-decoration: underline;
    margin-left: 3px;
}

#calculation .popup__offer {
    background: #132145;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 485px;
    margin-right: -45px;
    padding: 30px 15px;
    box-sizing: border-box;
}

#calculation .popup__offer p {
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
    margin: 0;
}

#calculation .popup__offer img {
    margin-right: 6px;
}

#calculation .file-wrapper label,
#calculation .phone-wrapper input {
    border-radius: 45px;
}

#calculation .file-wrapper label {
    color: #50506A;
}

#calculation form input[type="submit"] {
    background: #D51813;
    box-shadow: 0 4px 0 #cb0505, inset 5px 5px 20px rgba(255, 255, 255, 0.30);
    border-radius: 66px;
    border: 0;
    height: 70px;
}

#calculation .phone-wrapper {
    margin: 0 0 10px;
}

@media (max-width: 1000px) {
    #calculation .popup {
        width: 100%;
        max-width: 320px;
        height: 550px;
        background: url("images/popups/calculation/bg-mob-new.jpg") no-repeat center/cover;
        padding: 9px 10px;
    }
    #calculation .popup__date {
        font-size: 11px;
        line-height: 145%;
        text-align: center;
        padding: 7px 0 7px 0;
        max-width: 260px;
    }
    #calculation .popup__close img {
        width: 20px;
        height: 20px;
    }
    #calculation .popup__title {
        font-size: 22px;
        line-height: 130%;
        margin: 0 0 10px;
    }
    #calculation .popup__title br {
        display: none;
    }
    #calculation .popup__list {
        font-size: 16px;
    }
    #calculation .popup__form p {
        font-size: 12px;
        line-height: 135%;
        margin: 0 0 5px;
    }
    #calculation form p {
        font-size: 12px;
    }
    #calculation .file-wrapper label,
    #calculation .phone-wrapper input {
        height: 50px;
    }
    #calculation .file-wrapper label span {
        font-size: 12px;
        line-height: 135%;
    }
    #calculation form input[type="submit"] {
        font-size: 15px;
        line-height: 135%;
        height: 60px;
        margin: 0 0 10px;
    }
    #calculation .popupForm-policy label {
        font-size: 10px;
        line-height: 12px;
    }
}

#stock {
    position: fixed;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000000000;
    align-items: center;
    justify-content: center;
    display: none;
    font-family: Montserrat;
}

#stock .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 1);
}

#stock .popup {
    background-image: url("images/popups/price/bg.png");
    background-repeat: no-repeat;
    width: 1000px;
    height: 570px;
    position: relative;
    padding: 0;
    box-sizing: content-box;
    background-size: contain;
    background-position: bottom;
}

#stock .stock-close {
    position: absolute;
    top: 18px;
    right: 18px;
    cursor: pointer;
    z-index: 8040;
    display: block;
}

#stock .popup-content {
    padding: 40px;
    font-family: 'Open Sans';
}

#stock .popup h2,
#stock .popup .h2 {
    text-align: left;
    color: #0D0D0D;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 24px 0 24px;
}

#stock .popup-date {
    display: flex;
    align-items: center;
}

#stock .popup-time {
    margin-right: 12px;
}

#stock .popup-text {
    color: #0D0D0D;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

#stock .popup-text b {
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 21px;
}

#stock .popup-sticker {
    margin-left: 40px;
}

#stock .popup h2::after,
#stock .popup .h2::after {
    display: none !important;
}

#stock .popup h2 span,
#stock .popup .h2 span {
    color: #2E58C6;
}

#stock .popup p {
    font-size: 16px;
    color: #0D0D0D;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 5px;
}

#stock .popup .popup-phone p {
    color: #505050;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#stock .popup .popup-phone a {
    color: #132146;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
}

#stock .popup b {
    font-size: 20px;
    letter-spacing: 1.07px;
    font-weight: 800;
}

#stock .popup ul {
    margin-top: 3px;
    margin-bottom: 40px;
}

#stock .popup li {
    font-size: 20px;
    line-height: 1.2;
    color: #222222;
}

#stock form {
    display: inline-block;
    margin: 0;
    width: 100%;
    max-width: 425px;
}

#stock form p:last-child {
    font-size: 16px;
    max-width: 94%;
    line-height: 22px;
    font-weight: 500;
    margin-top: -8px;
}

#stock .popup p.stock-num {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #000000;
    margin-top: 24px;
}

.popup-phone-call {
    position: absolute;
    font-size: 26px;
    color: #000;
    font-weight: 500;
    top: 20px;
    left: 38%;
}

#stock .popup p .red {
    text-transform: uppercase;
    color: #CE1F1F;
    font-weight: 700;
}

#stock input:not(.checkbox) {
    padding: 15px 30px;
    width: 100%;
    height: 55px;
    margin-bottom: 12px;
    box-sizing: border-box;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #A5A5A5;
    border-radius: 10px;
    border: 1px solid #A5A5A5;
    background: #FFF;
}

#stock .buttons_wrap {
    display: flex;
    margin-bottom: 17px;
    font-size: 13px;
}

#stock .social_buttons {
    color: #2e2e2e;
    letter-spacing: 2.24px;
    font-size: 17px;
}

#stock .popup .social_buttons p {
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #0D0D0D;
    margin: 20px 0 20px;
}

#stock .social_item {
    display: flex;
    align-items: center;
    width: 100%;
    height: 30px;
    max-width: 132px;
    box-sizing: border-box;
    padding: 0 15px 0 38px;
    background-color: #fff;
    border: 1px solid #a2a2a2;
    background-repeat: no-repeat;
    background-position: 10px center;
    margin-right: 15px;
    transition: all .3s ease-in;
    cursor: pointer;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0.5px;
    font-family: 'Roboto', sans-serif;
}

#stock .social_item:first-child {
    font-family: 'Circe', sans-serif;
}

#stock .social_item:last-child {
    border-right: 1px solid #a2a2a2;
}

#stock .social_item.active {
    border: 0;
    border: 2px solid #0abaf8;
}

.stock-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    position: relative;
    max-width: 100%;
    width: 100%;
}

.stock-btn-wrap svg {
    position: absolute;
    right: 20px;
}

#stock .stock-button.ladda-button {
    margin: 0;
    padding: 2px 16px;
    position: relative;
    width: 100%;
    max-width: 425px;
    box-sizing: border-box;
    border: none;
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    height: 70px;
    border-radius: 10px;
    background: #21AF69;
    box-shadow: 0px 4px 0px 0px #1F975C;
    overflow: hidden;
    cursor: pointer;
}

#stock .stock-button.ladda-button:hover {
    background: #1c985c;
}


/* #stock .stock-btn-wrap:after {
    content: "XLS 1,7 MB";
    width: 91px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -15px;
    left: calc(50% - 45px);
    border-radius: 6px;
    border: 1px solid #2E58C6;
    background: #FFF;

    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;


} */

.popup-stock-checkbox {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: normal;
    color: #323232;
    position: relative;
    margin-top: 30px;
}

.popup-stock-checkbox label {
    display: flex;
    flex-direction: row;
    position: relative;
    align-items: center;
    flex-wrap: wrap;
}

.popup-stock-checkbox input[type=checkbox] {
    height: 16px;
    width: 16px;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.popup-stock-checkbox input[type=checkbox]+label span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 16px;
    cursor: pointer;
    background: none;
    border: 1px solid #8E8E8E;
}

.popup-stock-checkbox input[type=checkbox]:checked+label span {
    background: url(/bitrix/templates/furniture_red/images/check-grey.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.popup-stock-checkbox a,
.popup-stock-checkbox a:link,
.popup-stock-checkbox a:hover {
    color: #8E8E8E;
}

@keyframes moving {
    30% {
        webkit-transform: skewX(-45deg) translateX(33.5em);
        transform: skewX(-45deg) translateX(33.5em);
    }
    100% {
        webkit-transform: skewX(-45deg) translateX(33.5em);
        transform: skewX(-45deg) translateX(33.5em);
    }
}

.stock-button.ladda-button[data-style=expand-right] .ladda-spinner {
    min-width: 24px;
    width: 25px;
    height: 30px;
    position: static;
    background-color: transparent;
    background-image: url(images/popups/price/hand1.png);
    background-position: center center;
    opacity: 1;
    background-repeat: no-repeat;
    position: relative;
    top: 8px;
    left: 10px;
}

@media only screen and (max-width: 1212px) {
    #stock .popup {
        width: 1000px;
    }
    #stock .popup .popup-phone a {
        font-size: 28px;
        line-height: 28px;
    }
}

@media screen and (max-width: 1150px) {
    #stock .popup {
        transform: scale(0.85);
    }
    #stock .popup-sticker {
        position: absolute;
        bottom: 40px;
        right: 255px;
        max-width: 195px;
    }
    #stock .popup p.stock-num {
        margin-top: 10px;
    }
    #stock .popup-phone {
        margin-bottom: 20px;
    }
    #stock .popup h2,
    #stock .popup .h2 {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 992px) {
    #stock .popup h2,
    #stock .popup .h2 {
        font-size: 27px;
    }
    #stock .social_item {
        font-size: 13px;
        min-width: 121px;
        background-size: 18px;
        background-position: 6px center;
    }
    .stock-btn-wrap {
        width: 300px;
    }
    #stock input {
        width: 300px;
    }
    .stock-button.ladda-button {
        max-width: 300px;
        font-size: 15px;
        line-height: 15.69px;
        height: 51px;
    }
    .stock-button.ladda-button[data-style=expand-right] .ladda-spinner {
        min-width: 30px;
        padding: 2px 8px 2px 16px;
        width: 30px;
    }
    .stock-button.ladda-button span {
        margin-right: 4px;
        font-size: 20px;
        line-height: 24px;
    }
    #stock .buttons_wrap {
        margin-bottom: 12px;
    }
}

@media only screen and (max-width: 768px) {
    #stock .popup {
        transform: none;
        width: 400px;
        height: 650px;
        padding: 0;
        background-image: url(images/popups/price/bg-m.png);
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
    }
    #stock .popup-content {
        padding: 16px 10px;
    }
    #stock .stock-close {
        top: 10px;
        right: 10px;
    }
    #stock .stock-close svg {
        width: 30px;
        height: 30px;
    }
    #stock .popup-date {}
    #stock .popup-time {}
    #stock .popup-text {
        text-align: center;
        font-size: 16px;
    }
    #stock .popup-text b {
        font-size: 14px;
    }
    #stock .popup-sticker {
        right: 10px;
        bottom: 140px;
    }
    #stock .popup h2,
    #stock .popup .h2 {
        margin: 15px 0;
        font-size: 25px;
        letter-spacing: normal;
        width: 100%;
    }
    #stock .popup .popup-phone p {
        font-size: 22px;
        line-height: 24px;
        margin: 0 0 10px 0;
    }
    #stock .popup .popup-phone a {
        font-size: 40px;
    }
    .stock-btn-wrap {
        width: 100%;
    }
    #stock .popup .social_buttons p {
        margin: 20px 0;
        max-width: 100%;
        font-size: 13px;
        line-height: 17px;
        text-align: center;
    }
    #stock form p:last-child .red {
        font-size: 13px;
        line-height: 17px;
    }
    #stock .popup p.stock-num {
        margin-top: 12px;
        text-align: left;
    }
    #stock .social_item {
        min-width: 0;
    }
    #stock .social_item:last-child {
        margin-right: 0;
    }
    .stock-btn-wrap img {
        width: 100%;
    }
    #stock .stock-button.ladda-button {
        width: 100%;
        min-width: 100%;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        padding: 3px 20px;
        position: relative;
        height: 60px;
        text-align: center;
    }
    #stock form p:last-child {
        text-align: left;
        font-size: 19px;
        margin-top: 20px;
    }
    #stock input:not(.checkbox) {
        padding: 10px 20px;
        height: 40px;
        margin-bottom: 8px;
        font-size: 16px;
        text-align: left;
    }
    .stock-button.ladda-button[data-style=expand-right] .ladda-spinner {
        display: block;
        width: 20px;
        position: absolute;
        height: 24px;
        top: 17px;
        left: 83%;
        z-index: 99;
        background-image: url(images/popups/price/hand1.png);
    }
    #stock .stock-btn-wrap:after {
        height: 20px;
        bottom: -10px;
        font-size: 12px;
    }
    .popup-stock-checkbox {
        font-size: 11px;
        margin-top: 15px;
    }
}

@media only screen and (max-width: 543px) {
    #stock .popup {
        transform: scale(0.8);
    }
    #stock form {
        margin-left: 0;
    }
}

@media (max-width: 375px) {
    #stock .popup {
        transform: scale(0.8);
    }
}

@media screen and (max-width: 360px) {
    #stock {
        width: 380px;
        margin-left: -7px;
    }
}

#develop {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000000000;
}

#develop .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 1);
}

#develop .popup {
    width: 100%;
    max-width: 1000px;
    position: relative;
    background: url(images/popups/develop/popup12-min.jpg) no-repeat center/cover;
    padding: 40px;
    box-sizing: border-box;
    font-family: 'Arial', sans-serif;
}

.developer-drawing {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.developer-drawing__item:first-child {
    max-width: 536px;
    margin-right: 20px;
}

.date-popup {
    width: 381px;
    height: 47px;
    background: #304E89;
    border-radius: 6px;
    margin-bottom: 20px;
}

.date-popup__desc {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #FFFFFF;
    padding-top: 10px;
}

.developer-drawing__title {
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.developer-drawing__list {
    margin: 0;
    list-style: none;
}

.developer-drawing__list li {
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
    padding-left: 25px;
    background-image: url(images/popups/develop/tick-2.png);
    background-position: 0 2px;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.developer-drawing__item:last-child {
    max-width: 363px;
    margin-top: 100px;
}

#develop form p {
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.015em;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.developer-drawing .phone-wrapper input {
    box-sizing: border-box;
    width: 100%;
    height: 70px;
    background: #EFEFEF;
    border-radius: 8px;
    padding-left: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: black;
}

.developer-drawing .phone-wrapper input::-moz-placeholder {
    font-size: 16px;
    line-height: 18px;
    color: #8B8B8B;
}

.developer-drawing .phone-wrapper input::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 18px;
    color: #8B8B8B;
}

.developer-drawing .file-wrapper {
    margin: 0 0 12px;
    position: relative;
}

.developer-drawing .file-wrapper label {
    background: #EFEFEF;
    border-radius: 8px;
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    box-sizing: border-box;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: #8B8B8B;
}

.developer-drawing textarea {
    width: 100%;
    box-sizing: border-box;
    height: 95px;
    background: #EFEFEF;
    border-radius: 8px;
    margin: 0 0 12px;
    resize: none;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: black;
    padding: 20px;
}

#develop .file-wrapper input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
}

.developer-drawing .phone-wrapper {
    margin: 0 0 12px;
}

.developer-drawing .phone-wrapper textarea::-moz-placeholder {
    font-size: 16px;
    line-height: 18px;
    color: #8B8B8B;
}

.developer-drawing .phone-wrapper textarea::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 18px;
    color: #8B8B8B;
}

#develop input[type="submit"] {
    width: 100%;
    box-sizing: border-box;
    height: 80px;
    background: #D51813;
    box-shadow: 0 5px 0 #BF0A06, inset 10px 10px 20px rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 12px;
    cursor: pointer;
}

#develop form.disabled input[type="submit"] {
    cursor: not-allowed;
}

.developer-drawing input[type="submit"]:after {
    content: '';
    background-image: url("images/popups/develop/tap_m.png");
}

#develop .popupForm-policy input {
    display: none;
}

#develop .popupForm-policy label {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 8px;
    line-height: 9px;
    color: #FFFFFF;
}

#develop .popupForm-policy label::before {
    content: url("images/popups/develop/vector--check.png");
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

#develop .popupForm-policy input:checked+label::before {
    content: url("images/popups/develop/ant-design_check.png");
}

#develop .popupForm-policy label a {
    text-decoration: underline;
    margin-left: 3px;
    color: white;
}

#develop .popup__close {
    position: absolute;
    right: 40px;
    top: 40px;
    cursor: pointer;
}

#develop .pc {
    display: block;
}

#develop .mob {
    display: none;
}

@media screen and (max-width: 768px) {
    #develop .popup {
        padding: 20px 10px;
    }
    .developer-drawing {
        flex-direction: column;
    }
    .developer-drawing__item:first-child {
        max-width: 100%;
        margin-right: 0;
    }
    .date-popup {
        width: 100%;
    }
    .date-popup__desc {
        font-size: 14px;
        line-height: 21px;
        padding-top: 14px;
    }
    .developer-drawing__title {
        font-size: 18px;
        line-height: 18px;
        text-align: center;
        max-width: 273px;
        margin: 0 auto 20px auto;
    }
    .developer-drawing__list li {
        font-size: 14px;
        line-height: 16px;
    }
    .developer-drawing__item:last-child {
        max-width: 100%;
        margin-top: 20px;
    }
    .developer-drawing__form p {
        font-size: 12px;
        line-height: 14px;
    }
    .developer-drawing .phone-wrapper input {
        height: 50px;
    }
    .developer-drawing .file-wrapper label {
        height: 50px;
    }
    .developer-drawing textarea {
        height: 50px;
    }
    #develop input[type="submit"] {
        height: 60px;
        font-size: 16px;
        line-height: 18px;
    }
    #develop .popupForm-policy label {
        font-size: 6px;
        line-height: 8px;
    }
    #develop .popup {
        background: url(images/popups/develop/12.jpg) no-repeat 0 -90px;
        background-size: cover;
        padding: 20px 10px 150px 10px;
    }
    #develop .pc {
        display: none;
    }
    #develop .mob {
        display: block;
    }
    #develop .popup__close {
        right: 10px;
        top: 10px;
    }
    #develop .popup__close img {
        width: 32px;
        height: 32px;
    }
}

.excerpt-order {
    width: 100%;
    max-width: 800px;
    display: flex;
    flex-wrap: wrap;
    border-radius: 4px;
    border: 12px solid #d51813;
}

.excerpt-order p {
    margin: 0 0 10px;
}

.excerpt-order p b {
    font-size: 27px;
}

.sg-article .excerpt-order img {
    width: 100%;
    height: auto;
    margin: 0 !important;
    box-shadow: none;
    border: 0;
}

.excerpt-order__logo {
    width: 89px;
}

.excerpt-order__content {
    padding: 10px 10px 10px 10px;
}

.excerpt-order__content--links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 -10px;
}

.excerpt-order__content--links a {
    display: block;
    padding: 10px;
    font-size: 28px;
    text-decoration: none;
    color: #100a9a;
}

.excerpt-order__content--links a.mail {
    font-size: 22px;
    text-decoration: underline;
}

.excerpt-order__whatsapp {
    width: 91px;
    min-width: 91px;
    display: flex;
    align-items: flex-end;
    margin: 20px;
}

.insert-price {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 40px;
    margin: 40px 0;
    border: 1px solid #D51813;
    background-image: url(/bitrix/templates/furniture_red/images/insets/price/bg.png), radial-gradient(circle, rgba(255, 255, 255, 1) 50%, rgba(243, 243, 243, 1) 100%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
    border-radius: 10px;
    font-family: "Roboto", sans-serif;
}

.insert-price__item:first-child {
    max-width: 70%;
    /*min-width: 425px;*/
}

.insert-price__item:last-child img {
    width: 284px;
    height: 364px;
    box-shadow: none;
    margin: 10px 0 !important;
    border: none;
}

.insert-price__title {
    font-weight: 400;
    font-size: 20px;
    color: #000;
    margin-bottom: 24px;
}

.insert-price__title span {
    display: block;
    font-weight: 400;
    font-size: 32px;
    margin-bottom: 24px;
}

.insert-price__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    margin: 10px 0 20px 0;
    max-width: 255px;
}

.insert-price form .note-input {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #757575;
    margin: 0 0 5px 0 !important;
}

.insert-price form .file-wrapper {
    position: relative;
    margin: 0 0 10px 0;
}

.insert-price form .file-wrapper label {
    background: #E3E3E3;
    width: 242px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1;
    color: #000000;
    border-radius: 5px;
}

.insert-price form .file-wrapper label img {
    width: 13px;
    height: 16px;
    box-shadow: none;
    margin: 0 !important;
    border: none;
}

.insert-price form .file-wrapper input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
}

.insert-price form {
    width: 400px;
    max-width: 70%;
}

.insert-price form p {
    flex-shrink: 0;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 15px !important;
    color: #000000 !important;
    margin: 0 0 5px 0 !important;
}

.insert-price form .phone-wrapper {
    margin: 0 0 10px 0;
}

.insert-price form .phone-wrapper input {
    background: #fff;
    width: 100%;
    height: 50px;
    padding: 0 20px;
    box-sizing: border-box;
    border: 1px solid #DBDBDB;
    border-radius: 46px;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
}

.insert-price form .phone-wrapper input::-moz-placeholder {
    color: #000;
}

.insert-price form .phone-wrapper input::-webkit-input-placeholder {
    color: #000;
}

.insert-price form .button-text {
    display: flex;
    flex-direction: row;
}

.insert-price form .button-text input[type="submit"] {
    background: #D7241D;
    border-radius: 46px;
    width: 100%;
    height: 60px;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    color: #FFFFFF;
    margin: 0 10px 0 0;
    border: none;
}

.insert-price form .button-text input[type="submit"]:hover {
    background: #D51813;
    cursor: pointer;
}

.insert-price form .button-text input[type="submit"] p {
    width: 130px;
    margin-top: 17px !important;
}

@media screen and (max-width: 768px) {
    .insert-price {
        padding: 20px 15px;
        flex-direction: column;
        align-items: center;
        height: 658px;
        background-image: url(/bitrix/templates/furniture_red/images/insets/price/bg-mob.png);
    }
    .insert-price__item:first-child {
        max-width: 100%;
        min-width: 100%;
    }
    .insert-price__title {
        font-size: 16px;
        line-height: 1;
        margin-bottom: 18px;
    }
    .insert-price__title span {
        font-size: 24px;
        margin-bottom: 24px;
    }
    .insert-price__title br {
        display: none;
    }
    .insert-price__subtitle {
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        max-width: 225px;
        margin: 10px auto 20px auto;
    }
    .insert-price form {
        width: 100%;
        max-width: 100%;
    }
    .insert-price form .file-wrapper label {
        font-size: 15px;
        width: 100%;
    }
    .insert-price form .phone-wrapper input {
        width: 100%;
    }
    .insert-price__form .file-wrapper label {
        width: 100%;
        justify-content: center;
    }
    .insert-price__form .file-wrapper label span {
        width: 95px;
    }
    .insert-price__form .file-wrapper label img {
        width: 13px !important;
    }
    .insert-price__form .phone-wrapper input[type="tel"] {
        width: 100%;
    }
    .insert-price form .button-text {
        flex-direction: column;
    }
    .insert-price form .button-text input[type="submit"] {
        width: 100%;
    }
    .insert-price form .button-text p {
        width: 100%;
        text-align: center;
    }
    .insert-price__item:last-child img {
        width: 162px;
        height: 208px;
    }
}

.insert-price .form-policy {
    margin-top: 10px;
}

@media screen and (max-width: 768px) {
    .insert-price .form-policy {
        margin-top: 5px;
    }
}

.insert-price .form-policy label {
    position: relative;
    padding-left: 25px;
    display: block;
    font-size: 10px;
    line-height: 20px;
    color: #000000;
}

@media screen and (max-width: 768px) {
    .insert-price .form-policy label {
        padding-left: 18px;
        line-height: 15px;
    }
}

.insert-price .form-policy label:before {
    position: absolute;
    top: -1px;
    left: 0;
    display: block;
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid #999999;
    border-radius: 2px;
}

@media screen and (max-width: 768px) {
    .insert-price .form-policy label:before {
        width: 13px;
        height: 13px;
    }
}

.insert-price .form-policy input {
    display: none;
}

.insert-price .form-policy input:checked+label:after {
    position: absolute;
    top: 4px;
    left: 3px;
    display: block;
    content: '';
    width: 12px;
    height: 8px;
    background-image: url(images/insets/price/checkbox.svg);
    background-size: cover;
}

@media screen and (max-width: 768px) {
    .insert-price .form-policy input:checked+label:after {
        top: 4px;
        left: 3px;
        width: 9px;
        height: 6px;
    }
}

.insert-price .form-policy label a {
    color: inherit;
    text-decoration: underline;
}

.insert-price .form-policy label a:hover {
    text-decoration: none;
}

#callback,
#engineer,
#getcost {
    position: fixed;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

#callback .overlay,
#getcost .overlay,
#engineer .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.9);
}

#callback .popup,
#getcost .popup,
#engineer .popup {
    padding: 40px;
    width: 100%;
    position: relative;
    background: #F8F8F8;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}

#callback .popup,
#getcost .popup {
    max-width: 427px;
    min-height: 340px;
}

@media screen and (max-width: 768px) {
    #callback .popup,
    #getcost .popup {
        padding: 30px 10px;
        max-width: 320px;
        min-height: 288px;
    }
}

#engineer .popup {
    max-width: 427px;
    min-height: 506px;
}

@media screen and (max-width: 768px) {
    #engineer .popup {
        padding: 30px 10px;
        max-width: 320px;
        min-height: 422px;
    }
}

#callback .popup__close,
#getcost .popup__close,
#engineer .popup__close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    #callback .popup__close,
    #getcost .popup__close,
    #engineer .popup__close {
        top: 10px;
        right: 10px;
    }
}

#callback .popup__close svg,
#getcost .popup__close svg,
#engineer .popup__close svg {
    display: block;
    width: 20px;
    height: 20px;
    pointer-events: none;
}

@media screen and (max-width: 768px) {
    #callback .popup__close svg,
    #getcost .popup__close svg,
    #engineer .popup__close svg {
        width: 15px;
        height: 15px;
    }
}

#callback .popup__title,
#getcost .popup__title,
#engineer .popup__title {
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    color: #000000;
}

#callback .popup__title,
#getcost .popup__title {
    text-align: center;
}

@media screen and (max-width: 768px) {
    #callback .popup__title,
    #getcost .popup__title,
    #engineer .popup__title {
        font-size: 24px;
        line-height: 28px;
    }
}

#callback .popup__text,
#getcost .popup__text,
#engineer .popup__text {
    margin-top: 10px;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

#callback .popup__text,
#getcost .popup__text {
    text-align: center;
}

@media screen and (max-width: 768px) {
    #callback .popup__text,
    #getcost .popup__text,
    #engineer .popup__text {
        font-size: 14px;
        line-height: 16px;
    }
}

#engineer .popup__text ul {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    line-height: 16px;
}

#engineer .popup__text ul li {
    position: relative;
    margin-top: 10px;
    padding-left: 15px;
}

#engineer .popup__text ul li:first-child {
    margin-top: 0;
}

#engineer .popup__text ul li:before {
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    background-color: #2E58C6;
    border-radius: 50%;
}

#callback form,
#getcost form,
#engineer form {
    margin-top: 20px;
}

#callback .popupForm-label,
#getcost .popupForm-label,
#engineer .popupForm-label {
    font-size: 12px;
    line-height: 14px;
    color: #000000;
}

@media screen and (max-width: 768px) {
    #callback .popupForm-label,
    #getcost .popupForm-label,
    #engineer .popupForm-label {
        font-size: 10px;
        line-height: 12px;
    }
}

#callback .popupForm-input,
#getcost .popupForm-input,
#engineer .popupForm-input {
    margin-top: 5px;
}

#callback .popupForm-input br,
#getcost .popupForm-input br,
#engineer .popupForm-input br {
    display: none;
}

#callback .popupForm-input input,
#getcost .popupForm-input input,
#engineer .popupForm-input input {
    padding: 15px 20px;
    box-sizing: border-box;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #C2C2C2;
    border-radius: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
}

@media screen and (max-width: 768px) {
    #callback .popupForm-input input,
    #getcost .popupForm-input input,
    #engineer .popupForm-input input {
        padding: 10px 20px;
        font-size: 10px;
        line-height: 12px;
    }
}

#callback .popupForm-input input::placeholder,
#getcost .popupForm-input input::placeholder,
#engineer .popupForm-input input::placeholder {
    color: #C2C2C2;
}

#callback .popupForm-button,
#getcost .popupForm-button,
#engineer .popupForm-button {
    margin-top: 10px;
}

#callback .popupForm-button input[type="submit"],
#getcost .popupForm-button input[type="submit"],
#engineer .popupForm-button input[type="submit"] {
    padding: 15px 20px;
    box-sizing: border-box;
    width: 100%;
    background: #D51813;
    border: none;
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    #callback .popupForm-button input[type="submit"],
    #getcost .popupForm-button input[type="submit"],
    #engineer .popupForm-button input[type="submit"] {
        padding: 12px 20px;
        font-size: 14px;
        line-height: 16px;
    }
}

#callback form.disabled .popupForm-button input[type="submit"],
#getcost form.disabled .popupForm-button input[type="submit"],
#engineer form.disabled .popupForm-button input[type="submit"] {
    cursor: not-allowed;
}

#callback .popupForm-policy,
#getcost .popupForm-policy,
#engineer .popupForm-policy {
    margin-top: 10px;
}

@media screen and (max-width: 768px) {
    #callback .popupForm-policy,
    #getcost .popupForm-policy,
    #engineer .popupForm-policy {
        margin-top: 5px;
    }
}

#callback .popupForm-policy label,
#getcost .popupForm-policy label,
#engineer .popupForm-policy label {
    position: relative;
    padding-left: 25px;
    display: block;
    font-size: 10px;
    line-height: 20px;
    color: #000000;
}

@media screen and (max-width: 768px) {
    #callback .popupForm-policy label,
    #getcost .popupForm-policy label,
    #engineer .popupForm-policy label {
        padding-left: 18px;
        line-height: 15px;
    }
}

#callback .popupForm-policy label:before,
#getcost .popupForm-policy label:before,
#engineer .popupForm-policy label:before {
    position: absolute;
    top: -1px;
    left: 0;
    display: block;
    content: '';
    width: 18px;
    height: 18px;
    border: 1px solid #000000;
    border-radius: 2px;
}

@media screen and (max-width: 768px) {
    #callback .popupForm-policy label:before,
    #getcost .popupForm-policy label:before,
    #engineer .popupForm-policy label:before {
        width: 13px;
        height: 13px;
    }
}

#callback .popupForm-policy input,
#getcost .popupForm-policy input,
#engineer .popupForm-policy input {
    display: none;
}

#callback .popupForm-policy input:checked+label:after,
#getcost .popupForm-policy input:checked+label:after,
#engineer .popupForm-policy input:checked+label:after {
    position: absolute;
    top: 4px;
    left: 3px;
    display: block;
    content: '';
    width: 14px;
    height: 10px;
    background-image: url(images/popups/callback/checkbox.svg);
    background-size: cover;
}

@media screen and (max-width: 768px) {
    #callback .popupForm-policy input:checked+label:after,
    #getcost .popupForm-policy input:checked+label:after,
    #engineer .popupForm-policy input:checked+label:after {
        top: 4px;
        left: 3px;
        width: 9px;
        height: 6px;
    }
}

#callback .popupForm-policy label a,
#getcost .popupForm-policy label a,
#engineer .popupForm-policy label a {
    color: #2E58C6;
    text-decoration: underline;
}

#callback .popupForm-policy label a:hover,
#getcost .popupForm-policy label a:hover,
#engineer .popupForm-policy label a:hover {
    text-decoration: none;
}

@media screen and (min-width: 1500px) {
    .container {
        width: 1350px !important;
    }
    div#sidebar {
        width: 295px !important;
    }
    #sidebar+#workarea {
        width: calc(100% - 295px - 56px) !important;
    }
    .contacts .contacts__wrapper .contacts__intro .contacts__callback {
        width: 542px !important;
    }
    .row {
        margin: 0px !important;
    }
    .contacts .contacts__wrapper .contacts__map iframe {
        width: 100% !important;
    }
    .about .about__works .about__title {
        max-width: 700px;
    }
    .worksBlock-title {
        width: 90%;
    }
}

#success {
    position: fixed;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

#success .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.9);
}

#success .popup {
    position: relative;
    box-sizing: border-box;
    background: #fff;
    padding: 20px 20px;
    width: 100%;
    max-width: 430px;
    font-family: 'Roboto', sans-serif;
}

#success .popup__close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

#success .popup__close img {
    display: block;
}

#success .popup__title {
    font-weight: 700;
    font-size: 40px;
    line-height: 47px;
    text-align: center;
    color: #000000;
    margin: 20px 0 30px;
}

#success .popup__content {
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #000000;
    margin: 0 0 20px;
}

#success .popup__img {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 600px) {
    #success .popup {
        padding: 10px 10px;
        max-width: 320px;
    }
    #success .popup__close {
        right: 10px;
        top: 10px;
    }
    #success .popup__close img {
        width: 15px;
        height: 15px;
    }
    #success .popup__title {
        font-size: 30px;
        line-height: 35px;
    }
    #success .popup__content {
        font-size: 17px;
        line-height: 20px;
    }
    #success .popup__img img {
        width: 70px;
        margin: 0 0 10px;
    }
}

#success-with-custom-content {
    position: fixed;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

#success-with-custom-content .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.9);
}

#success-with-custom-content .popup {
    position: relative;
    box-sizing: border-box;
    background: #fff;
    padding: 20px 20px;
    width: 100%;
    max-width: 430px;
    font-family: 'Roboto', sans-serif;
}

#success-with-custom-content .popup__close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

#success-with-custom-content .popup__close img {
    display: block;
}

#success-with-custom-content .popup__title {
    font-weight: 700;
    font-size: 40px;
    line-height: 47px;
    text-align: center;
    color: #000000;
    margin: 20px 0 30px;
}

#success-with-custom-content .popup__content {
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #000000;
    margin: 0 0 20px;
}

#success-with-custom-content .popup__img {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 600px) {
    #success-with-custom-content .popup {
        padding: 10px 10px;
        max-width: 320px;
    }
    #success-with-custom-content .popup__close {
        right: 10px;
        top: 10px;
    }
    #success-with-custom-content .popup__close img {
        width: 15px;
        height: 15px;
    }
    #success-with-custom-content .popup__title {
        font-size: 30px;
        line-height: 35px;
    }
    #success-with-custom-content .popup__content {
        font-size: 17px;
        line-height: 20px;
    }
    #success-with-custom-content .popup__img img {
        width: 70px;
        margin: 0 0 10px;
    }
}

.services-block {
    margin-top: 72px;
}

@media (max-width: 855px) {
    .services-block {
        margin-top: 56px;
    }
}

.about__intro+.services-block {
    margin: 0 0 40px 0;
}

.servicesBlock-title {
    font-weight: 700;
    font-size: 30px;
    line-height: 44px;
    color: #333333;
    margin: 0;
}

.offerBlock-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 44px;
    color: #333333;
}

@media (max-width: 768px) {
    .offerBlock-title {
        font-size: 32px;
        line-height: 32px;
    }
}

@media (max-width: 854px) {
    .servicesBlock-title {
        font-size: 26px;
        line-height: 130%;
    }
}

.servicesBlock-list {
    margin: 24px -20px -16px -20px;
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 1280px) {
    .servicesBlock-list {
        margin: 40px 0 0 0;
        display: block;
    }
}

.servicesBlock-item {
    padding: 32px;
    margin: 16px 20px;
    display: flex;
    align-items: center;
    /*width: calc(100% / 2 - 40px);*/
    width: calc(100% / 3 - 40px);
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    text-decoration: none;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.servicesBlock-item:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

@media (max-width: 1280px) {
    .servicesBlock-item {
        margin: 16px 0 0 0;
        width: 100%;
    }
    .servicesBlock-item:first-child {
        margin-top: 0;
    }
    .services-block:not(.opened) .servicesBlock-item:nth-child(n+5) {
        display: none;
    }
}

.servicesBlockItem-image {
    flex-shrink: 0;
}

.servicesBlockItem-image svg {
    display: block;
    width: 80px;
    height: 80px;
}

@media (max-width: 1280px) {
    .servicesBlockItem-image svg {
        width: 64px;
        height: 64px;
    }
}

.servicesBlockItem-text {
    margin-left: 24px;
    font-weight: 400;
    font-size: 18px;
    line-height: 29px;
    color: #333333;
}

.servicesBlock-actions {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    line-height: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #2E58C6;
    cursor: pointer;
}

@media (min-width: 1281px) {
    .servicesBlock-actions {
        display: none;
    }
}

.spoiler-block__content h2 {
    font-size: 28px;
}

.spoiler-block__content * {
    font-size: 18px;
}

.offerBlock-title span {
    display: block;
}

.portfolio-list+.bestPrice-block {
    margin-top: 0px !important;
}

.usefulBlockItem-image a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.usefulBlockItem-image {
    position: relative;
}


/*  */

.spoiler-block__content {
    max-height: fit-content !important;
}

.spoiler-block__content:before {
    display: none !important;
}

.spoiler-block__content+.spoiler-block__btn {
    display: none !important;
}

html body .widgets .write-to-email-wg {
    border-radius: 13px;
    background: linear-gradient(90deg, rgba(255, 213, 96, 1) 0%, rgba(240, 176, 0, 1) 68%);
    width: 239px;
    height: 65px;
    padding: 11px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    margin-top: 10px;
    gap: 0;
    margin-left: 10px;
}

html body .widgets .write-to-email-wg p {
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 0 0 0 5px;
    text-align: center;
}

html body .widgets .write-to-email-wg img {
    padding: 0;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    margin-top: 5px;
}

div.widget-raschet {
    background: #12C539;
    border-radius: 10px;
    padding: 8px 25px;
    position: relative;
    min-width: 340px;
    align-items: flex-start;
    margin-top: 10px;
    cursor: pointer;
}

.widget-raschet span {
    font-size: 16px;
    color: #2E2E2E;
    font-weight: 500;
    line-height: 22px;
}

.widget-raschet p {
    font-size: 12px;
    text-transform: uppercase;
    padding: 12px 5px;
    background: #D51813;
    border-radius: 10px;
    margin-top: 13px;
    font-weight: 500;
}

.widget-raschet img {
    position: absolute;
    right: 0;
}

.widget-raschet__close {
    background: url(/bitrix/templates/furniture_red/images/widgets/widget-raschet-cross.png) no-repeat;
    width: 22px;
    position: absolute;
    height: 22px;
    top: 5px;
    right: 5px;
}

.widget-dicsount {
    margin-left: 8px;
    position: relative;
    cursor: pointer;
    width: 190px;
}

.widget-dicsount img {
    width: 190px;
    height: auto;
    display: block;
}

.widget-dicsount p {
    position: absolute;
    font-size: 13px;
    line-height: 115%;
    margin: 7px 0 0 48px;
}

@media (max-width: 768px) {
    .widget-dicsount {
        display: none !important;
    }
}

.first-screen {
    padding: 58px 48px;
    background-image: url(/bitrix/templates/furniture_red/images/first-screens/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
}

.first-screen__container {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    gap: 55px;
}

.first-screen__left {
    max-width: 500px;
}

.first-screen__left--title,
.first-screen__left--title h1 {
    margin-bottom: 50px;
    color: #000;
    font-family: Roboto;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 128%;
}

.first-screen__left--title h1 {
    margin: 0 !important;
}

.first-screen__left--title br.mob {
    display: none;
}

.first-screen__left--title span {
    color: #55669D;
}

.first-screen__left--subtitle {
    font-size: 16px;
    line-height: 22px;
    color: #333;
}

.first-screen__list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.first-screen__list .list-item {
    width: 212px;
    height: 67px;
    padding: 0 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border-radius: 4px;
    background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(95deg, #F6F6F6 0%, #F0F0F0 98.6%);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.03), 0 2px 10px 0 rgba(0, 0, 0, 0.04), 0 7px 31px 0 rgba(0, 0, 0, 0.07);
}

.first-screen__list .list-item .list-item__icon {
    width: 31px;
    height: 31px;
}

.first-screen__list .list-item .list-item__text {
    color: #000;
    font-family: Roboto;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%;
}

.first-screen__list .list-item .list-item__text span {
    display: block;
    font-weight: 700;
}

.first-screen__list--mobile {
    display: none;
}

.first-screen__offer {
    width: 100%;
    display: flex;
    gap: 30px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 12px;
}

.first-screen__offer .icon {}

.first-screen__offer .text {
    color: #000;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 128%;
}

.first-screen__offer .text br.mob {
    display: none;
}

.first-screen__offer .text br.pc {
    display: block;
}

.first-screen__note {
    color: #000;
    font-family: Roboto;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%;
    margin-bottom: 15px;
}

.first-screen__breadcrumbs {
    margin-bottom: 10px;
    display: none;
}

.first-screen__right {
    min-width: 284px;
}

.first-screen__right--title {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 16px;
    font-weight: 700;
}

.first-screen__right--filetip {
    color: #A0A0A0;
    font-family: Roboto;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%;
}

.first-screen .file-wrapper input {
    max-width: 165px;
    height: 38px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: none;
    border: 0;
}

.first-screen .file-wrapper {
    cursor: pointer;
    position: relative;
    margin-bottom: 16px;
    width: 100%;
    display: flex;
    gap: 7px;
}

.first-screen .file-wrapper .file {
    max-width: 165px;
    height: 38px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: #55669D;
    border: 1px solid #DDDDDD;
}

.first-screen .file-wrapper .file span {
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 146%;
}

.first-screen__right--filebottom {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.first-screen__right--filebottom span {
    font-size: 12px;
    color: #666;
    line-height: 12px;
    margin-left: 8px;
}

.first-screen .phone-wrapper .label {
    color: #333;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 146%;
    /* 17.52px */
}

.first-screen .phone-wrapper input {
    height: 42px;
    padding: 16px 32px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    width: 100%;
    color: #999;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 146%;
    margin-bottom: 10px;
}

.first-screen .phone-wrapper input::placeholder {
    color: #999;
}

.first-screen__button input {
    padding: 0 10px;
    width: 100%;
    height: 60px;
    margin-bottom: 10px;
    max-width: 100%;
    border-radius: 4px;
    background: #D51813;
    border: none;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    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;
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 146%;
    cursor: pointer;
}

.first-screen__policy {
    position: relative;
    font-family: Roboto;
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.first-screen__policy label {
    display: flex;
    flex-direction: row;
    position: relative;
    align-items: center;
    flex-wrap: wrap;
}

.first-screen__policy input[type=checkbox] {
    height: 12px;
    width: 12px;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.first-screen__policy input[type=checkbox]+label span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 10px;
    cursor: pointer;
    background: none;
    border: 1px solid #999;
}

.first-screen__policy input[type=checkbox]:checked+label span {
    background: url(/bitrix/templates/furniture_red/images/check-grey.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.first-screen__policy a,
.first-screen__policy a:link,
.first-screen__policy a:hover {
    color: #999 !important;
}

.first-screen__breadcrumbs .pageBreadcrumps-item:nth-child(1) {
    color: #999;
}

@media (max-width: 1200px) {
    .first-screen {
        background-image: url(/bitrix/templates/furniture_red/images/first-screens/bg-m.jpg);
        background-repeat: no-repeat;
        padding: 24px 15px;
        background-size: cover;
    }
    .first-screen__breadcrumbs {
        margin-bottom: 58px;
    }
    .first-screen__container {
        flex-direction: column;
        gap: 30px
    }
    .first-screen__left {
        max-width: 100%;
    }
    .first-screen__right {
        max-width: 100%;
    }
    .first-screen__left--title {
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 128%;
        margin-bottom: 0;
    }
    .first-screen__left--subtitle {
        font-size: 13px;
        line-height: 20px;
    }
    .first-screen__right--title {
        font-size: 18px;
        line-height: 20px;
    }
    .first-screen__left--title br.mob {
        display: block;
    }
    .first-screen__left--title br.pc {
        display: none;
    }
    .first-screen__list--desktop {
        display: none;
    }
    .first-screen__list--mobile {
        display: flex;
        margin-top: 30px;
    }
    .first-screen__list {
        flex-direction: column;
        row-gap: 14px;
    }
    .first-screen__list .list-item {
        max-width: 100%;
        width: 100%;
        justify-content: flex-start;
        height: 46px;
    }
    .first-screen__list .list-item .list-item__text {
        font-size: 11px;
    }
    .first-screen__offer {
        margin-bottom: 12px;
        gap: 16px;
    }
    .first-screen__offer .icon {
        width: 30px;
        height: 30px;
    }
    .first-screen__offer .icon svg {
        width: 30px;
        height: 30px;
    }
    .first-screen__offer .text {
        font-size: 16px;
    }
    .first-screen__offer .text br.mob {
        display: block;
    }
    .first-screen__offer .text br.pc {
        display: none;
    }
    .first-screen .phone-wrapper input {
        height: 34px;
    }
    .first-screen__right--filetip {
        color: #A0A0A0;
        font-family: Roboto;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 128%;
    }
    .first-screen .file-wrapper input {
        max-width: 180px;
        height: 46px;
        width: 100%;
    }
    .first-screen .file-wrapper {
        gap: 13px;
    }
    .first-screen .file-wrapper .file {
        max-width: 180px;
        height: 46px;
        width: 100%;
        gap: 10px;
    }
    .first-screen__button input {
        height: 53px;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 146%;
        margin-bottom: 6px;
    }
}

.banner-panp {
    padding: 40px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    gap: 24px;
    display: flex;
    flex-direction: column;
}

.banner-panp__item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    cursor: pointer;
}

.banner-panp__text {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

span.banner-panp__title {
    font-size: 18px;
    color: #2E58C6;
    line-height: 18px;
    text-decoration: underline;
}

.banner-panp__subtitle {
    color: #666666;
    font-size: 14px;
    line-height: 14px;
}

.our-services__item {
    margin: 0 0;
    padding: 32px 0;
    max-width: 100%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -ms-align-items: center;
    align-items: center;
    gap: 32px;
    border-bottom: 1px solid #DDDDDD;
    font-family: 'Roboto';
    font-style: normal;
    overflow: hidden;
}

.our-services-item__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.our-services-item__name {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #000000;
    cursor: pointer;
    text-decoration: none;
}

.our-services-item__name h3 {
    all: inherit;
    margin: 0;
}

.our-services-item__name:hover {
    text-decoration: none;
    color: #000000;
}

.our-services-item__text {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #333333;
}

.our-services-item__images {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.our-services-item__images .our-services__image {
    position: relative;
    width: 296px;
    overflow: hidden;
}

.our-services-item__images .our-services__image:hover::before {
    content: '';
    position: absolute;
    top: calc(50% - 24px);
    left: calc(50% - 24px);
    width: 48px;
    height: 48px;
    cursor: pointer;
    background-image: url(/bitrix/templates/furniture_red/images/zoom.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.our-services-item__images img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.our-services-item__bottom {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 24px;
    align-content: center;
    flex-direction: row;
    width: 100%;
}

.our-services-item__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    max-width: 100%;
    width: 275px;
    height: 47px;
    background: #21AF69;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}

.our-services-item__btn:visited,
.our-services-item__btn:hover {
    background: #108549;
}

.our-services-item__link {
    display: block;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #2E58C6;
    text-decoration: underline;
    cursor: pointer;
}

@media (max-width: 1000px) {
    .our-services__item {
        margin: 0 auto;
        padding: 32px 0;
        max-width: 100%;
        width: 345px;
        height: auto;
        flex-direction: column;
        gap: 32px;
    }
    .our-services-item__content {
        gap: 20px;
        max-width: 100%;
        height: auto;
    }
    .our-services-item__bottom {
        gap: 16px;
        flex-direction: column;
        justify-content: center;
    }
    .our-services-item__images {
        max-width: 100%;
    }
    .our-services-item__images .our-services__image {
        width: 345px;
        height: 180px;
        overflow: hidden;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
}

#email-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000000000;
}

#email-popup .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .8);
}

#email-popup .popup {
    /*width: 100%;
    max-width: 1200px;
    height: 680px;
    background: #3A3B3B;
    position: relative;
    padding: 40px 36px 25px 36px;*/
    background: #ffffff;
    width: 1000px;
    height: 570px;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}

.email-popup__title {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 34px;
    color: #FFFFFF;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}

#email-popup .popup__close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 99;
}

.email-popup-group {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    flex-direction: column;
    position: relative;
}

.email-popup-group label {
    width: 100%;
    display: flex;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    margin-bottom: 5px;
}

.email-popup-group input,
.email-popup-group p {
    width: 100%;
    background: #FFFFFF;
    border-radius: 5px;
    height: 50px;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #828282;
    padding: 0 19px 0 19px;
    outline: none;
    border: none;
}

html body .email-popup-group p {
    margin: 0;
    cursor: pointer;
}

html body .email-popup-group p img {
    margin-right: 10px;
}

html body .email-popup-group input[name='form_file_29'] {
    position: absolute;
    top: 21px;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

html body .email-popup-group textarea {
    margin-top: 9px;
    margin-bottom: 9px;
    width: 100%;
    background: #FFFFFF;
    border-radius: 5px;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #828282;
    padding: 15px 19px 15px 19px;
    outline: none;
    border: none;
    height: 120px;
    font-family: 'Roboto', sans-serif;
}

.email-popup-group input::placeholder,
.email-popup-group textarea::placeholder {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #828282;
}

#email-popup .popupForm-button input {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    background: #EC4F43;
    border-radius: 5px;
    outline: none;
    border: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 22px;
    line-height: 16px;
    color: #FFFFFF;
    margin-bottom: 10px;
    justify-content: center;
}

#email-popup .popupForm-button input:disabled {
    cursor: not-allowed;
    background: #B7B7B7;
}

.insert-form-label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.insert-form-label label {
    display: flex;
    align-items: center;
}

.custom-control-up__input {
    width: 17px;
    height: 17px;
    float: left;
    margin-right: 10px;
    display: none;
}

.custom-control-up__indicator {
    border: 1px solid #B7B7B7;
    border-radius: 2px;
    width: 17px;
    height: 17px;
    background: transparent;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 10px;
    vertical-align: top;
    float: left;
    cursor: pointer;
}

.custom-control-up__indicator::before {
    content: '';
    display: block;
    width: 12px;
    height: 9px;
    position: relative;
}

.custom-control-up__input:checked~.custom-control-up__indicator::before {
    background: url("/bitrix/templates/furniture_red/images/check-arrow.svg") center no-repeat;
}

html body .custom-control-up__name {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #B7B7B7;
    text-align: left;
    float: left;
    position: relative;
    top: 1px;
}

html body .custom-control-up__name a {
    text-decoration-line: underline;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #B7B7B7;
}

html body .js-popup-email-trigger {
    background: #02274D;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.mail--desktop {
    gap: 1px;
}

.mail--desktop,
.mail--desktop a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.mail--desktop a {
    gap: 10px;
    flex-direction: row;
}

.header_top-middle__group {
    display: flex;
    justify-content: space-between;
    gap: 60px;
}

#email-popup .popup__content {
    position: relative;
}

#email-popup .errortext {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    top: -55px;
    color: #EC4F43 !important;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
}

.popup__content {
    font-weight: 700;
    font-size: 32px;
    line-height: 34px;
    color: #FFFFFF;
    text-align: center;
    width: 100%;
}

.h2 {
    font-size: 160%;
    font-family: Arial, Helvetica, sans-serif;
    margin: 1.3em 0 1em;
    font-weight: normal;
    line-height: 1.2;
}

.form-file {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 20px 0;
    display: flex;
    align-items: center;
}

.form-file label {
    color: #323232;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-decoration-line: underline;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.form-file label svg {
    margin-right: 10px;
}

.form-file span {
    color: #323232;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    margin-left: 10px;
}

html body form[name="popup_mail"] input {
    outline: none;
    color: #323232;
    font-size: 20px;
    line-height: 130%;
    background-color: transparent;
    border: 0;
    font-weight: 400;
}

html body form[name="popup_mail"] * {
    font-family: 'Roboto', sans-serif;
}

html body form[name="popup_mail"] input::-webkit-input-placeholder {
    color: #323232;
    font-size: 20px;
    line-height: 130%;
    font-weight: 400;
}

html body form[name="popup_mail"] input::-moz-placeholder {
    color: #323232;
    font-size: 20px;
    line-height: 130%;
    font-weight: 400;
}

html body form[name="popup_mail"] input:-ms-input-placeholder {
    color: #323232;
    font-size: 20px;
    line-height: 130%;
    font-weight: 400;
}

html body form[name="popup_mail"] input::-ms-input-placeholder {
    color: #323232;
    font-size: 20px;
    line-height: 130%;
    font-weight: 400;
}

html body form[name="popup_mail"] input::placeholder {
    color: #323232;
    font-size: 20px;
    line-height: 130%;
    font-weight: 400;
}

.form__error {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 12px;
    line-height: 1.1428571429;
    color: #D51912;
    text-align: right;
}

html body form[name="popup_mail"] textarea {
    resize: none;
    border-radius: 8px;
    padding: 20px;
    background: #F9F9F9;
    width: 100%;
    height: 267px;
    font-size: 20px;
    margin-bottom: 20px;
    border: 0;
    outline: 0;
}

html body form[name="popup_mail"] textarea::-webkit-input-placeholder {
    color: #A0A0A0;
    font-size: 20px;
    font-weight: 400;
}

html body form[name="popup_mail"] textarea::-moz-placeholder {
    color: #A0A0A0;
    font-size: 20px;
    font-weight: 400;
}

html body form[name="popup_mail"] textarea:-ms-input-placeholder {
    color: #A0A0A0;
    font-size: 20px;
    font-weight: 400;
}

html body form[name="popup_mail"] textarea::-ms-input-placeholder {
    color: #A0A0A0;
    font-size: 20px;
    font-weight: 400;
}

html body form[name="popup_mail"] textarea::placeholder {
    color: #A0A0A0;
    font-size: 20px;
    font-weight: 400;
}

html body form[name="popup_mail"] .btn {
    display: inline-block;
    background: #1F9C2F;
    border-radius: 5px;
    text-align: center;
    padding: 22px;
    color: #FFF;
    font-size: 22px;
    font-weight: 700;
    line-height: 72.727%;
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    outline: none;
    border: 0;
    cursor: pointer;
}

html body form[name="popup_mail"] .btn--gray {
    background: #F0F1F3;
    color: #323232;
}

html body form[name="popup_mail"] .checkbox {
    position: relative;
}

html body form[name="popup_mail"] .checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

html body form[name="popup_mail"] .checkbox__input:checked+.checkbox__label:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

html body form[name="popup_mail"] .checkbox__label {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    gap: 10px;
}

html body form[name="popup_mail"] .checkbox__label:before {
    content: "";
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.0625rem;
    flex: 0 0 1.0625rem;
    width: 1.0625rem;
    height: 1.0625rem;
    border: 1px solid #B7B7B7;
    border-radius: 2px;
}

html body form[name="popup_mail"] .checkbox__label::after {
    content: "\e900";
    font-family: "icons";
    font-size: 8px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    position: absolute;
    top: 0.3125rem;
    left: 0.25rem;
    color: #B7B7B7;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

html body form[name="popup_mail"] .checkbox__text {
    color: #B7B7B7;
    font-size: 12px;
    font-weight: 700;
}

html body form[name="popup_mail"] .checkbox__text a {
    text-decoration: underline;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

html body form[name="popup_mail"] {
    border-radius: 20px;
    background: #FFF;
    padding: 20px;
    position: relative;
    max-width: 1000px;
    width: 100%;
}

.form__close {
    z-index: 4;
    position: absolute;
    top: 20px;
    right: 20px;
    color: #1E1E1E;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.form__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.form__logo {
    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: 100px;
    border-radius: 50%;
    background: #F6F6F6;
}

.form__logo picture {
    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;
}

.form__logo img {
    width: 38px;
}

.form__wrapp {
    width: calc(100% - 140px);
}

.form__wrapp .form__input-wrapp:first-of-type {
    padding-top: 0;
}

.form__input-wrapp {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(50, 50, 50, 0.1);
    padding: 20px 0;
}

.form__input-label {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #A0A0A0;
    margin-right: 20px;
    white-space: nowrap;
}

.form__input-div {
    font-size: 20px;
    line-height: 130%;
    color: #323232;
    font-weight: 400;
}

.form__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}

.form__btns .btn {
    max-width: calc(50% - 10px);
}

.company-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 36px;
    background: #F6F6F6;
    padding-right: 10px;
}

.company-form__logo {
    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;
    background-color: #2A2A2A;
    border-radius: 50%;
    margin-right: 10px;
}

.company-form__logo picture {
    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;
}

.company-form__logo img {
    width: 12px;
}

.company-form__name {
    font-size: 16px;
    line-height: 130%;
    color: #323232;
    font-weight: 400;
}

.form__group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.custom-control-up {
    display: flex;
    align-items: center;
}

.custom-control-up__input {
    width: 12px;
    height: 12px;
    float: left;
    margin-right: 4px;
    display: none;
}

.custom-control-up__indicator {
    border-radius: 2px;
    border: 1px solid #B7B7B7;
    width: 17px;
    height: 17px;
    background: transparent;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 10px;
    vertical-align: top;
    float: left;
    cursor: pointer;
    position: relative;
    top: 1px;
}

.custom-control-up__indicator::before {
    content: '';
    display: block;
    width: 10px;
    height: 8px;
    position: relative;
}

.custom-control-up__input:checked~.custom-control-up__indicator::before {
    background: url("/bitrix/templates/furniture_red/components/bitrix/form.result.new/email/images/icons/check.svg") center no-repeat;
}

html body .custom-control-up__name {
    color: #B7B7B7;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    float: left;
}

html body .custom-control-up__name a {
    color: #B7B7B7;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline;
}

@media (max-width: 991px) {
    html body .custom-control-up__name,
    html body .custom-control-up__name a {
        font-size: 10px;
        font-weight: 400;
    }
    #email-popup .popup {
        width: 360px;
        min-height: 590px;
        height: auto;
    }
    html body form[name="popup_mail"] input::-webkit-input-placeholder {
        font-size: 14px;
    }
    html body form[name="popup_mail"] input::-moz-placeholder {
        font-size: 14px;
    }
    html body form[name="popup_mail"] input:-ms-input-placeholder {
        font-size: 14px;
    }
    html body form[name="popup_mail"] input::-ms-input-placeholder {
        font-size: 14px;
    }
    html body form[name="popup_mail"] input::placeholder {
        font-size: 14px;
    }
    html body form[name="popup_mail"] input {
        font-size: 14px;
    }
    .form__error {
        font-size: 10px;
    }
    html body form[name="popup_mail"] textarea {
        font-size: 14px;
        height: 225px;
    }
    html body form[name="popup_mail"] textarea::-webkit-input-placeholder {
        font-size: 14px;
    }
    html body form[name="popup_mail"] textarea::-moz-placeholder {
        font-size: 14px;
    }
    html body form[name="popup_mail"] textarea:-ms-input-placeholder {
        font-size: 14px;
    }
    html body form[name="popup_mail"] textarea::-ms-input-placeholder {
        font-size: 14px;
    }
    html body form[name="popup_mail"] textarea::placeholder {
        font-size: 14px;
    }
    html body form[name="popup_mail"] .btn {
        font-size: 18px;
        padding: 19px;
    }
    html body form[name="popup_mail"] .checkbox__text {
        font-size: 10px;
        font-weight: 400;
    }
    html body form[name="popup_mail"] {
        padding: 40px 15px 15px;
        max-width: 360px;
    }
    .form__logo {
        display: none;
    }
    .form__wrapp {
        width: 100%;
    }
    .form__input-label {
        font-size: 14px;
        margin-right: 10px;
    }
    .form__input-label span {
        display: none;
    }
    .form__input-div {
        font-size: 14px;
    }
    .form__btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .form__btns .btn {
        max-width: 100%;
    }
    .form__btns .btn:not(:last-child) {
        margin-bottom: 10px;
    }
    .company-form {
        padding-right: 6px;
    }
    .company-form__logo {
        width: 20px;
        height: 20px;
    }
    .company-form__logo img {
        width: 6px;
    }
    .company-form__name {
        font-size: 14px;
    }
    .company-form__name span {
        display: none;
    }
    #email-popup .popup__close {
        top: 10px;
        right: 10px;
    }
}

@media (any-hover: hover) {
    html body form[name="popup_mail"] .btn:hover {
        background: #32a742;
    }
    html body form[name="popup_mail"] .btn--gray:hover {
        background: #1F9C2F;
        color: #FFF;
    }
    html body form[name="popup_mail"] .checkbox__text a:hover {
        color: #1F9C2F;
    }
    .form__close:hover {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

#instruction {
    position: fixed;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000000000;
    align-items: center;
    justify-content: center;
    display: none;
    font-family: 'Roboto';
}

#instruction .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 1);
}

#instruction .popup {
    background-image: url(/bitrix/templates/furniture_red/images/popups/instruction/bg-min.png);
    background-repeat: no-repeat;
    width: 1000px;
    height: 570px;
    position: relative;
    padding: 0;
    border-radius: 20px;
    box-sizing: border-box;
    margin: auto;
    background-size: contain;
    background-position: bottom;
}

#instruction .instruction-close {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 8040;
    display: block;
}

#instruction .popup-content {
    padding: 30px 42px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 28px;
}

#instruction .popup-title {
    max-width: 910px;
    text-align: left;
    color: #383838;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

#instruction .popup-title span {
    text-decoration: underline;
}

#instruction .popup-date {
    display: flex;
    align-items: center;
}

#instruction .popup-subtitle {
    max-width: 609px;
    color: #383838;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

#instruction .popup-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#instruction .popup-list div {
    position: relative;
    padding: 0 0 0 18px;
    color: #383838;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#instruction .popup-list div::before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 5px);
    width: 10px;
    height: 10px;
    background: #2E58C6;
    border-radius: 50%;
}

#instruction .popup-form {
    width: 100%;
}

#instruction .popup-form>div {
    width: 100%;
}

#instruction form {
    display: block;
    margin: 0;
    width: 100%;
    max-width: 407px;
}

#instruction form p:last-child {
    font-size: 16px;
    max-width: 94%;
    line-height: 22px;
    font-weight: 500;
    margin-top: -8px;
}

#instruction .popup .instruction-label {
    color: #383838;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#instruction .popup p .red {
    text-transform: uppercase;
    color: #CE1F1F;
    font-weight: 700;
}

#instruction input:not(.checkbox,
[type=submit]) {
    padding: 15px 30px;
    width: 100%;
    height: 60px;
    margin-bottom: 12px;
    box-sizing: border-box;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #A5A5A5;
    border-radius: 10px;
    border: 1px solid #A5A5A5;
    background: #FFF;
}

#instruction .instruction-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    position: relative;
    max-width: 100%;
    width: 100%;
    height: 70px;
    border-radius: 10px;
    background: #D51813;
    box-shadow: 0 4px 0 0 #AF1713;
}

#instruction .instruction-button {
    margin: 0;
    position: relative;
    max-width: 100%;
    box-sizing: border-box;
    border: none;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    overflow: hidden;
    cursor: pointer;
    background: transparent;
}

.instruction-btn-wrap span {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#instruction .instruction-btn-wrap:hover {
    background: #AF1713;
}

.popup-instruction-checkbox {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: normal;
    color: #323232;
    position: relative;
    margin-top: 30px;
}

.popup-instruction-checkbox label {
    display: flex;
    flex-direction: row;
    position: relative;
    align-items: center;
    flex-wrap: wrap;
}

.popup-instruction-checkbox input[type=checkbox] {
    height: 16px;
    width: 16px;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.popup-instruction-checkbox input[type=checkbox]+label span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 16px;
    cursor: pointer;
    background: none;
    border: 1px solid #8E8E8E;
}

.popup-instruction-checkbox input[type=checkbox]:checked+label span {
    background: url(/bitrix/templates/furniture_red/images/check-grey.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.popup-instruction-checkbox a,
.popup-instruction-checkbox a:link,
.popup-instruction-checkbox a:hover {
    color: #8E8E8E;
}

@media (max-width: 1000px) {
    #instruction .popup {
        width: 400px;
        height: 650px;
        padding: 0;
        background-image: url(/bitrix/templates/furniture_red/images/popups/instruction/bg-m.png);
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
    }
    #instruction .popup-content {
        padding: 18px;
        gap: 14px;
    }
    #instruction .instruction-close {
        top: 10px;
        right: 10px;
    }
    #instruction .instruction-close svg {
        width: 14px;
        height: 14px;
    }
    #instruction .popup .popup-title {
        font-size: 29px;
        width: 100%;
    }
    #instruction .popup-subtitle {
        font-size: 16px;
        line-height: 22px;
        width: 100%;
    }
    #instruction .popup-list div {
        font-size: 15px;
        padding: 0 0 0 15px;
    }
    #instruction .popup-list div::before {
        top: calc(50% - 4px);
        width: 8px;
        height: 8px;
    }
    #instruction form p:last-child .red {
        font-size: 13px;
        line-height: 17px;
    }
    #instruction .popup .instruction-label {
        font-size: 14px;
    }
    #instruction .instruction-btn-wrap {
        width: 100%;
        height: 60px;
    }
    #instruction .instruction-button {
        font-size: 16px;
        height: 60px;
    }
    #instruction .instruction-btn-wrap span {
        font-size: 11px;
    }
    #instruction form p:last-child {
        text-align: left;
        font-size: 19px;
        margin-top: 20px;
    }
    #instruction input:not(.checkbox,
    [type=submit]) {
        height: 50px;
        margin-bottom: 8px;
        font-size: 16px;
    }
    .popup-instruction-checkbox {
        font-size: 11px;
        margin-top: 15px;
    }
}

@media only screen and (max-width: 543px) {
    #instruction .popup {
        transform: scale(0.8);
    }
}

@media (max-width: 375px) {
    #instruction .popup {
        transform: scale(0.8);
    }
}

@media screen and (max-width: 360px) {
    #instruction {
        width: 380px;
    }
}

.flex-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex-block_column {
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
}

.flex-block_j-center {
    justify-content: center;
    -webkit-justify-content: center;
}

.flex-block_a-center {
    align-items: center;
    -webkit-align-items: center;
}

.flex-block_j-sbeetween {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

html body .header {
    border-top: 6px solid #D51813;
    ;
}

.header * {
    font-family: 'Roboto';
    font-style: normal;
    line-height: normal;
    font-weight: 400;
}

.header__sup {
    padding-bottom: 7px;
}

.header__sup .col-12 {
    column-gap: 40px;
    align-items: center;
    justify-content: center;
}

.header__sup-logo-img img {
    width: 42px;
    height: 67px;
}

.header__sup-logo-text {
    color: #000;
    font-size: 10px;
    margin-left: 10px;
    padding-top: 3px;
}

.header__sup-logo-text b {
    font-size: 33px;
    font-weight: 700;
}

.header__sup-logo-text em {
    font-style: normal;
}

html body .header__sup-telephone {
    align-items: center;
    -webkit-align-items: center;
}

html body .header__sup-telephone a {
    font-size: 16px;
    color: #000;
    text-decoration: none;
}

html body .header__sup-telephone a:hover {
    text-decoration: none;
}

.header__sup-contacts {
    column-gap: 35px;
}

.header__sup-icon {
    padding-bottom: 15.5px;
    display: flex;
    justify-content: center;
    column-gap: 5px;
}

.header__sup-telephone span {
    font-size: 14px;
}

.header__sup-btns {
    margin-left: 36px;
    position: relative;
}

.copy-email-helper {
    position: absolute;
    display: none;
    background: #000;
    border-radius: 2px;
    padding: 9px 11px;
    cursor: pointer;
    color: #FFF;
    font-family: 'Roboto';
    font-size: 9px;
    font-weight: 400;
    z-index: 999;
    top: 20px;
    width: max-content;
}

html body a.header__sup-mail {
    color: #D51813;
    text-decoration-line: underline;
}

.header__sup-callback {
    cursor: pointer;
    width: 175px;
    height: 36px;
    flex-shrink: 0;
    background: #D51813;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    border-radius: 4px;
}

.header__sup-open span {
    color: #000;
    font-size: 12px;
    position: relative;
    padding-left: 5px;
}

.header__sup-open span:before {
    width: 8px;
    height: 8px;
    content: '';
    background: #4DE253;
    position: absolute;
    left: -5px;
    top: 2px;
    border-radius: 50%;
    animation: pulse infinite 3s alternate;
}

.header__sup-open {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    padding-bottom: 8px;
}

.header__sub {
    width: 100%;
    background: #55659D;
    height: 40px;
}

.header__sub .container {
    width: 1170px!important;
}

.header-main-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

html body a.header-main-menu__item-link {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    text-transform: uppercase;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    height: 40px;
    cursor: pointer;
}

html body a.header-main-menu__item-link:hover {
    color: #FFF;
}

.header-main-menu__item:hover>.header-main-menu__submenu {
    display: flex;
}

.header-main-menu__item {
    position: relative;
}

.header-main-menu__submenu {
    position: absolute;
    background: rgba(48, 78, 137);
    width: max-content;
    padding: 12px 16px 0 14px;
    list-style: none;
    display: none;
}

html body a.header-main-menu__submenu-item-link {
    color: #FFF;
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    display: table;
    width: 100%;
}

html body a.header-main-menu__submenu-item-link:hover {
    color: #FFF;
}

.header-main-menu__submenu-item {
    margin-bottom: 12px;
    position: relative;
    width: 120%;
}

.header-main-menu__submenu-child {
    width: max-content;
    position: absolute;
    background: rgba(74, 97, 143);
    list-style: none;
    padding: 18px 26px 8px 16px;
    display: none;
    top: -12px;
    left: 90%;
    max-height: 350px;
    overflow: auto;
}

html body a.header-main-menu__submenu-child-link {
    color: #FFF;
    font-size: 18px;
    text-decoration: none;
}

.header-main-menu__submenu-child-item {
    margin-bottom: 9px;
}

html body a.header-main-menu__submenu-child-link:hover {
    color: #FFF;
}

.header-main-menu__submenu-item:hover>.header-main-menu__submenu-child {
    display: flex;
}

.header__mobile {
    display: none;
}

@media (max-width: 992px) {
    .header__sup,
    .header__sub {
        display: none;
    }
    .header__mobile {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        -webkit-justify-content: center;
    }
    html body .header {
        border-top: 2px solid #D51813;
    }
    .header__mobile-column {
        padding-top: 4px;
        margin-left: 9px;
    }
    .header__mobile-title {
        color: #000;
        font-size: 13px;
        margin-bottom: 8px;
    }
    .header__mobile-open {
        margin-bottom: 2px;
    }
    .header__mobile-open span {
        position: relative;
        color: #000;
        font-size: 12px;
        padding-left: 19px;
    }
    .header__mobile-open span:before {
        width: 11px;
        height: 11px;
        content: '';
        background: #4DE253;
        position: absolute;
        left: 0;
        top: 3px;
        border-radius: 50%;
        animation: pulse infinite 3s alternate;
    }
    html body a.header__mobile-tel {
        color: #000;
        font-size: 21px;
        text-decoration: none;
        margin-bottom: 2px;
        text-align: right;
    }
    html body a.header__mobile-mail {
        color: #000;
        font-size: 16px;
        text-decoration-line: underline;
        text-align: right;
    }
    html body a.header__mobile-btn {
        cursor: pointer;
        color: #FFF;
        font-size: 18px;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        border-radius: 3px;
        background: #55659D;
        width: 77px;
        height: 53px;
        flex-shrink: 0;
        margin-left: 15px;
        margin-top: 5px;
        text-decoration: none;
    }
    .header__mobile-contacts {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    html body .header.fixed {
        padding-bottom: 10px;
    }
}


/*  */

.widget-dynamic {
    font-family: Arial, sans-serif;
    background-color: #29adb6;
    left: auto;
    right: 1%;
    border-radius: 5px !important;
    bottom: 95px;
    color: #fff;
    display: none;
    font-size: 12px;
    line-height: 16px;
    position: fixed;
    padding: 22px 20px;
    text-align: left;
    text-shadow: none;
    width: 300px;
    z-index: 99999;
    box-sizing: border-box
}

@media (max-width: 1000px) {
    .widget-dynamic {
        left: 1%;
        right: auto;
        bottom: 200px;
    }
}

.widget-dynamic__link {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.widget-dynamic__photo {
    display: flex;
    align-items: center
}

.widget-dynamic__photo img {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
    border-radius: 50%
}

.widget-dynamic__close {
    position: absolute;
    top: 18px;
    right: 18px;
    cursor: pointer;
    font-weight: 700;
    height: 15px;
    width: 15px;
    line-height: 12px;
    margin: -1px -1px 0 0;
    opacity: .5;
    text-align: center;
    transition: opacity .15s ease-in-out
}

.widget-dynamic__close img,
.widget-dynamic__typing.active {
    display: block
}

.widget-dynamic__messages,
.widget-dynamic__name {
    font-weight: 700;
    font-size: 13px;
    line-height: 17px;
    color: #fff;
}

.widget-dynamic__messages {
    align-items: flex-start;
    background: #12696e;
    border-radius: 0 20px 20px 20px;
    display: flex;
    font-weight: 400;
    flex-direction: column;
    justify-content: center;
    margin: 10px auto;
    padding: 15px 20px
}

.widget-dynamic__message a {
    color: #fff
}

.widget-dynamic__typing {
    display: none;
    background: url('https://sales-generator.ru/bitrix/templates/sales-generator/images/widgets/dynamic/typing.gif.pagespeed.ce.m4AQPAwW6I.gif') 0 10px no-repeat;
    padding: 8px 0 3px 20px
}

.widget-dynamic__btn,
.widget-dynamic__btn a {
    display: block;
    background: #0919b7;
    border-radius: 10px;
    color: #fff !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    padding: 16px 20px;
    width: 100%;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box
}

.menu-container-mb {
    position: relative;
}

.mm-btn_close {
    position: absolute !important;
    top: 16px;
    right: 17px;
    z-index: 99;
}

html body a.header-main-menu__submenu-child-link:hover,
html body a.header-main-menu__submenu-item-link:hover {
    color: #132146;
}

.popup-list {
    width: 465px;
    max-width: 100%;
}

.popup-list b {
    font-size: 16px;
}

#instruction .popup-list div {
    font-size: 16px;
    line-height: 120%;
}

#instruction .popup-content {
    gap: 0px;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

#instruction .popup-title {
    font-size: 30px;
    line-height: 35px;
}

#instruction .popup-subtitle {
    font-size: 22px;
}

.popup-instruction-checkbox {
    margin-top: 15px;
}

@media (max-width: 1000px) {
    #instruction .popup .popup-title br {
        display: none !important;
    }
    #instruction .popup .popup-title {
        font-size: 24px;
    }
    #instruction .popup-content {
        justify-content: flex-start;
        gap: 10px;
    }
    #instruction .popup-subtitle {
        font-size: 19px;
    }
    #instruction .popup-list div {
        font-size: 14px;
        line-height: 130%;
        margin-bottom: 2px;
    }
    #instruction .popup {
        height: 700px;
    }
}


/*  */

#getcost .popup__title {
    font-size: 20px !important;
    line-height: 100% !important;
}

#getcost .popup {
    padding: 29px;
}

#getcost .popupForm-label {
    text-align: left;
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #999999;
}

#getcost .popupForm-input {
    margin-top: 10px;
    margin-bottom: 15px;
}

#getcost .popup__close.js-popup-getcost-close {
    top: 14px;
    right: 14px;
}

#getcost .popup__close.js-popup-getcost-close svg {
    width: 15px;
    height: 15px;
}

#getcost .popup__close.js-popup-getcost-close svg path {
    fill: #FF0011;
}

#getcost .popupForm-button input[type="submit"] {
    height: 80px;
    border-radius: 50px;
}

#getcost .popupForm-policy label,
#getcost .popupForm-policy a {
    text-align: left;
    color: #999999;
    font-family: Roboto;
    font-weight: 300;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0%;
}

#getcost .popupForm-policy label a {
    color: #999;
}

#getcost .popupForm-policy label:before {
    width: 14px;
    height: 14px;
    border-color: #999;
    border-radius: 5px;
}

#getcost .popupForm-policy input:checked+label:after {
    width: 8px;
    height: 6px;
    background-size: cover;
    background-repeat: no-repeat;
    top: 4px;
    left: 4px;
}

#getcost .popupForm-input input {
    font-size: 16px;
    border-radius: 50px;
}

.popupForm-input.input-file {
    background: #E5E5E5;
    border-radius: 50px;
    height: 60px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popupForm-input.input-file span.bx-input-file-desc {
    display: none;
}

.popupForm-input.input-file input.inputfile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}

.popupForm-input.input-file label {
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #2D2D2D;
    margin-right: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

@media screen and (max-width: 768px) {
    #getcost .popup {
        padding: 29px 15px;
    }
    #getcost .popup {
        width: 345px;
        max-width: 100%;
    }
    #getcost .popup__close.js-popup-getcost-close {
        top: 12px;
        right: 12px;
    }
    #getcost .popup__close.js-popup-getcost-close svg {
        width: 12px;
        height: 12px;
    }
    #getcost .popupForm-input {
        margin-top: 5px;
        margin-bottom: 10px;
    }
    #getcost .popupForm-input input {
        height: 60px;
        border-radius: 50px;
        font-size: 16px;
    }
    #getcost .popupForm-policy label {
        padding-left: 21px;
    }
    .popupForm-input.input-file label {
        font-size: 14px;
    }
    .popupForm-input.input-file label svg {
        width: 18px;
        height: 18px;
    }
}

.about.author {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.author-img {
    min-width: 310px;
    margin-right: 45px;
}

.author-text h1 {
    font-family: Roboto;
    font-weight: 700;
    font-size: 32px;
    letter-spacing: 0%;
    margin-bottom: 17px;
}

.author-text h2 {
    font-family: Roboto;
    font-weight: 700;
    font-size: 20px !important;
    line-height: 26px !important;
    margin-bottom: 6px;
    margin-top: 17px;
}

.author-text p,
.author-text li {
    font-family: Roboto;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    margin: 0px 0px 3px !important;
    color: #545454;
}

div#workarea .author-text ul {
    padding-left: 27px;
    list-style: none;
}

div#workarea .author-text ul li {
    position: relative;
}

div#workarea .author-text ul li:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #545454;
    border-radius: 50%;
    left: -15px;
    top: 9px;
}

@media (max-width: 768px) {
    .about.author {
        flex-direction: column;
    }
    .author-img {
        margin-bottom: 20px;
        margin-right: 0px;
    }
    .author-text h1 {
        font-size: 24px;
    }
}

.header__sup-logo.flex-block {
    position: relative;
}

.header__sup-logo.flex-block a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.header__mobile-title a {
    text-decoration: none !important;
    color: initial !important;
}


/* allsite-form-start */

.allsite-form {
    padding: 46px;
    min-height: 531px;
    margin-top: 40px;
    background-color: #f8f8f8;
    overflow: hidden;
    background-image: url('/bitrix/templates/furniture_red/images/allsite-form-bg.png');
    background-size: cover;
    background-position: center;
}

.all-site-form-title {
    font-family: Roboto;
    font-weight: 700;
    font-size: 48px;
    line-height: 110%;
    letter-spacing: 0%;
}

.all-site-form-offer {
    font-family: Roboto;
    font-weight: 400;
    font-size: 32px;
    line-height: 110%;
    letter-spacing: 0%;
    margin: 20px 0px;
}

.allsite-form .popupForm-label {
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 10px;
    display: block;
    color: #999;
}

.allsite-form input.phone-mask {
    border: 1px solid #D4D4D4;
    background: #fff;
    width: 474px;
    max-width: 100%;
    height: 60px;
    padding: 0 20px;
    border-radius: 50px;
    margin-bottom: 15px;
    font-family: Roboto;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #999;
}

.allsite-form-wr input[type="submit"] {
    width: 474px;
    height: 80px;
    border-radius: 50px;
    border: none;
    box-shadow: none;
    outline: none;
    margin-bottom: 10px;
    background: #D7241D;
    font-family: Roboto;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #fff;
}

.allsite-form .popupForm-policy {
    position: relative;
    padding-left: 21px;
}

.allsite-form .popupForm-policy label {
    font-family: Roboto;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #999;
}

.allsite-form .popupForm-policy label a {
    color: #999 !important;
}

.allsite-form .popupForm-policy label a:hover {
    text-decoration: none;
}

.allsite-form .popupForm-policy input {
    margin: 0px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -2px;
    top: -4px;
    z-index: 2;
    opacity: 0;
}

.allsite-form .popupForm-policy label:before {
    width: 14px;
    height: 14px;
    position: absolute;
    content: '';
    border: 1px solid #999;
    left: 0;
    top: -2px;
    border-radius: 3px;
}

.allsite-form .popupForm-policy input:checked+label:before {
    background: url('/bitrix/templates/furniture_red/images/allsite-form-check.png');
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 992px) {
    .allsite-form {
        padding: 24px 15px;
        min-height: 400px;
    }
    .all-site-form-title {
        font-size: 34px;
    }
    .all-site-form-offer {
        font-size: 24px;
        line-height: 120%;
    }
    .allsite-form input.phone-mask {
        width: 330px;
        font-size: 16px;
        margin-bottom: 10px;
        height: 54px;
    }
    .allsite-form-wr input[type="submit"] {
        width: 330px;
        height: 70px;
    }
    .allsite-form .popupForm-policy label {
        font-size: 12px;
        width: 266px;
        display: block;
        padding-left: 2px;
    }
    .allsite-form .popupForm-policy input {
        top: 50%;
        transform: translateY(-50%);
    }
    .allsite-form .popupForm-policy label:before {
        top: 50%;
        transform: translateY(-50%);
    }
}

@media (max-width: 767.98px) {
    .allsite-form {
        width: 360px;
        max-width: 100%;
        margin: 40px auto 0px;
        background-image: url('/bitrix/templates/furniture_red/images/allsite-form-bg-mb.png');
        min-height: 674px;
    }
    .all-site-form-title {
        font-size: 24px;
    }
    .all-site-form-offer {
        margin: 15px 0px;
        font-size: 16px;
    }
    .allsite-form .popupForm-label {
        font-size: 14px;
        line-height: 1;
    }
}

.allsite-form-wr .form_note {
    font-size: 16px;
    color: green;
    font-weight: 600;
}


/* allsite-form-end */

.header-search-close-btn {
    display: none;
}

.header-search-wr {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 132px;
    max-width: 100%;
}

.header-search-wr input[type="text"] {
    width: 100%;
    height: 38px;
    position: relative;
    border: 1px solid #999999;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: none;
    outline: none;
    padding: 0 10px;
    color: #999;
}

.header-search-wr button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    z-index: 2;
    padding: 0;
    height: 18px;
    width: 18px;
}

.header-search-wr form {
    position: relative;
    border: none;
}
@media (min-width: 1280px) and (max-width: 1500px) {
    html body .header__sup-telephone a {
        font-size: 14px;
    }
    .header__sup-logo-text {
        font-size: 8px;
    }
    .header__sup-logo-text b {
        font-size: 25px;
    }
}

@media (min-width: 992px) and (max-width: 1280px) {
    html body .header__sup-telephone a, .header__sup-telephone span {
        font-size: 12px;
    }
    .header__sup-logo-text {
        font-size: 8px;
    }
    .header__sup-logo-text b {
        font-size: 20px;
    }
    .header__sup-contacts, .header__sup .col-12 {
        column-gap: 10px;
    }

}

@media (max-width: 992px) {
    .header__mobile {
        width: 100%;
        justify-content: space-between;
    }
    html body a.header__mobile-btn {
        width: 60px;
        height: 63px;
        border-radius: 0px;
    }
    .header__mobile-column {
        width: calc(100% - 60px);
    }
    .header__mobile-title {
        text-align: center;
    }
    .header__mobile-contacts {
        justify-content: space-around;
    }
    .search-mobile-btn {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: auto;
        margin-right: 13px;
        width: 27px;
    }
    .header__mobile-group.flex-block.flex-block_column {
        margin-left: auto;
        margin-right: 15px;
    }
    html body a.header__mobile-btn {
        margin-left: 0px;
    }
    .search-mobile-btn svg {
        width: 100%;
        height: auto;
    }
    .header-search-wr._mobile {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #55659d;
        padding: 10px;
        border: 1px solid #999999;
        padding: 0px;
    }
    .header:not(.fixed) .header-search-wr._mobile {
        top: calc(100% + 10px);
    }
    .header-search-wr._mobile {}
    .header-search-wr._mobile .header-search-close-btn {
        display: block;
        margin-left: auto;
        margin-bottom: 20px;
        color: #fff;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 0px;
        padding-bottom: 10px;
        padding-right: 5px;
        display: none;
    }
    .header-search-wr button {
        padding: 0 25px;
        text-align: center;
        justify-content: center;
        align-items: center;
        right: 0px;
    }
    .header-search-wr input[type="text"] {
        border: none;
        padding: 0 25px;
        font-size: 13px;
        height: 46px;
    }
    .header-search-wr._mobile {
        display: none;
    }
    .header-search-wr._mobile.show {
        display: block;
    }
}

#cookie-bar {
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: 16px;
    text-align: center;
    z-index: 9999;
    display: none;
    color: #ffffff;
    background: #2F2F2F;
}

#accept-cookies {
    padding: 10px;
    background: #1E72DD;
    border-radius: 100px;
    border: none;
    max-width: 150px;
    width: 100%;
    font-weight: 450;
    font-size: 18px;
    line-height: 23px;
    color: #FFFFFF;
    cursor: pointer;
    margin-right: 5%;
}

#close-cookie {
    background: none;
    color: #ffffff;
    font-size: 20px;
}

.container.cookie-bar-container {
    margin: 0 auto;
    background: #2F2F2F;
    display: flex;
    position: relative;
    padding: 24px 24px 17px;
    align-items: center;
    justify-content: center;
    gap: 20px;
    justify-content: space-between;
    flex-direction: row;
}

.cookie-bar-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#close-cookie {
    position: absolute;
    width: 14px;
    height: 14px;
    z-index: 2;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.cookie-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    color: #FFFFFF;
    text-align: left;
}

.cookie-subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: #FFFFFF;
    text-align: left;
}

@media (max-width: 960px) {
    .cookie-title {
        font-size: 16px;
    }
    .cookie-subtitle {
        font-size: 16px;
    }
    .cookie-bar-wrapper {
        max-width: 100%;
        gap: 10px;
    }
    .container.cookie-bar-container {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
        padding: 10px;
    }
    .cookie-subtitle br {
        display: none;
    }
    #accept-cookies {
        margin-right: initial;
        padding: 5px;
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .cookie-title {
        font-size: 14px;
    }
    .cookie-subtitle {
        font-size: 12px;
    }
}

@media (min-width: 961px) {
    #cookie-bar {
        font-size: 14px;
    }

    .container.cookie-bar-container {
        padding: 10px;
    }

    .cookie-title,
    .cookie-subtitle {
        font-size: 14px;
    }

    #accept-cookies {
        padding: 5px;
        font-size: 14px;
        line-height: 1.2;
    }
}

.breadcrumbs .bx-breadcrumb {
    margin: 0 0 50px;
}

.breadcrumbs .bx-breadcrumb .bx-breadcrumb-item {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}

.breadcrumbs .bx-breadcrumb a {
    text-decoration: none;
}

.breadcrumbs .bx-breadcrumb a span {
    color: #999999;
}

.breadcrumbs .bx-breadcrumb span {
    color: #2E58C6;
    text-decoration: none;
}

@media (max-width: 600px) {
    .breadcrumbs .bx-breadcrumb {
        margin: 0 0 30px;
    }
}

#recall {
    position: fixed;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000000000;
    align-items: center;
    justify-content: center;
    display: none;
    font-family: 'Roboto';
}

#recall .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 1);
}

#recall .popup {
    background-image: url("images/popups/recall/bg.png");
    background-repeat: no-repeat;
    width: 870px;
    height: 394px;
    position: relative;
    padding: 0;
    box-sizing: content-box;
    background-size: contain;
    background-position: bottom;
}

@media screen and (max-width: 1000px) {
    #recall .popup {
        background-image: url("images/popups/recall/bg-mob.png");
        background-repeat: no-repeat;
        width: 375px;
        height: 550px;
        position: relative;
        padding: 0;
        box-sizing: content-box;
        background-size: contain;
        background-position: bottom;
    }
}

#recall .recall-close {
    position: absolute;
    top: 18px;
    right: 18px;
    cursor: pointer;
    z-index: 8040;
    display: block;
}

@media screen and (max-width: 1000px) {
    #recall .recall-close {
        top: 2px;
        right: 2px;
        width: 25px;
        height: 25px;
    }
    #recall .recall-close svg {
        width: 25px;
        height: 25px;
    }
    #recall .recall-close svg rect {
        fill: transparent;
    }
}

#recall .popup-content {
    padding: 50px 25px;
}

@media screen and (max-width: 1000px) {
    #recall .popup-content {
        padding: 20px 15px;
    }
}

#recall .popup__title {
    font-weight: 700;
    font-size: 30px;
    color: #333;
}

@media screen and (max-width: 1000px) {
    #recall .popup__title {
        font-size: 22px;
    }
}

#recall form {
    margin-top: 30px;
    max-width: 460px;
}

@media screen and (max-width: 1000px) {
    #recall form {
        margin-top: 20px;
        max-width: 100%;
    }
}

#recall .popupForm-label {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    color: #898989;
}

@media screen and (max-width: 1000px) {
    #recall .popupForm-label {
        margin-bottom: 5px;
    }
}

#recall .popupForm-input {
    margin-top: 5px;
}

#recall .popupForm-input br {
    display: none;
}

#recall .popupForm-input input {
    padding: 15px 20px;
    height: 60px;
    box-sizing: border-box;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #C2C2C2;
    border-radius: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #9d9d9d;
}

@media screen and (max-width: 1000px) {
    #recall .popupForm-input input {
        padding: 10px 20px;
        height: 46px;
        font-size: 10px;
        line-height: 12px;
    }
}

#recall .popupForm-input input::placeholder {
    color: #9d9d9d;
}

#recall .popupForm-button {
    margin-top: 10px;
}

#recall .popupForm-button input[type="submit"] {
    padding: 15px 20px;
    height: 66px;
    box-sizing: border-box;
    width: 100%;
    background: #da2b2b;
    border: none;
    border-radius: 10px;
    font-weight: 700;
    font-size: 24px;
    color: #FFFFFF;
    cursor: pointer;
}

@media screen and (max-width: 1000px) {
    #recall .popupForm-button input[type="submit"] {
        padding: 12px 20px;
        height: 54px;
        font-size: 20px;
    }
}

#recall form.disabled .popupForm-button input[type="submit"] {
    cursor: not-allowed;
}

#recall .popupForm-policy {
    margin-top: 10px;
}

#recall .popupForm-policy label {
    position: relative;
    padding-left: 25px;
    display: block;
    font-size: 10px;
    line-height: 20px;
    color: #9d9d9d;
}

@media screen and (max-width: 1000px) {
    #recall .popupForm-policy label {
        padding-left: 18px;
        line-height: 15px;
    }
}

#recall .popupForm-policy label:before {
    position: absolute;
    top: -1px;
    left: 0;
    display: block;
    content: '';
    width: 18px;
    height: 18px;
    border: 1px solid #9d9d9d;
    border-radius: 2px;
}

@media screen and (max-width: 1000px) {
    #recall .popupForm-policy label:before {
        width: 13px;
        height: 13px;
    }
}

#recall .popupForm-policy input {
    display: none;
}

#recall .popupForm-policy input:checked+label:after {
    position: absolute;
    top: 4px;
    left: 3px;
    display: block;
    content: '';
    width: 14px;
    height: 10px;
    background-image: url(images/popups/recall/checkbox.svg);
    background-size: cover;
}

@media screen and (max-width: 1000px) {
    #recall .popupForm-policy input:checked+label:after {
        top: 4px;
        left: 3px;
        width: 9px;
        height: 6px;
    }
}

#recall .popupForm-policy label a {
    color: #9d9d9d;
    text-decoration: underline;
}

input {
    cursor: pointer;
}


/*------------------------------------------------------------------------------*/


/*Popup #sale-email*/

#sale-email {
    position: fixed;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000000000;
    align-items: center;
    justify-content: center;
    display: none;
    font-family: 'Roboto';
}

#sale-email .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 1);
}

#sale-email .popup {
    background-image: url(/bitrix/templates/furniture_red/images/popups/sale-email/bg-0309.png);
    background-repeat: no-repeat;
    width: 1000px;
    height: 570px;
    position: relative;
    padding: 0;
    border-radius: 8px;
    box-sizing: border-box;
    margin: auto;
    background-size: contain;
    background-position: bottom;
}

#sale-email .sale-email-close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    z-index: 8040;
    display: block;
}

#sale-email .popup-content {
    padding: 84px 30px;
    width: 100%;
}

#sale-email .popup-text-wrapper {
    padding: 25px 20px;
    display: flex;
    flex-direction: column;
    gap: 22px;
    width: 100%;
    max-width: 514px;
    background: #fff;
    border-radius: 8px;
    justify-content: center;
    align-self: center;
}

#sale-email .popup-label {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 1px solid #d51813;
    border-radius: 6px;
    max-width: 225px;
    height: 50px;
}

#sale-email .popup-label span {
    font-weight: 500;
    font-size: 20px;
    color: #000;
}

#sale-email .popup-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 400;
    font-size: 36px;
    line-height: 130%;
    color: #000;
}

#sale-email .popup-link,
.popup-title-svg {
    font-weight: 400;
    color: #fff;
    background: #55659d;
    padding: 2px 5px;
    border-radius: 8px;
}

#sale-email .popup-title-svg {
    width: 51px;
    height: 51px;
    margin-left: 5px;
    text-align: center;
}

#sale-email .popup-subtitle {
    font-weight: 500;
    font-size: 22px;
    line-height: 115%;
    color: #55659d;
}

#sale-email .popup-realisation {
    width: fit-content;
    padding: 13px 17px;
    margin-left: 20px;
    border-radius: 0 0 8px 8px;
    background: rgba(213, 24, 19, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 12px;
    color: #ffff;
    font-size: 14px;
    font-weight: 500;
}

#sale-email .popup-realisation br.mb {
    display: none;
}

@media (max-width: 1000px) {
    #sale-email .popup {
        width: 380px;
        height: 650px;
        padding: 0;
        background-image: url(/bitrix/templates/furniture_red/images/popups/sale-email/bg-m-0309.png);
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
    }
    #sale-email .sale-email-close {
        top: 10px;
        right: 10px;
    }
    #sale-email .sale-email-close svg {
        width: 16px;
        height: 16px;
    }
    #sale-email .popup-content {
        padding: 0;
    }
    #sale-email .popup .popup-text-wrapper {
        padding: 30px 20px;
        gap: 13px;
    }
    #sale-email .popup-label {
        border-radius: 4px;
        max-width: 155px;
        height: 34px;
    }
    #sale-email .popup-label svg {
        width: 12px;
        height: 12px;
    }
    #sale-email .popup-label span {
        font-size: 14px;
    }
    #sale-email .popup .popup-title {
        font-weight: 400;
        font-size: 26px;
        line-height: 130%;
        color: #000;
    }
    #sale-email .popup-subtitle {
        font-size: 18px;
    }
    #sale-email .popup-title-svg {
        width: 35px;
        height: 35px;
    }
    .popup-title-svg svg {
        width: 18px;
        height: 18px;
    }
    #sale-email .popup-realisation {
        width: 330px;
        padding: 9px 17px;
    }
    #sale-email .popup-realisation br.mb {
        display: inline;
    }
}


/*------------------------------------------------------------------------------*/


/*Popup #sale-call*/

#sale-call {
    position: fixed;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000000000;
    align-items: center;
    justify-content: center;
    display: none;
    font-family: 'Roboto';
}

#sale-call .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 1);
}

#sale-call .popup {
    background-image: url(/bitrix/templates/furniture_red/images/popups/sale-call/bg.png);
    background-repeat: no-repeat;
    width: 1000px;
    height: 570px;
    position: relative;
    padding: 0;
    border-radius: 8px;
    box-sizing: border-box;
    margin: auto;
    background-size: contain;
    background-position: bottom;
}

#sale-call .sale-call-close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    z-index: 8040;
    display: block;
}

#sale-call .popup-content {
    padding: 83px 38px;
    width: 100%;
}

#sale-call .popup-text-wrapper {
    padding: 32px 36px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 525px;
    background: #fff;
    border-radius: 8px;
    justify-content: center;
    align-content: center;
    align-self: center;
}

#sale-call .popup-label {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    max-width: 309px;
    width: 100%;
    height: 44px;
    background: #55659d;
}

#sale-call .popup-label span {
    font-weight: 500;
    font-size: 20px;
    color: #fff;
}

#sale-call .popup-title {
    font-weight: 700;
    font-size: 38px;
    line-height: 130%;
    color: #000;
}

#sale-call .popup-title span {
    color: #55659d;
}

#sale-call .popup-subtitle {
    font-weight: 600;
    font-size: 22px;
    color: #000;
    line-height: 140%;
}

#sale-call .popup-subtitle span {
    color: #f80808;
}

#sale-call .popup-link {
    font-weight: 500;
    font-size: 22px;
    color: #fff;
    background: #f80808;
    border-radius: 4px;
    padding: 5px;
    margin-right: 5px;
    max-width: fit-content;
    text-decoration: none;
}

@media (max-width: 1000px) {
    #sale-call .popup {
        width: 380px;
        height: 650px;
        padding: 0;
        background-image: url(/bitrix/templates/furniture_red/images/popups/sale-call/bg-m.png);
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
    }
    #sale-call .sale-call-close {
        top: 10px;
        right: 10px;
    }
    #sale-call .sale-call-close svg {
        width: 16px;
        height: 16px;
    }
    #sale-call .popup-content {
        padding: 0;
    }
    #sale-call .popup .popup-text-wrapper {
        padding: 23px 26px;
        gap: 7px;
        width: 100%;
    }
    #sale-call .popup-label {
        max-width: 222px;
        height: 32px;
        margin-bottom: 7px;
    }
    #sale-call .popup-label svg {
        width: 16px;
        height: 16px;
    }
    #sale-call .popup-label span {
        font-size: 14px;
    }
    #sale-call .popup .popup-title {
        font-size: 27px;
        line-height: 130%;
        margin-bottom: 7px;
    }
    #sale-call .popup-subtitle {
        font-size: 16px;
    }
    #sale-call .popup-link {
        font-size: 16px;
        padding: 2px;
    }
}

body[class*='sgTopbar'] .sedibar-Services.fixed,
body[class*='sgTopbar'] .sticky_element_sitebar.fixed {
    margin-top: 70px;
}

.sticky_element_sitebar.fixed,
.sedibar-Services.fixed {
    margin-top: 10px;
}

header.header {
    z-index: 9999999999;
}

:where(.mm-slideout) {
    z-index: unset !important;
}

.copy-email-helper:hover {
    display: flex !important;
}

.fancybox__container {
    z-index: 99999999999999999999 !important;
}

.fancybox__container {
    z-index: 9999999999999 !important;
}