@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@100;200;300;400;500;600;700;800;900&display=swap');
:root{
    --font-family: 'Manrope', sans-serif;
    --white: #ffffff;
    --green: #34C4B5;
    --yellow: #F4B000;
    --black: #000000;
    --grey: #778192;
    --blue: #DAE8E6;
    --text-color: #333333;
    --background-color: #FFFFFF;
    --fz-slider-title: 52px;
    --fz-slider-body: 24px;
    --fz-text: 18px;
    --fz-btn: 16px;
    --fz-nav: 18px;
    --fz-header: 16px;
    --fz-footer: 16px;
    --fz-footer-phone: 20px;
    --fz-title: 56px;
    --fz-title-block: 28px;    
    --len-container: 1170px;
    --slider-h: 810px;
    --img-w: 374px;
    --img-h: 420px;
    --bt-w: 200px;
    --bt-h: 60px;
    --bs-offcanvas-zindex: 10046;
}

body {
    font-family: var(--font-family);
    background-color: var(--white);
    color: var(--text-color);
}

div#page {
    min-height: 100vh;
    overflow: hidden;
}
@media (min-width: 1200px) {
    .container{
        max-width: 1170px;
        padding: 0;
    }
}
header a{
    text-decoration: none;
}
a:hover{
    color: var(--green);
    text-decoration: none;
}
p{
    margin: 0;
}
.not-front p{
    font-size: var(--fz-text);
}
.header-top{
    padding: 0 !important;
}

.header-bottom{
    padding-top: 0 !important;
}
@media (min-width: 768px) {
    header#header-mob {
        display: none !important;
    }
    header#header {
        display: block !important;
    }
}
@media (max-width: 767px) {
    header#header {
        display: none !important;
    }
    header#header-mob {
        display: flex !important;
    }
    
}

.ui-dialog {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
}

/*HEADER STYLES*/
#footer .ajax-progress,
#header .ajax-progress {
    display: none;
}

.header-bottom .region-navigation{
    background: var(--green);
    border-radius: 40px;
}

.toolbar .toolbar-tab .toolbar-icon {
    padding: 0.75em 1.5em 0.75em 2.5em;
}

/* *** contextual-region *** */
.contextual-region .contextual {
    display: none;
    top: -8px;
    right: 8px;
}

.contextual-region .contextual-region .contextual {
    top: 8px;
}

.contextual-region:hover .contextual {
    display: block;
}

.contextual-region .contextual .trigger {
    width: 22px !important;
    height: 22px !important;
    background-size: 14px 14px;
}

.cart-block--summary .cart-block--summary__count {
    position: absolute;
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
    background: #ccc;
    color: #fff;
    top: -3px;
    right: -9px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 500;
}

#header-mob {
    top: 0;
    width: 100%;
    background: var(--green);
    color: #FFFFFF;
    padding: 15px 5px;
    z-index: 50;
}

#header-mob.toolbar-horizontal #header-mob {
    top: 0;
}

#header-mob > * {
    padding: 0 10px;
}

#header-mob a {
    color: #000;
}

.offcanvas {
    --bs-offcanvas-bg: #778192;
}

.offcanvas .offcanvas-title {
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
}

.region-navigation .nav > .nav-item:hover .dropdown-menu {
    display: block;
    top: 100%;
    left: 0;
    background-color: var(--white);
    background: rgba(255, 255, 255, 0.79);
    backdrop-filter: blur(12.2px);
    border-radius: 0px 10px 10px 10px;
}
.nav {
    --bs-nav-link-color: var(--green);
    --bs-nav-link-hover-color: var(--green);
    gap: 12px;
    justify-content: center;
}

.nav-link {
    display: block;
    padding: 23px 17px;
    font-size: var(--fz-nav);
    font-weight: 600;
    text-decoration: none;
    line-height: 25px;
    text-transform: uppercase;
    font-family: 'Manrope';
    font-style: normal;
    color: #FFFFFF;
    position: relative;
}
header .nav-link.dropdown-toggle {
   padding: 23px 23px 23px 17px;
}
.nav-link:hover, .nav-link:focus, .nav-item.hovered .nav-link{
    background-color: var(--white);
    color: var(--green);
}
.region-navigation .nav > .nav-item:hover .dropdown-menu .dropdown-item{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: var(--fz-nav);
    line-height: 25px;
    color: var(--green);
    width: 355px;
}
.region-navigation .nav > .nav-item:hover .dropdown-menu .dropdown-item:hover{
    color: var(--yellow);
    background-color: transparent;
}

.dropdown-menu {
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 7.5px;
    --bs-dropdown-link-color: var(--yellow);
    --bs-dropdown-link-hover-color: var(--yellow);
    --bs-dropdown-link-hover-bg: transparent;
    --bs-dropdown-link-active-color: var(--yellow);
    --bs-dropdown-link-active-bg: transparent;
    --bs-dropdown-item-padding-x: 19px;
    --bs-dropdown-item-padding-y: 7.5px;
}

/*HEADER STYLES*/

/* SLICK STYLES */
div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content {
    position: absolute;
    top: 311px;
    left: 0;
    right: 0;
    color: #fff;
    z-index: 1;
}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: calc(50% - 10px);
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

button.slick-prev.slick-arrow {
    left: -88px;
}

button.slick-next.slick-arrow {
    right: -88px;
}

ul.slick-dots {
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 13px;
    list-style: none;
    margin: 40px 0;
}

ul.slick-dots li button {
    border-radius: 50%;
    border: none;
    padding: 0;
    width: 10px;
    font-size: 0;
    height: 10px;
    display: block;
    background: #EBEBEB;

}

ul.slick-dots li button::before {
    display: none;
}

ul.slick-dots li.slick-active button {
    background: #F4B000;
}

button.slick-arrow {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

button.slick-arrow::before {
    content: '';
    display: block;
    position: relative;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 0;
}

button.slick-prev.slick-arrow::before {
    background-image: url("/sites/all/themes/vesta_theme/image/arrow2.svg");
/*    transform: rotate(-90deg);*/
}

button.slick-next.slick-arrow::before {
    background-image: url("/sites/all/themes/vesta_theme/image/arrow1.svg");

}

#scrollToTop {
    width: 39px;
    height: 39px;
    background: none;
    text-indent: 0;
    font-size: 0;
    border: 0px;
    outline: 0px;
    display: flex;
    bottom: 120px;
    cursor: pointer;
    position: fixed;
    right: 75px;
    z-index: 10;
    transition: 0.2s;
    padding: 0;
}

/* SLICK STYLES */

/* PRODUCT PAGE STYLES*/
.product-teaser {
    display: flex;
    gap: 50px;
}

.product-teaser .product-teaser-image {
    max-width: 500px;
}

.product-teaser .product-teaser-image .field.field--name-field-variation-image.field--type-image .elements .current-slide.slick-initialized.slick-slider {
    margin: 0 0 10px;
}

.product-teaser .product-teaser-image .field.field--name-field-variation-image.field--type-image .elements .current-slide.slick-initialized.slick-slider .slick-list.draggable .slick-track .element.slick-slide img {
    max-width: 500px;
    min-width: 500px;
    max-height: 500px;
    min-height: 500px;
    object-fit: cover;
}

.product-teaser .product-teaser-image .field.field--name-field-variation-image.field--type-image .elements .nav-slide.slick-initialized.slick-slider .slick-list.draggable {
    margin: 0 -5px;
}

.product-teaser .product-teaser-image .field.field--name-field-variation-image.field--type-image .elements .nav-slide.slick-initialized.slick-slider .slick-list.draggable .slick-track .element.slick-slide {
    margin: 0 5px;
    max-width: 118px;
    min-width: 118px;
    max-height: 118px;
    min-height: 118px;
}

.product-teaser .product-teaser-image .field.field--name-field-variation-image.field--type-image .elements .nav-slide.slick-initialized.slick-slider .slick-list.draggable .slick-track .element.slick-slide img {
    max-width: 118px;
    min-width: 118px;
    max-height: 118px;
    min-height: 118px;
    object-fit: cover;
}

.product-teaser .product-teaser-info {
    max-width: 500px;
}

.product-view-full button.slick-prev.slick-arrow {
    left: -25px;
}

.product-view-full button.slick-next.slick-arrow {
    right: -25px;
}


.node--view-mode-full .field--name-body img {
    margin: 0 10px;
}

/* PRODUCT PAGE STYLES*/


/* *** ADAPTIVE *** */
@media screen and (max-width: 1199px) {
}

@media screen and (max-width: 991px) {
    #offcanvasNav .nav .dropdown-menu {
        display: none;
        position: static;
        border: 0px solid;
        background: transparent;
        padding: 10px 0;
        border-bottom: 1px solid #BDBDBD;
    }

    #offcanvasNav li.nav-item {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 576px) {
}

header{
    margin-top: 21px;
}
.logo{
    width: 180px;
    height: 63px;
    margin-right: 137px;
}
.logo img{
    width: 180px;
    height: 63px;
    object-fit: cover;
}
#footer .logo,#footer .logo a{
    width: 212px;
    height: 73px;
}
footer .logo img{
    width: 212px;
    height: 73px;
    object-fit: cover;
}
.logo a{
    width: 100%;
    height: 100%;
    display: flex;
}
.logo a img{
    object-fit: cover;
}
.social{
    display: flex;
    gap: 11px;
    justify-content: center;
}
.adress, a.mail{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: var(--fz-header);
    line-height: 22px;
    color: #333333;
    text-decoration: none;
}
a.mail:hover, a.tel:hover{
    text-decoration: none;
    color: var(--yellow);
}

a.tel{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #333333;
    text-decoration: none;
    margin-bottom: 12px;
}
.header-top{
    margin-bottom: 21px;
}
.col-contacts1{
    margin-right: 82px;
}
.col-contacts2{
    margin-right: 93px;
}
header .btn.btn-primary.use-ajax{
    width: var(--bt-w);
    height: var(--bt-h);
    background: #34C4B5;
    backdrop-filter: blur(12.2px);
    border-radius: 40px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: var(--fz-btn);
    line-height: 22px;
    color: #FFFFFF;
    border-color: #34C4B5;
    cursor: pointer;
    text-align: center;
    align-content: center;
}
header .btn.btn-primary.use-ajax:hover{
    background-color: var(--white);
    color: var(--green);
}
.adress img, .mail img{
    margin-right: 10px;
}
.tel img{
    margin-right: 12px;
} 
.adress{
    margin-bottom: 15px;
}
.node--type-about .field--name-node-title, #uslugi-block .block-title, #gallery-block .block-title,
#block-vesta-theme-zagolovokregiona .block-title, #contacts-block .block-title{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: var(--fz-title-block);
    line-height: 38px;
    text-transform: uppercase;
    color: #34C4B5;
}

.field--name-body p{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: var(--fz-text);
    line-height: 25px;
    color: var(--text-color);
    margin-bottom: 18px;
}

.node--type-about .field--name-body p:first-child{
    font-weight: 600;
}
.node--type-about .field--name-body p:last-child{
    margin-bottom: 40px;
}
.node--type-about .group-left{
    padding-right: 67px;
    width: 593px;
}
.node--type-about .group-right{
    width: 577px;
}
.node--type-about .field--name-node-link{
    width: var(--bt-w);
    height: var(--bt-h);
    background: #34C4B5;
    border-radius: 26px;
    color: #FFFFFF;
    border-color: #34C4B5;
    border: solid 1px var(--green);
    cursor: pointer;
}
.node--type-about .field--name-node-link a{
    border-radius: 26px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: var(--fz-btn);
    line-height: 22px;
    color: #FFFFFF;
    text-decoration: none;
    width: var(--bt-w);
    height: var(--bt-h);
    display: flex;
    align-items: center;
    justify-content: center;
}
.field--name-node-link:hover{
    background-color: var(--white);
    color: var(--green);
}
.field--name-node-link:hover a{
    color: var(--green);
}
.block-views-blockabout-block-1{
    margin-bottom: 70px;
}
.node--type-preimushchestvo .field--name-field-titul{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    text-transform: uppercase;
    width: 277px;
    margin-bottom: 50px;
}
.node--type-preimushchestvo{
    width: 380px;
    height: 199px;
    padding-top: 25px;
    padding-left: 20px;
}
.node--type-preimushchestvo .field--name-body p{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    width: 344px;
    margin-bottom: 0;
}
.view-preimushchestva .view-content{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}
.view-preimushchestva .view-content .views-row:nth-child(2n){
background: #778192;
backdrop-filter: blur(4.15px);
border-radius: 20px;
color: var(--white);
}
.view-preimushchestva .view-content .views-row:nth-child(2n) .field--name-body p{
    color: var(--white);
}
.view-preimushchestva .view-content .views-row:nth-child(2n+1){
background: #F3F4F6;
backdrop-filter: blur(4.15px);
border-radius: 20px;
color: var(--text-color);
}
.view-preimushchestva .view-content .views-row:nth-child(2n+1) .field--name-body p{
    color: var(--text-color);
}
 .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n+1) a img,
 .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n+1) {
    width: 373px !important;
    height: 281px;
    border-radius: 20px 0px 0px 0px;
    margin-right: 5px;
}
 .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n) a img,
.node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n){
    width: 196px !important;
    height: 281px;
    border-radius: 0px 20px 0px 0px;
}
 .field--name-field-foto-kvartiry .field__item a img{
    object-fit: cover;
}

.node--type-kvartira .field--name-node-title{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: var(--fz-text);
    line-height: 20px;
    color: var(--text-color);
    margin-bottom: 15px;
    min-height: 40px;
    max-height: 40px;
}

.node--type-kvartira.node--view-mode-teaser .field--name-body p{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: var(--text-color);
    width: 526px;
    height: 30px;
    margin-bottom: 25px;
}
.view-kvartiry .view-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    margin-bottom: 50px;
}
.view-kvartiry .view-content .views-row{
    width: 576px;
    background: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(119, 129, 146, 0.16);
    border-radius: 20px;
    overflow: hidden;
}

.node--type-kvartira .field--name-field-ploshchad{
    position: relative;
    padding-left: 27px;
    margin-right: 15px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: rgba(39, 39, 39, 0.8);
}
.node--type-kvartira .field--name-field-kolichestvo-mest{
    position: relative;
    padding-left: 32px;
    margin-right: 19px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: rgba(39, 39, 39, 0.8);
}
.node--type-kvartira .field--name-field-ploshchad::before{
    content: '';
    background-image: url('/sites/all/themes/vesta_theme/image/square_icon.svg');
    position: absolute;
    width: 19px;
    height: 18px;
    left: 0;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
}
.node--type-kvartira .field--name-field-kolichestvo-mest::before{
    content: '';
    background-image: url('/sites/all/themes/vesta_theme/image/guest_icon.svg');
    position: absolute;
    width: 24px;
    height: 18px;
    left: 0;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
}
.node--type-kvartira  .gr-description{
    padding: 20px 30px 27px 30px;
}
.node--type-kvartira .gr-content{
    display: flex;
    margin-bottom: 17px;
}
.node--type-kvartira .gr-content .field--name-field-dopolnitelnye-uslugi{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.node--type-kvartira .field--name-field-dopolnitelnye-uslugi{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.node--type-kvartira  .field--name-field-adres{
    margin-bottom: 16px;
    position: relative;
    padding-left: 20px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: rgba(51, 51, 51, 0.8);
}

.node--type-kvartira .field--name-field-adres::before{
    content: '';
    background-image: url('/sites/all/themes/vesta_theme/image/location_menu.svg');
    position: absolute;
    width: 14px;
    height: 20px;
    left: 0;
    top: -4px;
    background-size: cover;
    background-repeat: no-repeat;
}
.node--type-kvartira .field--name-field-dopolnitelnye-uslugi .field__item img {
    vertical-align: top;
    width: 17px;
    height: 17px;
    object-fit: cover;
}
.node--type-kvartira .field--name-field-dopolnitelnye-uslugi .field__item:first-child img {
    width: 14px;
}
.node--type-kvartira .field--name-node-link{
    background: #34C4B5;
    border-radius: 26px;
    color: #FFFFFF;
    border-color: #34C4B5;
    text-decoration: none;
    border: solid 1px var(--green);
    width: 167px;
    height: 33px;
}
.node--type-kvartira .field--name-node-link a {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    border-color: #34C4B5;
    text-decoration: none;
    width: 167px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 26px;
}
.node--type-kvartira .field--name-node-link:hover{
    background-color:transparent;
    color: var(--green);
}
.node--type-kvartira .field--name-node-link:hover a{
    color: var(--green);
    background-color:transparent;
}
#block-vesta-theme-views-block-kvartiry-block-1 button.slick-arrow,
#block-vesta-theme-content button.slick-arrow{
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}
#block-vesta-theme-content .node--type-kvartira.node--view-mode-full button.slick-arrow{
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}
#block-vesta-theme-content .node--type-kvartira.node--view-mode-full button.slick-arrow::before {
    content: '';
    display: block;
    position: relative;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 0;
}
#block-vesta-theme-views-block-kvartiry-block-1 button.slick-prev.slick-arrow,
#block-vesta-theme-content button.slick-prev.slick-arrow {  
    left: 17px;
}
#block-vesta-theme-views-block-kvartiry-block-1 button.slick-next.slick-arrow,
#block-vesta-theme-content button.slick-next.slick-arrow{  
    right: 17px;
}

#block-vesta-theme-views-block-kvartiry-block-1 button.slick-arrow::before ,
#block-vesta-theme-content  button.slick-arrow::before{
    content: '';
    display: block;
    position: relative;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 0;
}

#block-vesta-theme-views-block-kvartiry-block-1 button.slick-prev.slick-arrow::before,
#block-vesta-theme-content button.slick-prev.slick-arrow::before {
    background-image: url("/sites/all/themes/vesta_theme/image/arrow2.svg");
}

#block-vesta-theme-views-block-kvartiry-block-1 button.slick-next.slick-arrow::before,
#block-vesta-theme-content button.slick-next.slick-arrow::before {
    background-image: url("/sites/all/themes/vesta_theme/image/arrow1.svg");
}
#block-vesta-theme-views-block-kvartiry-block-1 .more-link{
    background: #F4B000;
    border-radius: 26px;
    color: #FFFFFF;
    border: solid 1px var(--yellow);
    width: var(--bt-w);
    height: var(--bt-h);
    cursor: pointer;
}
#block-vesta-theme-views-block-kvartiry-block-1 .more-link a{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: var(--fz-btn);
    line-height: 22px;
    color: #FFFFFF;
    text-decoration: none;
    width: var(--bt-w);
    height: var(--bt-h);
    display: flex;
    align-items: center;
    justify-content: center;
}
#block-vesta-theme-views-block-kvartiry-block-1 .more-link:hover{
    color: var(--yellow);
    background-color: transparent;
}
#block-vesta-theme-views-block-kvartiry-block-1 .more-link:hover a{
    color: var(--yellow);
}
.front .wr_front_content{
    padding-bottom: 97px;
    padding-top: 100px;
    background-color: #F3F4F6;
}
#uslugi-block{
    padding-top: 90px;
    position: relative;
}
.region-uslugi{
    position: relative;
}
#uslugi-block .block-title{
    margin-bottom: 109px;
}
.header-usligi{
    position: absolute;
    width: 576px;
    height: 69px;
    right: 0;
    top: 0;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #333333;
}
.view-uslugi .view-content{
    display: flex;
    gap: 16px;
    justify-content: center;
    margin-bottom: 40px;
}
.view-uslugi .view-content .views-row .node--type-usluga.node--view-mode-teaser{
    width: 576px;
    height: 408px;
    border-radius: 20px;
    overflow: hidden;
}
.node--type-usluga.node--view-mode-teaser .blazy--field-izobrazhenie-usluga,
.node--type-usluga.node--view-mode-teaser .blazy--field-izobrazhenie-usluga a,
.node--type-usluga.node--view-mode-teaser .blazy--field-izobrazhenie-usluga a img{
    width: 576px;
    height: 314px;
}

.blazy--field-izobrazhenie-usluga a{
    display: flex;
}
.blazy--field-izobrazhenie-usluga a img{
    object-fit: cover;
}
.node--type-usluga.node--view-mode-teaser .field--name-node-title{
    height: 94px;
    background-color: #F3F4F6;
    display: flex;
    align-items: center;
    justify-content: center;
}
.node--type-usluga.node--view-mode-teaser .field--name-node-title a{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 25px;
    text-transform: uppercase;
    color: #333333;    
    text-decoration: none;
}
.node--type-usluga.node--view-mode-teaser .field--name-node-title a:hover{
    color: var(--green);
}
.view-uslugi .more-link{
    background: var(--green);
    border-radius: 26px;
    color: #FFFFFF;
    border: solid 1px var(--green);
    width: var(--bt-w);
    height: var(--bt-h);
    cursor: pointer;
}
.view-uslugi .more-link a{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: var(--fz-btn);
    line-height: 22px;
    color: #FFFFFF;
    text-decoration: none;
    width: var(--bt-w);
    height: var(--bt-h);
    display: flex;
    align-items: center;
    justify-content: center;
}
.view-uslugi .more-link:hover{
    color: var(--green);
    background-color: var(--white);
}
.view-uslugi .more-link:hover a{
    color: var(--green);
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--green);
    --bs-btn-border-color: var(--green);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--green);
    --bs-btn-hover-border-color: var(--green);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--green);
    --bs-btn-active-border-color: var(--green);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg:var(--grey);
    --bs-btn-disabled-border-color: var(--grey);
}

.uslugi-block{
    margin-bottom: 100px;
}
.blazy--field-izobrazhenie-forma--teaser{
    width: 57%;
    height: 100%;
    border-radius: 59px;
    overflow: hidden;
}
.blazy--field-izobrazhenie-forma--teaser img{
    width: 100%;
    height: 881px;
    object-fit: cover;
}
.node--type-forma-s-kartinkoy{
    padding: 0 1%;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser{
    position: relative;
    max-width: 1726px;
    height: 881px;
    margin: 0 auto;
}

.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content{
    position: absolute;
    width: 48%;
    right: 1%;
    top: 0;
    bottom: 0;
    background: #778192;
    border-radius: 59px;
    padding-top: 122px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content .field--name-node-title{
    width: 642px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 49px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 36px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content .field--name-node-title h2{
    font-size: 36px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content .field--name-body{
  width: 564px;
}
.node--type-kvartira.node--view-mode-full .field--name-body p{
    margin-bottom: 15px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content .field--name-body p{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 55px;
}
form.webform-submission-form{
    width: 500px;
}
form.webform-submission-form .js-form-type-textfield input{
    width: 500px;
    height: 55px;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 30px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: rgba(119, 119, 119, 0.74);
    padding-left: 31px;
    margin-bottom: 15px;
}
form.webform-submission-form .js-form-type-textarea{
    width: 500px;
    height: 73px;
    margin-bottom: 10px;
}
form.webform-submission-form .js-form-type-textarea textarea{
    width: 500px;
    height: 73px;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 36.5px;
    padding: 26px 31px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: rgba(119, 119, 119, 0.74);
    resize: none;
  
}
form.webform-submission-form .js-form-type-checkbox{
    display: flex;
    align-items: start;
    margin-bottom: 39px;
}
form.webform-submission-form .js-form-type-checkbox input{
    width: 15px;
    height: 14px;
    margin-right: 7px;
}
form.webform-submission-form .js-form-type-checkbox .description{
    width: 433px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 113%;
    color: #EBECEF;
    text-decoration: none;
}

form.webform-submission-form .js-form-type-checkbox .description a{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 113%;
    color: #EBECEF;
    text-decoration: none;
}
form.webform-submission-form .js-form-type-checkbox .description a:hover{
    color: var(--yellow);
}
button.webform-button--submit{
    width: 500px;
    height: 64px;
    background: #34C4B5;
    border-radius: 30px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    border: solid 1px var(--green);
}
button.webform-button--submit:hover{
    background: transparent;
    border-radius: 30px;
    color: #FFFFFF;
}
#footer .col-search .region.region-search.active .form-actions.js-form-wrapper.form-wrapper {
    top: 0;
    left: 113px;
}
#footer .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search {
    top: 0;
    left: -63px;
}

#fos-block{
    margin-bottom: 100px;
}

.node--type-foto-iz-galerei.node--view-mode-teaser .field--name-field-foto{
    backdrop-filter: blur(4.15px);
    overflow: hidden;
}

.node--type-foto-iz-galerei.node--view-mode-teaser .field--name-field-foto a img,
.node--type-kvartira.node--view-mode-full .field--name-field-foto-kvartiry a img{
    width: 380px;
    height: 402px;
    object-fit: cover;
    border-radius: 20px;
}
#gallery-block .block-title{
    margin-bottom: 70px;
}
.region-gallery .view-content{
    margin-bottom: 40px
}
.region-gallery .more-link{
    background: #F4B000;
    border-radius: 26px;
    border: solid 1px var(--yellow);
    cursor: pointer;
    width: var(--bt-w);
    height: var(--bt-h);
}
.region-gallery .more-link a{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: var(--fz-btn);
    color: #FFFFFF;
    text-decoration: none;
    width: var(--bt-w);
    height: var(--bt-h);
    display: flex;
    align-items: center;
    justify-content: center;
}
.region-gallery .more-link:hover{
    color: var(--yellow);
    background-color: transparent;
}
.region-gallery .more-link:hover a{
    color: var(--yellow);
}
#gallery-block{
    margin-bottom: 100px;
}

.loyalpr-block .top-group{
    display: flex;
    align-items: start;
    margin-bottom: 70px;
}
.loyalpr-block{
    padding-top: 100px;
    padding-bottom: 118px;
    margin-bottom: 100px;
    background-color: #DAE8E6;
}
.loyalpr-block .top-group .field--name-node-title{
    width: 525px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #333333;
    margin-right: 68px;
}
.loyalpr-block .top-group .field--name-body{
    width: 577px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #333333;
}
.loyalpr-block .bottom-gr{
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-bottom: 40px;
}
.field--name-field-izobrazhenie1  a img, .field--name-field-izobrazhenie2 a img, .field--name-field-izobrazhenie3 a img{
    width: 393px;
    height: 396px;
    border-radius: 20px;
    overflow: hidden;
    object-fit: cover;
}
/*
.field--name-field-izobrazhenie1 a , .field--name-field-izobrazhenie2 a, .field--name-field-izobrazhenie3 a{
    width: 100%;
    height: 100%;
    display: flex;
}
.field--name-field-izobrazhenie1 a img, .field--name-field-izobrazhenie2 a img, .field--name-field-izobrazhenie3 a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}*/
nav.tabs-wrapper{
    background-color: #778192;
}

footer{
    background: #778192;
}
#block-vesta-theme-bronirovanie{
    margin-bottom: 70px;
}
#block-vesta-theme-yandekskarta{
    border-radius: 20px;
    margin-bottom: 70px;
}
#block-vesta-theme-zagolovokregiona .block-title{
    margin-bottom: 75px;
}
#about-block{
    margin-bottom: 100px;
}
body #app .custom-calendar .search__container[data-v-2baa32dd], body #hr-widget .custom-calendar .search__container[data-v-2baa32dd], body #hr-modal .custom-calendar .search__container[data-v-2baa32dd] {
    box-sizing: border-box;
    max-width: var(--len-container) !important; 
    margin: 0 auto;
    background-color: var(--custom-main);
    border-radius: 15px !important;
    padding: 4px;
    height: 78px !important;
    display: flex;
}
.region-slider{
    padding: 0 1%;
    border-radius: 59px;
    overflow: hidden;
}
.region-slider h1{
    width: 83%;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: 56px;
    line-height: 67px;
    color: #FFFFFF;
    margin-bottom: 45px;
    position: relative;
}
.region-slider .content::before{
    content: '';
    position: absolute;
    background: rgba(33, 59, 84, 0.74);
    filter: blur(75px);
    left: 0;
    right: 17%;
    top: 0;
    bottom: 0;
    z-index: -1;
}

#slider-block{
    margin-bottom: 80px;
}


.region-slider .field--name-body p{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 33px;
    color: #FFFFFF;
    margin-bottom: 0;
}
.region-slider .field--name-field-vygoda p{
    background: #F4B000;
    border-radius: 26.5px;
    padding: 10px 17px 11px;
    margin-left: 25px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 33px;
    color: #FFFFFF;
}
.region-slider .inline{
    color: #FFFFFF;
    width: 83%;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.front .header-bottom .container{
    position: absolute;
    top: 33px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 2;
}
.header-bottom{
    position: relative;
}
.node--type-slide.node--view-mode-default{
    display: flex;
    width: 100%;
    justify-content: center;
    border-radius: 59px;
    overflow: hidden;
}
.node--type-slide.node--view-mode-default img{
    width: 100%;
    height: 881px;
    object-fit: cover;
}
.region-slider .btn-content{
    position: absolute;
    top: 611px;
    left: 50%;
    transform: translate(-50%, 0);
}
.region-slider .field--name-field-slide-link{
    color: #FFFFFF;
    background: #34C4B5;
    border-radius: 26px;
    border: solid 1px var(--green);
    height: var(--bt-h);
    width: var(--bt-w);
    cursor: pointer;
}
.region-slider .field--name-field-slide-link a{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: var(--fz-btn);
    line-height: 22px;
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 26px;   
    width: var(--bt-w);
    height: var(--bt-h);
    display: flex;
    align-items: center;
    justify-content: center;
}
.region-slider .field--name-field-slide-link:hover{
    background: #20aa9c;
    border-color: #20aa9c;
}


body #app .select__option-child:not(.select__option-child_disable):active, body #hr-widget .select__option-child:not(.select__option-child_disable):active, body #hr-modal .select__option-child:not(.select__option-child_disable):active {
    background: rgba(52, 196, 181, 0.42) !important;
    backdrop-filter: blur(7.35px) !important;
    border-radius: 10px;
}
body #app .select__option-child:not(.select__option-child_disable):focus, body #hr-widget .select__option-child:not(.select__option-child_disable):focus, body #hr-modal .select__option-child:not(.select__option-child_disable):focus {
    background: rgba(52, 196, 181, 0.42) !important;
    backdrop-filter: blur(7.35px) !important;
    border-radius: 10px;
}
body #app .select__option-child:not(.select__option-child_disable):hover, body #hr-widget .select__option-child:not(.select__option-child_disable):hover, body #hr-modal .select__option-child:not(.select__option-child_disable):hover {
    background: rgba(52, 196, 181, 0.42) !important;
    backdrop-filter: blur(7.35px) !important;
    border-radius: 10px;
}
.region-loyalpr .field--name-dynamic-token-fieldnode-zabronirovat{
    background: #34C4B5;
    border-radius: 26px;
    width: var(--bt-w);
    height: var(--bt-h);
    cursor: pointer;
    border: #34C4B5 1px solid;
    text-align: center;
}
.region-loyalpr .field--name-dynamic-token-fieldnode-zabronirovat a{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: var(--fz-btn);
    line-height: 22px;
    color: #FFFFFF;
    width: var(--bt-w);
    height: var(--bt-h);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 26px;
}
.region-loyalpr .field--name-dynamic-token-fieldnode-zabronirovat:hover{
    background: transparent;
    color: var(--green);
}
.region-loyalpr .field--name-dynamic-token-fieldnode-zabronirovat:hover a{
    color: var(--green);
    background: transparent;
}
#contacts-block .block-title{
    text-align: center;
    margin-bottom: 75px;
}
#contacts-block .field--name-body, #block-vesta-theme-bloknastranicekontakty .field--name-body{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
#contacts-block .field--name-body .tel, #block-vesta-theme-bloknastranicekontakty .field--name-body .tel{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 36px;
    color: #333333;
    text-decoration: none;
    margin-bottom: 30px;
}
#contacts-block{
    margin-bottom: 100px;
}
#contacts-block .field--name-body .mail, #block-vesta-theme-bloknastranicekontakty  .field--name-body .mail{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 36px;
    color: #333333;
    margin-bottom: 28px;
}
#contacts-block .field--name-body .adress, #block-vesta-theme-bloknastranicekontakty  .field--name-body .adress{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 36px;
    color: #333333;
    margin-bottom: 40px;
}

#contacts-block .field--name-body .social-title, #block-vesta-theme-bloknastranicekontakty  .field--name-body .social-title{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 33px;
    color: rgba(51, 51, 51, 0.61);
    margin-bottom: 30px;
}
#contacts-block .social, #block-vesta-theme-bloknastranicekontakty  .field--name-body .social {
    gap: 20px;
}
#contacts-block .tel img, #block-vesta-theme-bloknastranicekontakty  .tel img {
    margin-right: 16px;
}
#contacts-block .adress img, #block-vesta-theme-bloknastranicekontakty .adress img {
    margin-right: 19px;
}
#contacts-block .mail img, #block-vesta-theme-bloknastranicekontakty .mail img {
    margin-right: 15px;
}

#footer .col-nav ul, #footer .col-uslugi ul{
    flex-direction: column;
    gap: 0;
    width: fit-content;
}
#footer .col-nav, #footer .col-uslugi, #footer .col-logo , #footer .col-contacts{
    width: fit-content;
}
#footer .col-nav ul li a, #footer .col-uslugi ul li a{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    color: #FFFFFF;
}
#footer .nav-link{
    text-transform: none;
}
.social .item img{
    height: 54px;
    width: 54px;
}
#footer .nav-link:hover, #footer .nav-link:focus, #footer .nav-item.hovered .nav-link{
    background-color: transparent;
    color: var(--yellow);
}
#footer #block-vesta-theme-osnovnayanavigaciya-menu, #footer #block-vesta-theme-uslugi-menu, #footer .social-title{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 25px;
}
#footer .col-nav ul li a{
    width: 110px;
}
#footer .col-uslugi ul li a{
    width: 160px;
}
#footer .col-uslugi{
    margin-right: 52px;
}
#footer .nav-link{
    padding: 7.5px 0;
}
#footer .copyright{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    width: 109px;
    margin-bottom: 15px;
}
#footer .politika a{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #F3F4F6;
    text-decoration: none;
    width: 212px;
}
#footer .politika a:hover{
    color: var(--yellow);
}
#footer .logo {
    margin-bottom: 29px;
    margin-right: 88px;
}
#footer{
    padding-top: 47px;
    padding-bottom: 26px;
}
#footer .dropdown-toggle::after{
    display: none;
}
#footer .col-contacts{
    display: flex;
    flex-direction: column;
    margin-right: 51px;
}
#footer .tel{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    margin-bottom: 20px;
    width: 248px;
}
#footer .mail{
    width: 225px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 20px;
}
#footer .adress p{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    width: 225px;
}
#footer .adress{
    display: flex;
    align-items: center;
    width: 248px;
    margin-bottom: 30px;
}
#footer .social-title{
    width: 248px;
}
#footer .tel img, #footer .mail img  {
    margin-right: 15px;
}
#footer .adress img{
    margin-right: 17px;
}
#footer .social {
    gap: 12px;
    justify-content: start;
    width: fit-content;
}
#footer .col-nav{
    margin-right: 49px;
}
#footer .col-search .region-footer-bron .field--name-body{
    margin-bottom: 20px;
}
#footer .col-search .region-footer-bron .field--name-body{
    background: #34C4B5;
    border-radius: 26px;
    border: #34C4B5 1px solid;
    cursor: pointer;
    width: var(--bt-w);
    height: var(--bt-h);
    text-align: center;
    text-align: center;
}
#footer .col-search .region-footer-bron .field--name-body a{
    border-radius: 26px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: var(--fz-btn);
    line-height: 22px;
    color: #FFFFFF;
    text-decoration: none;
    width: var(--bt-w);
    height: var(--bt-h);
    display: flex;
    align-items: center;
    justify-content: center;
}
#footer .col-search .region-footer-bron .field--name-body:hover{
    background: transparent;
}

#footer .col-search .region-footer-bron, #footer .col-search{
    width: fit-content;
}
#footer .col-search .region.region-search .form-item.js-form-type-search.form-type-search,
#footer .col-search .region.region-search .form-actions.js-form-wrapper.form-wrapper{
    display: none;
}
#footer .col-search .region.region-search{
    position: relative;
}
#footer .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search,
#footer .col-search .region.region-search.active .form-actions.js-form-wrapper.form-wrapper{
    display: block;
    position: absolute;
}
#footer .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search{
    top: 0;
    left: -71px;
}
#footer .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search input,
.block-system-main-block .form-item.js-form-type-search.form-type-search input{
    padding: 17px 15px;
    border-radius: 26px;
}
.btn-search-footer.active{
    display: none;
    visibility: hidden;
}
#footer .col-search .region.region-search.active .form-actions.js-form-wrapper.form-wrapper .search-form__submit.button,
.block-system-main-block .form-actions.js-form-wrapper.form-wrapper .search-form__submit.button{
    background-color: var(--green);
    border: 1px solid var(--green);
    border-radius: 26px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: var(--white);
    padding: 17px 25px;
    width: 87px;
    height: var(--bt-h);
}
.block-system-main-block form{
    margin-bottom: 30px;
}
.block-system-main-block h3 a{
    text-decoration: none;
    margin-top: 20px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 36px;
    color: #333333;
}
.block-system-main-block h3 a:hover{
    color: var(--yellow);
}
.block-system-main-block .form-actions.js-form-wrapper.form-wrapper .search-form__submit.button:hover{
    background-color: transparent;
    color: var(--green);
}
#footer .col-search .region.region-search.active .form-actions.js-form-wrapper.form-wrapper .search-form__submit.button:hover{
    background-color: transparent;
}
#footer .col-search .region.region-search.active .form-actions.js-form-wrapper.form-wrapper{
    top: 0;
    left: 115px;
}

#footer .col-logo, #footer .col-nav, #footer .col-search, #footer .col-uslugi, #footer .col-contacts{
    padding: 0;
}
#footer .row{
    justify-content: space-between;
}
.btn-search-footer{
    background-color: transparent;
    border: 1px solid #FFFFFF;
    border-radius: 26px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.74);
    padding: 19px 42px;
}
.btn-search-footer:hover{
    border: 1px solid var(--green);
}
.btn-search-footer img{
    margin-right: 11px;
}
#block-vesta-theme-page-title h1{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: var(--fz-title-block);
    text-transform: uppercase;
    color: #34C4B5;
    margin-bottom: 70px;
}
.not-front .wr_content{
    margin-bottom: 100px;
}
.col-webvesta a{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    color: #F3F4F6;
    text-decoration: none;
    text-align: center;
}
.col-webvesta a:hover{
    color: var(--yellow);
}
#footer .row{
    margin-bottom: 83px;
}
.col-webvesta{
    display: flex;
    justify-content: center;
}
.block-vesta-privacy-access .vpa-wrapper{
    background-color: #778192;
}
.vpa-actions .btn-secondary {
    color: var(--vpa-btn-color);
    background: var(--vpa-btn-bg);
}
.vpa-actions .btn-secondary:hover {
    color: var(--vpa-btn-color-hover);
    background: var(--vpa-btn-bg-hover);
    border-color: var(--vpa-btn-brd-color-hover);
}
.vpa-content p{
    margin-bottom: 15px;
}
.vpa-content p:first-child{
    margin-bottom: 20px;
    font-weight: 600;
}
.vpa-content p:last-child{
    margin-bottom: 25px;
}
.vpa-content p a{
    text-decoration: none;
}
.vpa-content p, .vpa-content p a{
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 14px;
color: #FFFFFF;
}
.vpa-container.vpa-full .vpa-actions{
    margin-bottom: 40px;
}
.mapContainer{
    border-radius: 20px;
    overflow: hidden;
}
.view-fotogalereya-2.view-display-id-page_1 .view-content{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}
.not-front header{
    margin-bottom: 65px;
}
.node--type-kvartira.node--view-mode-full .field--name-body p,
.node--type-kvartira.node--view-mode-full .field--name-field-ploshchad,
.node--type-kvartira.node--view-mode-full .field--name-field-kolichestvo-mest,
.node--type-kvartira.node--view-mode-full .field--name-field-adres{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #333333;
}
.node--type-usluga.node--view-mode-full .field--name-field-izobrazhenie-usluga a img,
.node--type-usluga.node--view-mode-full .field--name-field-izobrazhenie-usluga{
    width: 576px;
    height: 314px;
}
.node--type-usluga.node--view-mode-full .field--name-field-izobrazhenie-usluga{
    float: left;
    border-radius: 20px;
    overflow: hidden;
    margin: 0 30px 30px 0;
}
.vpa-actions {
    gap: 10px;
}
.modal-content form.webform-submission-form .js-form-type-textfield input {
    width: 465px;
}
.modal-content form.webform-submission-form .js-form-type-textarea textarea {
    width: 465px;
}
.modal-content {
    background-color: #778192;
}
.modal-footer{
    border: none;
}
.modal-content form.webform-submission-form .js-form-type-checkbox {
    margin-bottom: 0;
}
.modal-content form.webform-submission-form .js-form-type-checkbox .description, .modal-content .webform-element-description {
        width: 432px;
    }
.modal-header .btn-close {
    margin: 0;
    padding: 0;
}
.modal-title {
    margin: 0 auto;
    color: #FFFFFF;
}
.modal-title h5{
    color: #FFFFFF;
}
.modal-content button.webform-button--submit {
    width: 500px;
    height: 55px;
}
#hr-widget .main-page{
    z-index: 20 !important;
}
.btn-close{
    filter: brightness(0) invert(1);
}
 .modal-footer{
    justify-content: center;
 }
.modal-content button.webform-button--submit {
    width: 270px;
    height: 45px;
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
:root{
    --font-family: 'Manrope', sans-serif;
    --white: #ffffff;
    --green: #34C4B5;
    --yellow: #F4B000;
    --black: #000000;
    --grey: #778192;
    --blue: #DAE8E6;
    --text-color: #333333;
    --background-color: #FFFFFF;
    --fz-slider-title: 52px;
    --fz-slider-body: 24px;
    --fz-text: 14px;
    --fz-btn: 13px;
    --fz-nav: 16px;
    --fz-header: 15px;
    --fz-footer: 16px;
    --fz-footer-phone: 20px;
    --fz-title: 56px;
    --fz-title-block: 23px;    
    --len-container: 960px;
    --slider-h: 810px;
    --img-w: 374px;
    --img-h: 420px;
    --bt-w: 160px;
    --bt-h: 47px;
}
#block-vesta-theme-content .node--type-kvartira.node--view-mode-full button.slick-arrow,
#block-vesta-theme-views-block-fotogalereya-2-block-1 button.slick-arrow{
    width: 35px;
    height: 35px;
}
#block-vesta-theme-content .node--type-kvartira.node--view-mode-full button.slick-arrow::before,
#block-vesta-theme-views-block-fotogalereya-2-block-1 button.slick-arrow::before{
    width: 35px;
    height: 35px;
}

.col-contacts2, .col-contacts1, .logo  {
    margin-right: 0;
}
a.tel {
    font-size: 16px;
}
.region-slider h1 {
    font-size: 42px;
    line-height: 58px;
    margin-bottom: 30px;
}
.region-slider .field--name-body p {
    font-size: 20px;
}
.region-slider .field--name-field-vygoda p {
    padding: 5px 17px 5px;
    font-size: 20px;
}
.region-slider .btn-content {
    top: 490px;
}
.nav-link {
    padding: 15px 17px;
}
header .nav-link.dropdown-toggle {
   padding: 15px 23px 15px 17px;
}
.dropdown-toggle::after {
    top: 22px !important;
}
div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content {
    top: 262px;
}
.node--type-slide.node--view-mode-default img {
    width: 1265px;
    height: 661px;
}
.node--type-about .group-left {
    padding-right: 60px;
    width: 49%;
}
.node--type-about .group-right {
    width: 50%;
}
.node--type-about .field--name-node-title, #uslugi-block .block-title, #gallery-block .block-title, #block-vesta-theme-zagolovokregiona .block-title, #contacts-block .block-title {
    line-height: 140%;
}

.node--type-preimushchestvo {
    width: 300px;
    height: 160px;
    padding-top: 20px;
    padding-left: 16px;
}
.node--type-preimushchestvo .field--name-body p {
    font-size: 10px;
    line-height: 14px;
    width: 260px;
}
.node--type-preimushchestvo .field--name-field-titul {
    font-size: 20px;
    line-height: 23px;
    width: 265px;
    margin-bottom: 33px;
}
.view-kvartiry .view-content .views-row {
    width: 460px;
    height: unset;
}
.node--type-kvartira .field--name-field-dopolnitelnye-uslugi{
    height: 60px;
}
 .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n+1) a img, .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n+1) {
    width: 318px !important;
    height: 224px;
}
 .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n) a img, .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n) {
    width: 135px !important;
    height: 224px;
}
 .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n+1) a img,  .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n+1) {
    width: 318px !important;
    height: 224px;
}
.node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n) a img,  .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n) {
    width: 135px !important;
    height: 224px;
}
.node--type-kvartira.node--view-mode-teaser .field--name-body p {
    width: 405px;
}
.view-uslugi .view-content .views-row .node--type-usluga.node--view-mode-teaser {
    width: 459px;
    height: 322px;
}
.node--type-usluga.node--view-mode-teaser .blazy--field-izobrazhenie-usluga, .node--type-usluga.node--view-mode-teaser .blazy--field-izobrazhenie-usluga a, .node--type-usluga.node--view-mode-teaser .blazy--field-izobrazhenie-usluga a img {
    width: 459px;
    height: 250px;
}
.header-usligi {
    width: 459px;
    height: 69px;
    
    font-size: 14px;
    line-height: 22px;
}
#uslugi-block .block-title {
    margin-bottom: 86px;
}
.node--type-usluga.node--view-mode-teaser .field--name-node-title a {
    font-size: 22px;
}
.node--type-usluga.node--view-mode-teaser .field--name-node-title {
    height: 72px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content {
    padding-top: 65px;
    border-radius: 35px;
    
}
.blazy--field-izobrazhenie-forma--teaser {
    border-radius: 35px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content .field--name-node-title h2{
    font-size: 25px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content .field--name-node-title {
    width: 435px;
    margin-bottom: 13px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content .field--name-body {
    width: 390px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content .field--name-body p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 29px;
}
form.webform-submission-form .js-form-type-textfield input {
    width: 356px;
    height: 42px;
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 10px;
    padding: 10px 20px;
}
form.webform-submission-form {
    width: 356px;
}
form.webform-submission-form .js-form-type-textarea textarea {
    width: 356px;
    height: 53px;
    padding: 16px 20px;
    font-size: 13px;
    line-height: 19px;
}
form.webform-submission-form .js-form-type-checkbox .description {
    width: 331px;
 }
button.webform-button--submit {
    width: 356px;
    height: 42px;
    font-size: 15px;
}
form.webform-submission-form .js-form-type-textarea {
    width: 356px;
    height: 53px;
}
form.webform-submission-form .js-form-type-checkbox {
    margin-bottom: 26px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser {
    max-width: 1170px;
    height: 605px;
}
.blazy--field-izobrazhenie-forma--teaser img {
    height: 605px;
}

.node--type-foto-iz-galerei.node--view-mode-teaser .field--name-field-foto a img,
.node--type-kvartira.node--view-mode-full .field--name-field-foto-kvartiry a img{
    width: 304px;
    height: 300px;
    object-fit: cover;
}

.field--name-field-izobrazhenie1 a img, .field--name-field-izobrazhenie2 a img, .field--name-field-izobrazhenie3 a img {
    width: 301px;
    height: 307px;
}
.loyalpr-block .top-group .field--name-body {
    width: 446px;
    font-size: 16px;
}
.loyalpr-block .top-group .field--name-node-title {
    width: 481px;
    font-size: 21px;
    line-height: 29px;
    margin-right: 93px;
}
#contacts-block .field--name-body .tel, #block-vesta-theme-bloknastranicekontakty .field--name-body .tel,
#contacts-block .field--name-body .mail, #block-vesta-theme-bloknastranicekontakty .field--name-body .mail,
#contacts-block .field--name-body .adress, #block-vesta-theme-bloknastranicekontakty .field--name-body .adress {
    font-size: 22px;
}
.social .item img{
    height: 40px !important;
    width: 40px !important;
}
#contacts-block .field--name-body .tel, #block-vesta-theme-bloknastranicekontakty .field--name-body .tel,
#contacts-block .field--name-body .mail, #block-vesta-theme-bloknastranicekontakty .field--name-body .mail {
    margin-bottom: 20px;
}
#contacts-block .field--name-body .adress, #block-vesta-theme-bloknastranicekontakty .field--name-body .adress {
    margin-bottom: 30px;
}
#contacts-block .block-title {
    margin-bottom: 58px;
}
#contacts-block{
    margin-bottom: 80px;
}
#footer .col-contacts, #footer .col-uslugi, #footer .col-nav , #footer .logo {
        margin-right: 0;
    }
.btn-search-footer {
    padding: 14px 22px;
}
#footer .col-search .region.region-search.active .form-actions.js-form-wrapper.form-wrapper .search-form__submit.button, .block-system-main-block .form-actions.js-form-wrapper.form-wrapper .search-form__submit.button {
    padding: 14px 25px;
}
#footer .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search input, .block-system-main-block .form-item.js-form-type-search.form-type-search input {
    padding: 13px 15px;
    font-size: 12px;
}
#footer .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search {
    top: 0;
    left: -69px;
}
#footer .col-search .region.region-search.active .form-actions.js-form-wrapper.form-wrapper {
    top: 0;
    left: 75px;
}
#footer .col-nav ul li a, #footer .col-uslugi ul li a {
    font-size: 14px;
    line-height: 16px;
}
#footer .mail, #footer .adress p {
    font-size: 14px;
}
#footer .mail{
    margin-bottom: 10px;
}
#footer .tel {
    font-size: 16px;
    margin-bottom: 10px;
}
#footer .politika a {
    font-size: 12px;
}
#footer .copyright {
    font-size: 12px;
    margin-bottom: 6px;
}
.col-webvesta a {
    font-size: 12px;
}
#footer .col-nav ul li a {
    width: 91px;
}
#footer .nav-link {
    padding: 6.5px 0;
}

#footer .social-title {
    width: 248px;
}
#footer #block-vesta-theme-osnovnayanavigaciya-menu, #footer #block-vesta-theme-uslugi-menu, #footer .social-title{
    margin-bottom: 20px;
}
#footer .adress {
    margin-bottom: 20px;
    width: 225px;
}
#slider-block  {
    margin-bottom: 65px;
}
#about-block, #fos-block, .uslugi-block, #gallery-block, .loyalpr-block {
    margin-bottom: 80px;
}
.front .wr_front_content {
    padding-bottom: 77px;
    padding-top: 80px;
}
#block-vesta-theme-zagolovokregiona .block-title {
    margin-bottom: 50px;
}
#uslugi-block {
    padding-top: 75px;
}
#gallery-block .block-title {
    margin-bottom: 60px;
}
.loyalpr-block {
    padding-top: 80px;
    padding-bottom: 77px;
}
.node--type-usluga.node--view-mode-full .field--name-field-izobrazhenie-usluga a img, .node--type-usluga.node--view-mode-full .field--name-field-izobrazhenie-usluga {
    width: 420px;
    height: 229px;
}
.view-fotogalereya-2.view-display-id-page_1 .view-content {
    gap: 10px;
}
#contacts-block .tel img#contacts-block .tel img, #block-vesta-theme-bloknastranicekontakty .tel img {
    height: 29px !important;
    width: 29px !important;
}
#contacts-block .mail img, #block-vesta-theme-bloknastranicekontakty .mail img{
    height: 23px !important;
    width: 33px !important;
}
#contacts-block .adress img, #block-vesta-theme-bloknastranicekontakty .adress img {
    height: 33px !important;
    width: 23px !important;
}
.vpa-actions .btn {
    padding: 5px 10px;
    font-size: 14px;
}
}




@media screen and (min-width: 768px) and (max-width: 991px) {
:root{
    --font-family: 'Manrope', sans-serif;
    --white: #ffffff;
    --green: #34C4B5;
    --yellow: #F4B000;
    --black: #000000;
    --grey: #778192;
    --blue: #DAE8E6;
    --text-color: #333333;
    --background-color: #FFFFFF;
    --fz-slider-title: 52px;
    --fz-slider-body: 24px;
    --fz-text: 11px;
    --fz-btn: 11px;
    --fz-nav: 12px;
    --fz-header: 12px;
    --fz-footer: 16px;
    --fz-footer-phone: 20px;
    --fz-title: 56px;
    --fz-title-block: 15px;    
    --len-container: 720px;
    --slider-h: 810px;
    --img-w: 374px;
    --img-h: 420px;
    --bt-w: 130px;
    --bt-h: 36px;
}
#block-vesta-theme-content .node--type-kvartira.node--view-mode-full button.slick-arrow,
#block-vesta-theme-views-block-fotogalereya-2-block-1 button.slick-arrow{
    width: 30px;
    height: 30px;
}
#block-vesta-theme-content .node--type-kvartira.node--view-mode-full button.slick-arrow::before,
#block-vesta-theme-views-block-fotogalereya-2-block-1 button.slick-arrow::before{
    width: 30px;
    height: 30px;
}

.logo , .logo img{
    width: 120px;
    height: 38px;
}
.adress img{
    height: 18px !important;
}
.col-contacts2, .col-contacts1, .logo  {
    margin-right: 0;
}
a.tel {
    font-size: 13px;
    margin-bottom: 3px;
}
.tel img {
    margin-right: 5px;
}
.adress {
    margin-bottom: 8px;
}
.region-slider h1 {
    font-size: 33px;
    line-height: 43px;
    margin-bottom: 20px;
}
.region-slider .field--name-body p {
    font-size: 15px;
}
.region-slider .field--name-field-vygoda p {
    padding: 0px 17px 0px;
    font-size: 15px;
}
.region-slider .btn-content {
    top: 378px;
}
.nav-link {
    padding: 6px 15px;
}
header .nav-link.dropdown-toggle {
   padding: 6px 21px 6px 15px;
}
.dropdown-toggle::after {
    top: 14px !important;
    width: 7px !important;
    height: 4px !important;
}
div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content {
    top: 200px;
}
.node--type-slide.node--view-mode-default img {
    width: 971px;
    height: 432px;
}
.node--type-about .group-left {
    padding-right: 60px;
    width: 49%;
}
.node--type-about .group-right {
    width: 50%;
}
.node--type-about .field--name-node-title, #uslugi-block .block-title, #gallery-block .block-title, #block-vesta-theme-zagolovokregiona .block-title, #contacts-block .block-title {
    line-height: 140%;
}
.field--name-body p {
    line-height: 20px;
    margin-bottom: 9px;
}
.node--type-preimushchestvo {
    width: 300px;
    height: 151px;
    padding-top: 20px;
    padding-left: 16px;
}
.node--type-preimushchestvo .field--name-body p {
    font-size: 10px;
    line-height: 14px;
    width: 260px;
}
.node--type-preimushchestvo .field--name-field-titul {
    font-size: 15px;
    line-height: 20px;
    width: 265px;
    margin-bottom: 26px;
}
.view-kvartiry .view-content .views-row {
    width: 335px;
    height: unset;
}
 .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n+1) a img, .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n+1) {
    width: 230px !important;
    height: 224px;
}
 .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n) a img, .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n) {
    width: 99px !important;
    height: 224px;
}
 .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n+1) a img,  .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n+1) {
    width: 230px !important;
    height: 224px;
}
.node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n) a img,  .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n) {
    width: 99px !important;
    height: 224px;
}
.node--type-kvartira .gr-description {
    padding: 20px 20px 27px 20px;
}
.node--type-kvartira.node--view-mode-teaser .field--name-body p {
    width: 295px;
    height: 64px;
}
.view-uslugi .view-content .views-row .node--type-usluga.node--view-mode-teaser {
    width: 340px;
    height: 247px;
}
.node--type-usluga.node--view-mode-teaser .blazy--field-izobrazhenie-usluga, .node--type-usluga.node--view-mode-teaser .blazy--field-izobrazhenie-usluga a, .node--type-usluga.node--view-mode-teaser .blazy--field-izobrazhenie-usluga a img {
    width: 340px;
    height: 185px;
}
.header-usligi {
    width: 337px;
    height: 68px;
    font-size: 12px;
    line-height: 20px;
}
#uslugi-block .block-title {
    margin-bottom: 86px;
}
.node--type-usluga.node--view-mode-teaser .field--name-node-title a {
    font-size: 18px;
}
.node--type-usluga.node--view-mode-teaser .field--name-node-title {
    height: 62px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content {
    padding-top: 50px;
    border-radius: 25px;
    
}
.vpa-actions .btn {
    padding: 3px 14px;
    font-size: 12px;
}
.blazy--field-izobrazhenie-forma--teaser {
    border-radius: 25px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content .field--name-node-title h2{
    font-size: 16px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content .field--name-node-title {
    width: 290px;
    margin-bottom: 10px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content .field--name-body {
    width: 266px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content .field--name-body p {
    font-size: 11px;
    line-height: 17px;
    margin-bottom: 23px;
}
form.webform-submission-form .js-form-type-textfield input {
    width: 280px;
    height: 35px;
    font-size: 11px;
    line-height: 17px;
    margin-bottom: 10px;
    padding: 10px 20px;
}
form.webform-submission-form {
    width: 280px;
}
form.webform-submission-form .js-form-type-textarea textarea {
    width: 280px;
    height: 45px;
    padding: 14px 20px;
    font-size: 11px;
    line-height: 14px;
}
form.webform-submission-form .js-form-type-checkbox .description{
    width: 258px;
 }
 form.webform-submission-form .js-form-type-checkbox .description, form.webform-submission-form .js-form-type-checkbox .description a {
    font-size: 10px;
 }
button.webform-button--submit {
    width: 280px;
    height: 36px;
    font-size: 12px;
}
form.webform-submission-form .js-form-type-textarea {
    width: 356px;
    height: 53px;
}
form.webform-submission-form .js-form-type-checkbox {
    margin-bottom: 26px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser {
    max-width: 986px;
    height: 512px;
}
.blazy--field-izobrazhenie-forma--teaser img {
    height: 512px;
}

.node--type-foto-iz-galerei.node--view-mode-teaser .field--name-field-foto a img,
.node--type-kvartira.node--view-mode-full .field--name-field-foto-kvartiry a img{
    width: 225px;
    height: 222px;
    object-fit: cover;
}
body #app .custom-calendar .search__container[data-v-2baa32dd], body #hr-widget .custom-calendar .search__container[data-v-2baa32dd], body #hr-modal .custom-calendar .search__container[data-v-2baa32dd] {
    height: 56px !important;
}
.field--name-field-izobrazhenie1 a img, .field--name-field-izobrazhenie2 a img, .field--name-field-izobrazhenie3 a img {
    width: 221px;
    height: 226px;
}
ul.slick-dots li button {
    width: 8px;
    height: 8px;
}
ul.slick-dots {
    gap: 10px;
    margin: 27px 0;
}
.loyalpr-block .top-group {
    margin-bottom: 40px;
}
.loyalpr-block .top-group .field--name-body {
    width: 385px;
    font-size: 11px;
    line-height: 17px;
}
.loyalpr-block .top-group .field--name-node-title {
    width: 407px;
    font-size: 16px;
    line-height: 23px;
    margin-right: 0;
}
#contacts-block .field--name-body .tel, #block-vesta-theme-bloknastranicekontakty .field--name-body .tel,
#contacts-block .field--name-body .mail, #block-vesta-theme-bloknastranicekontakty .field--name-body .mail,
#contacts-block .field--name-body .adress, #block-vesta-theme-bloknastranicekontakty .field--name-body .adress {
    font-size: 18px;
}
.social .item img{
    height: 28px !important;
    width: 28px !important;
}
#contacts-block .field--name-body .tel, #block-vesta-theme-bloknastranicekontakty .field--name-body .tel,
#contacts-block .field--name-body .mail, #block-vesta-theme-bloknastranicekontakty .field--name-body .mail {
    margin-bottom: 7px;
}
#contacts-block .field--name-body .adress, #block-vesta-theme-bloknastranicekontakty .field--name-body .adress {
    margin-bottom: 20px;
}
#contacts-block .block-title {
    margin-bottom: 35px;
}

#contacts-block{
    margin-bottom: 50px;
}
#footer .col-contacts, #footer .col-uslugi, #footer .col-nav , #footer .logo {
        margin-right: 0;
    }
.btn-search-footer {
    padding: 9px 18px;
    font-size: 10px;
}
.btn-search-footer img {
    margin-right: 7px;
    height: 14px !important;
    width: 14px !important;
}
#footer .col-nav ul li a, #footer .col-uslugi ul li a {
    font-size: 11px;
    line-height: 14px;
}
#footer .mail, #footer .adress p {
    font-size: 12px;
    line-height: 16px;
}
#footer .tel img, #footer .mail img {
    margin-right: 11px;
}
#footer .mail{
    margin-bottom: 8px;
}
#footer .tel {
    font-size: 13px;
    margin-bottom: 8px;
    width: 200px;
}
#footer .politika a {
    font-size: 9px;
    line-height: 12px;
}
#footer .col-search .region.region-search.active .form-actions.js-form-wrapper.form-wrapper .search-form__submit.button, .block-system-main-block .form-actions.js-form-wrapper.form-wrapper .search-form__submit.button {
    padding: 8px 25px;
}
#footer .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search input, .block-system-main-block .form-item.js-form-type-search.form-type-search input {
    padding: 8px 15px;
    font-size: 12px;
}
#footer .col-search .region.region-search.active .form-actions.js-form-wrapper.form-wrapper {
    top: 0;
    left: 45px;
}

#footer .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search {
    top: 0;
    left: -96px;
}

#footer .tel img{
    width: 15px !important;
    height: 15px !important;
}
#footer .mail img {
    height: 12px;
    width: 17px;
}
#footer .adress img {
    margin-right: 14px;
}
#footer .mail {
    width: 200px;
}
#footer .logo {
    margin-bottom: 20px;
}
#footer .copyright {
    font-size: 9px;
    margin-bottom: 6px;
}
.col-webvesta a {
    font-size: 9px;
}
#footer .row {
    margin-bottom: 35px;
}
#footer .col-nav ul li a {
    width: 78px;
}
#footer .col-logo{
    margin-right: 15px;
}
#footer .nav-link {
    padding: 5.5px 0;
}
#footer .col-uslugi ul li a {
    width: 120px;
}
#footer .social-title {
    width: 188px;
}
#footer #block-vesta-theme-osnovnayanavigaciya-menu, #footer #block-vesta-theme-uslugi-menu, #footer .social-title{
    margin-bottom: 15px;
    font-size: 13px;
}
#footer .adress {
    margin-bottom: 20px;
    width: 202px;
}
#slider-block  {
    margin-bottom: 45px;
}
#about-block, #fos-block, .uslugi-block, #gallery-block, .loyalpr-block {
    margin-bottom: 65px;
}
.front .wr_front_content {
    padding-bottom: 60px;
    padding-top: 65px;
}
#block-vesta-theme-zagolovokregiona .block-title {
    margin-bottom: 45px;
}
#block-vesta-theme-bronirovanie {
    margin-bottom: 50px;
}
.mapContainer {
    height: 335px !important; 
}
.node--type-kvartira .field--name-node-link a {
   font-size: 11px;
}
#uslugi-block {
    padding-top: 75px;
}
#gallery-block .block-title {
    margin-bottom: 50px;
}
.loyalpr-block {
    padding-top: 60px;
    padding-bottom: 60px;
}
.node--type-usluga.node--view-mode-full .field--name-field-izobrazhenie-usluga a img, .node--type-usluga.node--view-mode-full .field--name-field-izobrazhenie-usluga {
    width: 330px;
    height: 178px;
}
.view-fotogalereya-2.view-display-id-page_1 .view-content {
    gap: 10px;
}
#contacts-block .tel img#contacts-block .tel img, #block-vesta-theme-bloknastranicekontakty .tel img {
    height: 22px !important;
    width: 22px !important;
}
#contacts-block .mail img, #block-vesta-theme-bloknastranicekontakty .mail img{
    height: 18px !important;
    width: 28px !important;
}
#contacts-block .adress img, #block-vesta-theme-bloknastranicekontakty .adress img {
    height: 27px !important;
    width: 19px !important;
}
#contacts-block .adress img, #block-vesta-theme-bloknastranicekontakty .adress img {
    margin-right: 14px;
}
#contacts-block .mail img, #block-vesta-theme-bloknastranicekontakty .mail img {
    margin-right: 12px;
}
#contacts-block .tel img, #block-vesta-theme-bloknastranicekontakty .tel img {
    margin-right: 12px;
}
#contacts-block .field--name-body .social-title, #block-vesta-theme-bloknastranicekontakty .field--name-body .social-title {
    font-size: 21px;
    line-height: 26px;
    margin-bottom: 15px;
}
#contacts-block .social, #block-vesta-theme-bloknastranicekontakty .field--name-body .social {
    gap: 12px;
}
#block-vesta-theme-page-title h1 {
    margin-bottom: 40px;
}
.not-front header {
    margin-bottom: 40px;
}
#contacts-block .tel img, #block-vesta-theme-bloknastranicekontakty .tel img{
    height: 22px !important;
    width: 22px !important;
}
.view-preimushchestva .view-content .views-row:nth-child(1), .view-preimushchestva .view-content .views-row:nth-child(4), .view-preimushchestva .view-content .views-row:nth-child(5){
    background: #F3F4F6;
    backdrop-filter: blur(4.15px);
    border-radius: 20px;
    color: var(--text-color);
}
.view-preimushchestva .view-content .views-row:nth-child(2),.view-preimushchestva .view-content .views-row:nth-child(3), .view-preimushchestva .view-content .views-row:nth-child(6) {
    background: #778192;
    backdrop-filter: blur(4.15px);
    border-radius: 20px;
    color: var(--white);
}
.view-preimushchestva .view-content .views-row:nth-child(3) .field--name-body p {
    color: var(--white);
}
.view-preimushchestva .view-content .views-row:nth-child(4) .field--name-body p {
    color: var(--text-color);
}
}



@media screen and (min-width: 577px) and (max-width: 767px) {
:root{
    --font-family: 'Manrope', sans-serif;
    --white: #ffffff;
    --green: #34C4B5;
    --yellow: #F4B000;
    --black: #000000;
    --grey: #778192;
    --blue: #DAE8E6;
    --text-color: #333333;
    --background-color: #FFFFFF;
    --fz-slider-title: 52px;
    --fz-slider-body: 24px;
    --fz-text: 11px;
    --fz-btn: 11px;
    --fz-nav: 12px;
    --fz-header: 12px;
    --fz-footer: 16px;
    --fz-footer-phone: 20px;
    --fz-title: 56px;
    --fz-title-block: 15px;    
    --len-container: 540px;
    --slider-h: 810px;
    --img-w: 374px;
    --img-h: 420px;
    --bt-w: 125px;
    --bt-h: 34px;
}
#block-vesta-theme-content .node--type-kvartira.node--view-mode-full button.slick-arrow,
#block-vesta-theme-views-block-fotogalereya-2-block-1 button.slick-arrow{
    width: 30px;
    height: 30px;
}
#block-vesta-theme-content .node--type-kvartira.node--view-mode-full button.slick-arrow::before,
#block-vesta-theme-views-block-fotogalereya-2-block-1 button.slick-arrow::before{
    width: 30px;
    height: 30px;
}
header {
    margin-top: 0;
}
footer .logo, footer .logo a{
    width: 180px !important;
    height: 63px !important;
}
footer .logo img{
    width: 180px !important;
    height: 63px !important;    
}
#main{
    margin-top: 75px;
}
.col-logo , .col-logo img, .offcanvas .logo a img{
    width: 120px;
    height: 38px;
    object-fit: cover;
}
header .logo a img{
    width: 42px;
    height: 38px;
    object-fit: cover;
}

.adress img{
    height: 18px !important;
}
.col-contacts2, .col-contacts1, .logo  {
    margin-right: 0;
}
.logo , .logo a{
    width: 120px;
    height: 38px;
}
a.tel {
    font-size: 13px;
    margin-bottom: 3px;
}
.tel img {
    margin-right: 5px;
}
.region-slider .inline {
    width: 90%;
}
.adress {
    margin-bottom: 8px;
}
.region-slider h1 {
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 20px;
}
.region-slider .field--name-body p {
    font-size: 12px;
}
.region-slider .field--name-field-vygoda p {
    padding: 0px 14px 0px;
    font-size: 12px;
    line-height: 24px;
    margin-left: 18px;
}
.region-slider .btn-content {
    top: 280px;
}
.nav-link {
    padding: 6px 15px;
}
div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content {
    top: 140px;
}
.node--type-slide.node--view-mode-default img {
    width: 745px;
    height: 338px;
}
.node--type-about .group-left {
        padding-right: 0;
        width: 100%;
        margin-bottom: 20px;
}
#scrollToTop {
    bottom: 65px;
    right: 50px;
}
.node--type-about .field--name-body p:last-child {
    margin-bottom: 30px;
}
.node--type-about .group-right {
    
    width: 100%;
    text-align: justify;
}
.node--type-about .field--name-node-title, #uslugi-block .block-title, #gallery-block .block-title, #block-vesta-theme-zagolovokregiona .block-title, #contacts-block .block-title {
    line-height: 140%;
}
.field--name-body p {
    line-height: 20px;
    margin-bottom: 9px;
    text-align: justify;
}
.node--type-kvartira.node--view-mode-full .field--name-body p {
    margin-bottom: 20px;
}
.node--type-preimushchestvo {
    width: 250px;
    height: 156px;
    padding-top: 20px;
    padding-left: 16px;
}
.node--type-preimushchestvo .field--name-body p {
    font-size: 10px;
    line-height: 14px;
    width: 215px;
}
.node--type-preimushchestvo .field--name-field-titul {
    font-size: 15px;
    line-height: 20px;
    width: 215px;
    margin-bottom: 20px;
}
.view-kvartiry .view-content .views-row {
    width: 460px;
    height: unset;
}
 .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n+1) a img, .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n+1) {
    width: 318px !important;
    height: 224px;
}
 .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n) a img, .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n) {
    width: 135px !important;
    height: 224px;
}
 .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n+1) a img,  .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n+1) {
    width: 318px !important;
    height: 224px;
}
.node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n) a img,  .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item:nth-child(2n) {
    width: 135px !important;
    height: 224px;
}
.node--type-kvartira.node--view-mode-teaser .field--name-body p {
    width: 405px;
}
.view-uslugi .view-content .views-row .node--type-usluga.node--view-mode-teaser {
    width: 340px;
    height: 247px;
}
.node--type-usluga.node--view-mode-teaser .blazy--field-izobrazhenie-usluga, .node--type-usluga.node--view-mode-teaser .blazy--field-izobrazhenie-usluga a, .node--type-usluga.node--view-mode-teaser .blazy--field-izobrazhenie-usluga a img {
    width: 340px;
    height: 185px;
}
.header-usligi {
    width: 337px;
    height: 68px;
    font-size: 12px;
    line-height: 20px;
}
#uslugi-block .block-title {
    margin-bottom: 86px;
}
.node--type-usluga.node--view-mode-teaser .field--name-node-title a {
    font-size: 18px;
}
.node--type-usluga.node--view-mode-teaser .field--name-node-title {
    height: 62px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content {
    padding-top: 50px;
    padding-bottom: 40px;
    border-radius: 0 0 25px 25px;
    position: relative;
    width: 100%;
    right: 0;
    
}
.vpa-actions .btn {
    padding: 3px 14px;
    font-size: 11px;
}
.blazy--field-izobrazhenie-forma--teaser {
    border-radius: 25px 25px 0 0 ;
    width: 100%;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content .field--name-node-title h2{
    font-size: 16px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content .field--name-node-title {
    width: 290px;
    margin-bottom: 10px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content .field--name-body {
    width: 266px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content .field--name-body p {
    font-size: 11px;
    line-height: 17px;
    margin-bottom: 23px;
}
.field--name-field-izobrazhenie2{
    display: none;
}
form.webform-submission-form .js-form-type-textfield input {
    width: 280px;
    height: 35px;
    font-size: 11px;
    line-height: 17px;
    margin-bottom: 10px;
    padding: 10px 20px;
}
form.webform-submission-form {
    width: 280px;
}
form.webform-submission-form .js-form-type-textarea textarea {
    width: 280px;
    height: 45px;
    padding: 14px 20px;
    font-size: 11px;
    line-height: 14px;
}
form.webform-submission-form .js-form-type-checkbox .description{
    width: 258px;
 }
 form.webform-submission-form .js-form-type-checkbox .description, form.webform-submission-form .js-form-type-checkbox .description a {
    font-size: 10px;
 }
button.webform-button--submit {
    width: 280px;
    height: 36px;
    font-size: 12px;
}
form.webform-submission-form .js-form-type-textarea {
    width: 356px;
    height: 53px;
}
form.webform-submission-form .js-form-type-checkbox {
    margin-bottom: 26px;
}
#contacts-block .tel img, #block-vesta-theme-bloknastranicekontakty .tel img{
    height: 22px !important;
    width: 22px !important;
}

.node--type-forma-s-kartinkoy.node--view-mode-teaser {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
}
.blazy--field-izobrazhenie-forma--teaser img {
    height: 350px;
    width: 100%;
}

.node--type-foto-iz-galerei.node--view-mode-teaser .field--name-field-foto a img,
.node--type-kvartira.node--view-mode-full .field--name-field-foto-kvartiry a img{
    width: 248px;
    height: 250px;
    object-fit: cover;
}
body #app .custom-calendar .search__container[data-v-2baa32dd], body #hr-widget .custom-calendar .search__container[data-v-2baa32dd], body #hr-modal .custom-calendar .search__container[data-v-2baa32dd] {
    height: 56px !important;
}
.field--name-field-izobrazhenie1 a img, .field--name-field-izobrazhenie2 a img, .field--name-field-izobrazhenie3 a img {
    width: 221px;
    height: 226px;
}
ul.slick-dots li button {
    width: 8px;
    height: 8px;
}
ul.slick-dots {
    gap: 10px;
    margin: 27px 0;
}
.loyalpr-block .top-group {
    margin-bottom: 40px;
}
.loyalpr-block .top-group .field--name-body {
    width: 385px;
    font-size: 11px;
    line-height: 17px;
}
.loyalpr-block .top-group .field--name-node-title {
    width: 407px;
    font-size: 16px;
    line-height: 23px;
    margin-right: 0;
}
#contacts-block .field--name-body .tel, #block-vesta-theme-bloknastranicekontakty .field--name-body .tel,
#contacts-block .field--name-body .mail, #block-vesta-theme-bloknastranicekontakty .field--name-body .mail,
#contacts-block .field--name-body .adress, #block-vesta-theme-bloknastranicekontakty .field--name-body .adress {
    font-size: 17px;
}
.social .item img{
    height: 28px !important;
    width: 28px !important;
}
#contacts-block .field--name-body .tel, #block-vesta-theme-bloknastranicekontakty .field--name-body .tel,
#contacts-block .field--name-body .mail, #block-vesta-theme-bloknastranicekontakty .field--name-body .mail {
    margin-bottom: 7px;
}
#contacts-block .field--name-body .adress, #block-vesta-theme-bloknastranicekontakty .field--name-body .adress {
    margin-bottom: 20px;
}
#contacts-block .block-title {
    margin-bottom: 35px;
}

#contacts-block{
    margin-bottom: 50px;
}
#footer .col-contacts, #footer .col-uslugi, #footer .col-nav , #footer .logo {
        margin-right: 0;
    }
.btn-search-footer {
    padding: 9px 18px;
    font-size: 10px;
}
.btn-search-footer img {
    margin-right: 7px;
    height: 14px !important;
    width: 14px !important;
}
#footer .col-nav ul li a, #footer .col-uslugi ul li a {
    font-size: 11px;
    line-height: 14px;
}
#footer .mail, #footer .adress p {
    font-size: 12px;
    line-height: 16px;
}
#footer .tel img, #footer .mail img {
    margin-right: 11px;
}
#footer .mail{
    margin-bottom: 8px;
}
#footer .tel {
    font-size: 13px;
    margin-bottom: 8px;
    width: 200px;
}
#footer .col-nav{
    order: 4;
}
#footer .col-uslugi{
    order: 5;
}
#footer .col-contacts{
        order: 2;
}
#footer .col-search{
    order: 3;
}
#footer .politika a {
    font-size: 9px;
    line-height: 12px;
}
#footer .tel img{
    width: 15px !important;
    height: 15px !important;
}
#footer .mail img {
    height: 12px;
    width: 17px;
}
#footer .adress img {
    margin-right: 14px;
}
#footer .mail {
    width: 200px;
}
#footer .logo {
    margin-bottom: 20px;
    height: 38px;
}
#footer .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search input, .block-system-main-block .form-item.js-form-type-search.form-type-search input {
    padding: 7px 15px;
    border-radius: 26px;
    font-size: 12px;
}
#footer .col-search .region.region-search.active .form-actions.js-form-wrapper.form-wrapper {
    top: 0;
    left: 48px;
}
#footer .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search {
    top: 0;
    left: -96px;
}
#footer .col-search .region.region-search.active .form-actions.js-form-wrapper.form-wrapper .search-form__submit.button, .block-system-main-block .form-actions.js-form-wrapper.form-wrapper .search-form__submit.button {
    padding: 7px 17px;
    width: 78px;
    height: var(--bt-h);
}
#footer .copyright {
    font-size: 9px;
    margin-bottom: 6px;
}
.col-webvesta a {
    font-size: 9px;
}
#footer .row {
    margin-bottom: 35px;
    row-gap: 30px;
}
#footer .col-nav ul li a {
    width: fit-content;
}
#footer .col-logo{
    margin-right: 15px;
}
#footer .nav-link {
    padding: 5.5px 0;
}
#footer .col-uslugi ul li a {
    width: fit-content;
}
#footer .col-uslugi ul li a br{
   display: none;
}
.node--type-usluga.node--view-mode-full .field--name-field-izobrazhenie-usluga {
    float: none;
    border-radius: 20px;
    overflow: hidden;
    margin: 15px auto;
}
#footer .social-title {
    width: 188px;
}
#footer #block-vesta-theme-osnovnayanavigaciya-menu, #footer #block-vesta-theme-uslugi-menu, #footer .social-title{
    margin-bottom: 5px;
    font-size: 13px;
}
#footer .adress {
    margin-bottom: 10px;
    width: 202px;
}
#footer .col-nav ul, #footer .col-uslugi ul {
    flex-direction: row;
    gap: 30px;
    width: fit-content;
}
#slider-block  {
    margin-bottom: 45px;
}
#about-block, #fos-block, .uslugi-block, #gallery-block, .loyalpr-block {
    margin-bottom: 65px;
}
.front .wr_front_content {
    padding-bottom: 50px;
    padding-top: 65px;
}
#block-vesta-theme-zagolovokregiona .block-title {
    margin-bottom: 45px;
}
#block-vesta-theme-bronirovanie {
    margin-bottom: 50px;
}
#block-vesta-theme-page-title h1 {
        padding-top: 30px;
}
.mapContainer {
    height: 330px !important; 
}
.view-uslugi .view-content {
    flex-direction: column;
    align-items: center;
}
.node--type-about .field--name-node-link, .view-uslugi .more-link, .region-gallery .more-link, .region-loyalpr .field--name-dynamic-token-fieldnode-zabronirovat{
    margin: 0 auto;
}
.node--type-kvartira .field--name-node-link a {
   font-size: 11px;
}
#uslugi-block {
    padding-top: 75px;
}
#gallery-block .block-title {
    margin-bottom: 50px;
}
.loyalpr-block {
    padding-top: 60px;
    padding-bottom: 60px;
}
.node--type-usluga.node--view-mode-full .field--name-field-izobrazhenie-usluga a img, .node--type-usluga.node--view-mode-full .field--name-field-izobrazhenie-usluga {
    width: 330px;
    height: 178px;
}
.view-fotogalereya-2.view-display-id-page_1 .view-content {
    gap: 10px;
}
#contacts-block .tel img#contacts-block .tel img, #block-vesta-theme-bloknastranicekontakty .tel img {
    height: 22px !important;
    width: 22px !important;
}
#contacts-block .mail img, #block-vesta-theme-bloknastranicekontakty .mail img{
    height: 18px !important;
    width: 28px !important;
}
#contacts-block .adress img, #block-vesta-theme-bloknastranicekontakty .adress img {
    height: 27px !important;
    width: 19px !important;
}
#contacts-block .adress img, #block-vesta-theme-bloknastranicekontakty .adress img {
    margin-right: 14px;
}
#contacts-block .mail img, #block-vesta-theme-bloknastranicekontakty .mail img {
    margin-right: 12px;
}
#contacts-block .tel img, #block-vesta-theme-bloknastranicekontakty .tel img {
    margin-right: 12px;
}
#contacts-block .field--name-body .social-title, #block-vesta-theme-bloknastranicekontakty .field--name-body .social-title {
    font-size: 19px;
    line-height: 25px;
    margin-bottom: 14px;
}
#contacts-block .social, #block-vesta-theme-bloknastranicekontakty .field--name-body .social {
    gap: 12px;
}
#block-vesta-theme-page-title h1 {
    margin-bottom: 40px;
}
.not-front header {
    margin-bottom: 40px;
}
.view-preimushchestva .view-content .views-row:nth-child(1), .view-preimushchestva .view-content .views-row:nth-child(4), .view-preimushchestva .view-content .views-row:nth-child(5){
    background: #F3F4F6;
    backdrop-filter: blur(4.15px);
    border-radius: 20px;
    color: var(--text-color);
}
.view-preimushchestva .view-content .views-row:nth-child(2),.view-preimushchestva .view-content .views-row:nth-child(3), .view-preimushchestva .view-content .views-row:nth-child(6) {
    background: #778192;
    backdrop-filter: blur(4.15px);
    border-radius: 20px;
    color: var(--white);
}
.view-preimushchestva .view-content .views-row:nth-child(3) .field--name-body p {
    color: var(--white);
}
.view-preimushchestva .view-content .views-row:nth-child(4) .field--name-body p {
    color: var(--text-color);
}
#block-vesta-theme-views-block-kvartiry-block-1 .more-link{
    margin: 0 auto;
}
.dropdown-toggle::after {
    top: 15px !important;
    right: unset !important;
}
}

@media screen and (max-width: 576px) {
:root{
    --font-family: 'Manrope', sans-serif;
    --white: #ffffff;
    --green: #34C4B5;
    --yellow: #F4B000;
    --black: #000000;
    --grey: #778192;
    --blue: #DAE8E6;
    --text-color: #333333;
    --background-color: #FFFFFF;
    --fz-slider-title: 52px;
    --fz-slider-body: 24px;
    --fz-text: 11px;
    --fz-btn: 10px;
    --fz-nav: 12px;
    --fz-header: 12px;
    --fz-footer: 16px;
    --fz-footer-phone: 20px;
    --fz-title: 56px;
    --fz-title-block: 15px;    
    --len-container: 540px;
    --slider-h: 810px;
    --img-w: 374px;
    --img-h: 420px;
    --bt-w: 110px;
    --bt-h: 30px;
}
#block-vesta-theme-content .node--type-kvartira.node--view-mode-full button.slick-arrow,
#block-vesta-theme-views-block-fotogalereya-2-block-1 button.slick-arrow{
    width: 25px;
    height: 25px;
}
#block-vesta-theme-content .node--type-kvartira.node--view-mode-full button.slick-arrow::before,
#block-vesta-theme-views-block-fotogalereya-2-block-1 button.slick-arrow::before{
    width: 25px;
    height: 25px;
}
header {
    margin-top: 0;
}
#main{
    margin-top: 75px;
}
.col-logo img, .offcanvas .logo a img{
    width: 120px;
    height: 38px;
    object-fit: cover;
}
header .logo a img{
    width: 42px;
    height: 38px;
    object-fit: cover;
}
.col-logo {
    width: 120px;
}
.dropdown-toggle::after {
    top: 15px !important;
    right: unset !important;
}
.node--type-kvartira .field--name-node-link {
    width: 130px;
    height: 29px;
}
.node--type-kvartira .field--name-node-link a {
    width: 130px;
    height: 27px;
    font-size: 10px;
}
.adress img{
    height: 18px !important;
}
.col-contacts2, .col-contacts1, .logo  {
    margin-right: 0;
}
.logo , .logo a{
    width: 120px;
    height: 38px;
}
a.tel {
    font-size: 13px;
    margin-bottom: 3px;
}
.tel img {
    margin-right: 5px;
}
.region-slider .inline {
    width: 100%;
}
.adress {
    margin-bottom: 8px;
}
.region-slider h1 {
    font-size: 22px;
    line-height: 31px;
    margin-bottom: 10px;
}
.region-slider {
    border-radius: 0;
}
.region-slider .field--name-body p {
    font-size: 10px;
}
.region-slider .field--name-field-vygoda p {
    padding: 0px 10px 0px;
    font-size: 10px;
    line-height: 19px;
    margin-left: 18px;
}
.region-slider .btn-content {
    top: 265px;
}
.nav-link {
    padding: 6px 15px;
}
div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content {
    top: 108px;
}
footer .logo, footer .logo a{
    width: 180px !important;
    height: 63px !important;
}
footer .logo img{
    width: 180px !important;
    height: 63px !important;    
}
.node--type-slide.node--view-mode-default img {
    width: 100%;
    height: 258px;
    border-radius: 25px;
}
.node--type-slide.node--view-mode-default .field--name-field-image{
    width: 100%;
}
.node--type-slide.node--view-mode-default {
    border-radius: 0;
}
.node--type-about .group-left {
        padding-right: 0;
        width: 100%;
        margin-bottom: 20px;
}
#scrollToTop {
    bottom: 65px;
    right: 50px;
}
.node--type-about .field--name-body p:last-child {
    margin-bottom: 30px;
}
.node--type-kvartira.node--view-mode-teaser .field--name-body p {
    height: unset;
}
.node--type-about .group-right {
    
    width: 100%;
    text-align: justify;
}
.node--type-about .field--name-node-title, #uslugi-block .block-title, #gallery-block .block-title, #block-vesta-theme-zagolovokregiona .block-title, #contacts-block .block-title {
    line-height: 140%;
    text-align: center;
}
.field--name-body p {
    line-height: 20px;
    margin-bottom: 9px;
    text-align: justify;
}
.node--type-preimushchestvo {
    width: 250px;
    height: 156px;
    padding-top: 20px;
    padding-left: 16px;
}
.node--type-preimushchestvo .field--name-body p {
    font-size: 10px;
    line-height: 14px;
    width: 215px;
}
.node--type-preimushchestvo .field--name-field-titul {
    font-size: 15px;
    line-height: 20px;
    width: 215px;
    margin-bottom: 20px;
}
.view-kvartiry .view-content .views-row {
    width: 350px;
    height: unset;
}
.view-content .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item a{
    display: flex;
    width: unset;
}
.view-content .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item a img{
    width: 348px !important;
    height: 224px;
    margin: 0;
    box-sizing: border-box;
}

.view-content .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item {
    width: unset !important;
    height: 224px;
    border-radius: 20px 20px 0 0;
    margin: 0;
    box-sizing: border-box;
}
#block-vesta-theme-views-block-kvartiry-block-1 .more-link{
    margin: 0 auto;
}
.node--type-kvartira.node--view-mode-teaser .field--name-body p {
    width: 290px;
}
.view-uslugi .view-content .views-row .node--type-usluga.node--view-mode-teaser {
    width: 340px;
    height: 235px;
}
.node--type-usluga.node--view-mode-teaser .blazy--field-izobrazhenie-usluga, .node--type-usluga.node--view-mode-teaser .blazy--field-izobrazhenie-usluga a, .node--type-usluga.node--view-mode-teaser .blazy--field-izobrazhenie-usluga a img {
    width: 340px;
    height: 185px;
}
.header-usligi {
    position: relative;
    width: 100%;
    height: 68px;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 20px;
    text-align: justify;
}
.region-gallery .view-content {
    width: 250px;
    margin-left: auto;
    margin-right: auto;
}

#uslugi-block .block-title {
    margin-bottom: 20px;
}
.node--type-usluga.node--view-mode-teaser .field--name-node-title a {
    font-size: 15px;
}
.node--type-usluga.node--view-mode-teaser .field--name-node-title {
    height: 50px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content {
    padding-top: 50px;
    padding-bottom: 40px;
    border-radius: 0 0 25px 25px;
    position: relative;
    width: 100%;
    right: 0;
    
}
.node--type-kvartira.node--view-mode-full .field--name-body p{
    margin-bottom: 15px;
}
.node--type-kvartira.node--view-mode-full .field--name-field-foto-kvartiry{
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
}
.vpa-actions .btn {
    padding: 3px 14px;
    font-size: 10px;
}
.blazy--field-izobrazhenie-forma--teaser {
    border-radius: 25px 25px 0 0 ;
    width: 100%;
}
button.slick-next.slick-arrow, #block-vesta-theme-content button.slick-next.slick-arrow {
    right: 15px;
}
button.slick-prev.slick-arrow, #block-vesta-theme-content button.slick-prev.slick-arrow {
    left: 15px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content .field--name-node-title h2{
    font-size: 16px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content .field--name-node-title {
    width: 290px;
    margin-bottom: 10px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content .field--name-body {
    width: 266px;
}
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content .field--name-body p {
    font-size: 11px;
    line-height: 17px;
    margin-bottom: 23px;
}
.loyalpr-block .bottom-gr {
    flex-direction: column;
    align-items: center;
}
form.webform-submission-form .js-form-type-textfield input {
    width: 280px;
    height: 35px;
    font-size: 11px;
    line-height: 17px;
    margin-bottom: 10px;
    padding: 10px 20px;
}
form.webform-submission-form {
    width: 280px;
}
form.webform-submission-form .js-form-type-textarea textarea {
    width: 280px;
    height: 45px;
    padding: 14px 20px;
    font-size: 11px;
    line-height: 14px;
}
form.webform-submission-form .js-form-type-checkbox .description{
    width: 258px;
 }
 form.webform-submission-form .js-form-type-checkbox .description, form.webform-submission-form .js-form-type-checkbox .description a {
    font-size: 10px;
 }
button.webform-button--submit {
    width: 280px;
    height: 36px;
    font-size: 12px;
}
form.webform-submission-form .js-form-type-textarea {
    width: 356px;
    height: 53px;
}
form.webform-submission-form .js-form-type-checkbox {
    margin-bottom: 26px;
}
#contacts-block .tel img, #block-vesta-theme-bloknastranicekontakty .tel img{
    height: 22px !important;
    width: 22px !important;
}

.node--type-forma-s-kartinkoy.node--view-mode-teaser {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
}
.blazy--field-izobrazhenie-forma--teaser img {
    height: 350px;
    width: 100%;
}

.node--type-foto-iz-galerei.node--view-mode-teaser .field--name-field-foto a img{
    width: 250px;
    height: 252px;
    object-fit: cover;
}
.node--type-kvartira.node--view-mode-full .field--name-field-foto-kvartiry a img{
    width: 90vw;
    height: 60vh;
    object-fit: cover;
}
button.slick-arrow::before {
    width: 25px !important;
    height: 25px !important;
}
button.slick-arrow {
    width: 25px !important;
    height: 25px !important;
}
body #app .custom-calendar .search__container[data-v-2baa32dd], body #hr-widget .custom-calendar .search__container[data-v-2baa32dd], body #hr-modal .custom-calendar .search__container[data-v-2baa32dd] {
    height: 56px !important;
}
.field--name-field-izobrazhenie1 a img, .field--name-field-izobrazhenie2 a img, .field--name-field-izobrazhenie3 a img {
    width: 221px;
    height: 226px;
}
ul.slick-dots li button {
    width: 8px;
    height: 8px;
}
ul.slick-dots {
    gap: 10px;
    margin: 27px 0;
}
.loyalpr-block .top-group {
    margin-bottom: 40px;
    flex-direction: column;
    gap: 15px;
}
.loyalpr-block .top-group .field--name-body {
    width: 100%;
    font-size: 11px;
    line-height: 17px;
    text-align: center;
}
.loyalpr-block .top-group .field--name-node-title {
    width: 100%;
    font-size: 16px;
    line-height: 23px;
    margin-right: 0;
    text-align: center;
}
#contacts-block .field--name-body .tel, #block-vesta-theme-bloknastranicekontakty .field--name-body .tel,
#contacts-block .field--name-body .mail, #block-vesta-theme-bloknastranicekontakty .field--name-body .mail,
#contacts-block .field--name-body .adress, #block-vesta-theme-bloknastranicekontakty .field--name-body .adress {
    font-size: 16px;
}
#contacts-block .field--name-body .tel, #block-vesta-theme-bloknastranicekontakty .field--name-body .tel {
    line-height: 23px;
}
#contacts-block .field--name-body .mail, #block-vesta-theme-bloknastranicekontakty .field--name-body .mail {
    line-height: 24px;
}
#contacts-block .field--name-body .adress, #block-vesta-theme-bloknastranicekontakty .field--name-body .adress {
    line-height: 24px;
}
.social .item img{
    height: 28px !important;
    width: 28px !important;
}
#contacts-block .field--name-body .tel, #block-vesta-theme-bloknastranicekontakty .field--name-body .tel,
#contacts-block .field--name-body .mail, #block-vesta-theme-bloknastranicekontakty .field--name-body .mail {
    margin-bottom: 7px;
}
#contacts-block .field--name-body .adress, #block-vesta-theme-bloknastranicekontakty .field--name-body .adress {
    margin-bottom: 20px;
}
#contacts-block .block-title {
    margin-bottom: 35px;
}

#contacts-block{
    margin-bottom: 50px;
}
#footer .col-contacts, #footer .col-uslugi, #footer .col-nav , #footer .logo {
        margin-right: 0;
    }
.btn-search-footer {
    padding: 6px 8px;
    font-size: 10px;
}
.btn-search-footer img {
    margin-right: 7px;
    height: 14px !important;
    width: 14px !important;
}
#footer .col-nav ul li a, #footer .col-uslugi ul li a {
    font-size: 11px;
    line-height: 14px;
}
#footer .col-contacts {
    align-items: start;
}
#footer .mail, #footer .adress p {
    font-size: 12px;
    line-height: 16px;
}
#footer .tel img, #footer .mail img {
    margin-right: 11px;
}
#footer .mail{
    margin-bottom: 13px;
}
#footer .tel {
    font-size: 13px;
    margin-bottom: 8px;
    width: fit-content;
}

#footer .politika a {
    font-size: 9px;
    line-height: 12px;
}
#footer .tel img{
    width: 15px !important;
    height: 15px !important;
}
#footer .mail img {
    height: 12px;
    width: 17px;
}
#footer .adress p {
    width: fit-content;
}
#footer .adress img {
    margin-right: 14px;
}
#footer .mail {
    width: fit-content;
}
#footer .logo {
    margin-bottom: 0px;
}
#footer .copyright {
    font-size: 9px;
    margin-bottom: 6px;
}
.col-webvesta a {
    font-size: 9px;
}
#footer .row {
    margin-bottom: 35px;
    row-gap: 30px;
    flex-direction:row;
    align-items: start;
    justify-content: space-around;
}
#footer .col-nav ul li a {
    width: fit-content;
}
#footer .col-logo{
    margin-right: 15px;
}
#footer .nav-link {
    padding: 5.5px 0;
}
#footer .col-uslugi ul li a {
    width: fit-content;
}
.not-front .wr_content {
    margin-bottom: 80px;
}
.node--type-usluga.node--view-mode-full .field--name-field-izobrazhenie-usluga {
    float: none;
    border-radius: 20px;
    overflow: hidden;
    margin: 15px auto;
}
#footer .social-title {
    width: 188px;
}
#footer #block-vesta-theme-osnovnayanavigaciya-menu, #footer #block-vesta-theme-uslugi-menu, #footer .social-title{
    margin-bottom: 10px;
    font-size: 13px;
    text-align: start;
}
#footer .adress {
    margin-bottom: 10px;
    width: fit-content;
}
#footer .col-nav ul, #footer .col-uslugi ul {
   width: fit-content;
}
#slider-block  {
    margin-bottom: 45px;
}
#about-block, #fos-block, .uslugi-block, #gallery-block, .loyalpr-block {
    margin-bottom: 65px;
}
.front .wr_front_content {
    padding-bottom: 50px;
    padding-top: 65px;
}
#block-vesta-theme-zagolovokregiona .block-title {
    margin-bottom: 45px;
}
#block-vesta-theme-bronirovanie {
    margin-bottom: 50px;
}
.mapContainer {
    height: 330px !important; 
}
.view-uslugi .view-content {
    flex-direction: column;
    align-items: center;
}
.node--type-about .field--name-node-link, .view-uslugi .more-link, .region-gallery .more-link, .region-loyalpr .field--name-dynamic-token-fieldnode-zabronirovat{
    margin: 0 auto;
}
.node--type-kvartira .field--name-node-link a {
   font-size: 11px;
}
#uslugi-block {
    padding-top: 75px;
}
#gallery-block .block-title {
    margin-bottom: 50px;
}
.loyalpr-block {
    padding-top: 60px;
    padding-bottom: 60px;
}
.node--type-usluga.node--view-mode-full .field--name-field-izobrazhenie-usluga a img, .node--type-usluga.node--view-mode-full .field--name-field-izobrazhenie-usluga {
    width: 330px;
    height: 178px;
}
.view-fotogalereya-2.view-display-id-page_1 .view-content {
    gap: 10px;
}
#contacts-block .tel img#contacts-block .tel img, #block-vesta-theme-bloknastranicekontakty .tel img {
    height: 22px !important;
    width: 22px !important;
}
#contacts-block .mail img, #block-vesta-theme-bloknastranicekontakty .mail img{
    height: 18px !important;
    width: 28px !important;
}
#contacts-block .adress img, #block-vesta-theme-bloknastranicekontakty .adress img {
    height: 27px !important;
    width: 19px !important;
}
#contacts-block .adress img, #block-vesta-theme-bloknastranicekontakty .adress img {
    margin-right: 14px;
}
#contacts-block .mail img, #block-vesta-theme-bloknastranicekontakty .mail img {
    margin-right: 12px;
}
#contacts-block .tel img, #block-vesta-theme-bloknastranicekontakty .tel img {
    margin-right: 12px;
}
#contacts-block .field--name-body .social-title, #block-vesta-theme-bloknastranicekontakty .field--name-body .social-title {
    font-size: 19px;
    line-height: 25px;
    margin-bottom: 14px;
}
#contacts-block .social, #block-vesta-theme-bloknastranicekontakty .field--name-body .social {
    gap: 12px;
}
#block-vesta-theme-page-title h1 {
    margin-bottom: 40px;
    text-align: center;
    padding-top: 30px;
}
.not-front header {
    margin-bottom: 40px;
}
.vpa-content p, .vpa-content p a {
    font-size: 10px;
}
.vpa-content p {
    margin-bottom: 12px;
}
#footer .col-search .region.region-search.active .form-actions.js-form-wrapper.form-wrapper .search-form__submit.button, .block-system-main-block .form-actions.js-form-wrapper.form-wrapper .search-form__submit.button {
    padding: 6px 25px;
    width: 87px;
}
#footer .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search {
    top: 0;
    left: -117px;
}
#footer .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search input, .block-system-main-block .form-item.js-form-type-search.form-type-search input {
    padding: 5px 15px;
    border-radius: 26px;
    font-size: 12px;
}
#footer .col-search .region.region-search.active .form-actions.js-form-wrapper.form-wrapper {
    top: 0;
    left: 25px;
}
.btn-search-footer.active {
     display: block; 
     visibility: hidden;
}

#footer .col-nav{
    order: 1;
    padding-left: 10px;
}
#footer .col-uslugi{
    order: 2;
    width: 80px;
}
#footer .col-contacts{
    order: 3;
    padding-right: 10px;
    width: 200px;
}
#footer .col-search{
    order: 5;
    width: 40%;
    margin-left: auto;
}
#footer .col-logo{
    order: 4;
    width: 40%;
    margin-left: auto;
}

}

@media screen and (max-width: 1250px) {
button.slick-prev.slick-arrow {
    left: 17px;
}
button.slick-next.slick-arrow {
    right: 17px;
}
}
@media screen and (min-width: 1251px) and (max-width: 1300px){
button.slick-prev.slick-arrow {
    left: -17px;
}
button.slick-next.slick-arrow {
    right: -17px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
.node--type-forma-s-kartinkoy.node--view-mode-teaser .gr-content .field--name-node-title {
     width: 75%;
}
}

.offcanvas-body, .offcanvas-body .nav li a{
    color: #FFFFFF;
}
.offcanvas-body .nav-link:hover, .offcanvas-body .nav-link:focus, .offcanvas-body .nav-item.hovered .nav-link{
    background-color: var(--white);
    color: var(--green);
}
.offcanvas-body .nav {
    gap: 0;
}
.offcanvas-body{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.offcanvas-body .adress{
    display: flex;
}
.offcanvas-body .social {
    display: flex;
    gap: 11px;
    justify-content: start;
}
.offcanvas-body .btn-search-header-mob{
    width: 135px;
}
.offcanvas-body .region-search.active{
    display: block;
}
.offcanvas-body .region-search{
    display: none;
}
.btn-search-header-mob{
    display: block;
}
.btn-search-header-mob.active{
    display: none;
}
.offcanvas-body .btn-primary, .offcanvas-body .form-search.form-control{
    border-radius: 26px;
    font-size: 12px;
}
.offcanvas-body .region-navigation .nav > .nav-item:hover .dropdown-menu .dropdown-item{
    color: var(--white);
}
.dropdown-toggle::after{
    content: "";
    position: absolute;
    top: 29px;
    right: 8px;
    background-image: url(/sites/all/themes/vesta_theme/image/Dribbble-Light-Preview.svg);
    background-size: cover;
    width: 9px;
    height: 5px;
    border: none;
}
.dropdown-toggle:hover::after{
  background-image: url(/sites/all/themes/vesta_theme/image/Dribbble-Light-Preview_g.svg);  
}
@media screen and (max-width: 403px) {
.region-slider .field--name-field-vygoda p {
        padding: 0px 5px 0px;
        margin-left: 5px;
    }

}
@media screen and (max-width: 380px) {
.region-slider .field--name-body p {
    line-height: 18px;
}
.region-slider h1 {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 2px;
}

}
@media screen and (max-width: 390px) {
.view-kvartiry .view-content .views-row {
    width: 320px;
}
.view-content .node--type-kvartira.node--view-mode-teaser .field--name-field-foto-kvartiry .field__item a img{
    width: 318px !important;
}
.node--type-kvartira.node--view-mode-teaser .field--name-body p {
        width: 256px;
    }

}
.node--type-kvartira.node--view-mode-full .photoswipe-gallery.field--name-field-foto-kvartiry{
    margin-bottom: 30px;
}
.active>.page-link, .page-link.active {
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);
}
.pagination {
    --bs-pagination-color: #000000;
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-color: #34C4B5;
    --bs-pagination-hover-color: #000000
    --bs-pagination-hover-bg: var(--white);
    --bs-pagination-hover-border-color:#34C4B5;
    --bs-pagination-focus-color: #000000;
    --bs-pagination-focus-bg: var(--white);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #34C4B5;
    --bs-pagination-active-border-color: #34C4B5;
  
}
nav.pager{
    margin-top: 30px;
}
.node--type-foto-iz-galerei.node--view-mode-full img{
    width: 100%;
    height: auto;
}