@font-face {
  font-family: "Roboto";
  src: url("/sites/all/themes/vesta_theme/font/Roboto-Regular.woff2") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Roboto";
  src: url("/sites/all/themes/vesta_theme/font/Robotomedium.woff2") format("truetype");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "Roboto";
  src: url("/sites/all/themes/vesta_theme/font/Robotoblack.woff2") format("truetype");
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: "Russo One";
  src: url("/sites/all/themes/vesta_theme/font/RussoOne-Regular.woff") format("truetype");
  font-style: normal;
  font-weight: 400;
}
html {
  font-family: Roboto;
}
body {
  line-height: inherit;
  color: inherit;
  font-family: inherit;
}
.btn {
  display: inline-block;
  background: #76b835;
  border-color: #76b835;
  border-radius: 10px;
}
.btn:hover {
  background: #477817;
  border-color: #477817;
}
.btn:active {
  background-color: #315111;
}
.btn:first-child:active {
  background-color: #315111;
  border-color: #315111;
}
:root {
  --bs-body-line-height: 1.2;
  --bs-body-font-size: 16px;
}
.mb80 {
  margin-bottom: 50px;
}
@media (min-width: 576px) {
  .mb80 {
    margin-bottom: 80px;
  }
}
.not-front #block-vesta-theme-page-title h1 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 900;
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #167a97;
  margin-bottom: 16px;
}
.not-front #block-vesta-theme-page-title h1::before {
  content: "";
  background: #167a97;
  display: inline-block;
  width: 70px;
  height: 6px;
}
.not-front footer {
  margin-top: 50px;
}
nav.pager {
  margin-top: 50px;
}
nav.pager ul.pagination {
  justify-content: center;
}
nav.pager ul.pagination li a {
  color: black;
  border: none;
}
nav.pager ul.pagination li a:hover {
  background-color: #167a97;
  color: white;
}
nav.pager ul.pagination li.page-item.is-active.active a {
  background-color: #167a97;
  color: white;
}
#scrollToTop {
  width: 44px;
  height: 44px;
  background: none;
  text-indent: 0;
  font-size: 0;
  border: 0px;
  outline: 0px;
  display: flex;
  bottom: 50px;
  cursor: pointer;
  position: fixed;
  right: 20px;
  z-index: 10;
  transition: 0.2s;
  padding: 0;
}
@media (min-width: 768px) {
  #scrollToTop {
    right: 56px;
    bottom: 80px;
  }
}
.tr {
  transition: all 0.4s ease;
}
img:not(.image-style-gallery, .pswp__img) {
  max-width: 100%;
  height: auto !important;
}
.field[data-blazy] {
  min-width: initial;
}
table img {
  max-width: initial;
}
.flex {
  display: flex;
  flex-wrap: wrap;
}
a {
  color: var(--color);
  transition: all 0.4s ease;
}
@media (min-width: 1200px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1200px;
  }
}
p:last-child {
  margin-bottom: 0 !important;
}
body {
  padding-top: 0 !important;
  color: var(--color2);
}
.dialog-off-canvas-main-canvas {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.dialog-off-canvas-main-canvas main {
  flex-grow: 1;
}
#app {
  overflow: inherit;
}
.toolbar-fixed #app {
  margin-top: var(--drupal-displace-offset-top);
}
#header .header-inner {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 8px 30px;
  padding-bottom: 16.5px;
}
#header .header-inner .logo {
  grid-row: 1/3;
  grid-column: 1/2;
}
#header .header-inner .contacts {
  grid-column: 2/5;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 30px;
  border-bottom: 1px solid #ced3d4;
  padding: 8px 0;
}
#header .header-inner .geo,
#header .header-inner .mail,
#header .header-inner .tel {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #051c22;
}
#header .header-inner .geo a,
#header .header-inner .mail a,
#header .header-inner .tel a {
  text-decoration: none;
}
#header .header-inner .geo a:hover,
#header .header-inner .mail a:hover,
#header .header-inner .tel a:hover {
  text-decoration: underline;
}
#header .header-inner .mail {
  justify-self: end;
}
#header .header-inner .region-navigation {
  align-self: center;
}
#header .header-inner .region-navigation nav#block-vesta-theme-osnovnayanavigaciya-4 > ul.nav {
  gap: 25px;
}
@media (min-width: 1200px) {
  #header .header-inner .region-navigation nav#block-vesta-theme-osnovnayanavigaciya-4 > ul.nav {
    gap: 30px;
  }
}
#header .header-inner .region-navigation nav#block-vesta-theme-osnovnayanavigaciya-4 > ul.nav li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #051c22;
  padding: 0;
}
#header .header-inner .region-navigation nav#block-vesta-theme-osnovnayanavigaciya-4 > ul.nav li a:hover {
  color: #167a97;
}
#header .header-inner .col-callback {
  grid-row: 2/3;
  grid-column: 3/5;
  justify-self: end;
}
#header .header-inner .col-callback .field--name-body a {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #ebebeb;
  padding: 15.18px 20px;
  background: #167a97;
  border-color: #167a97;
  transition: all 0.3s;
  clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);
}
@media (min-width: 1200px) {
  #header .header-inner .col-callback .field--name-body a {
    padding: 15.18px 30.624px;
  }
}
#header .header-inner .col-callback .field--name-body a:hover {
  background: #1d5471;
  border-color: #1d5471;
}
#header-mob {
  background: white;
}
#header-mob .tel {
  align-items: center;
  gap: 4px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #051c22;
  display: none;
}
@media (min-width: 768px) {
  #header-mob .tel {
    display: flex;
  }
}
#header-mob .tel a {
  text-decoration: none;
}
#header-mob .tel a:hover {
  text-decoration: underline;
}
#header-mob .col-callback .field--name-body a {
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #ebebeb;
  padding: 15.18px 10px;
  background: #167a97;
  border-color: #167a97;
  transition: all 0.3s;
  clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);
  white-space: nowrap;
}
@media (min-width: 576px) {
  #header-mob .col-callback .field--name-body a {
    padding: 15.18px 20px;
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  #header-mob .col-callback .field--name-body a {
    padding: 15.18px 30.624px;
  }
}
#header-mob .col-callback .field--name-body a:hover {
  background: #1d5471;
  border-color: #1d5471;
}
#slider-block .view-slayder.view-display-id-block_1 {
  position: relative;
}
#slider-block .view-slayder.view-display-id-block_1 .view-header {
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 130px;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media (min-width: 1200px) {
  #slider-block .view-slayder.view-display-id-block_1 .view-header {
    bottom: auto;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    transform: translate(0, -50%);
  }
}
#slider-block .view-slayder.view-display-id-block_1 .view-header .slick-arrow.slick-prev {
  left: 15px;
}
@media (min-width: 1200px) {
  #slider-block .view-slayder.view-display-id-block_1 .view-header .slick-arrow.slick-prev {
    left: 25px;
  }
}
#slider-block .view-slayder.view-display-id-block_1 .view-header .slick-arrow.slick-next {
  right: 15px;
}
@media (min-width: 1200px) {
  #slider-block .view-slayder.view-display-id-block_1 .view-header .slick-arrow.slick-next {
    right: 25px;
  }
}
#slider-block .view-slayder.view-display-id-block_1 .view-header .slick-arrow svg rect {
  transition: all 0.3s;
}
#slider-block .view-slayder.view-display-id-block_1 .view-header .slick-arrow:hover svg rect:first-child {
  fill: #d9e3e6;
}
#slider-block .view-slayder.view-display-id-block_1 .view-content .slick-list .slick-track .slick-slide .node--type-slide.node--view-mode-default > .contextual {
  top: 150px;
}
#slider-block .view-slayder.view-display-id-block_1 .view-content .slick-list .slick-track .slick-slide .node--type-slide.node--view-mode-default .field--name-field-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/sites/all/themes/vesta_theme/image/slider-mob.jpg");
}
@media (min-width: 768px) {
  #slider-block .view-slayder.view-display-id-block_1 .view-content .slick-list .slick-track .slick-slide .node--type-slide.node--view-mode-default .field--name-field-image {
    background: none;
  }
}
#slider-block .view-slayder.view-display-id-block_1 .view-content .slick-list .slick-track .slick-slide .node--type-slide.node--view-mode-default .field--name-field-image img {
  min-height: 315px;
  opacity: 0;
}
@media (min-width: 768px) {
  #slider-block .view-slayder.view-display-id-block_1 .view-content .slick-list .slick-track .slick-slide .node--type-slide.node--view-mode-default .field--name-field-image img {
    opacity: 1;
  }
}
#slider-block .view-slayder.view-display-id-block_1 .view-content .slick-list .slick-track .slick-slide .node--type-slide.node--view-mode-default .content {
  position: absolute;
  top: 0;
  bottom: calc(1vw + 12px);
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
}
#slider-block .view-slayder.view-display-id-block_1 .view-content .slick-list .slick-track .slick-slide .node--type-slide.node--view-mode-default .content .field--name-field-slide-title {
  font-weight: 400;
  font-size: 30px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #ebebeb;
  font-family: "Russo One", sans-serif;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  #slider-block .view-slayder.view-display-id-block_1 .view-content .slick-list .slick-track .slick-slide .node--type-slide.node--view-mode-default .content .field--name-field-slide-title {
    font-size: 35px;
  }
}
@media (min-width: 1200px) {
  #slider-block .view-slayder.view-display-id-block_1 .view-content .slick-list .slick-track .slick-slide .node--type-slide.node--view-mode-default .content .field--name-field-slide-title {
    font-size: 40px;
  }
}
#slider-block .view-slayder.view-display-id-block_1 .view-content .slick-list .slick-track .slick-slide .node--type-slide.node--view-mode-default .content .field--name-body {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #ebebeb;
  margin-bottom: 18px;
}
@media (min-width: 1200px) {
  #slider-block .view-slayder.view-display-id-block_1 .view-content .slick-list .slick-track .slick-slide .node--type-slide.node--view-mode-default .content .field--name-body {
    margin-bottom: 48px;
  }
}
#slider-block .view-slayder.view-display-id-block_1 .view-content .slick-list .slick-track .slick-slide .node--type-slide.node--view-mode-default .content .field--name-dynamic-token-fieldnode-consult a {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #ebebeb;
  padding: 16px 24px;
  background: #2acbbf;
  border-color: #2acbbf;
  transition: all 0.3s;
  padding: 15.18px 30.1px;
  clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);
}
#slider-block .view-slayder.view-display-id-block_1 .view-content .slick-list .slick-track .slick-slide .node--type-slide.node--view-mode-default .content .field--name-dynamic-token-fieldnode-consult a:hover {
  background: #789151;
  border-color: #789151;
}
#slider-block .view-slayder.view-display-id-block_1 .view-footer {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
}
@media (min-width: 1200px) {
  #slider-block .view-slayder.view-display-id-block_1 .view-footer {
    bottom: 64px;
  }
}
#slider-block .view-slayder.view-display-id-block_1 .view-footer .dots ul.slick-dots {
  justify-content: start;
}
#slider-block .view-slayder.view-display-id-block_1 .view-footer .dots ul.slick-dots li button {
  background: #eee;
}
#slider-block .view-slayder.view-display-id-block_1 .view-footer .dots ul.slick-dots li.slick-active button {
  background: #2acbbf;
}
.wrap {
  padding: 50px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/sites/all/themes/vesta_theme/image/bg.svg");
}
@media (min-width: 576px) {
  .wrap {
    padding: 80px 0;
  }
}
.service {
  margin-bottom: 38px;
}
.service .block-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 900;
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #167a97;
  margin-bottom: 16px;
}
.service .block-title::before {
  content: "";
  background: #167a97;
  display: inline-block;
  width: 70px;
  height: 6px;
}
.view-service.view-display-id-block_1 .view-header h1,
.view-service.view-display-id-page_1 .view-header h1 {
  font-weight: 400;
  font-size: 28px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #051c22;
  font-family: "Russo One", sans-serif;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .view-service.view-display-id-block_1 .view-header h1,
  .view-service.view-display-id-page_1 .view-header h1 {
    font-size: 33px;
  }
}
@media (min-width: 992px) {
  .view-service.view-display-id-block_1 .view-header h1,
  .view-service.view-display-id-page_1 .view-header h1 {
    font-size: 40px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .view-service.view-display-id-block_1 .view-header h1,
  .view-service.view-display-id-page_1 .view-header h1 {
    font-size: 48px;
  }
}
.view-service.view-display-id-block_1 .view-header h2,
.view-service.view-display-id-page_1 .view-header h2 {
  font-weight: 400;
  font-size: 40px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #051c22;
  font-family: "Russo One", sans-serif;
  margin-bottom: 40px;
}
.view-service.view-display-id-block_1 .view-content,
.view-service.view-display-id-page_1 .view-content {
  display: grid;
  grid-template-columns: 100%;
  gap: 15px;
}
@media (min-width: 576px) {
  .view-service.view-display-id-block_1 .view-content,
  .view-service.view-display-id-page_1 .view-content {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) {
  .view-service.view-display-id-block_1 .view-content,
  .view-service.view-display-id-page_1 .view-content {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .view-service.view-display-id-block_1 .view-content,
  .view-service.view-display-id-page_1 .view-content {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (min-width: 1200px) {
  .view-service.view-display-id-block_1 .view-content,
  .view-service.view-display-id-page_1 .view-content {
    gap: 30px;
  }
}
.view-service.view-display-id-block_1 .view-content .views-row article.node--type-service.node--view-mode-teaser .node__content,
.view-service.view-display-id-page_1 .view-content .views-row article.node--type-service.node--view-mode-teaser .node__content {
  position: relative;
  background: #d4d4d4;
  padding: 25px 25px;
  min-height: 185px;
  clip-path: polygon(25px 0, calc(100% - 25px) 0, 100% 25px, 100% calc(100% - 25px), calc(100% - 25px) 100%, 25px 100%, 0 calc(100% - 25px), 0 25px);
}
@media (min-width: 576px) {
  .view-service.view-display-id-block_1 .view-content .views-row article.node--type-service.node--view-mode-teaser .node__content,
  .view-service.view-display-id-page_1 .view-content .views-row article.node--type-service.node--view-mode-teaser .node__content {
    padding: 16px 12px;
  }
}
.view-service.view-display-id-block_1 .view-content .views-row article.node--type-service.node--view-mode-teaser .node__content a.link,
.view-service.view-display-id-page_1 .view-content .views-row article.node--type-service.node--view-mode-teaser .node__content a.link {
  text-decoration: none;
  pointer-events: none;
}
.view-service.view-display-id-block_1 .view-content .views-row article.node--type-service.node--view-mode-teaser .node__content a.link h2,
.view-service.view-display-id-page_1 .view-content .views-row article.node--type-service.node--view-mode-teaser .node__content a.link h2 {
  font-weight: 500;
  font-size: 17px;
  line-height: 1.15;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #051c22;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  .view-service.view-display-id-block_1 .view-content .views-row article.node--type-service.node--view-mode-teaser .node__content a.link h2,
  .view-service.view-display-id-page_1 .view-content .views-row article.node--type-service.node--view-mode-teaser .node__content a.link h2 {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .view-service.view-display-id-block_1 .view-content .views-row article.node--type-service.node--view-mode-teaser .node__content a.link h2,
  .view-service.view-display-id-page_1 .view-content .views-row article.node--type-service.node--view-mode-teaser .node__content a.link h2 {
    font-size: 18px;
  }
}
.view-service.view-display-id-block_1 .view-content .views-row article.node--type-service.node--view-mode-teaser .node__content a.link .field--name-field-foto,
.view-service.view-display-id-page_1 .view-content .views-row article.node--type-service.node--view-mode-teaser .node__content a.link .field--name-field-foto {
  position: absolute;
  right: 0;
  bottom: 0;
}
.view-service.view-display-id-block_1 .view-content .views-row article.node--type-service.node--view-mode-teaser .node__content a.callback,
.view-service.view-display-id-page_1 .view-content .views-row article.node--type-service.node--view-mode-teaser .node__content a.callback {
  position: absolute;
  left: 12px;
  bottom: 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #fff;
  padding: 8.199999999999999px 10.55px;
  background: #167a97;
  border-color: #167a97;
  transition: all 0.3s;
  clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);
}
.view-service.view-display-id-block_1 .view-content .views-row article.node--type-service.node--view-mode-teaser .node__content a.callback:hover,
.view-service.view-display-id-page_1 .view-content .views-row article.node--type-service.node--view-mode-teaser .node__content a.callback:hover {
  background: #1d5471;
  border-color: #1d5471;
}
.timer {
  margin-bottom: 50px;
}
@media (min-width: 576px) {
  .timer {
    margin-bottom: 80px;
  }
}
.timer .view-timer.view-display-id-block_1 .node--type-timer.node--view-mode-default {
  padding: 40px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/sites/all/themes/vesta_theme/image/banner.png");
  clip-path: polygon(50px 0, calc(100% - 50px) 0, 100% 50px, 100% calc(100% - 50px), calc(100% - 50px) 100%, 50px 100%, 0 calc(100% - 50px), 0 50px);
}
@media (min-width: 992px) {
  .timer .view-timer.view-display-id-block_1 .node--type-timer.node--view-mode-default {
    clip-path: inherit;
  }
}
@media (min-width: 1200px) {
  .timer .view-timer.view-display-id-block_1 .node--type-timer.node--view-mode-default {
    padding: 80px 0;
  }
}
.timer .view-timer.view-display-id-block_1 .node--type-timer.node--view-mode-default .node__content {
  text-align: center;
  padding: 0 27px;
}
@media (min-width: 768px) {
  .timer .view-timer.view-display-id-block_1 .node--type-timer.node--view-mode-default .node__content {
    padding: 0;
  }
}
.timer .view-timer.view-display-id-block_1 .node--type-timer.node--view-mode-default .node__content h2 {
  font-weight: 500;
  font-size: 23px;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center;
  color: #ebebeb;
  font-family: Roboto, sans-serif;
  max-width: 1000px;
  margin: 0 auto 12px auto;
}
@media (min-width: 576px) {
  .timer .view-timer.view-display-id-block_1 .node--type-timer.node--view-mode-default .node__content h2 {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .timer .view-timer.view-display-id-block_1 .node--type-timer.node--view-mode-default .node__content h2 {
    font-size: 36px;
  }
}
@media (min-width: 1200px) {
  .timer .view-timer.view-display-id-block_1 .node--type-timer.node--view-mode-default .node__content h2 {
    font-size: 40px;
  }
}
.timer .view-timer.view-display-id-block_1 .node--type-timer.node--view-mode-default .node__content h2 strong {
  font-family: "Russo One", sans-serif;
  font-weight: 900;
}
.timer .view-timer.view-display-id-block_1 .node--type-timer.node--view-mode-default .node__content .field--name-body {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  text-align: center;
  color: #ebebeb;
  margin-bottom: 24px;
}
.timer .view-timer.view-display-id-block_1 .node--type-timer.node--view-mode-default .node__content .timer {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .timer .view-timer.view-display-id-block_1 .node--type-timer.node--view-mode-default .node__content .timer {
    margin-bottom: 32px;
  }
}
.timer .view-timer.view-display-id-block_1 .node--type-timer.node--view-mode-default .node__content .timer .tim > div {
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  color: #ebebeb;
  font-family: "Russo One", sans-serif;
  background: #2acbbf;
  border-radius: 3px;
  padding: 4px;
  margin-bottom: 2px;
}
.timer .view-timer.view-display-id-block_1 .node--type-timer.node--view-mode-default .node__content .timer .tim label {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-align: center;
  color: #ebebeb;
}
.timer .view-timer.view-display-id-block_1 .node--type-timer.node--view-mode-default .node__content .data {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.timer .view-timer.view-display-id-block_1 .node--type-timer.node--view-mode-default .node__content a.callback {
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #167a97;
  padding: 16px 24px;
  background: #ebebeb;
  border-color: #167a97;
  transition: all 0.3s;
  margin: 0 auto;
  clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);
  height: 48px;
  width: 206px;
}
.timer .view-timer.view-display-id-block_1 .node--type-timer.node--view-mode-default .node__content a.callback:hover {
  background: #789151;
  border-color: #789151;
  color: white;
}
.about {
  margin-bottom: 40px;
}
@media (min-width: 576px) {
  .about {
    margin-bottom: 59px;
  }
}
.about .block-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 900;
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #167a97;
  margin-bottom: 16px;
}
.about .block-title::before {
  content: "";
  background: #167a97;
  display: inline-block;
  width: 70px;
  height: 6px;
}
.about .view-about.view-display-id-block_1 .view-header h2 {
  font-weight: 400;
  font-size: 28px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #051c22;
  font-family: "Russo One", sans-serif;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  .about .view-about.view-display-id-block_1 .view-header h2 {
    font-size: 30px;
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .about .view-about.view-display-id-block_1 .view-header h2 {
    font-size: 40px;
    margin-bottom: 40px;
  }
}
.about .view-about.view-display-id-block_1 .view-content .node--type-about.node--view-mode-teaser {
  display: grid;
  grid-template-columns: 100%;
  gap: 20px;
}
@media (min-width: 576px) {
  .about .view-about.view-display-id-block_1 .view-content .node--type-about.node--view-mode-teaser {
    gap: 30px;
  }
}
@media (min-width: 1200px) {
  .about .view-about.view-display-id-block_1 .view-content .node--type-about.node--view-mode-teaser {
    grid-template-columns: 1fr 1fr;
  }
}
.about .view-about.view-display-id-block_1 .view-content .node--type-about.node--view-mode-teaser .field--name-body {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #051c22;
}
.about .view-about.view-display-id-block_1 .view-content .node--type-about.node--view-mode-teaser .field--name-field-benefits {
  counter-reset: item;
  /* Обнуляем счетчик списка */
  display: grid;
  grid-template-columns: 100%;
  gap: 16px;
}
@media (min-width: 576px) {
  .about .view-about.view-display-id-block_1 .view-content .node--type-about.node--view-mode-teaser .field--name-field-benefits {
    grid-template-columns: auto auto;
  }
}
@media (min-width: 768px) {
  .about .view-about.view-display-id-block_1 .view-content .node--type-about.node--view-mode-teaser .field--name-field-benefits {
    grid-template-columns: 272px 272px;
    gap: 30px;
  }
}
@media (min-width: 1200px) {
  .about .view-about.view-display-id-block_1 .view-content .node--type-about.node--view-mode-teaser .field--name-field-benefits {
    grid-template-columns: 1fr 1fr;
  }
}
.about .view-about.view-display-id-block_1 .view-content .node--type-about.node--view-mode-teaser .field--name-field-benefits .field__item .paragraph--type--title-icon {
  position: relative;
}
.about .view-about.view-display-id-block_1 .view-content .node--type-about.node--view-mode-teaser .field--name-field-benefits .field__item .paragraph--type--title-icon .field--name-field-title {
  position: absolute;
  left: 24px;
  bottom: 24px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #051c22;
}
.about .view-about.view-display-id-block_1 .view-content .node--type-about.node--view-mode-teaser .field--name-field-benefits .field__item .paragraph--type--title-icon .field--name-field-icon img {
  width: 100%;
}
.about .view-about.view-display-id-block_1 .view-content .node--type-about.node--view-mode-teaser .field--name-field-benefits > .field__item:nth-child(-n + 9) .paragraph--type--title-icon::before {
  content: "0" counter(item);
  counter-increment: item;
  /* Задаём имя счетчика */
  position: absolute;
  left: 40px;
  top: 30px;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #9c9c9c;
}
@media (min-width: 576px) {
  .about .view-about.view-display-id-block_1 .view-content .node--type-about.node--view-mode-teaser .field--name-field-benefits > .field__item:nth-child(-n + 9) .paragraph--type--title-icon::before {
    font-size: 14px;
    top: 24px;
  }
}
.work {
  margin-bottom: 50px;
}
@media (min-width: 576px) {
  .work {
    margin-bottom: 80px;
  }
}
.work .block-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 900;
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #167a97;
  margin-bottom: 16px;
}
.work .block-title::before {
  content: "";
  background: #167a97;
  display: inline-block;
  width: 70px;
  height: 6px;
}
.view-gallery-page.view-display-id-block_2 .view-header,
.view-gallery-page.view-display-id-block_1 .view-header {
  position: relative;
}
.view-gallery-page.view-display-id-block_2 .view-header h2,
.view-gallery-page.view-display-id-block_1 .view-header h2 {
  font-weight: 400;
  font-size: 25px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #051c22;
  font-family: "Russo One", sans-serif;
}
@media (min-width: 768px) {
  .view-gallery-page.view-display-id-block_2 .view-header h2,
  .view-gallery-page.view-display-id-block_1 .view-header h2 {
    font-size: 32px;
  }
}
@media (min-width: 992px) {
  .view-gallery-page.view-display-id-block_2 .view-header h2,
  .view-gallery-page.view-display-id-block_1 .view-header h2 {
    font-size: 40px;
  }
}
.view-gallery-page.view-display-id-block_2 .view-header a.edit,
.view-gallery-page.view-display-id-block_1 .view-header a.edit {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  text-decoration: none;
}
.view-gallery-page.view-display-id-block_2 .view-header a.edit:hover,
.view-gallery-page.view-display-id-block_1 .view-header a.edit:hover {
  text-decoration: underline;
}
.view-gallery-page.view-display-id-block_2 .view-content,
.view-gallery-page.view-display-id-block_1 .view-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
@media (min-width: 576px) {
  .view-gallery-page.view-display-id-block_2 .view-content,
  .view-gallery-page.view-display-id-block_1 .view-content {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 768px) {
  .view-gallery-page.view-display-id-block_2 .view-content,
  .view-gallery-page.view-display-id-block_1 .view-content {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (min-width: 1200px) {
  .view-gallery-page.view-display-id-block_2 .view-content,
  .view-gallery-page.view-display-id-block_1 .view-content {
    gap: 30px;
  }
}
.view-gallery-page.view-display-id-block_2 .view-content .views-row a.photoswipe,
.view-gallery-page.view-display-id-block_1 .view-content .views-row a.photoswipe {
  display: flex;
  transition: all 0.3s ease;
}
.view-gallery-page.view-display-id-block_2 .view-content .views-row a.photoswipe:hover,
.view-gallery-page.view-display-id-block_1 .view-content .views-row a.photoswipe:hover {
  transform: translateY(-5px);
  box-shadow: 0px -5px 15px rgba(0, 0, 0, 0.2);
}
body.user-administrator .work .view-gallery-page.view-display-id-block_2 .view-header a.edit {
  display: block;
}
.fos {
  margin-bottom: 50px;
}
@media (min-width: 576px) {
  .fos {
    margin-bottom: 80px;
  }
}
.fos .fos-content {
  display: grid;
  grid-template-columns: 100%;
  gap: 30px;
}
@media (min-width: 992px) {
  .fos .fos-content {
    grid-template-columns: 1fr 1fr;
  }
}
.fos .fos-content .region-fos-text {
  display: none;
  padding: 80px 32px 32px 32px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/sites/all/themes/vesta_theme/image/fos-bg.png");
  clip-path: polygon(30px 0, calc(100% - 30px) 0, 100% 30px, 100% calc(100% - 30px), calc(100% - 30px) 100%, 30px 100%, 0 calc(100% - 30px), 0 30px);
}
@media (min-width: 992px) {
  .fos .fos-content .region-fos-text {
    display: block;
  }
}
.fos .fos-content .region-fos-text #block-fos-text .block-title {
  font-weight: 400;
  font-size: 35px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #ebebeb;
  font-family: "Russo One", sans-serif;
  margin-bottom: 16px;
}
@media (min-width: 1200px) {
  .fos .fos-content .region-fos-text #block-fos-text .block-title {
    font-size: 40px;
  }
}
.fos .fos-content .region-fos-text #block-fos-text .field--name-body {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #ebebeb;
}
.fos .fos-content .region-fos form {
  display: grid;
  grid-template-columns: 100%;
  gap: 12px 12px;
  background: #bccdd3;
  padding: 17px;
  clip-path: polygon(22px 0, calc(100% - 22px) 0, 100% 22px, 100% calc(100% - 22px), calc(100% - 22px) 100%, 22px 100%, 0 calc(100% - 22px), 0 22px);
}
@media (min-width: 576px) {
  .fos .fos-content .region-fos form {
    grid-template-columns: 1fr 1fr;
    padding: 32px;
  }
}
.fos .fos-content .region-fos form strong.error,
.fos .fos-content .region-fos form .form-item--error-message,
.fos .fos-content .region-fos form .alert-error {
  display: none !important;
}
.fos .fos-content .region-fos form input.error,
.fos .fos-content .region-fos form textarea.error {
  box-shadow: 0px 0px 7px 0px red;
}
.fos .fos-content .region-fos form .form-item-service {
  display: none;
}
.fos .fos-content .region-fos form .form-type-processed-text {
  display: block;
  text-align: center;
}
@media (min-width: 576px) {
  .fos .fos-content .region-fos form .form-type-processed-text {
    grid-column: 1/3;
  }
}
@media (min-width: 992px) {
  .fos .fos-content .region-fos form .form-type-processed-text {
    display: none;
  }
}
.fos .fos-content .region-fos form .form-type-processed-text h2 {
  color: black;
  max-width: 268px;
  margin: 0 auto 15px auto;
  font-size: 28px;
}
@media (min-width: 576px) {
  .fos .fos-content .region-fos form .form-type-processed-text h2 {
    max-width: none;
  }
}
@media (min-width: 576px) {
  .fos .fos-content .region-fos form .form-item-name {
    grid-column: 1/3;
  }
}
.fos .fos-content .region-fos form .form-item-name input,
.fos .fos-content .region-fos form .form-item-telefon input,
.fos .fos-content .region-fos form .form-item-email input {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #797979;
  margin: 0;
  padding: 9.4px 16px;
  border-radius: 5px;
  height: 40px;
}
@media (min-width: 576px) {
  .fos .fos-content .region-fos form .form-item-message {
    grid-column: 1/3;
  }
}
.fos .fos-content .region-fos form .form-item-message textarea {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #797979;
  margin: 0;
  padding: 8.9px 16px;
  border-radius: 5px;
}
.fos .fos-content .region-fos form .form-item-privacy {
  align-self: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
@media (min-width: 576px) {
  .fos .fos-content .region-fos form .form-item-privacy {
    grid-column: 1/3;
    gap: 8px;
  }
}
.fos .fos-content .region-fos form .form-item-privacy .checkbox {
  position: relative;
}
.fos .fos-content .region-fos form .form-item-privacy .checkbox-custom {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("/sites/all/themes/vesta_theme/image/check.svg");
}
.fos .fos-content .region-fos form .form-item-privacy input {
  position: absolute;
  top: 6px;
  left: 0;
  z-index: 1;
  width: 18px;
  height: 18px;
  opacity: 0;
  cursor: pointer;
}
.fos .fos-content .region-fos form .form-item-privacy input:checked + .checkbox-custom {
  background-image: url("/sites/all/themes/vesta_theme/image/checked.svg");
}
.fos .fos-content .region-fos form .form-item-privacy input + .description {
  position: relative;
}
.fos .fos-content .region-fos form .form-item-privacy input.error + .checkbox-custom::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  display: block;
  width: 20px;
  height: 20px;
  box-shadow: 0px 1px 0px 0px red;
}
.fos .fos-content .region-fos form .form-item-privacy .description {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #051c22;
  margin-left: 0;
}
.fos .fos-content .region-fos form .form-item-privacy .description a {
  color: inherit;
  text-decoration: underline;
  text-decoration-skip-ink: none;
}
.fos .fos-content .region-fos form .form-item-privacy .description a:hover {
  color: #167a97;
}
.fos .fos-content .region-fos form .form-actions {
  text-align: center;
  margin-top: 12px;
}
@media (min-width: 576px) {
  .fos .fos-content .region-fos form .form-actions {
    grid-column: 1/3;
  }
}
.fos .fos-content .region-fos form .form-actions button {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #ebebeb;
  padding: 15.18px 30.624px;
  background: #167a97;
  border-color: #167a97;
  transition: all 0.3s;
  clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);
}
.fos .fos-content .region-fos form .form-actions button:hover {
  background: #1d5471;
  border-color: #1d5471;
}
.contacts-map .contacts-inner {
  display: grid;
  grid-template-columns: 100%;
  gap: 30px;
}
@media (min-width: 768px) {
  .contacts-map .contacts-inner {
    grid-template-columns: 260px 1fr;
  }
}
@media (min-width: 1200px) {
  .contacts-map .contacts-inner {
    grid-template-columns: 370px 1fr;
  }
}
.contacts-map .contacts-inner .contacts label {
  font-weight: 400;
  font-size: 30px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #051c22;
  font-family: "Russo One", sans-serif;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  .contacts-map .contacts-inner .contacts label {
    font-size: 32px;
    margin-bottom: 22px;
  }
}
@media (min-width: 768px) {
  .contacts-map .contacts-inner .contacts label {
    font-size: 36px;
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .contacts-map .contacts-inner .contacts label {
    font-size: 40px;
  }
}
.contacts-map .contacts-inner .contacts .geo,
.contacts-map .contacts-inner .contacts .mail,
.contacts-map .contacts-inner .contacts .tel {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #051c22;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  .contacts-map .contacts-inner .contacts .geo,
  .contacts-map .contacts-inner .contacts .mail,
  .contacts-map .contacts-inner .contacts .tel {
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  .contacts-map .contacts-inner .contacts .geo,
  .contacts-map .contacts-inner .contacts .mail,
  .contacts-map .contacts-inner .contacts .tel {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .contacts-map .contacts-inner .contacts .geo,
  .contacts-map .contacts-inner .contacts .mail,
  .contacts-map .contacts-inner .contacts .tel {
    font-size: 24px;
  }
}
.contacts-map .contacts-inner .contacts .geo a,
.contacts-map .contacts-inner .contacts .mail a,
.contacts-map .contacts-inner .contacts .tel a {
  text-decoration: none;
}
.contacts-map .contacts-inner .contacts .geo a:hover,
.contacts-map .contacts-inner .contacts .mail a:hover,
.contacts-map .contacts-inner .contacts .tel a:hover {
  text-decoration: underline;
}
.contacts-map .contacts-inner .contacts .tel {
  margin-bottom: 0;
}
.contacts-map .contacts-inner .contacts .geo br {
  display: none;
}
@media (min-width: 768px) {
  .contacts-map .contacts-inner .contacts .geo br {
    display: block;
  }
}
.contacts-map .contacts-inner .region-map .mapContainer {
  border-radius: 5px;
  overflow: hidden;
}
.contacts-map .contacts-inner .region-map .mapContainer iframe {
  border-radius: 5px;
}
#footer {
  background: #bccdd3;
  padding-top: 24px;
  padding-bottom: 24px;
}
#footer .footer-inner {
  display: grid;
  grid-template-columns: 170px auto;
  align-items: center;
  gap: 0 30px;
  margin-bottom: 32px;
}
@media (min-width: 576px) {
  #footer .footer-inner {
    grid-template-columns: auto auto;
    gap: 0 60px;
  }
}
@media (min-width: 768px) {
  #footer .footer-inner {
    grid-template-columns: auto auto auto;
  }
}
@media (min-width: 992px) {
  #footer .footer-inner {
    gap: 0 117px;
  }
}
#footer .footer-inner .logo {
  margin-bottom: 15px;
}
#footer .footer-inner .col-nav nav#block-vesta-theme-osnovnayanavigaciya-4 ul.nav {
  display: grid;
  gap: 8px 30px;
}
@media (min-width: 576px) {
  #footer .footer-inner .col-nav nav#block-vesta-theme-osnovnayanavigaciya-4 ul.nav {
    grid-template-columns: auto auto;
    grid-auto-flow: column;
    grid-template-rows: auto auto auto;
  }
}
@media (min-width: 992px) {
  #footer .footer-inner .col-nav nav#block-vesta-theme-osnovnayanavigaciya-4 ul.nav {
    display: flex;
  }
}
#footer .footer-inner .col-nav nav#block-vesta-theme-osnovnayanavigaciya-4 ul.nav li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #051c22;
  padding: 0;
}
#footer .footer-inner .col-nav nav#block-vesta-theme-osnovnayanavigaciya-4 ul.nav li a:hover {
  text-decoration: underline;
}
#footer .footer-inner .col-callback .field--name-body a {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #ebebeb;
  padding: 15.18px 10px;
  background: #167a97;
  border-color: #167a97;
  transition: all 0.3s;
  white-space: nowrap;
  clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);
}
@media (min-width: 576px) {
  #footer .footer-inner .col-callback .field--name-body a {
    padding: 15.18px 22px;
  }
}
@media (min-width: 992px) {
  #footer .footer-inner .col-callback .field--name-body a {
    padding: 15.18px 30.624px;
  }
}
#footer .footer-inner .col-callback .field--name-body a:hover {
  background: #1d5471;
  border-color: #1d5471;
}
#footer .row-copiryght {
  display: flex;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #051c22;
  flex-wrap: wrap;
  row-gap: 5px;
}
#footer .row-copiryght .copyright {
  margin-right: 24px;
}
#footer .row-copiryght a.privacy {
  margin-right: 56px;
}
#footer .row-copiryght a.privacy:hover {
  text-decoration: none;
}
#footer .row-copiryght a.webvesta {
  text-decoration: none;
}
#footer .row-copiryght a.webvesta:hover {
  text-decoration: underline;
}
#block-vesta-theme-vestaprivacyaccessblock .vpa-container .vpa-wrapper {
  padding: 16px 0;
}
@media (min-width: 768px) {
  #block-vesta-theme-vestaprivacyaccessblock .vpa-container .vpa-wrapper {
    padding: 24px 0;
  }
}
#block-vesta-theme-vestaprivacyaccessblock .vpa-container .vpa-wrapper .cont {
  display: flex;
  gap: 15px;
  flex-direction: column;
}
@media (min-width: 768px) {
  #block-vesta-theme-vestaprivacyaccessblock .vpa-container .vpa-wrapper .cont {
    justify-content: space-between;
    gap: 30px;
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  #block-vesta-theme-vestaprivacyaccessblock .vpa-container .vpa-wrapper .cont {
    gap: 50px;
  }
}
@media (min-width: 1200px) {
  #block-vesta-theme-vestaprivacyaccessblock .vpa-container .vpa-wrapper .cont {
    gap: 330px;
  }
}
#block-vesta-theme-vestaprivacyaccessblock .vpa-container .vpa-wrapper .vpa-content {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #051c22;
}
#block-vesta-theme-vestaprivacyaccessblock .vpa-container .vpa-wrapper .vpa-content a {
  color: #167a97;
}
#block-vesta-theme-vestaprivacyaccessblock .vpa-container .vpa-wrapper .vpa-content a:hover {
  color: #005167;
}
#block-vesta-theme-vestaprivacyaccessblock .vpa-container .vpa-wrapper .vpa-actions {
  height: fit-content;
  align-self: center;
}
#block-vesta-theme-vestaprivacyaccessblock .vpa-container .vpa-wrapper .vpa-actions button {
  padding: 11px 40px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #ebebeb;
  background: #167a97;
  clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);
}
@media (min-width: 768px) {
  #block-vesta-theme-vestaprivacyaccessblock .vpa-container .vpa-wrapper .vpa-actions button {
    padding: 16px 40px;
  }
}
@media (min-width: 992px) {
  #block-vesta-theme-vestaprivacyaccessblock .vpa-container .vpa-wrapper .vpa-actions button {
    padding: 16px 67px;
  }
}
#block-vesta-theme-vestaprivacyaccessblock .vpa-container .vpa-wrapper .vpa-actions button:hover {
  background: #1d5471;
  border-color: #1d5471;
}
.modal-dialog.modal-dialog-centered {
  max-width: 725px !important;
}
.modal-content {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/sites/all/themes/vesta_theme/image/modal-bg.png");
}
.modal-content .modal-header {
  padding: 0;
  border: 0;
}
.modal-content .modal-title {
  display: none;
}
.modal-content button.btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  opacity: 1;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/sites/all/themes/vesta_theme/image/close.svg");
  z-index: 100;
  transition: all 0.3s;
}
@media (min-width: 576px) {
  .modal-content button.btn-close {
    top: 24px;
    right: 24px;
  }
}
.modal-content button.btn-close:hover {
  opacity: 0.7;
}
.modal-content .modal-body {
  padding: 25px 16px 0 16px;
}
@media (min-width: 576px) {
  .modal-content .modal-body {
    padding: 40px 40px 0 40px;
  }
}
.modal-content .modal-body form {
  display: grid;
  grid-template-columns: 100%;
  gap: 12px 12px;
  padding: 0px;
}
@media (min-width: 576px) {
  .modal-content .modal-body form {
    grid-template-columns: 1fr 1fr;
  }
}
.modal-content .modal-body form strong.error,
.modal-content .modal-body form .form-item--error-message,
.modal-content .modal-body form .alert-error {
  display: none !important;
}
.modal-content .modal-body form input.error,
.modal-content .modal-body form textarea.error {
  box-shadow: 0px 0px 7px 0px red;
}
@media (min-width: 576px) {
  .modal-content .modal-body form .form-type-processed-text {
    grid-column: 1/3;
  }
}
.modal-content .modal-body form .form-type-processed-text h2 {
  font-weight: 400;
  font-size: 25px;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center;
  color: #ebebeb;
  font-family: "Russo One", sans-serif;
  margin-bottom: 8px;
}
@media (min-width: 576px) {
  .modal-content .modal-body form .form-type-processed-text h2 {
    font-size: 40px;
  }
}
.modal-content .modal-body form .form-type-processed-text p {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  text-align: center;
  color: #ebebeb;
  margin-bottom: 24px;
}
.modal-content .modal-body form .form-item-service {
  display: none;
}
@media (min-width: 576px) {
  .modal-content .modal-body form .form-item-name {
    grid-column: 1/3;
  }
}
.modal-content .modal-body form .form-item-name input,
.modal-content .modal-body form .form-item-telefon input,
.modal-content .modal-body form .form-item-email input {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #797979;
  margin: 0;
  padding: 9.4px 16px;
  border-radius: 5px;
  height: 40px;
}
@media (min-width: 576px) {
  .modal-content .modal-body form .form-item-message {
    grid-column: 1/3;
  }
}
.modal-content .modal-body form .form-item-message textarea {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #797979;
  margin: 0;
  padding: 8.9px 16px;
  border-radius: 5px;
}
.modal-content .modal-body form .form-item-privacy {
  align-self: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
@media (min-width: 576px) {
  .modal-content .modal-body form .form-item-privacy {
    grid-column: 1/3;
    gap: 8px;
  }
}
.modal-content .modal-body form .form-item-privacy .checkbox {
  position: relative;
}
.modal-content .modal-body form .form-item-privacy .checkbox-custom {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("/sites/all/themes/vesta_theme/image/check.svg");
}
.modal-content .modal-body form .form-item-privacy input {
  position: absolute;
  top: 6px;
  left: 0;
  z-index: 1;
  width: 18px;
  height: 18px;
  opacity: 0;
  cursor: pointer;
}
.modal-content .modal-body form .form-item-privacy input:checked + .checkbox-custom {
  background-image: url("/sites/all/themes/vesta_theme/image/checked.svg");
}
.modal-content .modal-body form .form-item-privacy input + .description {
  position: relative;
}
.modal-content .modal-body form .form-item-privacy input.error + .checkbox-custom::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  display: block;
  width: 20px;
  height: 20px;
  box-shadow: 0px 1px 0px 0px red;
}
.modal-content .modal-body form .form-item-privacy .description {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #fff;
  margin-left: 0;
}
.modal-content .modal-body form .form-item-privacy .description a {
  color: inherit;
  text-decoration: underline;
  text-decoration-skip-ink: none;
}
.modal-content .modal-footer {
  border: 0;
  padding: 0 40px 25px 40px;
  justify-content: center;
}
@media (min-width: 576px) {
  .modal-content .modal-footer {
    padding: 0 40px 40px 40px;
  }
}
.modal-content .modal-footer button {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #ebebeb;
  padding: 15.18px 30.624px;
  background: #2acbbf;
  border-color: #2acbbf;
  transition: all 0.3s;
  clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);
}
.modal-content .modal-footer button:hover {
  background: #789151;
  border-color: #789151;
}
#offcanvasNav {
  background: white;
}
#offcanvasNav .offcanvas-body {
  /* .region-search {
      margin-bottom: 20px;
      form {
        display: flex;
        align-items: center;
        gap: 15px;
        .form-actions {
          button {
            background: #167a97;
            clip-path: polygon(
              7px 0,
              calc(100% - 7px) 0,
              100% 7px,
              100% calc(100% - 7px),
              calc(100% - 7px) 100%,
              7px 100%,
              0 calc(100% - 7px),
              0 7px
            );
          }
        }
      }
    }*/
}
#offcanvasNav .offcanvas-body .region-navigation {
  margin-bottom: 20px;
}
#offcanvasNav .offcanvas-body .region-navigation #block-vesta-theme-osnovnayanavigaciya-4 > ul.nav li {
  margin-bottom: 15px;
}
#offcanvasNav .offcanvas-body .region-navigation #block-vesta-theme-osnovnayanavigaciya-4 > ul.nav li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #051c22;
  padding: 0;
}
#offcanvasNav .offcanvas-body .geo,
#offcanvasNav .offcanvas-body .mail,
#offcanvasNav .offcanvas-body .tel {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #051c22;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  #offcanvasNav .offcanvas-body .geo,
  #offcanvasNav .offcanvas-body .mail,
  #offcanvasNav .offcanvas-body .tel {
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  #offcanvasNav .offcanvas-body .geo,
  #offcanvasNav .offcanvas-body .mail,
  #offcanvasNav .offcanvas-body .tel {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  #offcanvasNav .offcanvas-body .geo,
  #offcanvasNav .offcanvas-body .mail,
  #offcanvasNav .offcanvas-body .tel {
    font-size: 24px;
  }
}
#offcanvasNav .offcanvas-body .geo a,
#offcanvasNav .offcanvas-body .mail a,
#offcanvasNav .offcanvas-body .tel a {
  text-decoration: none;
}
#offcanvasNav .offcanvas-body .geo a:hover,
#offcanvasNav .offcanvas-body .mail a:hover,
#offcanvasNav .offcanvas-body .tel a:hover {
  text-decoration: underline;
}
#offcanvasNav .offcanvas-body .tel {
  margin-bottom: 0;
}
#block-vesta-theme-bloknastranicekontakty .field--name-body a {
  text-decoration: none;
}
#block-vesta-theme-bloknastranicekontakty .field--name-body a:hover {
  text-decoration: underline;
}