:root {
    --font-family: "Open Sans", sans-serif;
    --second-family: "Poppins", sans-serif;
    --third-family: "Inter", sans-serif;
    --font3: "Forum", sans-serif;
    --primary-color: #af92fb;
    --text-color: #353535;
    --background-color: #fff;
    --hover-color: #5834b4;
}

body { font-family: var(--font-family); color: var(--text-color); background: var(--background-color); }
a, a.nav-link{ color: var(--primary-color); text-decoration: none; transition: all 0.4s ease; }
a:hover{ color: var(--hover-color); }

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

ul.nav .dropdown-menu { flex-direction: column; border: 1px solid #dbdadd; border-radius: 4px; }
ul.nav .dropdown-menu .dropdown-item { font: 500 16px var(--second-family); }
ul.nav .dropdown-menu .dropdown-item:hover { background-color: transparent; color: var(--hover-color); }
ul.nav .dropdown-menu .dropdown-item.active { background-color: transparent; color: var(--primary-color) }
ul.nav .dropdown-toggle::after {
    background-image: url(/sites/all/themes/vesta_theme/image/icons/arrow-down.svg);
    width: 10px;
    height: 6px;
    background-repeat: no-repeat;
    border: none;
    margin-left: 6px;
    vertical-align: 2px;
} 
ul.nav a:hover.dropdown-toggle::after {
    background-image: url(/sites/all/themes/vesta_theme/image/icons/arrow-down-primary.svg);
    width: 10px;
    height: 6px;
    background-repeat: no-repeat;
    border: none;
    margin-left: 6px;
    vertical-align: 2px;
}

.pager { display: flex; justify-content: center; margin-top: 20px; }
.pager .page-link { box-shadow: none!important; }
.pagination {
    --bs-pagination-color: var(--primary-color);
    --bs-pagination-hover-color: var(--hover-primary-color);
    --bs-pagination-focus-color: var(--primary-color);
    --bs-pagination-active-bg: var(--primary-color);
    --bs-pagination-active-border-color: var(--primary-color);
}

.contacts .contact-item { display: flex; flex-direction: row; align-items: center; column-gap: 10px; font: 400 16px / 1.3 var(--font-family); }
.social-contacts { display: flex; flex-direction: row; gap: 10px; }

.btn {
    background: var(--primary-color);
    padding: 14px 63.5px;
    font: 500 18px var(--font-family);
    color: #fff;
    text-align: center;
    border-radius: 12px;
    transition: all ease-in-out .3s;
}
.btn:hover, .btn:active, .btn:focus, .btn:focus-visible, .btn:disabled{
    color: #fff!important;
    background: var(--hover-color)!important;
}

.block-title { font: 600 16px / 1.3 var(--font-family); letter-spacing: 0.05em; color: #6d6976; margin-bottom: 16px; }

#main > .wr-text-line {
    width: 100%;
    height: 160px;
    background-image: url(/sites/all/themes/vesta_theme/image/text-line.png);
    background-size: contain; 
    background-repeat: repeat-x;
    background-position: left center;
}

.breadcrumb { margin-bottom: 40px; }
.breadcrumb .breadcrumb-item { font: 400 16px / 1.6 var(--font-family); color: #353535; }
.breadcrumb .breadcrumb-item a { font: 400 16px / 1.6 var(--font-family); color: rgba(53, 53, 53, 0.5); }
.breadcrumb .breadcrumb-item a:hover { color: var(--hover-color); }

div#vpa-short-wrapper { box-shadow: 0 6px 12px 0 rgba(50, 50, 71, 0.06), 0 6px 6px 0 rgba(50, 50, 71, 0.08); background: #f8f6fd;  }
div#vpa-short-wrapper .vpa-actions .btn-primary { font: 600 13px var(--font-family); padding: 6px 24px; }

table { max-width: 900px; min-width: 730px; overflow-x: auto; }
table thead tr th { font: 400 14px / 1.4 var(--font-family); color: #353535; padding: 8px 24px; border: none; border-left: 1px solid #828282; border-right: 1px solid #828282; }
table thead tr th:not(:first-of-type) { text-align: center; }
table thead tr:first-of-type th { padding: 14px 24px; font: 600 16px / 1.4 var(--font-family); color: #fff; background: #353535; border: none; }

table tbody tr:nth-child(odd) td { background: #f5f5f5; }
table tbody tr td:not(:first-of-type) { text-align: center; }
table tbody tr td { font: 400 14px / 1.4 var(--font-family); color: #000; padding: 15px 24px; border: none; border-left: 1px solid #828282; border-right: 1px solid #828282; }
table tbody tr:last-of-type td { border-bottom: 1px solid #828282; }

@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 991px) {
    table thead tr th { padding: 8px 12px; }
    table thead tr:first-of-type th { padding: 12px 12px; }
    table tbody tr td { padding: 12px 12px; }
}
@media screen and (max-width: 767px) {
    .block-title { font-size: 14px; margin-bottom: 8px; }
    .breadcrumb { margin-bottom: 24px; }
    #main > .wr-text-line { height: 60px; }
}
@media screen and (max-width: 575px) {
    .btn { font-size: 16px; }
}

/*============================== HEADER ==============================*/
header#header { background-color: #000; color: #b4b4b4; }
header#header .header-top a { color: #b4b4b4 }
header#header .header-top a:hover { color: var(--primary-color) }
header#header .header-top { padding: 9px 0 10px 0; border-bottom: 1px solid #35323c; }
header#header .header-bottom { padding: 15.5px 0; }
header#header .header-bottom .logo img { width: 147px; height: 39px; }

header#header .header-bottom .wr-nav ul.nav { display: flex; flex-direction: row; gap: 20px; }
header#header .header-bottom .wr-nav ul.nav .nav-link { font: 500 18px var(--second-family); color: #ccc; }
header#header .header-bottom .wr-nav ul.nav .nav-link:hover { color: var(--primary-color); }
header#header .contacts .contact-item { font: 400 14px var(--font-family); }
/*==================================================================*/

/*============================== HEADER MOBILE ==============================*/
header#header-mob { background-color: #000; color: #fff; padding: 28px 20px 20px 20px; }
header#header-mob a { color: #fff }
header#header-mob a:hover { color: var(--primary-color) }
header#header-mob .logo img { width: 100px; height: 26px; }
header#header-mob .contacts .contact-item { font: 400 14px var(--font-family); }

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

.offcanvas a { color: #fff }
.offcanvas a:hover { color: var(--primary-color) }
.offcanvas ul.nav .nav-link { font: 500 18px var(--second-family); color: #ccc; }
.offcanvas ul.nav .nav-link:hover { color: var(--primary-color); }
.offcanvas ul.nav .dropdown-menu { padding: 4px 0!important; }
.offcanvas ul.nav .dropdown-menu .dropdown-item { font: 500 18px var(--second-family); color: #ccc; padding: 0 0 0 16px; }
.offcanvas ul.nav .dropdown-menu .dropdown-item:hover { color: var(--primary-color); }

@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 991px) {
}
@media screen and (max-width: 800px) {
    header#header-mob .contacts .contact-item:first-of-type { display: none; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 575px) {
    header#header-mob .contacts .contact-item:not(:last-of-type) { display: none; }
}
/*===========================================================================*/

/*============================== SLIDER ==============================*/

#slider-block { margin-top: -40px; }
#slider-block .view.view-slayder.view-id-slayder .view-content .views-row .field.field--name-field-image img { width: 100%; height: 739px; object-fit: cover; object-position: 70% 100%; }
#slider-block .view.view-slayder.view-id-slayder .view-content .views-row .content {
    position: absolute;
    top: 150px;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
}
#slider-block .view.view-slayder.view-id-slayder .view-content .views-row .content > * {
    max-width: 530px;
}
#slider-block .view.view-slayder.view-id-slayder .view-content .views-row .content > .field.field--name-field-slide-title {
    font: 700 32px / 1.5 var(--font-family);
    letter-spacing: 0.04em;
    color: #fff;
}
#slider-block .view.view-slayder.view-id-slayder .view-content .views-row .content > .field.field--name-body {
    font: 400 18px / 1.6 var(--font-family);
    color: #ccc;
    margin-top: 32px;
}
#slider-block .view.view-slayder.view-id-slayder .view-content .views-row .content > .field.field--name-field-slide-link,
#slider-block .view.view-slayder.view-id-slayder .view-content .views-row .content > .field.field--name-body .btn.btn-primary {
    margin-top: 64px;
}
#slider-block .view.view-slayder.view-id-slayder .slick-dots {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 54px;
    margin: auto;
}

@media screen and (max-width: 1199px) {
    #slider-block .view.view-slayder.view-id-slayder .view-content .views-row .field.field--name-field-image img { height: 650px; }
    #slider-block .view.view-slayder.view-id-slayder .view-content .views-row .content > .field.field--name-field-slide-title { font: 700 32px / 1.3 var(--font-family); }
    #slider-block .view.view-slayder.view-id-slayder .view-content .views-row .content > .field.field--name-body { font: 400 16px / 1.5 var(--font-family); margin-top: 16px; }
    #slider-block .view.view-slayder.view-id-slayder .view-content .views-row .content > .field.field--name-field-slide-link,
    #slider-block .view.view-slayder.view-id-slayder .view-content .views-row .content > .field.field--name-body .btn.btn-primary {
        margin-top: 120px;
    }
}
@media screen and (max-width: 767px) {
    #slider-block .view.view-slayder.view-id-slayder { padding-top: 59px; background-color: black; }
    #slider-block .view.view-slayder.view-id-slayder .view-content .views-row .content { top: 0; }
    #slider-block .view.view-slayder.view-id-slayder .view-content .views-row .field.field--name-field-image img { height: 531px; }
    #slider-block .view.view-slayder.view-id-slayder .slick-dots { padding-left: 16px; bottom: 43px; }
}
@media screen and (max-width: 575px) {
    #slider-block .view.view-slayder.view-id-slayder .view-content .views-row .content > .field.field--name-body p { max-width: 288px; }
}
/*====================================================================*/

/*============================== HEADLINE ON MAIN PAGE ==============================*/
.wr_front_content #block-vesta-theme-zagolovoknaglavnoy h1 {
    font: 600 54px / 1.2 var(--third-family);
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 0;
}
.wr_front_content #block-vesta-theme-zagolovoknaglavnoy p {
    font: 400 18px / 1.6 var(--font-family);
    color: #000;
}

@media screen and (max-width: 1199px) {
    .wr_front_content #block-vesta-theme-zagolovoknaglavnoy h1 { font-size: 48px; }
}
@media screen and (max-width: 767px) {
    .wr_front_content #block-vesta-theme-zagolovoknaglavnoy h1 { font-size: 40px; margin-bottom: 24px; }
    .wr_front_content #block-vesta-theme-zagolovoknaglavnoy p { font: 400 16px / 1.6 var(--font-family); }
}
@media screen and (max-width: 575px) {
    .wr_front_content #block-vesta-theme-zagolovoknaglavnoy h1 { font: 600 33px / 1.2 var(--third-family); letter-spacing: -0.04em; }
}
/*===================================================================================*/

/*============================== SERVICES ==============================*/
#services-block .block.block-block-content { max-width: 762px; }
#services-block .block.block-block-content p { font: 400 18px / 1.6 var(--font-family); color: var(--text-color); margin-bottom: 60px; }

@media screen and (max-width: 767px) {
    #services-block .block.block-block-content p { font-size: 16px; margin-bottom: 24px; }
}
/*======================================================================*/

/*============================== BENEFITS ==============================*/
#benefits-block { background: #000; color: #fff; padding: 90px 0; }
#benefits-block .left-side { border-right: 1px solid rgba(255, 255, 255, 0.25); }
#benefits-block .left-side p { font: 400 40px / 1.3 var(--font3); letter-spacing: 0.01em; margin-bottom: 40px; width: 100%; }
#benefits-block .left-side img { width: 100%; max-width: 450px; height: auto; object-fit: cover; }

#benefits-block .right-side { padding-left: 136px; }
#benefits-block .left-side { padding-right: 136px; }

@media screen and (max-width: 1199px) {
    #benefits-block .right-side { padding-left: 60px; }
    #benefits-block .left-side { padding-right: 60px; }
}
@media screen and (max-width: 991px) {
    #benefits-block .right-side { padding-left: 12px; }
    #benefits-block .left-side { padding-right: 12px; border-right: none; margin-bottom: 32px; display: flex; flex-direction: column; align-items: center; }
}
@media screen and (max-width: 767px) {
    #benefits-block { padding: 40px 0; }
}
@media screen and (max-width: 575px) {
}
/*======================================================================*/

/*============================== ABOUT ==============================*/
#about-block #block-vesta-theme-onasheykompanii { max-width: 762px; }
#about-block #block-vesta-theme-onasheykompanii p { font: 400 18px / 1.6 var(--font-family); color: var(--text-color); margin-bottom: 60px; }

#about-block #block-vesta-theme-szabotoyovashemavtomobile {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}
#about-block #block-vesta-theme-szabotoyovashemavtomobile::before {
    content: '';
    flex: 0 0 auto;
    width: 740px;
    height: 638px;
    background-image: url(/sites/all/themes/vesta_theme/image/about-car.png);
    background-size: cover;
    border-radius: 14px;
}

#about-block #block-vesta-theme-szabotoyovashemavtomobile .field.field--name-body::after { display: none; }
#about-block #block-vesta-theme-szabotoyovashemavtomobile .field.field--name-body {
    position: absolute;
    right: 0;
    background: white;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 504px;
    gap: 12px;
    border: 1px solid #dbdadd;
    border-radius: 12px;
    padding: 48px 62px;
}
#about-block #block-vesta-theme-szabotoyovashemavtomobile .field.field--name-body h3 { font: 600 20px / 1.3 var(--font-family); color: #000; margin-bottom: 12px; }
#about-block #block-vesta-theme-szabotoyovashemavtomobile .field.field--name-body p { font: 400 16px / 1.6 var(--font-family); letter-spacing: -0.03em; }
#about-block #block-vesta-theme-szabotoyovashemavtomobile .field.field--name-body a { font: 600 18px / 1.3 var(--font-family); color: #5834b4; margin-top: 12px; display: flex; align-items: center; }
#about-block #block-vesta-theme-szabotoyovashemavtomobile .field.field--name-body a::after { 
    content: '';
    background-color: #5834b4;
    -webkit-mask: url(/sites/all/themes/vesta_theme/image/icons/arrow-link.svg) no-repeat center;
    mask: url(/sites/all/themes/vesta_theme/image/icons/arrow-link.svg) no-repeat center;
    mask-size: 8px;
    width: 8px;
    height: 8px;
    margin-left: 12px;
    transition: all 0.3s ease;
}
#about-block #block-vesta-theme-szabotoyovashemavtomobile .field.field--name-body a:hover { color: var(--primary-color); }
#about-block #block-vesta-theme-szabotoyovashemavtomobile .field.field--name-body a:hover::after { background-color: var(--primary-color); }


@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 991px) {
    #about-block #block-vesta-theme-szabotoyovashemavtomobile { flex-direction: column; margin: 0 -15px; }
    #about-block #block-vesta-theme-szabotoyovashemavtomobile::before { width: 100%; height: 450px; border-radius: 6px; }
    #about-block #block-vesta-theme-szabotoyovashemavtomobile .field.field--name-body { position: relative; max-width: unset; margin: 0 15px; margin-top: -24px; }
}
@media screen and (max-width: 767px) {
    #about-block #block-vesta-theme-onasheykompanii p { font-size: 16px; margin-bottom: 24px; }
    #about-block #block-vesta-theme-szabotoyovashemavtomobile::before { height: 400px; }
    #about-block #block-vesta-theme-szabotoyovashemavtomobile .field.field--name-body { padding: 32px; }

}
@media screen and (max-width: 575px) {
    #about-block #block-vesta-theme-szabotoyovashemavtomobile::before { height: 327px; }
    #about-block #block-vesta-theme-szabotoyovashemavtomobile .field.field--name-body { padding: 20px 16px 32px; }
    #about-block #block-vesta-theme-szabotoyovashemavtomobile .field.field--name-body p { align-self: center; }
}
/*===================================================================*/

/*============================== GALLERY ==============================*/
#gallery-block #block-vesta-theme-fotogalereya { max-width: 678px; }
#gallery-block #block-vesta-theme-fotogalereya p { font: 400 18px / 1.6 var(--font-family); color: var(--text-color); margin-bottom: 60px; }

@media screen and (max-width: 767px) {
    #gallery-block #block-vesta-theme-fotogalereya p { font-size: 16px; margin-bottom: 24px; }
}
/*=====================================================================*/

/*============================== CALLBACK ==============================*/
#callback-block {
    padding: 90px 0 100px 0;
    background: url(/sites/all/themes/vesta_theme/image/bg-callback-black.png) center / cover no-repeat;
}

#callback-block .region-callback { display: flex; flex-direction: column; align-items: center; }
#callback-block .region-callback #block-vesta-theme-poluchitkonsultaciyu { margin-bottom: 64px; }
#callback-block .region-callback #block-vesta-theme-poluchitkonsultaciyu h2 { font: 400 40px / 1.3 var(--font3); letter-spacing: 0.01em; text-align: center; color: #fff; margin-bottom: 16px; text-transform: none }
#callback-block .region-callback #block-vesta-theme-poluchitkonsultaciyu p { font: 400 18px / 1.6 var(--font-family); text-align: center; color: #ccc; }

#callback-block .block.block-webform { max-width: 588px; }
#callback-block .block.block-webform .form-wrapper.container-agreement { margin-left: 36px; }
#callback-block .block.block-webform .form-wrapper.form-actions.webform-actions { margin-top: 24px; }
#callback-block .block.block-webform .webform-submission-form.webform-submission-callback-form { --form-color: #af92fb }
#callback-block .block.block-webform .webform-submission-form.webform-submission-callback-form .form-item { 
    --form-item-color: rgba(204, 204, 204, 0.6);
    --form-item-border-color: #585858;
    --form-item-error: #dc3545;
    --form-item-placeholder: rgba(204, 204, 204, 0.6);
    --form-checkbox-color: #af92fb;
}

#callback-block .block.block-webform .webform-submission-form.webform-submission-callback-form .form-wrapper.container-agreement .form-item.form-type-webform-markup { opacity: 0.5; }
#callback-block .block.block-webform .webform-submission-form.webform-submission-callback-form .form-wrapper.container-agreement .form-item.form-type-checkbox { opacity: 0.6; }

@media screen and (max-width: 767px) {
    #callback-block .region-callback #block-vesta-theme-poluchitkonsultaciyu { margin-bottom: 32px; }
    #callback-block .region-callback #block-vesta-theme-poluchitkonsultaciyu h2 { font: 400 32px / 1.2 var(--font3); }
    #callback-block .region-callback #block-vesta-theme-poluchitkonsultaciyu p { font: 400 16px / 1.4 var(--font-family); }
    
    #callback-block { padding: 48px 0; }
    #callback-block .region-callback { align-items: center; }
    #callback-block .block.block-webform .form-wrapper.container-agreement { margin-left: 0; }
    #callback-block .block.block-webform .form-wrapper.form-actions.webform-actions { margin-top: 20px; }
}
/*======================================================================*/

/*============================== PROMOTIONS ==============================*/
#promotions-block .wr-promotions { position: relative; }
#promotions-block .wr-promotions > a { position: absolute; top: 100px; right: 4px; font: 600 16px / 1.3 var(--font-family); color: #5834b4; display: flex; flex-direction: row; align-items: center; }
#promotions-block .wr-promotions > a::after { 
    content: '';
    background-color: #5834b4;
    -webkit-mask: url(/sites/all/themes/vesta_theme/image/icons/arrow-link.svg) no-repeat center;
    mask: url(/sites/all/themes/vesta_theme/image/icons/arrow-link.svg) no-repeat center;
    mask-size: 8px;
    width: 8px;
    height: 8px;
    margin-left: 8px;
    transition: all 0.3s ease;
}
#promotions-block .wr-promotions > a:hover { color: var(--primary-color); }
#promotions-block .wr-promotions > a:hover::after { background-color: var(--primary-color); }

#promotions-block .wr-promotions #block-vesta-theme-skidkiiakcii { max-width: 678px; }
#promotions-block .wr-promotions #block-vesta-theme-skidkiiakcii p { font: 400 18px / 1.6 var(--font-family); color: var(--text-color); margin-bottom: 60px; }

@media screen and (max-width: 991px) {
    #promotions-block .wr-promotions > a { position: initial; justify-content: center; font-size: 18px; }
}
@media screen and (max-width: 767px) {
    #promotions-block .wr-promotions #block-vesta-theme-skidkiiakcii p { font-size: 16px; margin-bottom: 24px; }
}
/*========================================================================*/

/*============================== CONTACTS MAP ==============================*/
#contacts-map-block .region-contacts-map { position: relative; }
#contacts-map-block .region-contacts-map #block-vesta-theme-kontakty {
    position: absolute;
    z-index: 1;
    left: 70px;
    top: 50%;
    transform: translateY(-50%);

    font: 400 16px / 1.3 var(--font-family);
    padding: 32px 36px;
    background: white;
    border-radius: 14px;
    max-width: 300px;
}
#contacts-map-block .region-contacts-map #block-vesta-theme-kontakty .block-title { font: 700 32px / 1.3 var(--font-family); text-transform: uppercase; color: #000; margin-bottom: 24px; }
#contacts-map-block .region-contacts-map #block-vesta-theme-kontakty .field.field--name-body::after { display: none; }
#contacts-map-block .region-contacts-map #block-vesta-theme-kontakty .field.field--name-body { display: flex; flex-direction: column; gap: 24px; }

#contacts-map-block .region-contacts-map #block-vesta-theme-kontakty .field.field--name-body .contacts { display: flex; flex-direction: column; gap: 24px; }
#contacts-map-block .region-contacts-map #block-vesta-theme-kontakty .field.field--name-body .contacts > div > p { color: rgba(53, 53, 53, 0.4); margin-bottom: 10px; }
#contacts-map-block .region-contacts-map #block-vesta-theme-kontakty .field.field--name-body .contacts .contact-item { gap: 8px; font: 400 16px / 1.3 var(--font-family); color: #353535; margin-bottom: 6px; align-items: flex-start; }
#contacts-map-block .region-contacts-map #block-vesta-theme-kontakty .field.field--name-body .contacts .contact-item:last-of-type { margin-bottom: 0; }
#contacts-map-block .region-contacts-map #block-vesta-theme-kontakty .field.field--name-body .contacts .contact-item a { color: #353535; }
#contacts-map-block .region-contacts-map #block-vesta-theme-kontakty .field.field--name-body .contacts .contact-item a:hover { color: var(--hover-color); }

@media screen and (max-width: 767px) {
    #contacts-map-block .region-contacts-map { display: flex; flex-direction: column; gap: 20px; }
    #contacts-map-block .region-contacts-map #block-vesta-theme-kontakty {
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        
        border: 1px solid #f5f5f5;
        border-radius: 10px;
        padding: 24px;
        max-width: none;
    }
    #contacts-map-block .region-contacts-map #block-vesta-theme-kontakty .block-title { font-size: 30px; }

    #contacts-map-block #block-vesta-theme-karta .mapContainer {max-height: 408px;}
}
/*==========================================================================*/

/*============================== FOOTER ==============================*/
#footer {
    background: url(/sites/all/themes/vesta_theme/image/bg-footer.png) center / cover no-repeat;
}
#footer .footer-top { padding-top: 56px; padding-bottom: 84px; row-gap: 30px; }
#footer .wr-info .logo { margin-bottom: 40px; }
#footer .wr-info .logo a {
    font: 300 15px / 1.3 var(--font-family);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ccc;
}
#footer .wr-info .logo a > p { margin-top: 8px }

#footer .wr-info .wr-social-contacts { display: flex; flex-direction: column; gap: 24px; margin-bottom: 48px; }
#footer .wr-info .wr-social-contacts > p { font: 500 18px / 1.3 var(--second-family); color: #ccc; }
#footer .wr-info .wr-action-link > a { font: 600 16px var(--font-family); color: #fff; padding: 12px 32px; }

#footer .wr-nav { display: flex; flex-direction: column; align-items: center; }
#footer .wr-nav ul.nav { display: flex; flex-direction: column; gap: 22px; }
#footer .wr-nav ul.nav .nav-link { font: 500 18px / 1.3 var(--second-family); color: #ccc; }
#footer .wr-nav ul.nav .nav-link:hover { color: var(--hover-color); }

#footer .wr-services { padding: 0 58px; }
#footer .wr-services > p { font: 500 18px / 1.3 var(--second-family); color: #ccc; margin-bottom: 30px; }
#footer .wr-services .view.view-services.view-id-services.view-display-id-block_2 .view-content { column-count: 2; column-gap: 20px; }
#footer .wr-services .view.view-services.view-id-services.view-display-id-block_2 .view-content a {
    font: 400 13px / 1.6 var(--font-family);
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: rgba(204, 204, 204, 0.6); margin-bottom: 6px;
}
#footer .wr-services .view.view-services.view-id-services.view-display-id-block_2 .view-content a:hover { color: var(--hover-color); }

#footer .wr-hr { display: flex; flex-direction: column; align-items: center; padding: 0 16px; }
#footer .wr-hr > div { width: 100%; max-width: 1566px; height: 1px; background: rgba(255, 255, 255, 0.2); }

#footer .row-copiryght { display: flex; flex-direction: row; justify-content: space-around; padding: 16px 0 19px 0; font: 400 13px / 1.6 var(--font-family); letter-spacing: -0.03em; color: rgba(204, 204, 204, 0.6); }
#footer .row-copiryght a {
    font: 400 13px / 1.6 var(--font-family);
    letter-spacing: -0.03em;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: rgba(204, 204, 204, 0.6);
}
#footer .row-copiryght a:hover { color: var(--hover-color); }

@media screen and (max-width: 575px) {
    #footer .footer-top { padding-top: 40px; padding-bottom: 32px; }
    #footer .wr-info .logo { margin-bottom: 32px; }
    #footer .wr-info .wr-social-contacts { margin-bottom: 32px; }

    #footer .wr-nav { align-items: flex-start; }
    #footer .wr-nav ul.nav { gap: 12px; }
    #footer .wr-services { padding: 0 12px; }
    #footer .wr-services > p { font-size: 16px; margin-bottom: 14px; }
    #footer .wr-services .view.view-services.view-id-services.view-display-id-block_2 .view-content { column-count: 1; }

    #footer .row-copiryght { display: flex; flex-direction: column; justify-content: flex-start; padding: 32px 0; }
    
}
/*====================================================================*/