:root {
   --font-family: "Rubik", sans-serif;
    --second-family: "Unbounded", sans-serif;
    --text-color: #000;
    --primary-color: #ffc107;
    --secondary-color: #dc3545;
    --background-color: white;
    --hover-color: #ffc107;
    --hover-primary-color: #ffcb2c;
}

body { font-family: var(--font-family); color: var(--text-color); background: var(--background-color); }
body.front { background: #1A2A3A; }
body.front main#main { background: white; }
a, a.nav-link{ color: var(--text-color); text-decoration: none; transition: all 0.4s ease; }
a:hover{ color: var(--hover-color); }

.page.not-front.page-node a { color: var(--primary-color); }
.page.not-front.page-node a:hover{ color: var(--hover-primary-color); }

ul.nav { gap: 20px; }
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); }

.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 { display: flex; flex-direction: column; row-gap: 8px; }
.contacts .contact { display: flex; flex-direction: row; column-gap: 14px; font: 400 16px var(--font-family); align-items: center; }
.contacts .contact img { width: 23px; height: 18px; object-fit: contain; }

.btn {
    background: var(--primary-color);
    padding: 10px 32px;
    color: #000;
    font: 400 16px var(--font-family);
    text-align: center;
    border-radius: 60px;
    transition: all ease-in-out .3s;
}
.btn:hover, .btn:active, .btn:focus, .btn:focus-visible, .btn:disabled{
    color: #000!important;
    background: var(--hover-primary-color)!important;
}
.btn.btn-transparent {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #fff!important;
    color: #fff;
}
.btn.btn-transparent:hover, .btn.btn-transparent:active, .btn.btn-transparent:focus, .btn.btn-transparent:focus-visible, .btn.btn-transparent:disabled{
    color: #fff!important;
    background: #ffffff2d!important;
}

.btn.btn-transparent-red {
    font: 400 16px var(--font-family); color: #000; border: 1px solid #dc3545!important; background-color: transparent;
}
.btn.btn-transparent-red:hover, .btn.btn-transparent-red:active, .btn.btn-transparent-red:focus, .btn.btn-transparent-red:focus-visible, .btn.btn-transparent-red:disabled{
    background-color: #dc354512!important;
}

.block-title {
    font: 400 40px var(--second-family);
    color: #000;
}
.block-title span { color: var(--secondary-color); }

.row { margin: 0 -15px; row-gap: 30px; }
.row > * { padding: 0 15px; }

#app.page.front #main { margin-top: 0px; }

div#vpa-short-wrapper .vpa-content {
    font: 400 14px var(--font-family);
}

#block-vesta-theme-content > .search-api-page-block-form-search.search-api-page-block-form.search-form.search-block-form.container-inline {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}
#block-vesta-theme-content > .search-api-page-block-form-search.search-api-page-block-form.search-form.search-block-form.container-inline .form-item {
    width: 100%;
}
#block-vesta-theme-content > .search-api-page-block-form-search.search-api-page-block-form.search-form.search-block-form.container-inline .form-item input {
    width: 100%;
    padding: 12px 18px 12px 18px;
}
#block-vesta-theme-content > .search-api-page-block-form-search.search-api-page-block-form.search-form.search-block-form.container-inline button {
    padding-top: 12px;
    padding-bottom: 12px;
}

@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 991px) {
    .block-title { font-size: 36px; }
}
@media screen and (max-width: 767px) {
    .block-title { font-size: 25px; }
}
@media screen and (max-width: 575px) {
    .row { margin: 0 -12px; row-gap: 24px; }
    .row > * { padding: 0 12px; }
}


/*============================== HEADER ==============================*/
header#header { background-color: #1A2A3A; border-bottom: 1px solid #fff; }
#app.page.front header#header { background-color: transparent; border-bottom: 1px solid #fff; }

header#header .wr-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

header#header .wr-header > * { border-right: 1px solid #fff; padding: 37px 0; }
header#header .wr-header > *:last-of-type { border-right: none; }

header#header .wr-header .wr-nav {
    width: 100%;
    display: flex;
    gap: 46px;
    flex-direction: row;
    align-items: center;
    padding-right: 46px;
    justify-content: space-between;
}
header#header .wr-header .wr-nav .logo { width: 226px; height: 32px; }

header#header .wr-header .wr-nav ul.nav {
    font: 500 16px var(--font-family);
    text-transform: uppercase;
    gap: 6px 20px;
}
header#header .wr-header .wr-nav ul.nav .nav-link { color: #fff; }
header#header .wr-header .wr-nav ul.nav .nav-link:hover{ color: var(--hover-color); }

header#header .wr-header .wr-social-contacts {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding-right: 46px;
    padding-left: 46px;
}

header#header .wr-header .wr-contacts { display: flex; align-items: center; padding-right: 46px; padding-left: 46px; }
header#header .wr-header .wr-contacts a { font: 500 16px var(--font-family); text-transform: uppercase; color: #fff; }
header#header .wr-header .wr-contacts a:hover{ color: var(--hover-color); }

header#header .wr-header .wr-callback { display: flex; align-items: center; padding-left: 46px; }

@media screen and (max-width: 1199px) {
    header#header .wr-header  .wr-nav { padding-right: 32px; }
    header#header .wr-header .wr-social-contacts { padding-left: 32px; padding-right: 32px; }
    header#header .wr-header .wr-contacts { padding-left: 32px; padding-right: 32px; }
    header#header .wr-header .wr-callback { padding-left: 32px; }
}
/*====================================================================*/

/*============================== MOB HEADER ==============================*/
header#header-mob { background-color: #1A2A3A; padding: 12px 8px; }
header#header-mob .wr-mob-header { display: flex; flex-direction: row; justify-content: space-between; }
header#header-mob .logo a { display: block; width: 160px; height: auto; }
header#header-mob .logo a img { width: 100%; height: auto; object-fit: cover; }
header#header-mob .wr-contacts a { font: 500 16px var(--font-family); text-transform: uppercase; color: #fff; }

.offcanvas .offcanvas-header { background-color: #1A2A3A }
.offcanvas .offcanvas-header .logo a { display: block; width: 160px; height: auto; }
.offcanvas .offcanvas-header .logo a img { width: 100%; height: auto; object-fit: cover; }
.offcanvas .offcanvas-body { display: flex; flex-direction: column; gap: 25px; } 
.offcanvas .offcanvas-body ul.nav { gap: 4px; } 
.offcanvas .offcanvas-body .wr-contacts img { filter: invert(1); }
.offcanvas .offcanvas-body .wr-social-contacts { display: flex; gap: 8px; }
.offcanvas .offcanvas-body .wr-social-contacts img { filter: invert(1); }

.offcanvas .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")
}

@media screen and (max-width: 575px) {
    header#header-mob .wr-social-contacts { display: none; }
}
@media screen and (max-width: 380px) {
    header#header-mob .wr-contacts { display: none; }
}
/*========================================================================*/

/*============================== BANNER ==============================*/
#banner-block {
    height: 992px;
    margin-top: -119px;
    padding-top: calc(119px + 104px);
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), url(/sites/all/themes/vesta_theme/image/banner-bg.jpg);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    background-size: cover;
}
#banner-block .wr-banner { display: flex; flex-direction: column; gap: 208px; }
#banner-block .wr-banner #block-vesta-theme-tekstbannera .field.field--name-body { display: flex; flex-direction: column; gap: 20px; }
#banner-block .wr-banner #block-vesta-theme-tekstbannera .field.field--name-body::after { display: none; }
#banner-block .wr-banner #block-vesta-theme-tekstbannera h1 { font: 400 64px var(--second-family); color: #fff; margin: 0; }
#banner-block .wr-banner #block-vesta-theme-tekstbannera h1 span { color: #bdbdbd; }
#banner-block .wr-banner #block-vesta-theme-tekstbannera p { display: flex; flex-direction: row; align-items: center; gap: 10px; font: 400 20px var(--font-family); color: #fff; }
#banner-block .wr-banner #block-vesta-theme-tekstbannera p::before { content: url(/sites/all/themes/vesta_theme/image/icons/point.svg) }
#banner-block .wr-banner .wr-actions { display: flex; gap: 30px; }
#banner-block .wr-banner .wr-actions .btn { font: 400 20px var(--font-family); padding: 17px 53px; }

@media screen and (min-width: 1199px) {
    #banner-block {
        background-size: 1920px auto;
    }
}
@media screen and (max-width: 1199px) {
    #banner-block { height: 860px; }
    #banner-block .wr-banner { gap: 150px; }
    #banner-block .wr-banner #block-vesta-theme-tekstbannera h1 { font-size: 48px; }
    #banner-block .wr-banner #block-vesta-theme-tekstbannera p { font-size: 16px; }
}
@media screen and (max-width: 991px) {
    #banner-block { height: 680px; }
    #banner-block { margin-top: 0px; padding-top: 100px; }
    #banner-block .wr-banner { gap: 100px; }
    #banner-block .wr-banner #block-vesta-theme-tekstbannera h1 { font-size: 36px; }
    #banner-block .wr-banner .wr-actions .btn { padding: 10px 32px; font-size: 16px; }
}
@media screen and (max-width: 767px) {
    #banner-block { height: 755px; }
    #banner-block .wr-banner { gap: 50px; }
    #banner-block .wr-banner .wr-actions { flex-direction: column; gap: 12px; }
}
@media screen and (max-width: 575px) {
    #banner-block { height: 720px; }
    #banner-block .wr-banner #block-vesta-theme-tekstbannera h1 { font-size: 27px; }
}
/*====================================================================*/

/*============================== SERVICES ==============================*/
#services-block {
    min-height: 585px;
    margin-top: -282px;
    background-image: url('/sites/all/themes/vesta_theme/image/bg-block-white.svg');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    padding: 80px 0;
    z-index: 2;
    position: relative;
}

#services-block #block-vesta-theme-zagolovokuslugi .field.field--name-body { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 30px; }
#services-block #block-vesta-theme-zagolovokuslugi .field.field--name-body::after { display: none; }
#services-block #block-vesta-theme-zagolovokuslugi h2 { font: 400 40px var(--second-family); color: #000; margin: 0; }
#services-block #block-vesta-theme-zagolovokuslugi h2 span { color: #dc3545; }
#services-block #block-vesta-theme-zagolovokuslugi p { font: 400 20px var(--font-family); max-width: 633px; }
#services-block #block-vesta-theme-zagolovokuslugi p span { color: #7d7d7d; }


@media screen and (min-width: 1199px) {
    #services-block {
        background-size: 1920px auto;
    }
}
@media screen and (max-width: 1199px) {
    #services-block #block-vesta-theme-zagolovokuslugi h2 { font-size: 36px; }
    #services-block #block-vesta-theme-zagolovokuslugi p { max-width: 550px; }
}
@media screen and (max-width: 991px) {
    #services-block #block-vesta-theme-zagolovokuslugi .field.field--name-body { flex-direction: column; align-items: start; }
    #services-block #block-vesta-theme-zagolovokuslugi p { max-width: unset; }
}
@media screen and (max-width: 767px) {
    #services-block #block-vesta-theme-zagolovokuslugi h2 { font-size: 25px; }
    #services-block #block-vesta-theme-zagolovokuslugi p { font-size: 16px; }
}
@media screen and (max-width: 575px) {
}
/*======================================================================*/

/*============================== PRODUCTS ==============================*/
#products-block {
    max-height: 856px;
    margin-top: -289px;
    background-image: url('/sites/all/themes/vesta_theme/image/products-bg.jpg');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    padding: 270px 0 80px 0;
}
#products-block .wr-products-header { display: flex; flex-direction: column; justify-content: space-between; height: 100%; gap: 20px; }
#products-block .wr-products-header > div { display: flex; flex-direction: column; gap: 30px; }
#products-block .wr-products-header h2 { font: 400 40px var(--second-family); color: #fff; max-width: 357px; }
#products-block .wr-products-header h2 span { color: #dc3545; }
#products-block .wr-products-header p { font: 400 16px var(--font-family); color: #fff; max-width: 451px; }

#products-block .wr-products-header .wr-products-actions { display: flex; flex-direction: column; gap: 30px; }
#products-block .wr-products-header .wr-products-actions > div { display: flex; flex-direction: row; gap: 30px; }

#products-block .wr-products-header .wr-products-actions .wr-products-label { display: flex; flex-direction: row; align-items: center; gap: 10px; }
#products-block .wr-products-header .wr-products-actions .wr-products-label p { font: 400 20px var(--font-family); }

@media screen and (min-width: 1199px) {
    #products-block {
        background-size: 1920px auto;
    }
}
@media screen and (max-width: 1199px) {
    #products-block { background: #1A2A3A; max-height: unset;}
    #products-block .wr-products-header .wr-products-actions > div { flex-direction: column; gap: 16px; }
    #products-block .wr-products-header h2 { font-size: 36px; }
}
@media screen and (max-width: 991px) {
    #products-block .wr-products-header .field.field--name-body { flex-direction: column; align-items: start; }
    #products-block .wr-products-header p { max-width: unset; }
}
@media screen and (max-width: 767px) {
    #products-block .wr-products-header h2 { font-size: 25px; }
}
@media screen and (max-width: 575px) {
}
/*======================================================================*/

/*============================== ABOUT ==============================*/
#about-block #block-vesta-theme-zagolovokonas h2 { font: 400 40px var(--second-family); color: #000; max-width: 905px; margin-bottom: 30px; }
#about-block #block-vesta-theme-zagolovokonas h2 span { color: #dc3545; }

#about-block #block-vesta-theme-onasopisanie { margin-bottom: 70px; }
#about-block #block-vesta-theme-onasopisanie .field.field--name-body::after { display: none; }
#about-block #block-vesta-theme-onasopisanie .field.field--name-body { display: flex; flex-direction: row; gap: 20px; }
#about-block #block-vesta-theme-onasopisanie .field.field--name-body > * { flex: 1 1 50%; }
#about-block #block-vesta-theme-onasopisanie .field.field--name-body p { font: 400 16px var(--font-family); }
#about-block #block-vesta-theme-onasopisanie .field.field--name-body p span { color: #7d7d7d; }
#about-block #block-vesta-theme-onasopisanie .field.field--name-body .btn { width: 100%; }

#about-block #block-vesta-theme-onasbloki .field.field--name-body::after { display: none; }
#about-block #block-vesta-theme-onasbloki .field.field--name-body > div .item {
    position: relative;
    font: 400 18px var(--font-family);
    padding: 15px;
    text-align: center;
    border-radius: 20px;
    flex: 1 1 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}
#about-block #block-vesta-theme-onasbloki .field.field--name-body > div .item > p { line-height: 21px; }

#about-block #block-vesta-theme-onasbloki .field.field--name-body > div .item::after {
    content: "";
    position: absolute;
    bottom: calc(100% - 2px);
    right: 50%;
    transform: translateX(50%);
    background-repeat: no-repeat;
}

#about-block #block-vesta-theme-onasbloki .field.field--name-body .yellow { background: #ffc107; }
#about-block #block-vesta-theme-onasbloki .field.field--name-body .yellow::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2237%22%20height%3D%2237%22%20viewBox%3D%220%200%2037%2037%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.608%200H34.08V8.88H8.16L13.008%207.104L11.04%2018.576H8.208C8.88%2017.328%209.808%2016.208%2010.992%2015.216C12.176%2014.224%2013.648%2013.44%2015.408%2012.864C17.2%2012.256%2019.312%2011.952%2021.744%2011.952C24.784%2011.952%2027.424%2012.448%2029.664%2013.44C31.936%2014.4%2033.696%2015.76%2034.944%2017.52C36.224%2019.248%2036.864%2021.28%2036.864%2023.616C36.864%2026.208%2036.144%2028.496%2034.704%2030.48C33.296%2032.464%2031.232%2034.032%2028.512%2035.184C25.792%2036.304%2022.496%2036.864%2018.624%2036.864C14.944%2036.864%2011.728%2036.336%208.976%2035.28C6.224%2034.192%204.064%2032.736%202.496%2030.912C0.96%2029.056%200.128%2027.008%200%2024.768H12.24C12.432%2025.568%2013.088%2026.24%2014.208%2026.784C15.328%2027.296%2016.8%2027.552%2018.624%2027.552C19.904%2027.552%2020.976%2027.392%2021.84%2027.072C22.736%2026.752%2023.408%2026.304%2023.856%2025.728C24.336%2025.12%2024.576%2024.4%2024.576%2023.568C24.576%2022.8%2024.336%2022.112%2023.856%2021.504C23.408%2020.896%2022.736%2020.432%2021.84%2020.112C20.976%2019.76%2019.92%2019.584%2018.672%2019.584C17.648%2019.584%2016.704%2019.696%2015.84%2019.92C15.008%2020.112%2014.272%2020.384%2013.632%2020.736C13.024%2021.056%2012.496%2021.408%2012.048%2021.792H1.248L4.608%200Z%22%20fill%3D%22%23FFC107%22%2F%3E%3C%2Fsvg%3E");
    width: 37px;
    height: 37px;
}

#about-block #block-vesta-theme-onasbloki .field.field--name-body .black { background: #1A2A3A; color: #fff; }
#about-block #block-vesta-theme-onasbloki .field.field--name-body .black::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22231%22%20height%3D%2238%22%20viewBox%3D%220%200%20231%2038%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M89.038%2037.7282C84.846%2037.7282%2081.1659%2036.9442%2077.9979%2035.3762C74.8619%2033.8082%2072.4139%2031.6162%2070.6539%2028.8002C68.9259%2025.9522%2068.0619%2022.6402%2068.0619%2018.8642C68.0619%2015.0882%2068.9259%2011.7922%2070.6539%208.97623C72.4139%206.12823%2074.8619%203.92025%2077.9979%202.35225C81.1659%200.78425%2084.846%200.000244141%2089.038%200.000244141C93.23%200.000244141%2096.894%200.78425%20100.03%202.35225C103.198%203.92025%20105.646%206.12823%20107.374%208.97623C109.134%2011.7922%20110.014%2015.0882%20110.014%2018.8642C110.014%2022.6402%20109.134%2025.9522%20107.374%2028.8002C105.646%2031.6162%20103.198%2033.8082%20100.03%2035.3762C96.894%2036.9442%2093.23%2037.7282%2089.038%2037.7282ZM89.086%2027.7442C91.806%2027.7442%2093.918%2026.9762%2095.422%2025.4402C96.958%2023.8722%2097.726%2021.6802%2097.726%2018.8642C97.726%2016.0162%2096.958%2013.8242%2095.422%2012.2882C93.918%2010.7522%2091.79%209.98425%2089.038%209.98425C86.318%209.98425%2084.1899%2010.7522%2082.6539%2012.2882C81.1179%2013.8242%2080.3499%2016.0002%2080.3499%2018.8162C80.3499%2021.6642%2081.1179%2023.8722%2082.6539%2025.4402C84.1899%2026.9762%2086.334%2027.7442%2089.086%2027.7442Z%22%20fill%3D%22%231A2A3A%22%2F%3E%3Cpath%20d%3D%22M134.46%2037.7282C130.268%2037.7282%20126.588%2036.9442%20123.42%2035.3762C120.284%2033.8082%20117.836%2031.6162%20116.076%2028.8002C114.348%2025.9522%20113.484%2022.6402%20113.484%2018.8642C113.484%2015.0882%20114.348%2011.7922%20116.076%208.97623C117.836%206.12823%20120.284%203.92025%20123.42%202.35225C126.588%200.78425%20130.268%200.000244141%20134.46%200.000244141C138.652%200.000244141%20142.316%200.78425%20145.452%202.35225C148.62%203.92025%20151.068%206.12823%20152.796%208.97623C154.556%2011.7922%20155.436%2015.0882%20155.436%2018.8642C155.436%2022.6402%20154.556%2025.9522%20152.796%2028.8002C151.068%2031.6162%20148.62%2033.8082%20145.452%2035.3762C142.316%2036.9442%20138.652%2037.7282%20134.46%2037.7282ZM134.508%2027.7442C137.228%2027.7442%20139.34%2026.9762%20140.844%2025.4402C142.38%2023.8722%20143.148%2021.6802%20143.148%2018.8642C143.148%2016.0162%20142.38%2013.8242%20140.844%2012.2882C139.34%2010.7522%20137.212%209.98425%20134.46%209.98425C131.74%209.98425%20129.612%2010.7522%20128.076%2012.2882C126.54%2013.8242%20125.772%2016.0002%20125.772%2018.8162C125.772%2021.6642%20126.54%2023.8722%20128.076%2025.4402C129.612%2026.9762%20131.756%2027.7442%20134.508%2027.7442Z%22%20fill%3D%22%231A2A3A%22%2F%3E%3Cpath%20d%3D%22M179.882%2037.7282C175.69%2037.7282%20172.01%2036.9442%20168.842%2035.3762C165.706%2033.8082%20163.258%2031.6162%20161.498%2028.8002C159.77%2025.9522%20158.906%2022.6402%20158.906%2018.8642C158.906%2015.0882%20159.77%2011.7922%20161.498%208.97623C163.258%206.12823%20165.706%203.92025%20168.842%202.35225C172.01%200.78425%20175.69%200.000244141%20179.882%200.000244141C184.074%200.000244141%20187.738%200.78425%20190.874%202.35225C194.042%203.92025%20196.49%206.12823%20198.218%208.97623C199.978%2011.7922%20200.858%2015.0882%20200.858%2018.8642C200.858%2022.6402%20199.978%2025.9522%20198.218%2028.8002C196.49%2031.6162%20194.042%2033.8082%20190.874%2035.3762C187.738%2036.9442%20184.074%2037.7282%20179.882%2037.7282ZM179.93%2027.7442C182.65%2027.7442%20184.762%2026.9762%20186.266%2025.4402C187.802%2023.8722%20188.57%2021.6802%20188.57%2018.8642C188.57%2016.0162%20187.802%2013.8242%20186.266%2012.2882C184.762%2010.7522%20182.634%209.98425%20179.882%209.98425C177.162%209.98425%20175.034%2010.7522%20173.498%2012.2882C171.962%2013.8242%20171.194%2016.0002%20171.194%2018.8162C171.194%2021.6642%20171.962%2023.8722%20173.498%2025.4402C175.034%2026.9762%20177.178%2027.7442%20179.93%2027.7442Z%22%20fill%3D%22%231A2A3A%22%2F%3E%3Cpath%20d%3D%22M213.16%2033.3122V6.43225H221.8V33.3122H213.16ZM204.04%2024.1922V15.5522H230.92V24.1922H204.04Z%22%20fill%3D%22%231A2A3A%22%2F%3E%3Cpath%20d%3D%22M22.608%207.34329e-05V37.7283H10.416V4.72868L15.84%2010.0106L0%2012.9283V3.01833L13.584%207.34329e-05H22.608Z%22%20fill%3D%22%231A2A3A%22%2F%3E%3Cpath%20d%3D%22M45.56%2037.7282C41.368%2037.7282%2037.688%2036.9442%2034.52%2035.3762C31.384%2033.8082%2028.936%2031.6162%2027.176%2028.8002C25.448%2025.9522%2024.584%2022.6402%2024.584%2018.8642C24.584%2015.0882%2025.448%2011.7922%2027.176%208.97624C28.936%206.12824%2031.384%203.92025%2034.52%202.35225C37.688%200.784251%2041.368%200.000245094%2045.56%200.000245094C49.752%200.000245094%2053.4161%200.784251%2056.5521%202.35225C59.7201%203.92025%2062.1681%206.12824%2063.8961%208.97624C65.6561%2011.7922%2066.5361%2015.0882%2066.5361%2018.8642C66.5361%2022.6402%2065.6561%2025.9522%2063.8961%2028.8002C62.1681%2031.6162%2059.7201%2033.8082%2056.5521%2035.3762C53.4161%2036.9442%2049.752%2037.7282%2045.56%2037.7282ZM45.608%2027.7442C48.328%2027.7442%2050.4401%2026.9762%2051.9441%2025.4402C53.4801%2023.8722%2054.2481%2021.6802%2054.2481%2018.8642C54.2481%2016.0162%2053.4801%2013.8242%2051.9441%2012.2882C50.4401%2010.7522%2048.312%209.98425%2045.56%209.98425C42.84%209.98425%2040.712%2010.7522%2039.176%2012.2882C37.64%2013.8242%2036.872%2016.0002%2036.872%2018.8162C36.872%2021.6642%2037.64%2023.8722%2039.176%2025.4402C40.712%2026.9762%2042.856%2027.7442%2045.608%2027.7442Z%22%20fill%3D%22%231A2A3A%22%2F%3E%3C%2Fsvg%3E");
    width: 231px;
    height: 38px;
}

#about-block #block-vesta-theme-onasbloki .field.field--name-body .yellow-empty { background: white; border: 2px solid #ffc107; }
#about-block #block-vesta-theme-onasbloki .field.field--name-body .yellow-empty::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2299%22%20height%3D%2241%22%20viewBox%3D%220%200%2099%2041%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M63.9961%201V11.8799H42.4629L41.9746%2014.7266C42.6101%2014.4217%2043.2865%2014.1519%2044.0029%2013.917C45.9231%2013.2655%2048.1485%2012.9522%2050.6602%2012.9521C53.8001%2012.9521%2056.5789%2013.4629%2058.9697%2014.5186L59.417%2014.7158C61.6183%2015.7229%2063.3795%2017.1215%2064.6631%2018.9248H64.6641C66.0828%2020.8401%2066.7803%2023.0855%2066.7803%2025.6162C66.7802%2028.4063%2066.0009%2030.9025%2064.4297%2033.0674L64.4287%2033.0664C62.8926%2035.2271%2060.6687%2036.8973%2057.8184%2038.1045L57.8096%2038.1084C54.9372%2039.2912%2051.5034%2039.8643%2047.54%2039.8643C43.767%2039.8642%2040.4249%2039.3231%2037.5342%2038.2139L37.5244%2038.21C34.6559%2037.0759%2032.3496%2035.5356%2030.6543%2033.5635L30.6484%2033.5566L30.6416%2033.5498C28.9804%2031.5424%2028.0591%2029.294%2027.918%2026.8252L27.8574%2025.7676H41.9443L42.1289%2026.5342C42.2211%2026.9183%2042.5681%2027.3998%2043.5527%2027.8799C44.494%2028.3071%2045.8042%2028.5517%2047.54%2028.5518C48.7443%2028.5518%2049.6904%2028.4%2050.4092%2028.1338L50.4199%2028.1299C51.1903%2027.8547%2051.6827%2027.5008%2051.9834%2027.1143L51.9873%2027.1084C52.3173%2026.6904%2052.4921%2026.1931%2052.4922%2025.5684C52.4922%2025.0274%2052.3292%2024.5572%2051.9873%2024.124L51.9775%2024.1104L51.9678%2024.0977C51.6652%2023.687%2051.1772%2023.3242%2050.4199%2023.0537L50.3789%2023.0381C49.6678%2022.7484%2048.7484%2022.584%2047.5889%2022.584C46.6376%2022.584%2045.7787%2022.6879%2045.0078%2022.8877L44.9941%2022.8916L44.9814%2022.8945C44.2245%2023.0692%2043.5773%2023.3115%2043.0303%2023.6123L43.0225%2023.6162L43.0137%2023.6211C42.4616%2023.9117%2041.9979%2024.2228%2041.6152%2024.5508L41.334%2024.792H28.998L29.1758%2023.6396L32.5361%201.84766L32.667%201H63.9961ZM25.6084%201V39H11.416V13.6963L2.17285%2015.3213L1%2015.5273V4.06934L1.79297%203.90137L15.377%201.02148L15.4795%201H25.6084ZM88.5127%206.43164V15.5518H97.6328V26.1924H88.5127V35.3125H77.8721V26.1924H68.7529V15.5518H77.8721V6.43164H88.5127Z%22%20stroke%3D%22%23FFC107%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    width: 99px ;
    height: 43px;
}

#about-block #block-vesta-theme-onasbloki .field.field--name-body .red { background: #DC3545; color: #fff; }
#about-block #block-vesta-theme-onasbloki .field.field--name-body .red::after {
    background-image: url("data:image/svg+xml,%3Csvg width='181' height='38' viewBox='0 0 181 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.608 0.863997V36.864H10.416V5.376L15.84 10.416L0 13.2V3.744L13.584 0.863997H22.608Z' fill='%23DC3545' /%3E%3Cpath d='M48.3724 37.728C44.1804 37.728 40.5004 36.944 37.3324 35.376C34.1964 33.808 31.7484 31.616 29.9884 28.8C28.2604 25.952 27.3964 22.64 27.3964 18.864C27.3964 15.088 28.2604 11.792 29.9884 8.976C31.7484 6.128 34.1964 3.92 37.3324 2.352C40.5004 0.783999 44.1804 0 48.3724 0C52.5644 0 56.2284 0.783999 59.3644 2.352C62.5324 3.92 64.9804 6.128 66.7084 8.976C68.4684 11.792 69.3484 15.088 69.3484 18.864C69.3484 22.64 68.4684 25.952 66.7084 28.8C64.9804 31.616 62.5324 33.808 59.3644 35.376C56.2284 36.944 52.5644 37.728 48.3724 37.728ZM48.4204 27.744C51.1404 27.744 53.2524 26.976 54.7564 25.44C56.2924 23.872 57.0604 21.68 57.0604 18.864C57.0604 16.016 56.2924 13.824 54.7564 12.288C53.2524 10.752 51.1244 9.984 48.3724 9.984C45.6524 9.984 43.5244 10.752 41.9884 12.288C40.4524 13.824 39.6844 16 39.6844 18.816C39.6844 21.664 40.4524 23.872 41.9884 25.44C43.5244 26.976 45.6684 27.744 48.4204 27.744Z' fill='%23DC3545' /%3E%3Cpath d='M93.7943 37.728C89.6022 37.728 85.9222 36.944 82.7542 35.376C79.6182 33.808 77.1702 31.616 75.4102 28.8C73.6823 25.952 72.8183 22.64 72.8183 18.864C72.8183 15.088 73.6823 11.792 75.4102 8.976C77.1702 6.128 79.6182 3.92 82.7542 2.352C85.9222 0.783999 89.6022 0 93.7943 0C97.9863 0 101.65 0.783999 104.786 2.352C107.954 3.92 110.402 6.128 112.13 8.976C113.89 11.792 114.77 15.088 114.77 18.864C114.77 22.64 113.89 25.952 112.13 28.8C110.402 31.616 107.954 33.808 104.786 35.376C101.65 36.944 97.9863 37.728 93.7943 37.728ZM93.8423 27.744C96.5623 27.744 98.6743 26.976 100.178 25.44C101.714 23.872 102.482 21.68 102.482 18.864C102.482 16.016 101.714 13.824 100.178 12.288C98.6743 10.752 96.5462 9.984 93.7943 9.984C91.0742 9.984 88.9463 10.752 87.4102 12.288C85.8743 13.824 85.1063 16 85.1063 18.816C85.1063 21.664 85.8743 23.872 87.4102 25.44C88.9463 26.976 91.0903 27.744 93.8423 27.744Z' fill='%23DC3545' /%3E%3Cpath d='M130.912 22.224C128.256 22.224 125.92 21.776 123.904 20.88C121.888 19.952 120.32 18.672 119.2 17.04C118.08 15.376 117.52 13.44 117.52 11.232C117.52 9.056 118.08 7.152 119.2 5.52C120.32 3.888 121.888 2.624 123.904 1.728C125.92 0.799998 128.256 0.335999 130.912 0.335999C133.6 0.335999 135.936 0.799998 137.92 1.728C139.936 2.624 141.504 3.888 142.624 5.52C143.744 7.152 144.304 9.056 144.304 11.232C144.304 13.44 143.744 15.376 142.624 17.04C141.504 18.672 139.936 19.952 137.92 20.88C135.936 21.776 133.6 22.224 130.912 22.224ZM130.912 15.408C132.192 15.408 133.184 15.056 133.888 14.352C134.592 13.616 134.944 12.592 134.944 11.28C134.944 9.968 134.592 8.944 133.888 8.208C133.216 7.472 132.24 7.104 130.96 7.104C129.648 7.104 128.64 7.472 127.936 8.208C127.264 8.944 126.928 9.968 126.928 11.28C126.928 12.592 127.264 13.616 127.936 14.352C128.64 15.056 129.632 15.408 130.912 15.408ZM166.768 37.824C164.112 37.824 161.776 37.376 159.76 36.48C157.744 35.552 156.176 34.272 155.056 32.64C153.936 30.976 153.376 29.04 153.376 26.832C153.376 24.656 153.936 22.752 155.056 21.12C156.176 19.488 157.744 18.224 159.76 17.328C161.776 16.4 164.112 15.936 166.768 15.936C169.456 15.936 171.792 16.4 173.776 17.328C175.792 18.224 177.36 19.488 178.48 21.12C179.6 22.752 180.16 24.656 180.16 26.832C180.16 29.04 179.6 30.976 178.48 32.64C177.36 34.272 175.792 35.552 173.776 36.48C171.792 37.376 169.456 37.824 166.768 37.824ZM166.768 31.008C168.048 31.008 169.04 30.656 169.744 29.952C170.448 29.216 170.8 28.192 170.8 26.88C170.8 25.568 170.448 24.544 169.744 23.808C169.072 23.072 168.096 22.704 166.816 22.704C165.504 22.704 164.496 23.072 163.792 23.808C163.12 24.544 162.784 25.568 162.784 26.88C162.784 28.192 163.12 29.216 163.792 29.952C164.496 30.656 165.488 31.008 166.768 31.008ZM154.336 0.863997H163.024L143.344 36.864H134.656L154.336 0.863997Z' fill='%23DC3545' /%3E%3C/svg%3E");
    width: 181px;
    height: 38px;
}

    
@media screen and (max-width: 1199px) {
    #about-block #block-vesta-theme-zagolovokonas h2 { font-size: 36px; }
}
@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {
    #about-block #block-vesta-theme-zagolovokonas h2 { font-size: 25px; }
    #about-block #block-vesta-theme-onasopisanie .field.field--name-body { flex-direction: column; }
    #about-block #block-vesta-theme-onasopisanie .field.field--name-body > * { flex: 1 1 100%; }
}
@media screen and (max-width: 575px) {
}
/*===================================================================*/

/*============================== GALLERY ==============================*/
#gallery-block #block-vesta-theme-zagolovoknashiobektyiproizvodstvo h2 { font: 400 40px var(--second-family); color: #000; max-width: 405px; margin-bottom: 30px; }
#gallery-block #block-vesta-theme-zagolovoknashiobektyiproizvodstvo h2 span { color: #dc3545; }



@media screen and (max-width: 1199px) {
    #gallery-block #block-vesta-theme-zagolovoknashiobektyiproizvodstvo h2 { font-size: 36px; }
}
@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {
    #gallery-block #block-vesta-theme-zagolovoknashiobektyiproizvodstvo h2 { font-size: 25px; }
}
@media screen and (max-width: 575px) {
}
/*=====================================================================*/

/*============================== CALLFROM ==============================*/
#callform-block {
    min-height: 611px;
    background-image: url('/sites/all/themes/vesta_theme/image/bg-block-gray.svg');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    padding: 80px 0;
    z-index: 2;
    position: relative;
    margin-bottom: 0!important;

}
#callform-block .wr-callform-block-title .callform-block-title { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
#callform-block .wr-callform-block-title h2 { font: 400 40px var(--second-family); color: #000; margin-bottom: 30px; }
#callform-block .wr-callform-block-title h2 span { color: #dc3545; }
#callform-block .wr-callform-block-title p { font: 400 20px var(--font-family); text-align: center; color: #7d7d7d; max-width: 431px; }

#callform-block .form-actions .btn {
    width: 100%;
    background-color: #1a2a3a;
    font: 400 16px var(--font-family);
    text-align: center;
    color: #fff;
}
#callform-block .form-item input.form-control,
#callform-block .form-item textarea.form-control { border-color: transparent; }
#callform-block .form-item input.form-control.error,
#callform-block .form-item textarea.form-control.error { border-color: #dc3545; }

#callform-block .form-actions .btn:hover, #callform-block .form-actions .btn:active, #callform-block .form-actions .btn:focus, #callform-block .form-actions .btn:focus-visible, #callform-block .form-actions .btn:disabled{
    background-color: #2d4358!important;
    color: #fff!important;
}

@media screen and (min-width: 1199px) {
    #callform-block {
        background-size: 1920px auto;
    }
}
@media screen and (max-width: 1199px) {
    #callform-block .wr-callform-block-title h2 { font-size: 36px; }
}
@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {
    #callform-block .wr-callform-block-title h2 { font-size: 25px; }
    #callform-block .wr-callform-block-title p { font-size: 16px; }
}
@media screen and (max-width: 575px) {
}
/*======================================================================*/

/*============================== MAP ==============================*/
#map-block {
    margin-bottom: 0!important;
    padding: 80px 0;
    background-color: #1A2A3A;
}

#map-block #block-vesta-theme-zagolovokkarty h2 { font: 400 40px var(--second-family); color: #fff; margin-bottom: 30px; }
#map-block #block-vesta-theme-zagolovokkarty h2 span { color: #dc3545; }

#map-block #block-vesta-theme-yandekskarta-2 { border-radius: 20px; overflow: hidden; }


@media screen and (max-width: 1199px) {
    #map-block #block-vesta-theme-zagolovokkarty h2 { font-size: 36px; }
}
@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {
    #map-block #block-vesta-theme-zagolovokkarty h2 { font-size: 25px; }
}
@media screen and (max-width: 575px) {
}
/*=================================================================*/

/*============================== FOOTER ==============================*/
footer#footer { color: white; padding: 30px 0; background-color: #1A2A3A; }
footer#footer a { color: white; }
footer#footer a:hover { color: rgb(192, 192, 192); }
footer#footer .wr-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

footer#footer .wr-footer .wr-logo { display: flex; flex-direction: column; justify-content: space-between; gap: 10px; }
footer#footer .wr-footer .wr-logo > p { font: 400 16px var(--font-family); }
footer#footer .wr-footer .wr-logo .logo { width: 226px; height: 32px; }

footer#footer .wr-footer .wr-nav ul.nav { display: flex; flex-direction: column; gap: 10px; }
footer#footer .wr-footer .wr-nav ul.nav .nav-link { font: 400 16px var(--font-family); }

footer#footer .wr-footer .wr-search { display: flex; flex-direction: column; justify-content: space-between; gap: 10px; }
footer#footer .wr-footer .wr-search > a { font: 400 14px var(--font-family); display: flex; align-items: center; gap: 5px; padding: 10px 11px; border: 1px solid #fff; border-radius: 45px; }
footer#footer .wr-footer .wr-search > a:hover { background-color: #7d7d7d23; }
footer#footer .wr-footer .wr-search .wr-social-contacts > p { font: 400 16px var(--font-family); margin-bottom: 10px; }
footer#footer .wr-footer .wr-search .wr-social-contacts > div { display: flex; flex-direction: row; gap: 10px; }

footer#footer .wr-footer .wr-contacts { max-width: 223px; display: flex; flex-direction: column;  gap: 12px; }
footer#footer .wr-footer .wr-contacts .contacts .contact img { flex: 0 0 auto; object-position: right; }

footer#footer .wr-footer-bottom { margin-top: 20px; display: flex; flex-direction: row; justify-content: space-between; gap: 5px; }

@media screen and (max-width: 575px) {
    footer#footer .wr-footer-bottom { flex-direction: column; }
}

/*====================================================================*/