:root {
  --bs-body-font-family: "Inter", sans-serif;
  --bs-link-color: #000;
  --bs-link-hover-color: #000;
  --bs-p-menu-product: 60px 0;
  --bs-p-120: 120px 0;
  --bs-p-about: 0 0 40px;
  --bs-mb-nf-h1: 0 0 40px;
  --bs-title-h2: 48px;
  --bs-p-footer-nav: 0 0 8px;
  --bs-title-product-tiser: 24px;
  --bs-p-copiryght: 18px 0 22px;
  --bs-title-plitka: 68px;
  --bs-line-height-plitka: 80px;
  --bs-title-slide: 52px;
  --bs-line-height-slide: 72px;
  .btn-primary {
    --bs-btn-active-color: #e16f3d;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #e16f3d;
    --bs-btn-active-shadow: none;
    --bs-btn-hover-border-color: #e16f3d;
    --bs-btn-hover-color: #e16f3d;
    --bs-btn-hover-bg: #fff;
    --bs-btn-focus-box-shadow: none;
    --bs-btn-bg: #e16f3d;
    --bs-btn-border-color: #e16f3d;
    --bs-btn-disabled-bg: #e16f3d;
    --bs-btn-disabled-border-color: #e16f3d;
  }
  .nav,
  .nav-link {
    --bs-nav-link-padding-y: 0.38rem;
    --bs-nav-link-hover-color: #000;
    --bs-nav-link-font-size: 20px;
  }
}

a {
  text-decoration: none;
}
h2 {
  font-family: "Helvetica", sans-serif;
  font-size: var(--bs-title-h2);
  margin-bottom: 40px;
  color: #171717;
}
/* header */
.not-front header#header {
  margin-bottom: 30px;
}
.contact {
  font-weight: 300;
  font-size: 14px;
  width: 400px;
  color: #404040;
}
header .contact a {
  color: #404040;
}
header .contact a:hover {
  color: #e16f3d;
}
a.btn-vesta,
.field--name-field-slide-link a,
.field--name-field-link-plitka a,
.button--add-to-cart {
  display: block;
  background-color: #e16f3d;
  border: 1px solid #e16f3d;
  border-radius: 20px;
  text-align: center;
  width: 163px;
  padding: 10px;
  color: #fff;
}
a.btn-vesta:hover,
.field--name-field-slide-link a:hover,
.field--name-field-link-plitka a:hover,
.button--add-to-cart:hover {
  background-color: #fff;
  color: #e16f3d;
  border-color: #e16f3d;
}
span.cart-block--summary__icon.position-relative {
  width: 46px;
  height: 46px;
  border: 1px solid #e5e5e5;
  text-align: center;
  border-radius: 50px;
  padding: 8px;
}
.col-cart {
  width: 46px;
}
.header-bottom {
  background: #fff;
  padding-bottom: 32px;
}
header a.nav-link {
  color: #737373;
}
.logo {
  padding-left: 30px;
}
/* header */

/* header-mobile */
#header-mob {
  background-color: #f2f2f2;
}
/* header-mobile */

/* слайдер */
div#slider-block {
  padding-top: 22px;
}
.node--type-slide {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 60px;
}
div#slider-block
  .view.view-slayder.view-id-slayder
  .view-content
  .node--type-slide
  .content {
  color: #000;
  position: relative;
  width: 100%;
  max-width: 663px;
}
div#slider-block .field--name-node-title h1 {
  font-family: "Helvetica", sans-serif;
  font-size: var(--bs-title-slide);
  font-weight: 700;
  margin-bottom: 24px;
  color: #171717;
  line-height: var(--bs-line-height-slide);
}
div#slider-block .field--name-field-image {
  top: 22px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 24px;
  overflow: hidden;
}
div#slider-block .content .field--name-body {
  color: #737373;
  margin-bottom: 40px;
}
.field--name-field-cifry {
  font-family: "Helvetica", sans-serif;
  font-size: 48px;
  line-height: 56px;
}
.field--name-field-tekst {
  color: #737373;
}
.field--name-field-preimushchestva {
  display: flex;
  gap: 24px;
  margin-top: 60px;
}
.media--blazy {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* слайдер */

/* меню продукции */
.region-menu-product a.nav-link {
  color: #737373;
}
.region-menu-product a.nav-link:hover {
  color: var(--bs-nav-link-hover-color);
}
#menu_product-block .region-menu-product {
  padding: var(--bs-p-menu-product);
}
#menu_product-block .region-menu-product .navbar-nav {
  flex-direction: row;
}
#menu_product-block .region-menu-product .navbar-nav li.nav-item {
  display: flex;
  align-items: center;
}
#menu_product-block .region-menu-product .navbar-nav > li.nav-item:after {
  content: "|";
  color: #e5e5e5;
  padding: 0 15px;
}
#menu_product-block
  .region-menu-product
  .navbar-nav
  li.nav-item:last-child::after {
  display: none;
}
.region-menu-product .navbar-nav > .nav-item:hover .dropdown-menu {
  display: none;
}
.region-menu-product .nav .nav-link.dropdown-toggle {
  position: relative;
}
.region-menu-product .navbar-nav > .nav-item:hover .dropdown-menu {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  border: none;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 5%);
  -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 5%);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 5%);
  background-color: #fafafa;
  padding: 24px;
  color: #171717;
  line-height: 160%;
}
.dropdown-toggle::after {
  display: none;
}
.dropdown-menu {
  --bs-dropdown-item-padding-y: 0.75rem;
}

/* меню продукции */

/* наша продукция */
.field--name-taxonomy-term-title a {
  color: #000;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}
.taxonomy-term--type-catalog.taxonomy-term--view-mode-teaser {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  justify-content: space-between;
}
.taxonomy-term.taxonomy-term--type-catalog.taxonomy-term--view-mode-teaser.clearfix:after {
  display: none;
}
.taxonomy-term--type-catalog .field--name-taxonomy-term-link a {
  display: block;
  border: 1px solid #e5e5e5;
  border-radius: 32px;
  padding: 15px;
  width: 125px;
  text-align: center;
  color: #e16f3d;
}
.taxonomy-term--type-catalog .field--name-taxonomy-term-link a:hover {
  background-color: #e16f3d;
  color: #fff;
}

/* О нас*/
.about-block {
  padding: var(--bs-p-about);
}
div#block-vesta-theme-onas {
  display: flex;
  gap: 30px;
  justify-content: space-between;
}
.block-content--type-o-nas {
  max-width: 871px;
  width: 100%;
}
.field--name-field-link-about a {
  color: #e16f3d;
  text-decoration: underline;
}
.field--name-field-link-about a:hover {
  color: #404040;
}
.block-content--type-o-nas .field--name-body {
  color: #404040;
}
/* О нас*/

/* плитка с каталогом*/
.node--type-plitka-na-glavnoy {
  position: relative;
}
.view-plitka .view-content {
  display: grid;
  grid-template-columns: 57% 40%;
  gap: 30px;
}
.content-plitka {
  position: relative;
  padding: 60px 40px;
}
.field--name-field-title-plitka {
  font-family: "Helvetica", sans-serif;
  font-size: var(--bs-title-plitka);
  line-height: var(--bs-line-height-plitka);
  width: 274px;
  margin-bottom: 16px;
}
.content-plitka .field--name-body {
  color: #404040;
  margin-bottom: 61px;
}
.views-row:first-child .blazy--field-img-plitka {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.view-plitka .view-content .views-row {
  border-radius: 24px;
  overflow: hidden;
}
.view-plitka .view-content .views-row:first-child {
  grid-row: 1/3;
}
/* плитка с каталогом*/

/* Преимущества*/
.benefits-block .region-benefits {
  padding: var(--bs-p-120);
}
.node--type-benefits.node--view-mode-teaser {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 30px;
}
.header-benefits {
  max-width: 270px;
  width: 100%;
}
.header-benefits .field--name-body {
  color: #737373;
}
.paragraph--type--pochemu-my {
  max-width: 270px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border: 1px solid #e5e5e5;
  border-radius: 24px;
}
.field--name-field-benefits-name {
  font-family: "Helvetica", sans-serif;
  font-size: 22px;
  line-height: 32px;
}
.field--name-field-benefits-desc {
  font-weight: 300;
  color: #737373;
}
.blazy--field-benefits--teaser {
  gap: 30px;
  display: flex;
}
.node--type-benefits.node--view-mode-full .field--name-field-benefits {
  display: flex;
  gap: 30px;
}
/* Преимущества*/

/* Галерея*/
.gallery-block {
  padding: var(--bs-p-120);
}
.field--name-field-gallery img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.view-fotogalereya.view-display-id-block_1 .more-link {
  font-family: "Helvetica", sans-serif;
  position: absolute;
  right: 0;
  top: 19px;
  font-size: 18px;
}
.view-fotogalereya.view-display-id-block_1 .more-link a {
  color: #404040;
  text-decoration: underline;
}
.view-fotogalereya.view-display-id-block_1 .more-link a:hover {
  color: #e16f3d;
}
.view-fotogalereya.contextual-region {
  position: static;
}
.block-views-blockfotogalereya-block-1 {
  position: relative;
}
.node--type-benefits.node--view-mode-teaser.clearfix:after {
  display: none;
}
/* Галерея*/

/* Реквизиты*/
div#block-vesta-theme-views-block-rekvizity {
  padding: 60px;
  background-color: #fafafa;
  border-radius: 24px;
}
.node--type-requisites {
  font-size: 22px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.node--type-requisites p {
  margin-bottom: 3px;
}
/* Реквизиты*/

/* Карта*/
.map-block {
  padding: var(--bs-p-120);
}
.region-map {
  padding: 40px;
  background-color: #fafafa;
  border-radius: 24px;
}
.mapContainer {
  border: 1px solid #e5e5e5;
  overflow: hidden;
  border-radius: 16px;
  transform: translateZ(0px);
}
/* Карта*/

a.btn-vesta-reverse {
  display: block;
  background-color: #fff;
  border: 1px solid #e16f3d;
  border-radius: 20px;
  text-align: center;
  width: 163px;
  padding: 10px;
  color: #e16f3d;
}
a.btn-vesta-reverse:hover {
  color: #fff;
  background-color: #e16f3d;
  border-color: #e16f3d;
}
/* footer */
footer {
  padding: 43px 0 22px;
}
footer a {
  color: #171717;
}
footer ul.nav {
  flex-direction: column;
}
footer#footer nav a,
footer#footer .contact a {
  font-weight: 500;
  color: #171717;
  font-size: 16px;
}
footer#footer nav a:hover,
footer#footer .contact a:hover {
  color: #e16f3d;
}
footer#footer nav a {
  padding: var(--bs-p-footer-nav);
}
.row-copiryght {
  border-top: 1px solid #000;
  padding: var(--bs-p-copiryght);
}
.row-copiryght {
  font-size: 14px;
}
.row-copiryght a:hover {
  color: #e16f3d;
}
.row-footer {
  padding-bottom: 40px;
}
footer .contact {
  width: 100%;
}

/* footer */

/* тизер карточки */
.blazy--field-image-product-view.blazy--field-image-product-view--teaser.field
  div {
  border-radius: 24px;
}
.commerce-product--view-mode-teaser {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: space-between;
  height: 100%;
}
.commerce-product--view-mode-teaser.clearfix:after {
  display: none;
}
.commerce-product--view-mode-teaser .content .blazy--field {
  margin-bottom: 24px;
}
.commerce-product--view-mode-teaser .content .field--name-title a {
  font-size: var(--bs-title-product-tiser);
  font-weight: 500;
  color: #171717;
}
.field--name-field-select-catalog a {
  color: #737373;
}
.field--name-price {
  font-size: 18px;
  line-height: 32px;
  font-weight: 500;
  color: #e16f3d;
  border: 1px solid #e5e5e5;
  border-radius: 32px;
  justify-content: center;
  padding: 12px;
  width: 137px;
  display: flex;
  gap: 4px;
}
.field--name-price:hover {
  color: #fff;
  border-color: #e16f3d;
  background-color: #e16f3d;
}
/* тизер карточки */

/* карточка */
.not-front h1 {
  margin: var(--bs-mb-nf-h1);
}
span.btn-minus,
span.btn-plus {
  color: #e16f3d;
  font-weight: 700;
  background-color: #f2f2f2;
  padding: 2px 16px;
  cursor: pointer;
}
span.btn-minus {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}
span.btn-plus {
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}
.form-type-number label {
  display: none;
}
.field--name-quantity {
  display: flex;
  margin-bottom: 15px;
}
.form-number {
  width: 40px;
  border-color: #fafafa;
  text-align: center;
  color: #171717;
}
.product-teaser-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.element img {
  width: 100%;
  height: auto;
}

.product-teaser-info .field__items,
.product-teaser-info .field__item,
.product-teaser-info .field__label {
  display: inline-block;
}
.attribute-widgets div {
  margin-bottom: 15px;
}
.ajax-progress .throbber,
.ajax-progress-throbber .throbber {
  display: inline-block;
  float: none;
  margin: 400px auto 0 auto;
  width: 64px;
  height: 64px;
  background: url("../image/preloader.gif") no-repeat center center;
}
.ajax-progress,
.ajax-progress-throbber {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4444;
  vertical-align: middle;
  text-align: center;
}
/* карточка */

/* модалка */
.ui-dialog .ui-dialog-title {
  text-align: center;
  padding-top: 25px;
}
.ui-widget-header {
  border: none;
  background: #fff;
  color: #171717;
}
.ui-dialog .ui-dialog-buttonpane button {
  background-color: #e16f3d;
  padding: 5px 12px;
  border-radius: 24px;
  border: 1px solid #e16f3d;
  color: #fff;
}
.ui-dialog .ui-dialog-buttonpane button:hover {
  background-color: #fff;
  border-color: #e16f3d;
  color: #e16f3d;
}
.ui-widget.ui-widget-content {
  border: none;
  border-radius: 24px;
  overflow: hidden;
}
.ui-widget-content {
  border: none;
}
.ui-dialog .ui-dialog-titlebar-close {
  right: 1.3em;
  top: 30%;
}
.ui-dialog .ui-dialog-titlebar-close {
  border: none;
  width: 12px;
  height: 12px;
  background-color: transparent;
  background-image: url(/sites/all/themes/vesta_theme/image/close.svg);
}
.webform-submission-form input {
  margin-bottom: 10px;
}
.webform-button--submit {
  width: 100%;
}
.webform-element-description {
  font-size: 12px;
}
.webform-element-description {
  font-size: 12px;
  margin: 10px 0;
  text-align: center;
}
.ui-dialog .ui-dialog-content {
  padding-bottom: 25px;
}
/* модалка */

/* 404 */
.error {
  background-color: #f6f6f6;
  border-radius: 24px;
  padding: 80px 0;
  text-align: center;
}
.error-content {
  width: 500px;
  margin: 0 auto;
}
.error-description {
  font-family: "Helvetica", sans-serif;
  font-size: 32px;
  line-height: 46px;
  font-weight: 700;
}
.error-content .btn-vesta {
  margin-top: 30px;
}
/* 404 */
.offcanvas {
  --bs-offcanvas-bg: #f2f2f2;
}
.contact-item-tel a {
  color: #404040;
}
.delete-order-item,
.form-submit {
  border-radius: 24px;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-bg-type: #e16f3d30;
}
.form-control:focus {
  border-color: #e16f3d;
  box-shadow: 0 0 0 0.25rem #e16f3d30;
}
fieldset {
  margin-bottom: 20px;
}
.alert_metrika {
  color: #000;
  background: #f6f6f6;
}
.alert_metrika a {
  color: #000;
}

.alert_metrika button.btn.btn-primary {
  border-radius: 10px;
}
.alert_metrika button.btn.btn-primary:hover {
  border-color: #e16f3d;
  color: #e16f3d;
}