:root {
	--dark-gray: #292929;
	--gray: #454545;
	--gray-2: #5f5f5f;
	--gray-3: #3f3f3f;
	--light-gray: #d0d0d0;
	--white: #fff;
	--black: #1f1f1f;
	--transparent: rgba(0, 0, 0, 0);
	--light-red: #ff6340;
	--red: #db4321;
	--gray-3: #3f3f3f;

	--light-red-hover-color: #fb8f76;
    --hover-color: #ffbcad;

    --font-family: "Inter", sans-serif;
    --second-family: "Manrope", sans-serif;
    --third-family: "Montserrat", sans-serif;
}

body { font-family: var(--font-family); color: var(--white); background: var(--gray); }
a, a.nav-link{ color: var(--white); text-decoration: none; transition: all 0.4s ease; }
a:hover{ color: var(--hover-color); }
a.light-red {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 10px;
    color: var(--light-red);
}
a.light-red:hover{ color: var(--light-red-hover-color); }

.btn {
    display: flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 10px;
    background: var(--white);
    border-radius: 20px;
    padding: 6px 24px;
    font: 600 17px / 1.52941 var(--font-family);
    color: var(--dark-gray);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.15) !important;
}
.btn:hover, .btn:active, .btn:focus, .btn:focus-visible, .btn:disabled{
    color: var(--dark-gray)!important;
    background-color: var(--hover-color)!important;
}
.btn::after {
    content: url(/sites/all/themes/vesta_theme/image/icons/arrow_btn_black.svg);
    width: 8px;
    height: 18px;
}

.btn.red {
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.15);
    background: var(--red);
    color: var(--white);
}
.btn.red:hover, .btn.red:active, .btn.red:focus{
    color: var(--white)!important;
    background-color: var(--light-red)!important;
    box-shadow: 0 0 20px 0 var(--light-red)!important;
}
.btn.red::after {
    content: url(/sites/all/themes/vesta_theme/image/icons/arrow_btn_white.svg);
}

.btn.btn-outline {
    border: 1.50px solid var(--white)!important;
    box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.5)!important;
    background-color: rgba(0, 0, 0, 0.2);
    color: var(--white);
}
.btn.btn-outline:hover, .btn.btn-outline:active, .btn.btn-outline:focus {
    color: var(--white)!important;
    background-color: rgba(0, 0, 0, 0.4)!important;
}
.btn.btn-outline::after {
    content: url(/sites/all/themes/vesta_theme/image/icons/arrow_btn_white.svg);
}

.btn-close {
    box-shadow: none;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 1;
}

.block-title { font: 600 30px / 1.2 var(--second-family); }
.wr_front_content { margin-bottom: 0!important; }

ul.nav .nav-link { padding: 0px; }
ul.nav .nav-link:focus { background-color: unset; color: var(--hover-color); }
ul.nav .nav-link:hover{ color: var(--hover-color); }
ul.nav .nav-link.is-active { color: var(--light-red); }

ul.nav .dropdown-menu { background-color: var(--gray-3); }
ul.nav .dropdown-menu .dropdown-item { font: 500 15px var(--font-family); color: var(--white); background-color: transparent; }
ul.nav .dropdown-menu .dropdown-item:hover { background-color: transparent; color: var(--hover-color); }
ul.nav .dropdown-menu .dropdown-item.active { background-color: transparent; color: var(--light-red); }

.dropdown-toggle::after {
    margin-left: 14px;
    border: unset;
    background-image: url(/sites/all/themes/vesta_theme/image/icons/menu-arrow.svg);
    width: 13px;
    height: 7px;
    vertical-align: 2px;
}

.modal-content { background-color: var(--gray-3); }

#block-vesta-theme-bloknastranicekontakty .wr-contacts { display: flex; flex-direction: column;  gap: 15px; }
#block-vesta-theme-bloknastranicekontakty .wr-contacts .contact {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
    font: 500 15px / 1.46667 var(--font-family);
    letter-spacing: 0em;
}
#block-vesta-theme-bloknastranicekontakty .wr-contacts .contact .phones { display: flex; flex-direction: column; }

.block.block-vesta-privacy-access-d10 {
    font-family: var(--font-family);
    background-color: var(--dark-gray);
    color: var(--white);
}
.block.block-vesta-privacy-access-d10 .block-metrika-content p a:hover { color: var(--hover-color); }
.block.block-vesta-privacy-access-d10 .block-metrika-btns { flex-wrap: wrap; gap: 10px 25px; }
.block.block-vesta-privacy-access-d10 .block-metrika-btns button {
    display: flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 10px;
    background: var(--white);
    border-radius: 20px;
    padding: 6px 24px;
    font: 600 17px / 1.52941 var(--font-family);
    color: var(--dark-gray);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.15) !important;}

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 767px) {
    .block-title { font-size: 24px; }
}
@media screen and (max-width: 576px) {
}
/*---------------------HEADER---------------------*/
#app.page-front header#header {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 1;
    background: rgba(41, 41, 41, 0.5);
}

header#header { padding: 3px 0 15px 0px; }
header#header .header-top { display: flex; flex-direction: row; }
header#header .header-top .logo { display: flex; align-items: center; }
header#header .header-top .logo img { width: 350px; height: auto; object-fit: cover; }
header#header .header-top .contacts {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    column-gap: 70px;
    padding-top: 40px;
    font: 300 15px / 1.46667 var(--font-family);
}
header#header .header-top .contacts a { font-weight: 500; letter-spacing: 0em; }
header#header .header-top .contacts .contact { display: flex; flex-direction: row; column-gap: 6px; }
header#header .header-top .contacts .wr-tel-mail { display: flex; flex-direction: row; column-gap: 28px; }
header#header .header-top .contacts .wr-social { display: flex; flex-direction: row; column-gap: 6px; }
header#header .header-top .contacts .wr-social > a { display: flex; width: 38px; height: 38px; }
header#header .header-top .contacts .wr-social > a > img { width: 38px; height: auto; object-fit: cover; }

header#header .header-bottom { display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; column-gap: 28px; }
header#header .header-bottom .region.region-navigation { width: 100%; }
header#header .header-bottom .region.region-navigation ul.nav {
    font: 500 15px var(--font-family);
    letter-spacing: -0.02em;
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 8px;
}
header#header .header-bottom .region.region-navigation ul.nav .nav-link { padding: 5px 0; }


header#header .header-bottom .region.region-search { flex: 0 0 auto; }
header#header .header-bottom .region.region-search form { display: flex; position: relative; }
header#header .header-bottom .region.region-search form .form-search.form-control {
    border-radius: 20px;
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.25);
    background: var(--light-gray);
    width: 270px;
    height: 40px;
    padding: 6px 16px;
    padding-right: 50px;
    border: unset;
}
header#header .header-bottom .region.region-search form .form-search.form-control::placeholder,
header#header .header-bottom .region.region-search form .form-search.form-control::-webkit-input-placeholder {
    color: var(--transparent);
}
header#header .header-bottom .region.region-search form .btn-primary {
    position: absolute;
    background: url(/sites/all/themes/vesta_theme/image/icons/searchicon.svg) no-repeat center !important;
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
    border: 0px solid;
    font-size: 0px !important;
    border-radius: 20px;
    margin-right: 5px;
    padding: 0;
    box-shadow: none!important;
}
header#header .header-bottom .region.region-search form .btn-primary::after { display: none; }

@media screen and (max-width: 1200px) {
    header#header .header-top .contacts { column-gap: 20px; }
    header#header .header-bottom .region.region-search form .form-search.form-control { width: 210px; }
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 576px) {
}
/*------------------------------------------------*/

/*---------------------HEADER-MOB---------------------*/
header#header-mob { background-color: var(--dark-gray); opacity: .8; color: var(--white); padding: 5px 10px; }
header#header-mob > * { padding: 0 6px; }
header#header-mob .col-logo img { width: 350px; height: auto; object-fit: cover; }
header#header-mob .col-contacts { display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 12px; }

.offcanvas { color: var(--white); }
.offcanvas .offcanvas-header .logo { text-align: center; }
.offcanvas .offcanvas-header .logo img { width: 65%; height: auto; object-fit: cover; }
.offcanvas .offcanvas-header .btn-close {
    flex: 0 0 auto;
    margin: 0;
    margin-left: -8px;
}

.offcanvas .offcanvas-body { display: flex; flex-direction: column; gap: 12px; }
.offcanvas .offcanvas-body .region-search #search-api-page-block-form-search--2 { position: relative; }
.offcanvas .offcanvas-body .region-search #search-api-page-block-form-search--2 > * { display: block; }
.offcanvas .offcanvas-body .region-search #search-api-page-block-form-search--2 .form-control { padding-right: 38px; }
.offcanvas .offcanvas-body .region-search #search-api-page-block-form-search--2 .btn-primary::after { display: none; }
.offcanvas .offcanvas-body .region-search #search-api-page-block-form-search--2 .btn-primary {
    position: absolute;
    background: url(/sites/all/themes/vesta_theme/image/icons/searchicon.svg) no-repeat center;
    font-size: 0;
    width: 38px;
    height: 38px;
    padding: 0 10px;
    background-color: transparent !important;
    box-shadow: none!important;
    right: 0;
    top: 0;
    z-index: 2;
}

.offcanvas .offcanvas-body .region-navigation ul.nav,
.offcanvas .offcanvas-body .region-navigation ul.dropdown-menu {
    font: 500 15px var(--font-family);
    letter-spacing: -0.02em;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.offcanvas .offcanvas-body .wr-social { display: flex; flex-direction: column; gap: 6px; }
.offcanvas .offcanvas-body .contact { display: flex; flex-direction: row; align-items: center; gap: 6px; }

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 767px) {
    header#header-mob .col-logo img { width: 185px; }
}
@media screen and (max-width: 576px) {
    header#header-mob .col-contacts { display: none; }
}
/*----------------------------------------------------*/

/*---------------------BANNER---------------------*/
#banner-block {
    margin-bottom: 0!important;
}
#banner-block,
#banner-block .wr-video { position: relative; }
#banner-block .wr-video::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(41, 41, 41, 0.6);
}
#banner-block .wr-video::after {
    content: '';
    background-image: url(/sites/all/themes/vesta_theme/image/icons/banner_arrow.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    position: absolute;
    z-index: 3;
    bottom: 0;
    width: 100%;
    height: 112px;
    right: 0;
    left: 0; 
    margin: 0 auto; 
}
#banner-block .wr-video .video-img {
    width: 100%;
    height: 940px;
    object-fit: cover;
    display: block;
}

#banner-block > .wr-banner-text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    max-width: 1200px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 87px 16px 0 16px;
}
#banner-block > .wr-banner-text #block-vesta-theme-zagolovokbannera h1 {
    font: 500 56px / 1.03571 var(--second-family);
    text-align: center;
    max-width: 665px;
    margin-bottom: 192px;
}
#banner-block > .wr-banner-text #block-vesta-theme-opisaniebannera {
    font: 400 22px / 1.36364 var(--font-family);
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 24px;
}

#banner-block > .wr-banner-text .btn.btn-outline {
    width: 100%;
    max-width: 570px;
}
#banner-block > .wr-banner-text .btn.btn-outline::after { 
    content: url(/sites/all/themes/vesta_theme/image/icons/phone_header.svg);
    width: 20px;
    height: 20px;
}

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 992px) {
    #banner-block > .wr-banner-text #block-vesta-theme-zagolovokbannera h1 { font-size: 40px; }
    #banner-block > .wr-banner-text #block-vesta-theme-opisaniebannera { font-size: 18px; }
}
@media screen and (max-width: 991px) {
    #banner-block { margin-top: -130px; }
}
@media screen and (max-width: 767px) {
    #banner-block .wr-video .video-img { height: 739px; }
    
}
@media screen and (max-width: 576px) {
    #banner-block > .wr-banner-text #block-vesta-theme-zagolovokbannera h1 { font-size: 26px; }
}
/*------------------------------------------------*/

/*---------------------ABOUT---------------------*/
#about-block { margin-bottom: 0!important; }
#about-block .wr-about-block-text { position: relative; z-index: 1; background: #373737; }
#about-block .wr-about-block-text::before {
    content: '';
    background-image: url(/sites/all/themes/vesta_theme/image/icons/bg_about_company.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    position: absolute;
    bottom: -80px;
    width: 100%;
    height: 80px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
#about-block .wr-about-block-text > .container { z-index: 1; position: relative; }
#about-block #block-vesta-theme-opisanieokompanii {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}

#about-block #block-vesta-theme-opisanieokompanii .block-title {
    margin-top: 40px;
    margin-bottom: 20px;
}
#about-block #block-vesta-theme-opisanieokompanii .field.field--name-body {
    font: 400 22px / 1.36364 var(--font-family);
    letter-spacing: 0em;
    max-width: 616px;
}
#about-block .link-more {
    font: 600 17px / 1.52941 var(--font-family);
    letter-spacing: 0em;
}

@media screen and (max-width: 767px) {
    #about-block #block-vesta-theme-opisanieokompanii .field.field--name-body { font-size: 18px; }
}
/*-----------------------------------------------*/

/*---------------------ADVANTAGES---------------------*/
#advantages-block {
    padding-top: 35px;
    background-image: url(/sites/all/themes/vesta_theme/image/advantages_bg.jpg);
    background-repeat: no-repeat;
    background-position: center -225px;
    background-color: #3F3F3F;
    padding-bottom: 18px;
    margin-bottom: 0px!important;
}
#advantages-block > .container {
    display: flex;
    flex-direction: column;
    align-items: center
}
#advantages-block .region-advantages { max-width: 670px; }
#advantages-block .region-advantages .contextual-region { position: static; }

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 576px) {
}
/*----------------------------------------------------*/

/*---------------------SERVICES---------------------*/
#services-block { position: relative; padding-top: 30px; padding-bottom: 38px; background-color: var(--light-gray); margin-bottom: 0px!important; }
#services-block::before {
    content: '';
    background-image: url(/sites/all/themes/vesta_theme/image/icons/bg_services.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    position: absolute;
    top: 0;
    width: 100%;
    height: 240px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
#services-block > .container { position: relative; z-index: 1; }
#services-block .block-title { text-align: center; margin-bottom: 58px; }

#services-block .view.view-services.view-id-services { display: flex; flex-direction: column; gap: 30px; }
#services-block .view.view-services.view-id-services .view-footer a { width: 100%; }

@media screen and (max-width: 767px) {
    #services-block { padding-bottom: 0; }
    #services-block .view.view-services.view-id-services { gap: 16px; }
}
/*--------------------------------------------------*/

/*---------------------CATALOG---------------------*/
#catalog-block { position: relative; padding-top: 47px; padding-bottom: 50px; background-color: var(--light-gray); margin-bottom: 0px!important; }
#catalog-block::after {
    content: '';
    background-image: url(/sites/all/themes/vesta_theme/image/icons/bg_catalog.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 240px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
#catalog-block > .container { position: relative; z-index: 1; }
#catalog-block .block-title { text-align: center; color: var(--dark-gray); margin-bottom: 58px; font-weight: 700; }

#catalog-block .view.view-catalog.view-id-catalog .view-footer a { width: 100%; background: var(--light-gray); }

@media screen and (max-width: 767px) {
    #catalog-block .block-title { margin-bottom: 30px; }
}
/*-------------------------------------------------*/

/*---------------------GALLERY---------------------*/
#gallery-block { position: relative; padding: 30px 0; background-color: var(--gray-2); margin-bottom: 0px!important; overflow: hidden; }
#gallery-block div#block-vesta-theme-views-block-fotogalereya-block-1 { display: flex; flex-direction: column; align-items: center; }
#gallery-block div#block-vesta-theme-views-block-fotogalereya-block-1 .block-title { position: relative; text-align: center; margin-bottom: 58px; font-weight: 700; background-color: var(--gray-2); padding: 0 25px; z-index: 1; }
#gallery-block div#block-vesta-theme-views-block-fotogalereya-block-1 .block-title::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -8px;
    transform: translate(0, -25%);
    width: 8px;
    height: 8px;
    background-color: var(--light-red);
    filter: drop-shadow(0 0 5px var(--light-red));
    border-radius: 50%;
}
#gallery-block div#block-vesta-theme-views-block-fotogalereya-block-1 .block-title::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -8px;
    transform: translate(0, -25%);
    width: 8px;
    height: 8px;
    background-color: var(--light-red);
    filter: drop-shadow(0 0 5px var(--light-red));
    border-radius: 50%;
}

#gallery-block::before {
    content: '';
    position: absolute;
    top: 49px;
    width: 50%;
    height: 0px;
    border: solid var(--light-red);
    filter: drop-shadow(0 0 5px var(--light-red));
    border-width: 2px 0px 0px 0px;
    pointer-events: none;
}
#gallery-block .container { position: relative; }
#gallery-block .container::before {
    content: '';
    position: absolute;
    top: 19px;
    right: -80px;
    width: calc(50% + 80px);
    height: 50%;
    border: solid var(--light-red);
    filter: drop-shadow(0 0 5px var(--light-red));
    border-width: 2px 2px 0px 0px;
    border-radius: 0 50px 0 0;
    pointer-events: none;
}
#gallery-block .container::after {
    content: '';
    position: absolute;
    top: calc(50% + 19px);
    left: calc(100% + 78px);
    width: 100%;
    height: calc(50% - 19px);
    border: solid var(--light-red);
    filter: drop-shadow(0 0 5px var(--light-red));
    border-width: 0px 0px 2px 2px;
    border-radius: 0 0 0 50px;
    pointer-events: none;
}

#gallery-block .view.view-fotogalereya.view-id-fotogalereya { display: flex; flex-direction: column; gap: 30px; }
#gallery-block .view.view-fotogalereya.view-id-fotogalereya .view-footer a {
    width: 100%;
    background: var(--light-gray);
}

@media screen and (max-width: 767px) {
    #gallery-block .view.view-fotogalereya.view-id-fotogalereya { gap: 16px; }
}
/*-------------------------------------------------*/

/*---------------------CONTACTS---------------------*/
#contacts-block {
    background-color: var(--gray-2);
    margin-bottom: 0!important;
    padding-bottom: 30px;
}
#contacts-block #block-vesta-theme-kontakty .block-title {
    text-align: center;
    margin-bottom: 57px;
}
#contacts-block #block-vesta-theme-kontakty .field.field--name-body {
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.25);
    background: var(--gray);
    border-radius: 20px;
    padding: 54px 16px;
    font: 400 22px / 1.36364 var(--font-family);
    letter-spacing: 0em;
}

#contacts-block #block-vesta-theme-kontakty .field.field--name-body .wr-contacts{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 28px;
}

#contacts-block #block-vesta-theme-kontakty .field.field--name-body .wr-contacts .contact {
    display: flex;
    flex-direction: row;
    column-gap: 5px;
}
#contacts-block #block-vesta-theme-kontakty .field.field--name-body .wr-contacts .contact > a { white-space: nowrap; }


@media screen and (max-width: 767px) {
    #contacts-block #block-vesta-theme-kontakty .field.field--name-body { padding: 16px 13px; }
    #contacts-block #block-vesta-theme-kontakty .field.field--name-body .wr-contacts { font-size: 18px; }
    #contacts-block #block-vesta-theme-kontakty .field.field--name-body .wr-contacts .contact > p { text-align: center; }
}
/*--------------------------------------------------*/

/*---------------------MAP---------------------*/
#map-block {
    background-color: var(--gray-2);
    margin-bottom: 0!important;
    padding-bottom: 59px;
}
#map-block #block-vesta-theme-yandekskarta-2 {
    border-radius: 10px;
    overflow: hidden;
}
/*---------------------------------------------*/

/*---------------------CALLBACK---------------------*/
#callback-block {
    background-color: var(--gray-2);
    margin-bottom: 0!important;
    padding-bottom: 57px;
}
#callback-block .region-callback {
    display: flex;
    flex-direction: row;
    gap: 65px;
}

#callback-block #block-vesta-theme-svyazatsyasnami .block-title { margin-bottom: 33px; }
#callback-block #block-vesta-theme-svyazatsyasnami .field.field--name-body {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font: 500 17px / 1.52941 var(--font-family);
    letter-spacing: 0em;
}
#callback-block #block-vesta-theme-svyazatsyasnami .field.field--name-body span {
    font: 300 18px / 1.5 var(--font-family);
    letter-spacing: -0.02em;
}

#callback-block .webform-submission-form.webform-submission-callback-form .form-actions.webform-actions { margin-top: 35px; }

@media screen and (max-width: 1200px) {
    #callback-block .region-callback { gap: 50px; }
}
@media screen and (max-width: 992px) {
    #callback-block .region-callback { flex-direction: column; }
    #callback-block .region-callback #block-vesta-theme-svyazatsyasnami { text-align: center; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 576px) {
}
/*--------------------------------------------------*/

/*---------------------BANNER-CALLBACK---------------------*/
#banner-callback-block {
    background-image: url(/sites/all/themes/vesta_theme/image/callback_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 40px;
    margin-bottom: 0!important;
    padding: 50px 0;
}
#banner-callback-block .container { display: flex; flex-direction: row; color: var(--white); }
#banner-callback-block .wr-callback-label,
#banner-callback-block .wr-callback-content { width: 50%; }
#banner-callback-block .wr-callback-label { display: flex; align-items: center; flex-direction: row; }
#banner-callback-block .wr-callback-label p { font: 700 30px / 1.2 var(--second-family); max-width: 480px; }
#banner-callback-block .wr-callback-content .form-actions.webform-actions { margin: 0; }

@media screen and (max-width: 767px) {
    #banner-callback-block .container { display: flex; flex-direction: column; gap: 36px; }
    #banner-callback-block .wr-callback-label, #banner-callback-block .wr-callback-content { width: 100%; }
    #banner-callback-block .wr-callback-label { justify-content: center; }
    #banner-callback-block .wr-callback-label p { font-size: 26px; text-align: center; max-width: unset; }
}
/*---------------------------------------------------------*/

/*---------------------FOOTER---------------------*/
footer#footer hr { margin: 20px 0 18px 0; border: 1.50px solid var(--white); opacity: 1; }
footer#footer .wr-footer { display: flex; flex-direction: row; justify-content: space-between; gap: 38px; padding-top: 22px; }
footer#footer .logo img { width: 350px; height: auto; object-fit: cover; }
footer#footer .wr-footer-menu ul.nav {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font: 500 15px var(--font-family);
    letter-spacing: -0.02em;
    text-transform: uppercase;
}
footer#footer .wr-footer-menu ul.nav .dropdown-toggle::after { display: none; }

footer#footer .wr-footer-services .block-title { font: 500 15px var(--font-family); letter-spacing: -0.02em; text-transform: uppercase; margin-bottom: 12px; }
footer#footer .wr-footer-services .view.view-services .view-content { display: flex; flex-direction: column; gap: 10px; font: 300 13px / 1.38462 var(--font-family); }

footer#footer .wr-footer-catalog .block-title { font: 500 15px var(--font-family); letter-spacing: -0.02em; text-transform: uppercase; margin-bottom: 12px; }
footer#footer .wr-footer-catalog .view.view-catalog .view-content { display: flex; flex-direction: column; gap: 10px; font: 300 13px / 1.38462 var(--font-family); }

footer#footer .wr-footer-contacts .wr-contacts { display: flex; flex-direction: column; align-items: flex-end; gap: 15px; }
footer#footer .wr-footer-contacts .wr-contacts .contact {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
    font: 500 15px / 1.46667 var(--font-family);
    letter-spacing: 0em;
    text-align: right;
}
footer#footer .wr-footer-contacts .wr-contacts .contact .phones { display: flex; flex-direction: column; }

footer#footer .wr-footer-contacts-social { display: flex; flex-direction: column; gap: 10px; }
footer#footer .wr-footer-contacts-social a { display: block; }

footer#footer .row-copiryght { font: 300 13px / 1.38462 var(--font-family); padding-bottom: 18px; }

@media screen and (max-width: 1200px) {
    footer#footer .wr-footer { gap: 20px; }
    footer#footer .wr-footer .wr-footer-catalog { display: none; }
}
@media screen and (max-width: 992px) {
    footer#footer .row-copiryght { gap: 10px; }
    footer#footer .wr-footer { flex-wrap: wrap; gap: 16px; }
    footer#footer .wr-footer .logo { width: 100%; }
    footer#footer .wr-footer .logo img { width: 185px; }
    footer#footer .wr-footer .wr-footer-contacts { max-width: 220px; }
}
@media screen and (max-width: 767px) {
    footer#footer .wr-footer .wr-footer-services { display: none; }
}
@media screen and (max-width: 576px) {
    footer#footer .wr-footer { justify-content: center; align-items: flex-end; }
    footer#footer .wr-footer .wr-footer-menu { width: 100%; display: flex; justify-content: center; text-align: center; }
    footer#footer .wr-footer .wr-footer-contacts { max-width: 255px; }
    footer#footer .wr-footer .wr-footer-contacts .wr-contacts { align-items: flex-start; }
    footer#footer .wr-footer .wr-footer-contacts .wr-contacts .contact { flex-direction: row-reverse; text-align: left; }
    
}
/*------------------------------------------------*/