:root {
    --main--color: #D8B7EF;
    --black: #000;
    --hover-color: #73647d;
    --btn-hover-color: #00000015;
    --btn-white-hover-color: #00000035;
    --font-family: "Oswald", sans-serif;
    --second-family: "Marck Script", sans-serif;
    --third-family: "Montserrat", sans-serif;
    
}

body { font-family: var(--font-family); color: var(--black); background-color: #FCFCFC;}
main#main > *:not(:last-of-type) { margin-bottom: 100px; }

a, a.nav-link{ color: var(--black); text-decoration: none; transition: all 0.4s ease; }
a:hover{ color: var(--hover-color); }

h1{ margin-bottom: 20px; }

.btn {
    font: 400 16px / 1.20664 var(--font-family);
    border-radius: 30px;
    padding: 12px 123px 12px 19px;
    background: transparent;
    color: var(--black);
    border: 1px solid var(--black)!important;
    box-shadow: none!important;
    position: relative;
    white-space: nowrap;
}
.btn::after{
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    right: -1px;
    background: url(/sites/all/themes/vesta_theme/image/icons/arrow.svg) no-repeat center;
    width: 45px;
    height: 45px;
    border: 1px solid white;
    border-radius: 50%;
    filter: invert(1);
}
.btn.btn-white { border-color: white!important; color: white; }
.btn.btn-white::after { border-color: white!important; filter: invert(0); }

.btn:hover, .btn:active, .btn:focus{
    color: var(--black)!important;
    background-color: var(--btn-hover-color)!important;
}
.btn.btn-white:hover, .btn.btn-white:active, .btn.btn-white:focus{
    color: white!important;
    background-color: var(--btn-white-hover-color)!important;
}

#block-vesta-theme-content .search-api-page-block-form-search.search-api-page-block-form.search-form.search-block-form.container-inline {
    display: flex;
    flex-direction: row;
    gap: 12px;
    margin-bottom: 12px;
}

#block-vesta-theme-content .search-api-page-block-form-search.search-api-page-block-form.search-form.search-block-form.container-inline input {
    font: 400 15px var(--font-family);
    padding: 11px 23px;
    border: 1px solid #000;
    border-radius: 30px;
    background: transparent;
    margin: 0;
}

.alert_metrika {
    background: linear-gradient(90deg, #d8b7ef 0%, #fff 45.2%, #fff 53.59%, #d8b7ef 100%);
    font: 400 16px var(--font-family);
    color: var(--black);
    padding: 30px 0px;
}
.alert_metrika a { text-decoration: underline; }
.alert_metrika > div { display: flex; flex-direction: column; align-items: center; }
.alert_metrika .metrika-text { text-align: center; margin-bottom: 10px; font: 500 16px var(--third-family); display: flex; flex-direction: column; gap: 10px; max-width: 1109px; }
.alert_metrika .metrika-text strong { font: 700 16px var(--third-family); margin-bottom: 10px; display: block; }
.alert_metrika .block-btns {
    display: flex;
    flex-direction: row;
    gap: 6px 20px;
    flex-wrap: wrap;
    padding: 0 20px;
    justify-content: center;
}
.alert_metrika .block-btns button.btn.btn-primary { color: var(--black); font: 700 14px var(--third-family); padding: 10px 14px; margin: 0; border-radius: 5px; background: #d8b7ef; border: unset!important; width: 170px; }
.alert_metrika .block-btns button.btn.btn-primary:hover,
.alert_metrika .block-btns button.btn.btn-primary:active,
.alert_metrika .block-btns button.btn.btn-primary:focus { background-color: #ebcfff !important; }
.alert_metrika .block-btns button.btn::after { display: none; }


#main table { font: 700 16px / 1.27538 var(--font-family); text-transform: uppercase; }
#main table td { padding: 20px 21px; border: 2px solid #45494e !important; }
#main table td:first-of-type { border-left: unset!important; }
#main table td:last-of-type { border-right: unset!important; }

@media screen and (max-width: 992px) {
    main#main > *:not(:last-of-type) { margin-bottom: 80px; }
    #scrollToTop { right: 55px; }
}
@media screen and (max-width: 991px) {
    #app { padding-top: 85px; }
    
    .btn { padding: 10px 70px 10px 16px; }
    .btn::after { width: 41.3px; height: 41.3px; }

    /* Заголовки */
    #portfolio-block #block-vesta-theme-zagolovok .field.field--name-body,
    #advantages-block #block-vesta-theme-zagolovokpriemuschestva,
    #prices-block #block-vesta-theme-zagolovokcenynauslugi-2,
    #prices-block #block-vesta-theme-vygodnyekompleksy .block-title,
    #reviews-block #block-vesta-theme-zagolovokotzyvy,
    #webform-full-block .wr-region-webform-full > p { font-size: 36px; }
}
@media screen and (max-width: 767px) {
    main#main > *:not(:last-of-type) { margin-bottom: 60px; }
    #scrollToTop { right: 30px; }
}

@media screen and (max-width: 576px) {
    .alert_metrika .metrika-text { font-size: 10px; }
}

/*---------------HEADER---------------*/
header#header { padding: 28px 0; }
header#header .header-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 5px;
}
header#header .header-top .contacts {
    display: flex;
    flex-direction: row;
    gap: 40px;
    font: 400 24px var(--font-family);
}
header#header .header-top .search form { position: relative; }
header#header .header-top .search form div,
header#header .header-top .search form label { display: block; }
header#header .header-top .search form .form-search {
    font: 400 16px / 1.20664 var(--font-family);
    height: 45px;
    width: 226px;
    padding: 13px 50px 13px 19.5px;
    border: 1px solid var(--black);
    border-radius: 30px;
    color: var(--black);
}
header#header .header-top .search form .form-search::placeholder { color: var(--black); }
header#header .header-top .search form .form-search::-moz-placeholder { color: var(--black); }
header#header .header-top .search form .form-search::-webkit-input-placeholder { color: var(--black); }
header#header .header-top .search form .button.form-submit::after { display: none; }
header#header .header-top .search form .button.form-submit {
    position: absolute;
    background: url(/sites/all/themes/vesta_theme/image/icons/search.svg) no-repeat center;
    width: 45px;
    height: 45px;
    right: 0;
    top: 0;
    font-size: 0px !important;
    border: 1px solid var(--black);
    border-radius: 30px;
    padding: 0;
}

header#header .header-bottom .nav { display: flex; flex-direction: row; gap: 20px; }
header#header .header-bottom .nav .nav-link { font: 400 20px var(--font-family); padding: 0; }
header#header .header-bottom .nav .dropdown-item { font: 400 18px var(--font-family); }
header#header .header-bottom .nav .nav-link:hover { color: var(--hover-color); }

@media screen and (max-width: 1200px) {
    header#header .header-top .contacts { font-size: 22px; }
}
/*------------------------------------*/

/*---------------HEADER-MOB---------------*/
#header-mob {
    top: 0;
    width: 100%;
    background: var(--main--color);
    padding: 6px;
    z-index: 50;
}

.offcanvas .wr-logo a,
#header-mob .wr-logo a {
    font: 400 40px var(--second-family);
}

.search-mobile-js-btn {
    display: block;
    position: relative;
    z-index: 11;
}
.search-mobile-js-btn > img { margin-right: 1px; }
.search-mobile-js-btn > span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: rotate(45deg);
    font-size: 32px;
    font-family: sans-serif;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.search-mobile-js-btn.active > span{
    opacity: 1;
}
.search-mobile-js-btn.active img {
    opacity: 0;
}
.search-mobile-js-btn > span,
.search-mobile-js-btn > img {
    transition: all 0.4s ease;
}
header#header-mob .region.region-search-mobile { display: none; }
header#header-mob .region-search-mobile form { position: relative; }
header#header-mob .region-search-mobile .form-item.form-type-search { width: 100%; }
header#header-mob .region-search-mobile .form-item.form-type-search input { padding-right: 48px; border: 1px solid #000; border-radius: 30px; background: transparent; margin: 0; }
header#header-mob .region-search-mobile .form-actions { display: block; }
header#header-mob .region-search-mobile .form-actions button::after { display: none; }
header#header-mob .region-search-mobile .form-actions button {
    position: absolute;
    background: url(/sites/all/themes/vesta_theme/image/icons/search.svg) no-repeat center !important;
    font-size: 0;
    width: 38px;
    height: 38px;
    border: 0px solid;
    box-shadow: none;
    top: 0;
    right: 4px;
    z-index: 2;
    padding: 0;
    border: unset!important;
}

.offcanvas { --bs-offcanvas-bg: #ece0f3; color: var(--black);}
.offcanvas .offcanvas-body { display: flex; flex-direction: column; gap: 12px; }

.offcanvas .navigation .nav .nav-item a {
    padding: 6px 0px;
}

@media screen and (max-width: 576px) {
    #header-mob .col-phone { display: none; }
}
/*----------------------------------------*/

/*---------------BANNER---------------*/
#banner-block { min-width: 360px; }
#banner-block .container { position: relative; }
#banner-block .container::before {
    content: "";
    width: 605px;
    height: 614px;
    background-image: url(/sites/all/themes/vesta_theme/image/figure.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
    left: -584px;
    top: -360px;
}
#banner-block .container::after {
    content: "";
    width: 605px;
    height: 614px;
    background-image: url(/sites/all/themes/vesta_theme/image/figure.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
    right: -705px;
    top: -450px;
}
#banner-block .wr-images::after {
    content: "";
    width: 605px;
    height: 614px;
    background-image: url(/sites/all/themes/vesta_theme/image/figure.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
    right: -105px;
    bottom: -423px;
    z-index: -1;
    clip-path: rect(0 614px 378px 0);
}

#banner-block { overflow-x: clip; }
#banner-block .wr-images { position: relative; pointer-events: none; }
#banner-block .wr-images .girl-1 {
    position: absolute;
    left: -380px;
    top: -230px;
    z-index: -1;
}
#banner-block .wr-images .girl-2 {
    position: absolute;
    right: -380px;
    top: -230px;
    z-index: -2;
}
#banner-block .wr-images .banner-text {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 90px 0px 187px 135px;
}
#banner-block .wr-images .banner-text img {
    width: 100%;
    max-width: 596px;
    height: auto;
}
#banner-block .region-banner {
    font: 400 42px var(--font-family);
    text-transform: uppercase;
    text-align: center;
    padding: 8px;
    background-color: var(--main--color);
}

@media screen and (max-width: 1200px) {
    #banner-block .region-banner { font-size: 22px; }
}
@media screen and (max-width: 992px) {
    #banner-block .wr-images .girl-2 img,
    #banner-block .wr-images .girl-1 img { height: 700px; object-fit: cover; }
    
    #banner-block .wr-images .girl-1 { left: -250px; top: -200px; }
    #banner-block .wr-images .girl-2 { right: -250px; top: -200px; }

    #banner-block .wr-images .banner-text { margin: 90px 0px 110px 80px; }
    #banner-block .wr-images .banner-text img { max-width: 350px; }
    
}
@media screen and (max-width: 767px) {
    #banner-block .wr-images::after { display: none; }
    #banner-block .wr-images .girl-1 { left: -320px; }
    #banner-block .wr-images .girl-2 { right: -300px; }
    #banner-block .wr-images .banner-text { margin: 90px 0px 110px 40px; }
}
@media screen and (max-width: 576px) {
    #banner-block .wr-images .girl-2 img,
    #banner-block .wr-images .girl-1 img { height: 550px; object-fit: cover; }

    #banner-block .wr-images .girl-1 { left: -230px; top: -90px; }
    #banner-block .wr-images .girl-2 { right: -180px; top: -90px; }

    #banner-block .wr-images .banner-text { margin: 0; margin-bottom: 40px; }
    #banner-block .region-banner { font-size: 15px; }
}
@media screen and (max-width: 450px) {
    #banner-block .wr-images .girl-1 { left: -270px; }
    #banner-block .wr-images .girl-2 { right: -230px; }
}
/*------------------------------------*/

/*---------------SLOGAN---------------*/
#slogan-block .container { position: relative; }
#slogan-block .container::before {
    content: "";
    width: 759.92px;
    height: 492.43px;
    background-image: url(/sites/all/themes/vesta_theme/image/leafs.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
    left: -340px;
    top: -110px;
}

#slogan-block .container::after {
    content: "";
    width: 759.92px;
    height: 492.43px;
    background-image: url(/sites/all/themes/vesta_theme/image/leafs.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
    right: -385px;
    top: -335px;
    transform: rotate(180deg) scaleY(-1);
    clip-path: rect(145px 759.92px 492.43px 0);
}

#slogan-block #block-vesta-theme-slogan {
    font: 400 20px var(--font-family);
    text-align: center;
    margin: 190px 0px;
}

@media screen and (max-width: 767px) {
    #slogan-block #block-vesta-theme-slogan { margin: 125px 0px; }
}
/*------------------------------------*/

/*---------------УСЛУГИ---------------*/
#services-block .container { position: relative; }
#services-block .container::before {
    content: "";
    width: 442px;
    height: 449px;
    background-image: url(/sites/all/themes/vesta_theme/image/figure.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
    left: 50%;
    top: 57%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

#services-block #block-vesta-theme-zagolovokuslugi { font: 400 42px var(--font-family); text-transform: uppercase; text-align: center; display: flex; flex-direction: row; justify-content: center; margin-bottom: 30px; }
#services-block #block-vesta-theme-zagolovokuslugi .field.field--name-body { max-width: 950px; }
#services-block #block-vesta-theme-zagolovokuslugi .field.field--name-body span { font-family: var(--second-family); }

#services-block { margin-bottom: 0!important; }
#services-block .view.view-services .view-content .views-row:last-of-type .node.node--type-services.node--view-mode-teaser .group-left .field .link-more {
    display: block;
    font: 400 20px var(--font-family);
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-align: center;
}
@media screen and (max-width: 992px) {
    #services-block .container::before { display: none; }
    #services-block .view.view-services .view-content .views-row:last-of-type .node.node--type-services.node--view-mode-teaser .group-left .field .link-more { font-size: 16px; }
}
@media screen and (max-width: 767px) {
}
/*------------------------------------*/

/*---------------WEBFORM---------------*/
#webform-block .container { position: relative; }
#webform-block .container::before {
    content: "";
    width: 442px;
    height: 449px;
    background-image: url(/sites/all/themes/vesta_theme/image/figure.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
    left: -340px;
    bottom: -65px;
    z-index: 1; 
}

#webform-block .wr-webform { display: flex; flex-direction: row; }
#webform-block .wr-webform .block-title { font: 400 41px var(--font-family); }
#webform-block .wr-webform > .webform-img { width: 50%; border-radius: 30px; overflow: hidden; }
#webform-block .wr-webform > .webform-img img { width: 100%; height: 100%; object-fit: cover; }
#webform-block .wr-webform > .region-webform {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 0px 37px;
}
#webform-block .wr-webform > .region-webform .form-item.form-item-consent { padding-right: 20px; text-align: left; }
#webform-block .wr-webform > .region-webform .form-actions button { width: 100%; text-align: left; }

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 992px) {
    #webform-block .container::before { display: none; }
}
@media screen and (max-width: 767px) {
    #webform-block .wr-webform { flex-direction: column; gap: 12px; }
    #webform-block .wr-webform > .region-webform,
    #webform-block .wr-webform > .webform-img { width: 100%; }
    #webform-block .wr-webform > .webform-img { max-height: 250px; }
}
@media screen and (max-width: 576px) {
    #webform-block .wr-webform > .region-webform { padding: 0 12px; }
}
/*-------------------------------------*/

/*---------------ПОРТФОЛИО---------------*/
#portfolio-block .clearfix::after { display: none; }
#portfolio-block .region-portfolio { display: flex; flex-direction: row; align-items: center; gap: 20px 80px; margin-bottom: 30px; }
#portfolio-block #block-vesta-theme-zagolovok { flex: 0 0 auto; }
#portfolio-block #block-vesta-theme-zagolovok .field.field--name-body { font: 400 42px var(--font-family); text-transform: uppercase; }
#portfolio-block #block-vesta-theme-zagolovok .field.field--name-body span { font-family: var(--second-family); }
#portfolio-block #block-vesta-theme-ssylkanaportfolio .field.field--name-body { display: flex; flex-direction: column; gap: 20px; }

#portfolio-block .portfolio-image img { width: 100%; height: auto; object-fit: cover; }

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 992px) {
    #portfolio-block .region-portfolio { flex-direction: column; align-items: normal; row-gap: 12px; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 576px) {
}
/*---------------------------------------*/

/*---------------ПРЕИМУЩЕСТВА---------------*/
#advantages-block .container { position: relative; }
#advantages-block .container::before {
    content: "";
    width: 535.42px;
    height: 544.52px;
    background-image: url(/sites/all/themes/vesta_theme/image/figure.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
    left: -498px;
    top: -42px;
    transform: rotate(7deg);
}

#advantages-block .region-advantages { display: flex; flex-direction: column; gap: 30px; }
#advantages-block #block-vesta-theme-zagolovokpriemuschestva {
    font: 400 42px var(--font-family);
    text-transform: uppercase;
    text-align:center;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
#advantages-block #block-vesta-theme-zagolovokpriemuschestva .field.field--name-body { max-width: 750px; }
#advantages-block #block-vesta-theme-zagolovokpriemuschestva span { font-family: var(--second-family); }

#advantages-block #block-vesta-theme-opisaniepriemuschestva {
    font: 400 16px var(--font-family);
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
#advantages-block #block-vesta-theme-opisaniepriemuschestva .field.field--name-body { max-width: 900px; }

#advantages-block .view.view-advantages.view-display-id-block_1 .view-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -15px;
    gap: 30px 0px;
    margin-bottom: 22px;
}
#advantages-block .view.view-advantages.view-display-id-block_1 .view-content .views-row {
    padding: 0 15px;
}
#advantages-block .view.view-advantages.view-display-id-block_1 .view-content .views-row > div {
    border-radius: 30px;
    text-align: center;
    background: var(--main--color);
    padding: 15px 12px 25px 12px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
#advantages-block .view.view-advantages.view-display-id-block_1 .view-content .views-row > div > div { max-width: 250px; }
#advantages-block .view.view-advantages.view-display-id-block_1 .view-content .views-row > div > .views-field-counter { font: 400 42px var(--second-family); text-transform: uppercase; }
#advantages-block .view.view-advantages.view-display-id-block_1 .view-content .views-row > div > .views-field-info { font: 400 20px var(--font-family); }
#advantages-block .view.view-advantages.view-display-id-block_1 .view-content .views-row > div > .views-field-body { font: 400 16px var(--font-family); }

#advantages-block .view.view-advantages.view-display-id-block_1 .view-content .views-row.advantages-inner > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    background: transparent;
    border: 2px solid var(--main--color);
}
#advantages-block .view.view-advantages.view-display-id-block_1 .view-content .views-row.advantages-inner .advantages-header { font: 400 24px var(--second-family); margin-bottom: 5px; max-width: 315px; }
#advantages-block .view.view-advantages.view-display-id-block_1 .view-content .views-row.advantages-inner p:nth-child(3) { max-width: 385px; }
#advantages-block .view.view-advantages.view-display-id-block_1 .view-content .views-row.advantages-inner p:nth-child(4) { max-width: 460px; }

#advantages-block .view.view-advantages.view-display-id-block_1 .view-content .views-row:nth-child(2n+1){ flex: 0 0 auto; width: 25%; }
#advantages-block .view.view-advantages.view-display-id-block_1 .view-content .views-row:nth-child(6n+4),
#advantages-block .view.view-advantages.view-display-id-block_1 .view-content .views-row:nth-child(6n+6) { flex: 0 0 auto; width: 37.5%; }
#advantages-block .view.view-advantages.view-display-id-block_1 .view-content .views-row:nth-child(6n + 2) { flex: 0 0 auto!important; width: 50%!important; }

#advantages-block .view.view-advantages.view-display-id-block_1 .view-footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
#advantages-block .view.view-advantages.view-display-id-block_1 .view-footer p { font: 400 20px var(--font-family); }

@media screen and (max-width: 1200px) {
    #advantages-block .view.view-advantages.view-display-id-block_1 .view-content { margin: 0 -12px; row-gap: 24px; margin-bottom: 22px; }
    #advantages-block .view.view-advantages.view-display-id-block_1 .view-content .views-row { padding: 0 12px; }
}
@media screen and (max-width: 992px) {
    #advantages-block .view.view-advantages.view-display-id-block_1 .view-content .views-row { width: 50%!important; }
    #advantages-block .view.view-advantages.view-display-id-block_1 .view-footer p { font-size: 18px; }
}
@media screen and (max-width: 576px) {
#advantages-block .view.view-advantages.view-display-id-block_1 .view-content .views-row:nth-child(6n + 2) { flex: 0 0 auto!important; width: 100%!important; }
    #advantages-block .view.view-advantages.view-display-id-block_1 .view-content .views-row { width: 100%!important; }
}
/*------------------------------------------*/

/*---------------ЦЕНЫ---------------*/
#prices-block .container { position: relative; }
#prices-block .container::before {
    content: "";
    width: 535.42px;
    height: 544.52px;
    background-image: url(/sites/all/themes/vesta_theme/image/figure.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
    right: -438px;
    top: -137px;
    transform: rotate(7deg);
    z-index: -1;
}

#prices-block .container::after {
    content: "";
    width: 535.42px;
    height: 544.52px;
    background-image: url(/sites/all/themes/vesta_theme/image/figure.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
    left: -570px;
    top: 404px;
    transform: rotate(7deg);
    z-index: -1;
}

#prices-block table td { width: 25%; background: transparent; }

#prices-block #block-vesta-theme-zagolovokcenynauslugi-2 { font: 400 42px var(--font-family); text-transform: uppercase; text-align: center; display: flex; flex-direction: row; justify-content: center; margin-bottom: 35px; }
#prices-block #block-vesta-theme-zagolovokcenynauslugi-2 > div {  max-width: 750px; }
#prices-block #block-vesta-theme-zagolovokcenynauslugi-2 span { font-family: var(--second-family); }

#prices-block #block-vesta-theme-vygodnyekompleksy .block-title { font: 400 42px / 1.27538 var(--font-family); text-transform: uppercase; text-align: center; margin-bottom: 16px; }
#prices-block #block-vesta-theme-vygodnyekompleksy table { margin-bottom: 30px; }
#prices-block #block-vesta-theme-vygodnyekompleksy table td { width: auto; }
#prices-block #block-vesta-theme-vygodnyekompleksy table td:last-of-type { width: 25%; }
#prices-block #block-vesta-theme-vygodnyekompleksy .field--name-body > p { text-align: center; }

@media screen and (max-width: 576px) {
    #prices-block table { font-size: 12px; }
    #prices-block table td { padding: 12px; }
}
/*----------------------------------*/

/*---------------ОТЗЫВЫ---------------*/
#reviews-block .container { position: relative; }
#reviews-block .container::before {
    content: "";
    width: 759.92px;
    height: 492.43px;
    background-image: url(/sites/all/themes/vesta_theme/image/leafs.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
    left: -585px;
    top: 98px;
    transform: rotate(39deg);
}
#reviews-block .container::after {
    content: "";
    width: 759.92px;
    height: 492.43px;
    background-image: url(/sites/all/themes/vesta_theme/image/leafs.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
    right: -690px;
    top: -103px;
    transform: rotate(45deg) scaleX(-1);
}

#reviews-block #block-vesta-theme-zagolovokotzyvy {
    font: 400 42px var(--font-family);
    text-transform: uppercase;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 30px;
}
#reviews-block #block-vesta-theme-zagolovokotzyvy .field.field--name-body { max-width: 870px; }
#reviews-block #block-vesta-theme-zagolovokotzyvy span { font-family: var(--second-family); }
#reviews-block #block-vesta-theme-zagolovokotzyvy span { font-family: var(--second-family); }

#reviews-block .view.view-fotogalereya.view-id-fotogalereya .view-content { margin-bottom: 30px; }
#reviews-block .view.view-fotogalereya.view-id-fotogalereya .view-footer { text-align: center; }
/*------------------------------------*/

/*---------------ОБРАТНАЯ-СВЯЗЬ---------------*/
#webform-full-block .container { position: relative; }
#webform-full-block .container::before {
    content: "";
    width: 535.42px;
    height: 544.52px;
    background-image: url(/sites/all/themes/vesta_theme/image/figure.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    pointer-events: none;
    right: -246px;
    top: 94px;
    transform: rotate(7deg);
    z-index: 1;
}

#webform-full-block .wr-webform-background { display: flex; flex-direction: row; gap: 10px; }
#webform-full-block .wr-webform-background .custom-header-block { font: 400 73px var(--second-family); text-transform: uppercase; color: var(--main--color); user-select: none; }
#webform-full-block .wr-webform-background > div { position: relative; }
#webform-full-block .wr-webform-background > div > div { position: absolute; top: -15px; left: 0; border-radius: 30px; overflow: hidden; }
#webform-full-block .wr-webform-background > div > div img { width: 432px; height: 525px; object-fit: cover; }

#webform-full-block .wr-region-webform-full { border-radius: 30px; background: #d8b7ef; padding: 53px 84px 76px 84px; margin-top: -27px; }
#webform-full-block .wr-region-webform-full > p { font: 400 41px var(--font-family); max-width: 510px; width: 100%; margin-bottom: 30px; }
#webform-full-block .wr-region-webform-full .region-webform-full {
    max-width: 510px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
#webform-full-block .wr-region-webform-full .region-webform-full .form-item.form-type-webform-markup.form-item-title-text { display: none; }
#webform-full-block .wr-region-webform-full .region-webform-full .form-item.form-item-consent { padding-right: 20px; text-align: left; }
#webform-full-block .wr-region-webform-full .region-webform-full .form-actions button { width: 100%; text-align: left; }

#webform-full-block .wr-region-webform-full .region-webform-full .form-item.form-item-service,
#webform-full-block .wr-region-webform-full .region-webform-full .form-item.form-item-consent { margin-bottom: 20px; }

@media screen and (max-width: 1200px) {
    #webform-full-block .container::before,
    #webform-full-block .wr-webform-background > div { display: none; }
    #webform-full-block .wr-region-webform-full .region-webform-full { max-width: 100%; }
}
@media screen and (max-width: 767px) {
    #webform-full-block .wr-webform-background .custom-header-block { font-size: 58px; }
    #webform-full-block .wr-region-webform-full { padding: 48px 42px; margin-top: -21px; }
}
@media screen and (max-width: 576px) {
    #webform-full-block .wr-webform-background .custom-header-block { font-size: 36px; }
    #webform-full-block .wr-region-webform-full { padding: 36px 18px; margin-top: -13px; }
}
/*--------------------------------------------*/

/*---------------КАРТА---------------*/
/*-----------------------------------*/

/*---------------FOOTER---------------*/
footer#footer { padding: 50px 0px; }
footer#footer .wr-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 10px;
}

footer#footer .wr-footer .wr-logo { min-width: 255px; }
footer#footer .wr-footer .wr-logo > a { font: 400 40px var(--second-family); }

footer#footer .wr-footer .wr-menu .region-footer-menu #block-vesta-theme-osnovnayanavigaciya-menu { font: 400 16px var(--font-family); text-transform: uppercase; margin-bottom: 5px; }
footer#footer .wr-footer .wr-menu .region-footer-menu .nav { display: flex; flex-direction: column; gap: 5px; }
footer#footer .wr-footer .wr-menu .region-footer-menu .nav .nav-item a { padding: 0; }

footer#footer .wr-footer .wr-services .region-footer-services .block-title { font: 400 16px var(--font-family); text-transform: uppercase; margin-bottom: 5px; }
footer#footer .wr-footer .wr-services .region-footer-services .view.view-services.view-id-services .view-content { display: flex; flex-direction: column; gap: 5px; }

footer#footer .wr-footer .wr-contacts { display: flex; flex-direction: column; gap: 5px; }

footer#footer .row-copyright { font: 500 14px var(--font-family); opacity: 0.5; }

@media screen and (max-width: 992px) {
    footer#footer .wr-footer { flex-wrap: wrap; gap: 12px; }
    footer#footer .wr-footer .wr-contacts { display: none; }
}
@media screen and (max-width: 767px) {
    footer#footer .wr-footer .wr-logo { width: 100%; }
}
/*------------------------------------*/


/*---------------Заголовки---------------*/
@media screen and (max-width: 992px) {
    #webform-block .wr-webform .block-title,
    #portfolio-block #block-vesta-theme-zagolovok .field.field--name-body,
    #advantages-block #block-vesta-theme-zagolovokpriemuschestva,
    #prices-block #block-vesta-theme-zagolovokcenynauslugi-2,
    #prices-block #block-vesta-theme-vygodnyekompleksy .block-title,
    #reviews-block #block-vesta-theme-zagolovokotzyvy,
    #webform-full-block .wr-region-webform-full > p { font-size: 36px; }
}
@media screen and (max-width: 767px) {
    #webform-block .wr-webform .block-title,
    #portfolio-block #block-vesta-theme-zagolovok .field.field--name-body,
    #advantages-block #block-vesta-theme-zagolovokpriemuschestva,
    #prices-block #block-vesta-theme-zagolovokcenynauslugi-2,
    #prices-block #block-vesta-theme-vygodnyekompleksy .block-title,
    #reviews-block #block-vesta-theme-zagolovokotzyvy,
    #webform-full-block .wr-region-webform-full > p { font-size: 28px; }
}
    
/*---------------------------------------*/