:root {
  --color-title: #0f3f6c;
  --color-dark-blue: #0c2136;
  --background-metka: #edf1f6;

  --color-light: #f6f6f6;
  --color-border: #cccccc;
  --color-text-gray: #4c4c4c;
  --color-text-black: #191919;

  --backgrond-service: #f5f8fc;
  --backgrond-service-h: #d4deec;

  --text-gray: #5c6270;

  --font-family: "Manrope", sans-serif;
  --second-family: "Montserrat", sans-serif;

  --section-padding: 80px 0;
  --pddding-botom: 60px;
}
.vpa-actions .btn-primary,
.btn,
.primary-btn,
.field--name-field-slide-link a,
.field--name-taxonomy-term-link a,
.more-link a,
.button--primary,
.second-btn {
  border-radius: 0;
  position: relative;
  display: block;
  text-align: start;
  padding: 30px 40px;
  border: none;
  box-shadow: 0 4px 10px 3px rgba(15, 63, 108, 0.6);
  background: var(--color-dark-blue);
  max-width: 285px;
  width: 100%;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 14px;
  line-height: 114%;
  text-transform: uppercase;
  color: #fff;
  transition: all 0.4s ease;
}
.more-link a,
.second-btn {
  border: 1px solid var(--color-border);
  color: var(--color-text-black);
  background-color: transparent;
  box-shadow: none;
}
a {
  transition: all 0.3s;
}
.vpa-actions .btn-primary:after,
.primary-btn::after,
.field--name-field-slide-link a::after,
.field--name-taxonomy-term-link a::after,
.more-link a::after,
.button--primary::after,
.second-btn::after {
  position: absolute;
  content: "";
  background: url("/sites/all/themes/vesta_theme/image/btn-arrow-light.svg")
    left no-repeat;
  width: 12px;
  height: 12px;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
}

.more-link a::after,
.second-btn::after {
  background: url("/sites/all/themes/vesta_theme/image/btn-arrow-dark.svg") left
    no-repeat;
}
.btn-close:focus {
  box-shadow: none;
}
.vpa-actions .btn-primary:active,
.vpa-actions .btn-primary:hover,
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active,
.btn:hover,
.primary-btn:hover,
.field--name-field-slide-link a:hover,
.field--name-taxonomy-term-link a:hover,
.more-link a:hover,
.button--primary:hover,
.btn:active,
.primary-btn:active,
.field--name-field-slide-link a:active,
.field--name-taxonomy-term-link a:active,
.more-link a:active,
.button--primary:active,
.btn:focus,
.primary-btn:focus,
.field--name-field-slide-link a:focus,
.field--name-taxonomy-term-link a:focus,
.more-link a:focus,
.button--primary:focus,
.region-rekvizits a:hover,
.second-btn:hover {
  background-color: #1a3a52;
  color: #fff;
}
.second-btn:hover,
.more-link a:focus,
.more-link a:active,
.more-link a:hover,
.second-btn:focus,
.second-btn:active {
  border-color: var(--color-dark-blue);
}
.second-btn:hover::after,
.more-link a:hover::after {
  background: url("/sites/all/themes/vesta_theme/image/btn-arrow-light.svg")
    left no-repeat;
  width: 12px;
  height: 12px;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
}
.vpa-actions .btn-primary {
  width: 170px;
}
div#vpa-short-wrapper {
  padding: 30px;
  border-radius: 0;
  background: #fff;
  max-width: 970px;
}

.btn.second-btn:hover {
  color: var(--color-text-gray);
  border-color: var(--color-dark-blue);
  background: transparent;
}

.search-api-page-block-form-search form,
form.search-api-page-block-form-search {
  position: relative;
}

.search-api-page-block-form-search form .form-item,
form.search-api-page-block-form-search .form-item {
  width: 100%;
  margin-bottom: 0;
}

.search-api-page-block-form-search form .form-control,
form.search-api-page-block-form-search .form-control {
  width: 100%;
  border-color: transparent;
  background-color: #f6f6f6;
}

form .form-control,
form .form-number {
  border: 1px solid var(--color-border);

  padding: 15px 20px;
  border-radius: 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: var(--color-text-gray);
  background-color: var(--color-light);
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
form .form-type-checkbox input {
  cursor: pointer;
}

form .form-control:focus,
form .form-number:focus,
form .form-control:focus-visible,
form .form-number:focus-visible {
  border-color: var(--color-dark-blue);
  box-shadow: 0 4px 10px 3px rgba(15, 63, 108, 0.3);
  outline: none;
}

.search-api-page-block-form-search form .form-actions,
form.search-api-page-block-form-search .form-actions {
  position: absolute;
  top: 0;
  right: 14px;
  width: 24px;
  height: 100%;
}

.search-api-page-block-form-search form .form-actions .btn,
form.search-api-page-block-form-search .form-actions .btn {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  color: transparent;
  font-size: 0;
  transition: all 0.4s ease;
  box-shadow: none;
}
form.search-api-page-block-form-search .form-actions {
  right: 20px;
}
.offcanvas .search-api-page-block-form-search form .form-actions .btn::before {
  right: 0;
}
.search-api-page-block-form-search form .form-actions .btn::before,
form.search-api-page-block-form-search .form-actions .btn::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/sites/all/themes/vesta_theme/image/search.svg") center
    center no-repeat;
  background-size: 16px;
  content: "";
}
.dropdown-item.active,
.dropdown-item:active {
  color: #1a5fa3;
  text-decoration: none;
  background-color: transparent;
}

.search-api-page-block-form-search form .form-actions .btn:hover,
form.search-api-page-block-form-search .form-actions .btn:hover,
.search-api-page-block-form-search form .form-actions .btn:active,
form.search-api-page-block-form-search .form-actions .btn:active,
.search-api-page-block-form-search form .form-actions .btn:focus,
form.search-api-page-block-form-search .form-actions .btn:focus {
  opacity: 0.75;
}

input[type="radio"],
input[type="checkbox" i] {
  accent-color: var(--color-dark-blue);
}
.block-title {
  font-size: 30px;
  font-weight: 700;
  color: var(--color-dark);
}
.section {
  padding: var(--section-padding);
}
@media screen and (max-width: 1199px) {
  .vpa-actions .btn-primary::after,
  .second-btn::after,
  .primary-btn::after {
    right: 30px;
  }
  .vpa-actions .btn-primary .btn,
  .primary-btn,
  .field--name-field-slide-link a,
  .field--name-taxonomy-term-link a,
  .more-link a,
  .button--primary,
  .second-btn {
    padding: 25px 30px;
    max-width: 210px;
  }
}
@media screen and (max-width: 991px) {
  .block-content--type-banner .left .field--name-field-knopki {
    padding-top: 25px;
  }
  .vpa-actions .btn-primary,
  .btn,
  .primary-btn,
  .field--name-field-slide-link a,
  .field--name-taxonomy-term-link a,
  .more-link a,
  .button--primary,
  .second-btn {
    padding: 23px 25px;
    max-width: 170px;
    font-size: 13px;
  }
  .vpa-actions .btn-primary::after,
  .more-link a::after,
  .second-btn::after,
  .primary-btn::after {
    right: 25px;
  }
  .more-link a:hover::after,
  .second-btn:hover::after,
  .second-btn:hover::after,
  .primary-btn:hover::after {
    right: 25px;
  }
  :root {
    --pddding-botom: 40px;
    --section-padding: 50px 0;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --pddding-botom: 30px;
    --section-padding: 40px 0;
  }
}
@media screen and (max-width: 576px) {
  :root {
    --pddding-botom: 25px;
    --section-padding: 25px 0;
  }
}