* {
    box-sizing: border-box;
}

@-webkit-keyframes pulseme {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 15px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulseme {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    box-shadow: 0 0 0 0 rgba(235,183,62, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 15px rgba(235,183,62, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(235,183,62, 0);
  }
}

body {
    font-size: calc(14px + 2 * ((100vw - 320px) / (1920 - 320)));
    color: #292929;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    height: 100%;
    display: flex;
    overflow: unset !important;
    flex-direction: column;
    font-feature-settings: 'pnum' on, 'lnum' on;
}

textarea,
input[type='text'],
input[type='button'],
input[type='submit'],
input[type='tel'] {
    -webkit-appearance: none;
    border-radius: 0;
}

.container {
    margin: 0 auto;
    padding: 0 80px;
    max-width: 1792px;
}

h2 {
    font-size: calc(25px + 15 * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.2;
    font-weight: 500;
}

a {
    display: block;
}

h3 {
    font-size: calc(21px + 11 * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    line-height: 1.2;
}

.title_front {
    font-size: calc(25px + 11 * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 1em;
}

a {
    color: #292929;
    text-decoration: none;
}

p a {
    color: #4469ad;
    display: inline-block;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

main {
    position: relative;
    margin-top: 134px;
}

.button {
    min-width: 197px;
    width: 100%;
    max-width: max-content;
    padding: 0 45px;
    margin: 0;
    height: 56px;
    display: grid;
    align-items: center;
    justify-content: center;
    grid-auto-flow: column;
    gap: 20px;
    background-color: transparent;
    font-size: 20px;
    border: 1px solid #1b2840;
    color: #1b2840;
    cursor: pointer;
    transition: .3s;
}

.button.video_button {
  min-width: 315px;
}

.button:hover {
    background-color: #1b2840;
    color: #ffffff;
}

.button:hover svg path {
    stroke: #ffffff;
}

.button_gold {
    background-color: #f5b400;
    border-color: #f5b400;
    color: #ffffff;
}

.button_gold:hover {
    border-color: #1b2840;
}

.button_darkgreen {
    background-color: #409700;
    border-color: #409700;
    color: #ffffff;
}

.button_green {
    background-color: #39a100;
    border-color: #39a100;
    color: #ffffff; 
}
.button_green_two {
    background-color: #00B73A;
    border-color: #00B73A;
    color: #ffffff; 
    margin-top: 15px;
}

.btn-flex-group {
  display: flex;
  flex-direction: column;
}

.btn-flex-group .button_green,
.btn-flex-group .button_blue,
.button_green_two{
  padding: 0px 30px;
  margin-bottom: 8px;
/*  max-width: calc(100% - 63px);*/
    max-width: 100%;
}

.button_green:hover,
.button_green_two:hover {
    border-color: #1b2840;
}

.mobile_only,
.mobile_only_550,
.mobile_only_icon {
  display: none !important;
}

@media (max-width: 550px) {
  .mobile_only_550 {
    display: flex !important;
    margin-bottom: 28px;
    flex-direction: column;
  }
  .mobile_only_550 a {
    color: #f5b400;
    margin: 0 auto;
    text-decoration: underline;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 15px;
  }
  .mobile_only_550_text {
    text-align: center;
    line-height: 1.4;
  }
}

@media (max-width:  1125px) {

  .count-class-mobile-1 {
    font-size: 20px;
    max-width: 280px;
    line-height: 1.4;
  }

  .intro-part.intro-part-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #intro-div .button.large_button {
    display: inline-block;
    padding-top: 26px;
    padding-bottom: 40px;
    max-width: initial;
  }

  .intro-part-1 {
    text-align: center;
  }

  #intro-h1 {
    text-align: center;
  }

  #intro-holder {
    justify-content: center;
  }

  #intro-ul {
    order: 6;
    max-width: 95%;
    margin: 0 auto;
    text-align: left;
  }

  #count-price {
    margin-bottom: 30px;
    text-align: center;
  }

  .mobile_image {
    max-width: 80%;
    margin: 20px auto 30px;
  }

  .mobile_only {
    display: flex !important;
  } 
  .mobile_only_icon {
    display: block !important;
    position: absolute;
    top: 12px;
    left: 13px;
  }
  .desktop_only {
    display: none !important;
  }
  .btn-flex-group .button_green {
    max-width: 100%;
  } 
  .btn-flex-group .button_blue {
    max-width: 100%;
  } 
}

.button_reverse {
    border: 1px solid #ffffff;
    color: #ffffff;
}

.button_reverse:hover {
    background-color: #ffffff;
    color: #1b2840;
}

.button_reversen:hover svg path {
    stroke: #1b2840;
}

.button_gold svg path,
.button_gold:hover svg path {
    stroke: #ffffff;
}

.toolbar-tray-open header {
    top: 40px;
}

.main-overlay.overlay {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #20477a;
    opacity: 0.7;
}

.main-overlay.overlay {
    opacity: 0.7;
    visibility: visible;
    z-index: 2;
}

.header-top {
    display: grid;
    justify-content: space-between;
    grid-auto-flow: column;
    padding: 10px 0;
    align-items: center;
}

.header-top__wrapper {
    display: grid;
    grid-auto-flow: column;
    gap: 36px;
    align-items: center;
}

.header-bottom__wrapper {
    display: none;
    grid-template-columns: max-content max-content 1fr max-content;
/*    gap: 72px;*/
    align-items: center;
}

.header-bottom__wrapper.loaded {
  display: grid;
}

.header-bottom__inner {
    justify-self: end;
    gap: 74px;
    display: grid;
    grid-auto-flow: column;
}

.header-top__info {
    display: grid;
    grid-auto-flow: column;
    gap: 36px;
}

.header-top__social {
    display: grid;
    grid-auto-flow: column;
    gap: 5px;
    align-items: center;
}

.header-top__social a {
    padding: 10px;
}

.header-bottom {
    display: grid;
    grid-auto-flow: column;
    padding: 10px 0;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.header-bottom__wrapper .list {
    display: grid;
    grid-auto-flow: column;
    gap: 10px;
    align-items: center;
}

header .button {
    width: 197px;
    height: 48px;
    display: grid;
    align-items: center;
    justify-content: center;
    grid-auto-flow: column;
    gap: 20px;
    /*background: transparent;*/
    /*border: 1px solid #1b2840;*/
    padding: 0;
    margin: 0;
    cursor: pointer;
}

header .button_top-header {
    width: 180px;
    height: 38px;
    font-size: 18px;
}

header .catalog-btn__wrapper .button {
    width: max-content;
    min-width: 197px;
    padding: 0 0px 0 24px;
}

header {
    position: fixed;
    top: 0;
    z-index: 11;
    width: 100%;
    background: #fff;
    transform: translateY(0);
    transition: all 0.3s;
}

.hide {
    display: none;
}

header.hide {
    transform: translateY(-134px);
    transition: all 0.3s;
    display: block;
}

header.hide.no-scroll {
    transform: translateY(0);
    transition: all .3s;
}

.search {
    background: url(../images/search.svg);
    width: 30px;
    height: 30px;
    padding: 5px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-size: 20px;
    display: none;
}

.search input {
    width: 1px;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    border: none;
}

.search-active .header-bottom__icons {
    grid-template-columns: 1fr max-content;
}

.search-active .header-bottom__inner {
    justify-self: unset;

}

.search-active .search {
    width: 100%;
}

.search-active .search input {
    opacity: 1;
    visibility: visible;
    width: 100%;
    transition: all 0.3s;
}

.search-active .list {
    display: none;
}

.basket {
    width: 40px;
    height: 40px;
}

.basket a {
    display: grid;
    align-items: center;
    height: 100%;
}

.basket .block-commerce-cart-flyout,
.basket .cart-flyout,
.basket .cart--cart-block,
.basket .cart-block--summary,
.basket .cart-block--link__expand {
    display: grid;
    width: 100%;
    height: 100%;
    position: relative;
}

.cart-empty-page {
    margin-bottom: 50px;
}

.basket .cart-block--summary__content {
    width: 20px;
    height: 20px;
    position: relative;
    align-self: center;
    justify-self: center;
}

.header-bottom__icons {
    display: grid;
    grid-auto-flow: column;
    gap: 5px;
    align-items: center;
}

.catalog-btn__wrapper {
  position: relative;
}

#header-menu {
  display: none;
  position: absolute;
/*  background-color: #f5b400;*/
  -webkit-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
  background-color: white;
  padding: 10px 0px 10px;
  width: 320px;
}

#header-menu.visible {
  display: block;
}

#header-menu a.header-menu-item {
  color: white;
  padding-bottom: 10px;
  padding-top: 10px;
}

#header-menu a.header-menu-item:hover {
  text-decoration: underline;
}

.header-bottom__wrapper .button span {
    width: 16px;
    height: 2px;
    background: #1b2840;
    position: relative;
}

.catalog-btn::after,
.catalog-btn::before {
    position: absolute;
    content: '';
    left: 0;
    top: -6px;
    width: 16px;
    height: 2px;
    background: #1b2840;
    border-radius: 5px;
}

.catalog-btn::after {
    top: calc(100% + 4px);
}

.catalog-list {
    margin: 48px 0 80px 0;
}

.catalog-list__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 8px;
}

.header-bottom__wrapper .button div {
    line-height: 1.5;
}

.catalog-btn-arrow {
  height: 100%;
  width: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -20px;
}

.catalog-list .catalog-list__items {
    grid-template-rows: 1fr 1fr;
}

.catalog-list__items h3 {
    font-size: calc(16px + 11 * ((100vw - 320px) / (1920 - 320)));
}

.catalog-list .catalog-list__item:first-child,
.catalog-list .catalog-list__item:nth-child(2),
.catalog-list .catalog-list__item:nth-child(3),
.catalog-list .catalog-list__item:nth-child(4) {
    grid-row: 1/3;
}

/* Если в меню в последней колонке 2 блока */

/*.catalog-list .catalog-list__item:nth-child(4) img,
.catalog-list .catalog-list__item:nth-child(5) img {
  max-height: 256px;
  object-position: 100% 10%;
}

.catalog-list .catalog-list__item:nth-child(4),
.catalog-list .catalog-list__item:nth-child(5) {
  position: relative;
}

.catalog-list .catalog-list__item:nth-child(4)::after,
.catalog-list .catalog-list__item:nth-child(5)::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(10.85deg,
      #060606 -20.06%,
      rgba(41, 41, 41, 0) 77.41%);
}*/

.catalog-list__item {
    position: relative;
}

.catalog-list__item img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.catalog-list__item h3 {
    position: absolute;
    bottom: 0;
    color: #fff;
    line-height: 1.2;
    font-weight: 400;
    margin: 0 36px 66px;
    z-index: 1;
}

.catalog-list__item h3::before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(100% + 18px);
    width: 80px;
    height: 2px;
    background-color: #af996b;
    transition: all 0.3s;
}

.catalog-list__item:hover h3::before {
    width: 116px;
    transition: all 0.3s;
}

section.list,
.portfolio-slider {
    margin: 80px 0;
}

.portfolio-slider .swiper-slide > p,
.catalog-item > p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    color: #7b7f89;
    line-height: 1.5;
    height: max-content;
}

.view-tipovie-modeli .model__item {
    grid-template-rows: max-content max-content max-content 1fr;
    display: grid;
}

.swiper-slide {
    display: flex;
    flex-direction: column;
    height: initial;
}

.catalog-item img {
    width: 100%;
}

.image-thumb img {
    height: 500px;
    background-color: grey;
}

.catalog-item > a:first-child {
    display: block;
}

.variation-facture ~ a {
    flex-grow: 1;
}

.portfolio-slider .swiper-slide h5,
.catalog-item h5 {
    font-weight: 700;
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.5;
    color: #292929;
    margin-top: 17px;
}

.button_catalog {
    margin: 30px auto 0 auto;
}

.button_catalog.foto_catalog {
    margin: 70px auto 0;
}

.pay-block {
    display: grid;
    grid-auto-flow: row;
    width: 100%;
    align-items: baseline;
    gap: 15px;
    position: relative;
    align-items: center;
    margin-top: 8px;
    color: #292929;
    /*pointer-events: none;*/
}

/* .pay-block {
  justify-self: end;
}*/

.pay-block-null {
    display: grid;
    grid-auto-flow: row;
    width: 100%;
    align-items: baseline;
    gap: 15px;
    position: relative;
    align-items: center;
    margin-top: 8px;
    color: #292929;
}

.form-item,
.form-actions {
    margin: 0;
}

.pay-block:hover p {
    color: #3a5079;
}

.pay-block:hover a svg path {
    stroke: #3a5079;
}

.pay-block:hover a svg circle {
    fill: #3a5079;
}




.catalog-item,
.catalog-item.swiper-slide {
    display: grid;
    grid-template-rows: max-content 1fr;
}

/*.pay-block:hover::after {
    content: '';
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #3a5079;
}*/

.pay-block > div {
    display: none;
    /*display: flex;
  height: 100%;
  align-items: center;
  height: max-content;*/
}

.block-commerce-cart {
    display: none;
}

/* Banner */

.banner {
    margin-bottom: 48px;
    margin-top: 36px;
}

.swiper-banner {
    position: relative;
    overflow: hidden;
}

.banner__item {
    display: flex;
    flex-wrap: wrap;
    max-height: 507px;
    overflow: hidden;
}

.banner__info {
    padding: 48px;
    width: 50%;
    height: 100%;
    background-color: #1B2840;
}

.banner__inner {
    max-width: 590px;
    height: 100%;
    display: grid;
    gap: 18px;
    grid-template-rows: repeat(2, max-content) 1fr;
}

.banner__title {
    position: relative;
    padding-bottom: 18px;
    font-weight: 500;
/*    font-size: calc(30px + 24 * ((100vw - 360px) / (1920 - 360)));*/
    font-size: 34px;
    line-height: 120%;
    color: #ffffff;
}

@media (min-width: 1530px) {
    .banner__title {
        font-size: 40px;
    }
}

@media (max-width: 1250px) {
    .banner__title {
        font-size: 30px;
    }
}

.banner__title::after {
    content: '';
    display: inline-block;
    height: 2px;
    width: 80px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #AF996B;
}

.banner__descriptor {
    font-weight: 400;
    font-size: calc(19px + 8 * ((100vw - 360px) / (1920 - 360)));
    line-height: 140%;
    color: #ffffff;
}

.button_banner {
/*    transform: translateY(-100%);
    align-self: end;*/
}

.button_banner:hover {
    border-color: #ffffff;
}

.banner__img {
    width: 50%;
    height: 100%;
    object-fit: cover;
}

.swiper-control_banner {
    width: max-content;
    position: absolute;
    left: 48px;
    bottom: 48px;
    display: grid;
    grid-auto-flow: column;
    gap: 18px;
    z-index: 1;
}

.swiper-control_banner .swiper-button-prev_banner,
.swiper-control_banner .swiper-button-next_banner {
    position: static;
    width: 20px;
    height: 20px;
    margin: 0;
    border: 0;
    border-radius: 0;
}

.swiper-control_banner .swiper-button-prev_banner::after,
.swiper-control_banner .swiper-button-next_banner::after {
    display: none;
}

.swiper-control_banner .swiper-button-lock {
    display: none;
}

.swiper-pagination_banner {
    position: static;
    display: grid;
    grid-auto-flow: column;
    gap: 14px;
}

.swiper-pagination-bullet {
    display: block;
    margin: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: transparent;
    box-shadow: 0 0 0 2px #FFFFFF;
    transition: .3s;
    margin: 0 !important;
}

.swiper-pagination-bullet-active {
    background: radial-gradient(ellipse at center, #FFFFFF 0%, #FFFFFF 33%, #FFFFFF 34%, #0000 42%, #0000 43%);
}


.price {
  font-weight: 700;
  font-size: calc(21px + 6 * ((100vw - 320px) / (1920 - 320)));
  color: #292929;
  cursor: pointer;
}

.swiper-items,
.swiper-similar,
.swiper-type,
.swiper-advantage,
.swiper-mainslider {
    display: none; // WTF IS THS
}

.model .swiper-similar .btns,
.view-recently-product .model .btns {
    grid-template-columns: 1fr;
}

.swiper-items.swiper-initialized,
.swiper-mainslider.swiper-initialized,
.swiper-similar.swiper-initialized,
.swiper-type.swiper-initialized,
.swiper-advantage.swiper-initialized {
    display: block;
}

.portfolio-slider .swiper-scrollbar {
    height: 4px;
    background: #e2e2e2;
    width: 1222px;
    justify-self: end;
}

.portfolio-slider .swiper-scrollbar-drag {
    background: #1b2840;
}

.swiper-scrollbar {
    height: 4px;
    background: #e2e2e2;
    width: 1222px;
    justify-self: end;
}

.swiper-scrollbar-drag {
    background: #1b2840;
}

.portfolio-slider .btns {
    margin-top: 50px;
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between;
    align-items: center;
}

.btns > a {
    padding: 10px 10px 10px 0;
    width: 200px;
}

.portfolio-slider .btns > a {
    padding: 10px 10px 10px 0;
}

.portfolio-slider .btns svg {
    margin-left: 9px;
}

.portfolio-slider .swiper-slide > a {
    display: block;
}

.portfolio-slider .swiper-slide > a:first-child {
    margin-bottom: 18px;
}

.portfolio-slider .swiper-slide > a:hover h5 {
    color: #3a5079;
}

.portfolio-slider .swiper-slide > a:hover ~ a h5 {
    color: #3a5079;
}

.model {
    margin: 80px 0 80px;
}

.model-deep {
    position: relative;
}

.model .container,
.advantage .container {
    position: relative;
}

.model h2 {
    margin-bottom: 40px;
}

.model .swiper-slide > form {
    display: flex;
    margin-bottom: 18px;
}

.model form .color input {
    display: none;
}

.model form label {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    display: block;
}

.model form .black label {
    background-color: #333333;
}

.model form .grey label {
    background-color: #dbdbdb;
}

.model form .beige label {
    background-color: #ab9393;
}

.model form .green label {
    background-color: #6f8a80;
}

.model .color + .color {
    margin-left: 4px;
}

.model .swiper-slide h5 {
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.5;
}

.model .swiper-slide > p {
    color: #7b7f89;
    margin-bottom: 8px;
    line-height: 1.5;
}

.swiper-advantage .swiper-slide {
    height: auto;
}

.model .btns {
    margin-top: 36px;
}

.model .swiper-scrollbar,
.swiper-type .swiper-scrollbar-type {
    height: 16px;
    background: linear-gradient(to bottom,
    #fff 37.5%,
    #e2e2e2 37.5% 73.5%,
    #fff 73.5%);
    width: 100%;
    justify-self: end;
    cursor: pointer;
    border-radius: 0;
}

.model .swiper-scrollbar-drag,
.swiper-type .swiper-scrollbar-drag {
    background: linear-gradient(to bottom,
    #fff 37.5%,
    #1b2840 37.5% 73.5%,
    #fff 73.5%);
    border-radius: 0;
}

.model .btns {
    margin-top: 50px;
    display: grid;
    grid-template-columns: 1fr 10fr;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}

.model .btns svg {
    margin-left: 9px;
}

.model__item .variation-facture {
    height: 35px;
    gap: 5px;
    padding: 2px 0 11px 0;
}

.model__item .variation-facture__item {
    width: 20px;
    height: 20px;
    padding: 2px;
    border: none;
}

.variation-facture__item.active {
    border: 1px solid #fff;
    box-shadow: 0px 0px 0px 1px #1b2840;
}

.card-3d.variation-facture__item img {
    width: 100%;
    height: 100%;
}

.model__item .variation-facture__item img {
    border-radius: 50%;
}

.model__item .variation-facture__item:hover {
    width: 30px;
    height: 30px;
}

.advantage {
    padding: 80px 0 80px;
    background: #1b2840;
}

.advantage.grey h2 {
    color: #1b2840;
}

.advantage.grey {
    background: #e2e2e2;
}

.advantage h2 {
    margin-bottom: 36px;
    color: #fff;
}

.advantage-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.advantage .swiper-button-prev-advantage,
.advantage .swiper-button-next-advantage {
    display: none;
}

.advantage-item {
    padding: 45px 36px;
    background: #fff;
    display: grid;
    grid-auto-rows: max-content;
    gap: 24px;
}

.advantage-item h3 {
    font-weight: 700;
}

.advantage-item p + p {
    margin-top: 20px;
}

.advantage-item span {
    height: calc(23px + 2 * ((100vw - 320px) / (1920 - 320)));
    border-top: 1px solid #e2e2e2;
}

.advantage-item a {
    border-top: 1px solid #e2e2e2;
    font-weight: 700;
    padding-top: 18px;
    width: calc(100% - 72px);
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
}

.advantage-item p {
    line-height: 1.5;
    color: #7b7f89;
    height: max-content;
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
}

.advantage-item p:not(:last-child) {
    height: max-content;
}

.info {
    margin: 126px 0;
}

.info-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    row-gap: 126px;
}

.info-items > img {
    justify-self: end;
    width: 100%;
}

.info-item {
    max-width: 607px;
    display: grid;
    align-items: start;
}

.info-item li {
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.5;
}

.info-item img {
    width: 100%;
}

.info-items__single img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.info-items__single .info-item__first p:last-child {
    margin-bottom: 0;
}

.info-item__list--margin {
    margin-bottom: 36px;
}

.info-item.info-item__first,
.info-item.info-item__second {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.info-item.info-item__second picture {
    margin-top: auto;
}

.info-item h2 {
    font-size: calc(32px + 22 * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    color: #000;
    margin-bottom: 36px;
}

.info-item p {
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.5;
    margin-bottom: 36px;
}

.info-item p.info-item__descriptor {
    font-size: 27px;
    line-height: 140%;
}

.info-item li {
    padding: 36px 0;
    border-bottom: 1px solid #e2e2e2;
}

.info-item li:first-child {
    border-top: 1px solid #e2e2e2;
}

.info-item li p {
    max-width: 539px;
    margin-bottom: 0;
}

.info-item li p + p {
    margin-top: 18px;
}

.info-item li h3 {
    margin-bottom: 18px;
}

.info-item a {
    display: inline;
}

.contact {
    background: #1b2840;
    color: #fff;
}

.contact__title {
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.2;
}

.contact__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 30px 0px;
}

.contact__info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contact__form {
    align-self: center;
    padding: 126px 105px 150px;
    background: #3a5079;
    max-width: 607px;
}

.contact__subtitle {
    font-size: calc(18px + 6 * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.2;
    color: #20477a;
}

.contact form {
    margin-top: 40px;
}

.contact__items {
    margin-top: 60px;
}

.contact__value {
    font-size: calc(21px + 14 * ((100vw - 320px) / (1920 - 320)));
    line-height: 140%;
    color: #474747;
    font-family: 'Raleway-Light', sans-serif;
    font-weight: 300;
}

.contact__textbox {
    display: block;
    /* width: fit-content; */
    padding-right: 30px;
}

.contact__item {
    display: grid;
    justify-content: start;
    gap: 20px;
    align-items: center;
    grid-auto-flow: column;
}

.contact__item a {
    color: #fff;
    display: block;
    margin: 0 4px;
    padding: 13px 0;
}

.contact__item a span {
    width: 100%;
    display: block;
    line-height: 1.4;
}

.contact__item-par {
    padding: 13px 0;
    line-height: 1.3;
}

.contact__item-location a {
    text-decoration: underline;
}

.contact__item p {
    line-height: 1.3;
    display: contents;
}

.contact__textbox + .contact__textbox {
    margin-top: 43px;
}

.contact__input {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    outline: none;
    border: none;
    background-color: #f5f5f5;
    color: #474747;
    border-bottom: 1px solid #c3c3c3;
    line-height: 140%;
    padding: 0 18px;
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
    width: 100%;
}

.tabs-item__info .contact__input {
    padding: 0;
}


.contact__input + .contact__input {
    margin-top: 30px;
}

.contact__btn-form {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: 1fr;
    margin-top: 20px;
    gap: 40px;
}

.contact__btn-inner {
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    margin-left: 30px;
}

.contact__btn-form .button {
/*    border: 1px solid #fff;*/
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    height: 63px;
    margin: 0;
/*    background: transparent;*/
    transition: all 0.3s;
/*    background-color: #3A5079;
    color: #ffffff;*/
}

.contact__btn-form .button_reverse {
    border-color: #ffffff;
    color: #ffffff;
}

.contact__btn-form .button:hover {
    background-color: #1b2840;
    transition: all 0.3s;
    border: 1px solid #1b2840;
}

.contact__btn-form .button_reverse:hover {
    background-color: #ffffff;
    color: #1b2840;
}

.contact__label {
  margin-left: 0;
  font-size: calc(14px + 2 * ((100vw - 320px) / (1920 - 320)));
  position: relative;
  line-height: 1.4;
}

.contact__label-white {
    color: #ffffff;
}

.contact__label:not(.no_circle)::before {
    border: 4px solid #3a5079 !important;
    background-color: #fff;
    box-shadow: 0 0 0 1px #fff;
    content: '';
    position: absolute;
    display: block;
    width: 13px;
    height: 13px;
    margin-right: 3px;
    margin-top: 6px;
    border-radius: 50%;
    left: -26px;
    top: -1px;
    box-sizing: border-box;
    transition: all 200ms ease-in-out;
}

.contact__btn-inner input {
    display: none;
}

.contact__item:last-child p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.delivery-city__header,
.textfield .delivery-city__header {
    font-size: calc(24px + 12 * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 48px;
    line-height: 130%;
    font-weight: 500;
}

.delivery-city__item,
.office-city__item {
    margin-bottom: 48px;
}

.delivery-city__name,
.office-city__name {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 18px;
}

.delivery-city__address,
.office-city__address {
    font-weight: 500;
    font-size: 27px;
    line-height: 140%;
}

.textfield .textfield-contacts__descriptor {
    margin-bottom: 0;
    padding-bottom: 0;
}


footer {
    padding: 80px 0;
    background: #e2e2e2;
}

.footer-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    row-gap: 76px;
}

.footer-top__inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1.3fr;
    gap: 16px;
}

.footer-top__item li a {
    padding: 9px 0;
}

.footer-top__item a:hover {
    color: #3a5079;
}

.footer-top__social {
    display: grid;
    grid-auto-flow: column;
    /* max-width: 288px; */
    justify-content: start;
    align-items: center;
}

.footer-top__social > a {
    padding: 10px;
}

.footer-top__social a:first-child {
    margin-right: 18px;
    width: max-content;
}

.copyright {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 36px;
    margin-top: 36px;
    border-top: 1px solid #1b2840;
}

.copyright > div {
    line-height: 1.2;
}

.copy__date {
    justify-self: end;
}

.copy__date a {
    display: inline-block;
}

.shop h1 {
    font-size: calc(25px + 11 * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 48px;
}

.catalog-wrap {
    display: grid;
    grid-template-columns: 237px 1fr;
    gap: 36px;
    margin-bottom: 80px;
}

.catalog-load {
    display: none !important;
}

.catalog h1 {
    margin: 48px 0;
}

.sort {
    display: flex;
}

.sort p {
    margin-right: 60px;
}

.sort span {
    display: grid;
    align-items: center;
}

.sort img {
    margin-top: 3px;
    width: 16px;
    height: 8px;
}

.catalog .swiper-slide h5 {
    font-weight: 700;
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.5;
    color: #292929;
}

.catalog .swiper-slide > p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -webkit-box-orient: vertical;
    margin-bottom: 9px;
    color: #7b7f89;
}

.catalog .catalog-list__items {
    row-gap: 60px;
}

.card-top__info {
    position: sticky;
    top: 150px;
    height: max-content;
}

.card-top__info-paragraph {
    font-size: calc(14px + 4 * ((100vw - 320px) / (1920 - 320)));
    line-height: 150%;
    margin-bottom: 26px;
}

.card-top__info--sticky {
    transform: translateY(-130px);
    transition: all 0.3s;
}

.card-top__info .btn-group {
    display: grid;
    grid-template-columns: 1fr max-content;
/*    gap: 8px;*/
}

.card-top__info .button--add-to-cart {
    padding: 0;
    width: 56px;
    max-width: 56px;
    min-width: unset;
}

.card-top__photo {
    /*display: grid;
    grid-template-columns: max-content max-content;
    gap: 8px;*/
    display: block;
    overflow: hidden;
}

.card-top__photo a {
    height: 100%;
}

.card-top__photo img {
    object-fit: cover;
    width: 402px;
    height: 100%;
    display: block;
}

.catalog-more {
    width: 200px;
    height: 48px;
    background: transparent;
    border: 1px solid #1b2840;
    display: grid;
    align-items: center;
    justify-content: center;
    color: #1b2840;
    margin-top: 48px;
    margin: 48px auto 0;
    cursor: pointer;
    transition: all 0.3s;
}

.catalog-more:hover {
    color: #fff;
    background: #1b2840;
    transition: all 0.3s;
}

.card-top {
    display: grid;
    grid-template-columns: 800px 1fr;
    gap: 50px;
    margin: 0 0 80px;
}

.card-life .card-top {
    grid-template-columns: 812px 1fr;
    gap: 9%;
}

.card-top h1 {
    margin-bottom: 18px;
}

.card-top__attr {
    display: grid;
    gap: 10px;
}

.card-life .card-top__attr {
    margin-bottom: 26px;
    gap: 5px;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.card-top__attr > div {
    display: inline-grid;
    grid-template-columns: 1fr;
    gap: 8px;
    height: max-content;
}

.card-3d .card-top__attr > div {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
}

/*.card-top__attr > div:nth-child(2) a {
    display: flex;
    align-items: center;
    line-height: 1.5;
}*/

.card-top__size--active label {
    align-self: start;
    padding: 8px 0;
}


/*.card-top__attr > div:nth-child(2) a svg {
    margin-right: 8px;
}*/

.card-top__kit .field__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: start;
    gap: 8px;
}

.card-life .card-top__kit .field__items {
    align-items: start;
    height: 100%;
    padding-left: 0;
}

.card-life .card-top__kit-item .field__items {
    display: flex;
}

.card-life .card-top__kit .field__item {
    display: grid;
    height: 100%;
}

.card-life .card-top__kit .field__item a.card-top__kit-item {
    display: grid;
    align-items: start;
    grid-template-rows: 20px auto 1fr;
    gap: 20px;
    padding: 18px;
}

.card-life .field__item:not(.active-href) .field__items,
.card-life .field__item:not(.active-href) .price {
    opacity: 0.5;
}

.photo {
    position: relative;
}

.card-top__photo .photoswipe-gallery {
    width: 100%;
    max-width: 812px;
}

.card-life .card-top .price {
    padding: 26px 0 0 0;
    align-self: end;
    border-top: 1px solid #e2e2e2;
}

.card-top__kit,
.card-top__texture,
.card-top__size,
.card-top__facture {
    display: grid;
    grid-template-columns: 155px 1fr;
    gap: 30px;
    align-items: center;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 20px 0;
}

.card-top__facture {
    border-bottom: none;
}

.card-top__kit {
    border: none;
}

.card-top__kit .field__item a {
    padding: 8px 0 8px 38px;
}

.card-life .card-top__kit {
    display: grid;
    grid-template-columns: 1fr;
    height: 100%;
    padding: 0 0 16px 0;
    border-bottom: none;
}

.content nav.tabs a:focus,
.content .tabs a:hover {
    background-color: unset;
    color: #20477a;
}

.tabs a {
    padding-right: 0;
}

.card-top__kit ul {
    display: grid;
    gap: 8px;
    list-style: disc;
    grid-template-rows: max-content;
}

.card-top__kit ul li {
    line-height: 1.5;
    margin-left: 20px;
    padding-left: 10px;
    color: #7b7f89;
}

.card-life .card-top__kit ul li {
    margin-left: 23px;
    padding-left: 15px;
}

.card-top__kit ul.active li {
    color: #292929;
}

.card-top__kit-img {
    position: absolute;
    right: 18px;
    top: 18px;
    max-width: 98px;
    max-height: 98px;
}

.card-top__texture form {
    display: grid;
    gap: 8px;
    grid-auto-flow: column;
    width: max-content;
}

.card-top__kit label,
.card-top__texture label,
.card-top__size label,
.card-top__facture label {
    font-weight: 700;
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
}

.card .tabs-item__info h3 {
    margin-bottom: 16px;
}

.color-block input {
    display: none;
}

.color-block label {
    width: 40px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.color-block.black label {
    background-image: url(../images/black.jpg);
}

.color-block.white label {
    background-image: url(../images/white.jpg);
}

.color-block.red label {
    background-image: url(../images/red.jpg);
}

.color-block.mramor label {
    background-image: url(../images/Color_mramor.jpg);
}

.card-top .price {
    padding: 35px 0;
    display: inline-flex;
}

.card-top .price .field--name-price {
    margin-left: 10px;
}

.card-top .btn-group {
    /*display: grid;
    grid-template-columns: 1fr 57px;
    justify-content: space-between;
    gap: 8px;*/
    margin-bottom: 8px;
}

.card-top .btn-group .button {
    width: 100%;
    max-width: 100%;
    height: 55px;
    transition: 0.3s
}

/*.card-top .btn-group a:first-child:hover {
  background-color: #3a5079;
  color: #ffffff;
}*/

/*.card-top + .card-bottom {
  margin-top: 126px;
}*/

.variation-facture {
    display: grid;
    gap: 8px;
    grid-auto-flow: column;
    padding: 2px 0;
    justify-content: start;
    align-items: center;
}

.variation-facture__item {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #ffffff;
    transition: 0.2s;
}

.variation-facture__item.variation-facture__item--active {
    outline: solid 1px #3a5079;
}

header.active .button {
    /*background: #1b2840;*/
    transition: all 0.3s;
    color: #fff;
    padding: 12px;
}

header.active .header-bottom__wrapper .button span {
    background: #fff;
}

.catalog-btn {
    position: relative;
    margin-right: 10px;
    width: 26px;
}

.button_popup-catalog {
    min-width: unset;
    padding: 0 24px;
    height: 55px;
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
}


header.active .catalog-btn::after,
header.active .catalog-btn::before {
    background: #fff;
}

.catalog-btn span {
    display: block;
}

.dropdown {
    position: absolute;
    left: 0;
    visibility: hidden;
    background-color: rgba(255, 255, 255, 0);
    transition: background-color 0.2s;
    width: 100%;
    z-index: 3;
    opacity: 0;
    padding: 50px 0;
    top: 100%;
    height: calc(100vh - 130px);
}

header.active .dropdown {
    visibility: visible;
    transition: all 0.2s;
    background-color: rgba(255, 255, 255, 1);
    opacity: 1;
}

header.active .catalog-btn span {
    display: none;
}

header.active .catalog-btn::after {
    transform: rotate(-45deg);
    bottom: 0px;
    transition: all 0.3s;
    top: unset;
}

header.active .catalog-btn::before {
    transform: rotate(45deg);
    bottom: 0px;
    transition: all 0.3s;
    top: unset;
}

.submenu {
    position: absolute;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    top: 0;
    left: 0px;
    max-height: 700px;
    transition: all 0.3s;
    z-index: 5;
    pointer-events: none;
    background: #fff;
    z-index: -1;
    width: 0;
    transition: all 0.3s;
    width: 0;
}

.submenu::after {
    content: '';
    position: absolute;
    width: 100vw;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    background: #fff;
}

.submenu .dropdown-more {
    padding-right: 36px;
}

.dropdown-matherial > li:hover .submenu {
    left: 0;
    /* transform: translate(100%, 0); */
    transition: all 0.3s;
    pointer-events: all;
    background-color: #fff;
    z-index: 5;
    width: auto;
}

.dropdown-matherial > li:hover .submenu::after {
    z-index: 2;
}

.dropdown-links.hover > .dropdown-design,
.dropdown-links.hover > .dropdown-komu,
.dropdown-links.hover > .dropdown-color,
.dropdown-links.hover > .dropdown-style {
    transition: all 0.4s;
    opacity: 0;
}

.dropdown-links > .dropdown-design,
.dropdown-links > .dropdown-komu,
.dropdown-links > .dropdown-color,
.dropdown-links > .dropdown-style {
    transition: all 0.4s;
    opacity: 1;
}

.dropdown-matherial > li:hover .submenu ul {
    position: static;
}


.dropdown-matherial > li .submenu ul {
    position: static;
    padding: 0;
    left: 0;
    top: 0;
    width: 0;
    transition: all 0.5s;
}

.dropdown-matherial > li:hover .submenu ul {
    padding: 0 90px 0 36px;
    width: auto;
    transition: all 0.5s;
}

.dropdown-matherial > li:hover .submenu ul.active {
    width: calc(100% + 120px);
}

.dropdown-matherial > li .submenu ul.dropdown-color {
    padding-bottom: 36px;
}

.dropdown-links h5.all-pam {
    padding-bottom: 18px;
}

.dropdown-links h5 {
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    padding-bottom: 19px;
    color: #292929;
}

.dropdown-links > a > h5 {
    padding: 0 0 18px 36px;
    border-left: 1px solid #e2e2e2;
}

.dropdown-links li a {
    font-weight: 400;
    padding: 9px 0;
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.5;
}

.dropdown-links li a:hover {
    color: #3a5079;
}

.dropdown-links {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 640px;
    width: max-content;
    position: relative;
}

.dropdown-tags {
    margin-top: 80px;
    display: grid;
    grid-auto-flow: column;
    max-width: 1000px;
}

.dropdown-tags__item a {
    display: flex;
    align-items: center;
    line-height: 1.5;
}

.dropdown-tags__item a:hover {
    color: #3a5079;
}

.dropdown-tags__item a svg {
    margin-right: 8px;
}

.tab-2 {
    display: none;
}

.dropdown-tags__item a:hover svg path {
    stroke: #3a5079;
    fill: #3a5079;
}

.dropdown-more {
    padding-top: 48px;
    font-weight: 700;
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
    padding-right: 33px;
    position: relative;
    width: max-content;
    display: block;
    cursor: pointer;
    color: #292929;
    padding-left: 36px;
    justify-self: end;
}

.dropdown-more::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: -2px;
    width: 25px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/arrow-right.svg);
    transition: all 0.3s;
    transform: rotateY(0);
}

.list-more {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 12px 14px 12px 0;
    height: max-content;
}

.list-more ul {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: 100%;
    width: max-content;
    padding: 43px 36px 36px;
    left: -36px;
    background: #fff;
    z-index: 4;
    transition: all 0.3s;
}

.list-more h5 {
    font-size: calc(14px + 2 * ((100vw - 320px) / (1920 - 320)));
    font-weight: 400;
    line-height: 1.5;
}

.list-more:hover ul {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s;
}

.list-more::after {
    content: '';
    position: absolute;
    right: 0;
    top: calc(50% - 3px);
    background-image: url(../images/arrow-down.svg);
    width: 10px;
    height: 6px;
    background-size: contain;
    background-repeat: no-repeat;
}

.list-more:hover::before {
    content: '';
    position: absolute;
    bottom: -13px;
    width: 100%;
    background: #1b2840;
    height: 1px;
    z-index: 9;
}

.list-more a:hover {
    color: #3a5079;
}

.list-more a {
    padding: 9px 0;
}

.list a:hover {
    color: #3a5079;
}

.list li {
    line-height: 1.5;
    height: 100%;
}

.header-top__location {
    display: grid;
    grid-auto-flow: column;
    gap: 26px;
    align-items: center;
    display: none;
}


.header-top__location .nice-select {
    border: none;
    height: 100%;
    font-size: calc(14px + 2 * ((100vw - 320px) / (1920 - 320)));
    padding-right: 24px;
    padding-left: 0;
}

.header-top__location .nice-select .list {
    left: 0;
    right: unset;
    margin: 0;
    height: calc(100vh - 103px);
    overflow-y: scroll;
}

.header-top__location .nice-select:after {
    top: 56%;
    transform: rotateX(0deg);
}

.header-top__location .nice-select.open:after {
    transform: rotateX(-180deg);
}

.header-top__location .current {
    font-size: calc(14px + 2 * ((100vw - 320px) / (1920 - 320)));
    color: #292929;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
}

.header-top__location .selected {
    order: -1;
}


/* tabs */

.tabs {
    max-width: 812px;
    margin-top: 56px;
}

.tabs-item__wrapper {
    border-top: 1px solid #e2e2e2;
}

.tabs-item__wrapper:last-child {
    border-bottom: 1px solid #e2e2e2;
}

.tabs-item__wrapper > h3 {
    position: relative;
    padding: 36px 0;
    cursor: pointer;
}

.tabs__faq .tabs-item__wrapper > h3 {
    padding-right: 30px;
}

.tabs-item__info .tabs-item:first-child {
    margin-top: 46px;
}

.block-maket-calc input {
    padding: 0;
}

.tabs-item__wrapper ol,
.article-tags {
    list-style-type: none;
    counter-reset: li;
}

.tabs-item__wrapper li {
    position: relative;
    cursor: pointer;
    display: grid;
    align-items: center;
    padding: 26px 0 26px 38px;
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.5;
}

.tabs-item__wrapper ol > li::before {
    counter-increment: li;
    content: counter(decimal-leading-zero) counter(li);
    position: absolute;
    left: 0px;
    font-weight: 700;
    top: 26px;
}

.tabs-item__wrapper ul > li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 38px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #1b2840;
}

.tabs-item > h2 {
    font-weight: 400;
}

.tabs-item {
    display: grid;
}

.tabs-item + .tabs-item {
    margin-top: 48px;
}

.tabs-item p {
    line-height: 1.5;
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
}

.tabs-item {
    display: grid;
    grid-template-columns: 160px 1fr;
    column-gap: 45px;
}

.tabs-item__matherial {
    gap: 45px;
}

.tabs-item__matherial .item-param > img {
    width: 150px;
    height: 150px;
    background-size: cover;
    border-radius: 50%;
}

.tabs-item__matherial .item-param h5 {
    display: flex;
}

.card .tabs-item__wrapper .tabs-item h3 {
    font-weight: 700;
}

.item-param {
    display: grid;
    grid-template-columns: 160px 1fr;
    column-gap: 45px;
    row-gap: 18px;
}

.item-param__multiple {
    display: grid;
    gap: 36px;
}

.item-param h5 {
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
}

.tabs-item__matherial img {
    grid-row: 1/3;
}

.tabs-item__char .item-param {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 18px;
    grid-column: 2/3;
}

.item-param p {
    font-size: calc(14px + 2 * ((100vw - 320px) / (1920 - 320)));
}

.tabs-item__char .item-param + .item-param {
    margin-top: 18px;
}

.tabs-item__char .item-param__title {
    color: #7b7f89;
}

.tabs__link {
    display: flex;
}

.tabs__link a {
    padding: 9px 26px;
    background: #e2e2e2;
    transition: all 0.3s;
}

.tabs__link a:hover {
    background-color: #3a5079;
    transition: all 0.3s;
    color: #fff;
}

.tabs__link a + a {
    margin-left: 8px;
}

.tabs-item__desctiption {
    grid-template-columns: 1fr;
    /*row-gap: 37px;*/
}

.tabs-item__desctiption a {
    display: inline-block;
    padding: 0;
}

.tabs-item__model {
    grid-template-columns: 1fr;
}

.tabs-item__model > div {
    display: grid;
    grid-template-columns: 400px 1fr;
}

/* .tabs-item__model  .item-param {
    grid-template-columns: 1fr;
} */
.tabs-item__model .item-param {
    padding: 18px 0;
    border-bottom: 1px solid #e2e2e2;
}

.tabs-item__model .item-param p:last-child {
    justify-self: end;
}

.tabs-item__model .items h3 {
    margin-bottom: 36px;
}

.item-param a {
    width: max-content;
}

.item-param a:hover {
    background: none;
    color: #20477a;
}

.tabs-item__kit {
    grid-template-columns: 1fr;
    max-width: 470px;
}

.tabs-item__kit .item-param {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 18px;
}

.tabs-item__kit .item-param + .item-param {
    margin-top: 18px;
}

.tabs-item__kit .item-param p:last-child {
    justify-self: end;
}

.tabs-item .item-param:last-child {
    border-bottom: none;
}

.tabs-item__wrapper .tabs-item__info {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    display: grid;
}

.tabs-item__wrapper.active .tabs-item__info {
    max-height: 5000px;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s;
    display: block;
    padding-bottom: 36px;
}

.tabs-item__wrapper > h3::after {
    content: '';
    background-image: url(../images/arrow-down.svg);
    right: 0;
    top: calc(50% - 4.5px);
    width: 15px;
    height: 9px;
    transform: rotate(-90deg);
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.3s;
}

.tabs-item__wrapper.active > h3::after {
    transform: rotate(-180deg);
    transition: all 0.3s;
}

.view-pamyatniki,
.view-tipovye-modeli-3d,
.view-pamyatniki-material {
    display: grid;
    grid-template-columns: 237px 1fr;
    gap: 36px;
    position: relative;
}

.catalog {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 8px;
    row-gap: 48px;
}

.view-pamyatniki .contextual {
    display: none;
}

.view-pamyatniki .swiper-slide img {
    max-height: 500px;
    object-fit: cover;
    width: 100%;
}

.view-pamyatniki .view-footer,
.view-pamyatniki-material .view-footer {
    grid-column: 1 / 3;
}

.view-pamyatniki .model-deep {
    position: relative;
}

.js-pager__items.pager {
    grid-column: 2/3;
    justify-content: center;
    align-items: center;
    display: flex;
    width: max-content;
    margin: 0 auto;
}

.view-stati .js-pager__items.pager {
    margin: 36px 0 0 0;
}

.view-advanntage .js-pager__items.pager {
    display: grid;
    grid-template-columns: repeat(3, 2fr);
    align-items: center;
    justify-content: center;
    text-align: center;
}

.pager__item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: max-content;
    height: 48px;
    border: 1px solid #1b2840;
}

[data-drupal-views-infinite-scroll-pager] .pager__item {
    border: none;
}

.pager__item .button {
    padding: 0 30px;
    height: 100%;
    display: flex;
    align-items: center;
}

.addon {
    margin: 80px 0 0;
    overflow: hidden;
}

.addon .addon__items {
    display: flex;
    flex-wrap: wrap;
}

.addon__more {
    padding: 0 30px;
    height: 100%;
    display: flex;
    align-items: center;
    background: transparent;
}

.model .container-uslugi {
    margin: 0 -50px;
}

.addon a {
    padding: 0 26px;
    height: 42px;
    background: #e2e2e2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #292929;
    transition: all 0.3s;
}

.addon a:hover {
    color: #fff;
    transition: all 0.3s;
    background: #20477a;
}

.addon__item {
    margin-right: 8px;
    margin-bottom: 8px;
    float: left;
}

/* .breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
} */

.breadcrumb .swiper-button-prev-breadcrumbs {
    display: none;
}

.breadcrumb li {
    display: flex;
    margin-right: 18px;
}

.breadcrumb li a {
    color: #7b7f89;
    font-size: calc(14px + 2 * ((100vw - 320px) / (1920 - 320)));
}

.breadcrumb li::before {
    content: '/';
    margin-right: 18px;
}

.breadcrumb ol > li:nth-child(2)::before {
    content: unset;
}

.breadcrumb ol li:last-child a {
    color: #1B2840;
}

.breadcrumb {
    padding: 48px 0;
}


.view-rip {
    display: grid;
    grid-template-columns: 265px 1fr;
    gap: 145px;
    position: relative;
}

.view-rip-city {
    display: grid;
    grid-template-columns: unset;
    gap: unset;
}

.view-rip-city > .view-content {
    max-width: 1017px;
    margin-bottom: 126px;
}

.view-rip-city h2 {
    margin-bottom: 36px;
}

.view-rip-city .rip__item:first-child {
    padding-top: 48px;
    border-top: 1px solid #e2e2e2;
}

.rip__item {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 48px;
    padding: 48px 0;
    border-bottom: 1px solid #e2e2e2;
}

.rip__item:first-child {
    padding-top: 0;
}

.rip__item-text {
    font-weight: 400;
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
    line-height: 150%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    color: #7b7f89;
    line-height: 1.5;
    height: max-content;
}

.rip__item-title {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    margin-bottom: 8px;
    align-items: center;
}

.rip-card h1 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 130%;
}

.rip__item-title h2 {
    font-weight: 700;
    font-size: calc(23px + 4 * ((100vw - 320px) / (1920 - 320)));
    line-height: 140%;
}

.rip__item-status {
    position: relative;
    padding-right: 28px;
}

.rip__item-status::after {
    content: '';
    right: 0;
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    top: calc(50% - 11px);
    z-index: -1;
    background: #1b2840;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #1b2840;
}

.rip__item-status.work::after {
    background-image: url(/themes/nebonew/images/checkbox.svg);
}

.rip__item-status.close::after {
    background-image: url(/themes/nebonew/images/close-circle.svg);
}

.rip__item-address {
    font-weight: 400;
    font-size: calc(18px + 2 * ((100vw - 320px) / (1920 - 320)));
    line-height: 140%;
    margin-bottom: 26px;
}

.rip__item-work {
    margin-bottom: 26px;
}

.rip__item-button {
    align-self: end;
    justify-self: start;
    display: inline-block;
    position: relative;
    padding: 5px 33px 5px 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
}

.rip__item-button::after {
    content: '';
    position: absolute;
    right: 0;
    background-image: url(/themes/nebonew/images/arrow-right.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 10px;
    top: calc(50% - 5px);
}

.rip__item-info {
    display: grid;
    gap: 26px;
}


.city-card {
    display: grid;
    align-items: start;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 126px;
}

.city-card__info {
    display: grid;
    max-width: 607px;
    gap: 18px;
}

.city-card h1 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 130%;
}

.city-card__text {
    margin-top: 18px;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #292929;
}

.city-card__text p {
    margin-bottom: 2em;
}

.city-card__text p:last-child {
    margin-bottom: 0;
}

.city-card .btn-self {
    margin-top: 0;
}

/* Небольшая костомизация карты */

.ymaps-view-button a {
    padding: 5px 0;
    position: relative;
}

.ymaps-view-button a::after {
    content: '';
    position: absolute;
    right: 0;
    background-image: url(/themes/nebonew/images/arrow-right.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 8px;
    top: calc(50% - 4px);
    background-size: contain;
}

[class$="-svg-icon"] {
    background-image: url(/themes/nebonew/images/mark_map.svg) !important;
}

/* Зона присутствия */

.view-area-page {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 126px;
}

.view-area-page .view-header {
    max-width: 667px;
    padding-right: 60px;
}

.view-area-page h1 {
    font-size: calc(36px + 18 * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    margin-bottom: 36px;
    line-height: 1.2;
}

.view-area-info {
    margin-top: 18px;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #292929;
}

.view-area-info p {
    margin-bottom: 2em;
}

.view-product_rip-cities,
.view-map_product-cities {
    margin-bottom: 126px;
}

/* color */

.product--variation-field--variation_field_cvet__34 {
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background-image: url(/themes/nebonew/images/black.jpg);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type='number'] {
    -moz-appearance: textfield;
}

.range-slider {
    position: relative;
    z-index: 1;
    height: 10px;
    margin: 0 15px;
}

.range-slider > .track {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: -3px;
    bottom: 0;
    border-radius: 5px;
    background-color: #e2e2e2;
    height: 1px;
}

.range-slider > .range {
    position: absolute;
    z-index: 2;
    left: 25%;
    right: 25%;
    top: -3px;
    bottom: 0;
    border-radius: 5px;
    background-color: #1b2840;
    height: 1px;
}

.range-slider > .thumb {
    position: absolute;
    z-index: 3;
    width: 15px;
    height: 15px;
    background-color: #1b2840;
    border-radius: 50%;
    transition: box-shadow 0.3s ease-in-out;
}

.range-slider > .thumb.left {
    left: 25%;
    transform: translate(-15px, -10px);
}

.range-slider > .thumb.right {
    right: 25%;
    transform: translate(15px, -10px);
}

.slider > .thumb.hover {
    box-shadow: 0 0 0 20px rgba(98, 0, 238, 0.1);
}

.slider > .thumb.active {
    box-shadow: 0 0 0 40px rgba(98, 0, 238, 0.2);
}

input[type='range'] {
    position: absolute;
    pointer-events: none;
    -webkit-appearance: none;
    z-index: 2;
    height: 10px;
    width: 100%;
    opacity: 0;
}

input[type='range']::-webkit-slider-thumb {
    pointer-events: all;
    width: 30px;
    height: 30px;
    border-radius: 0;
    border: 0 none;
    background-color: red;
    -webkit-appearance: none;
}

.calc-size__item label {
    display: block;
}

input[type='range'].slider-range {
    -webkit-appearance: none;
    width: 100%;
    height: 1px;
    background: #d3d3d3;
    outline: none;
    opacity: 1;
    margin-top: 30px;
}

.slider-output {
    width: max-content;
    padding: 0 5px;
    border: none;
}

input[type='range'].slider-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    background: #1b2840;
    cursor: pointer;
    border-radius: 50%;
}

input[type='range'].slider-range::-moz-range-thumb {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #1b2840;
    cursor: pointer;
}

.multi-range-slider {
    display: grid;
}

.middle {
    position: relative;
}

.calc-size__item label {
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 40px;
}

.left-num {
    width: max-content;
    top: -30px;
    position: absolute;
    left: -15px;
}

.right-num {
    width: max-content;
    top: -30px;
    position: absolute;
    right: -15px;
}

.tabs-item__calc {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 8px;
}

.calc-name {
    margin: 44px 0 18px;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 18px;
    width: 100%;
}

.calc-name input {
    height: 27px;
    border: none;
    background: transparent;
    outline: none;
    color: #7b7f89;
}

.calc-number {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 18px;
    width: 100%;
}

.calc-number input {
    height: 27px;
    border: none;
    background: transparent;
    outline: none;
    color: #7b7f89;
}

.accept {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1b2840;
    color: #fff;
    font-weight: 700;
    font-size: calc(14px + 2 * ((100vw - 320px) / (1920 - 320)));
    height: 56px;
    border: none;
}

.tabs-item__calc .calc-size {
    display: grid;
    gap: 36px;
}

.anketa {
    background: #1b2840;
    color: #fff;
    position: relative;
}

.anketa-wrapper {
    height: max-content;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.anketa-info {
    height: max-content;
    display: grid;
    padding: 126px 0;
}

.anketa h2 {
    font-size: calc(30px + 24 * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    line-height: 1.2;
    position: relative;
    margin-bottom: 72px;
}

.anketa h2::after {
    content: '';
    top: calc(100% + 36px);
    left: 0;
    width: 80px;
    height: 1px;
    background-color: #af996b;
    position: absolute;
}

.anketa p {
    font-size: calc(19px + 17 * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 114px;
}

.anketa button {
    /*font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.5;
    background-color: transparent;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 334px;
    height: 56px;*/

}

.anketa .button_gold {
    border-color: #f5b400;
}

.anketa .button_gold:hover {
    border-color: #ffffff;
}

.anketa img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
}

.card-top__kit .field__item,
.card-life .card-top__kit .field__item h4 {
    position: relative;
}

.card-life .card-top__kit .field__item h4 {
    position: relative;
    padding-left: 38px;
    align-self: center;
}

.card-3d .card-top__kit .field__item::after,
.card-life .card-top__kit .field__item h4::after {
    content: '';
    left: 0;
    position: absolute;
    border: 1px solid #7b7f89;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    top: calc(50% - 11px);
    z-index: -1;
}

.card-3d .card-top__kit .field__item.active-href::after,
.card-life .card-top__kit .field__item.active-href h4::after {
    background: #1b2840;
    background-image: url(/themes/nebonew/images/checkbox.svg);
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #1b2840;
}

.card-3d .card-top__kit .field__item:not(.active-href):hover::before,
.card-life .card-top__kit .field__item:not(.active-href):hover h4::before {
    content: '';
    background-image: url(/themes/nebonew/images/checkbox-blue.svg);
    background-color: #ffffff;
    z-index: -1;
    content: '';
    position: absolute;
    left: 1px;
    top: calc(50% - 11px);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    transition: 0.2s;
}

.card-life .card-top__kit .field__item {
    border: 1px solid #e2e2e2;
}

.card-life .card-top__kit .field__item.active-href {
    border: 1px solid #1b2840;
}

.button--add-to-cart,
.pay-block input.form-submit {
    text-indent: -999px;
    border: none;
    background: none;
    background-image: url(/themes/nebonew/images/cart.svg);
    background-repeat: no-repeat;
    width: 20px;
}

.dropdown-komu,
.dropdown-design {
    position: relative;
}

.dropdown-komu > div {
    position: absolute;
    top: 27px;
    opacity: 0;
    visibility: hidden;
    left: 100px;
    transition: left 0.3s;
}

.dropdown-design > div {
    position: absolute;
    top: 27px;
    opacity: 0;
    visibility: hidden;
    left: 100px;
    transition: left 0.3s;
}

.dropdown-links.active-komu > .dropdown-komu > div {
    left: unset;
    right: 100px;
    transition: right 0.3s;
    opacity: 1;
    visibility: visible;
}

.dropdown-links.active-des > .dropdown-design > div {
    left: unset;
    right: 100px;
    transition: right 0.3s;
    opacity: 1;
    visibility: visible;
}

.dropdown-links.active-des-sub .dropdown-matherial .submenu .dropdown-design,
.dropdown-links.active-komu-sub .dropdown-matherial .submenu .dropdown-komu {
    position: relative;
}

.dropdown-links.active-des-sub .dropdown-matherial li:hover .submenu .dropdown-design > div,
.dropdown-links.active-komu-sub .dropdown-matherial li:hover .submenu .dropdown-komu > div {
    left: unset;
    right: 100px;
    transition: right 0.3s;
    opacity: 1;
    visibility: visible;
}

.dropdown-links ul li {
    width: max-content;
    cursor: pointer;
}

.dropdown-links ul.dropdown-matherial li {
    width: 100%;
}

.dropdown-links ul li.disable {
    display: none;
}

.dropdown-links ul.active li.disable {
    display: block;
}

.dropdown-links ul.dropdown-matherial > li:hover .dropdown-hover {
    color: #3a5079;
}

.dropdown-links ul.dropdown-matherial li > span {
    background: url(../images/arrow-down.svg);
    transform: rotate(-90deg);
    display: block;
    height: 10px;
    width: 10px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 16px;
}

.dropdown-links ul {
    padding-left: 36px;
    padding-right: 90px;
}

.dropdown-matherial,
.dropdown-tip,
.dropdown-color {
    padding-bottom: 36px;
}

.dropdown-links .dropdown-matherial {
    padding-right: 0;
}

.dropdown-links .dropdown-matherial a {
    padding-right: 0;
    width: max-content;
}

.list a {
    position: relative;
    height: 100%;
}

.header-bottom__inner .list > a,
.header-bottom__inner .list > span {
    display: flex;
    align-items: center;
    padding: 12px 10px;
    height: max-content;
    /* font-size: 16px; */
}

.list > a.current::after {
    content: '';
    top: calc(100% + 11px);
    left: 0;
    width: 100%;
    height: 2px;
    background: #1b2840;
    position: absolute;
}

[class^='swiper-button-prev'],
[class^='swiper-button-next'] {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

[class^='swiper-button-prev'],
[class^='swiper-button-next'] {
    top: calc(50% - 50px);
}

[class^='swiper-button-prev']:after,
[class^='swiper-button-next']:after {
    content: '';
    background-color: #1b2840;
    width: 58px;
    height: 58px;
    border: 3px solid #fff;
    background-image: url(/themes/nebonew/images/white-arrow.svg);
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
}

[class^='swiper-button-prev']:after {
    transform: rotate(180deg);
}

[class^='swiper-button-prev'] {
    left: 47px;
}

[class^='swiper-button-next'] {
    right: 47px;
}

.model-deep [class^='swiper-button-prev'] {
    left: 0;
}

.model-deep [class^='swiper-button-next'] {
    right: 0;
}


[class^='swiper-button-next'],
[class^='swiper-button-prev'] {
    width: 64px;
    height: 64px;
}

[class^='swiper-button-prev'].swiper-button-disabled,
[class^='swiper-button-next'].swiper-button-disabled {
    opacity: 0.5;
    pointer-events: all;
}

fieldset legend {
    cursor: pointer;
}

.telegram {
    display: flex;
    align-items: center;
}

.phone-modal__number > div {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: space-between;
}

.phone-modal__number > div .icon {
    display: grid;
    grid-auto-flow: column;
    gap: 8px;
}

/* modal */

.phone-modal {
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 5;
    background: #fff;
    width: 100%;
    height: 600px;
}

.phone-modal .container {
    display: grid;
    grid-template-columns: max-content 1fr;
    justify-items: end;
    gap: 76px;
    height: 100%;
}

.phone-modal__img img {
    height: 100%;
    object-fit: cover;
}

.phone-modal .phone-modal__img.content-item.active {
    max-width: 100%;
}

.phone-modal .contact__form h2 {
    color: #fff;
    margin-bottom: 36px;
}

.phone-modal .contact__form .contact__label {
    color: #fff;
}

.phone-modal .contact__btn-form .button {
    color: #fff;
}

.phone-modal .contact__form {
    align-self: center;
    padding: 0 105px;
    display: flex;
    flex-direction: column;
    background: #3a5079;
    justify-content: center;
    height: 100%;
}

/* header .container {
    position: relative;
} */

.phone-modal__inner {
    padding: 80px 0;
    display: grid;
    grid-template-rows: max-content 1fr max-content;
    width: 334px;
    justify-self: start;
}

.phone-modal__link > div {
    position: relative;
    padding: 9px 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* .phone-modal__link > div::after {
  content: url(/themes/nebonew/images/angel.svg);
  position: absolute;
  right: 0;
  width: 9px;
  height: 9px;
  background-image: ;
  background-position: center;
  background-repeat: no-repeat;
  top: calc(50% - 4.5px);
  background-size: contain;
} */

.phone-modal__inner h3 {
    margin-bottom: 36px;
    font-weight: 700;
}

.phone-modal__number {
    display: grid;
    gap: 18px;
    height: max-content;
}

.phone-modal__link {
    display: grid;
}

.phone-modal__link {
    align-items: end;
}

.header-top__phone {
    display: grid;
    grid-auto-flow: column;
    gap: 8px;
    align-items: center;
}

.header-top__phone a {
    border-bottom: solid 1px #292929;
}

.header-top__phone > div:first-child {
    padding-right: 17px;
    position: relative;
}

.modal-click {
    display: flex;
    align-items: center;
    cursor: pointer;
    /*border: solid 1px #1b2840;*/
    padding: 0;
    width: 20px;
    height: 20px;
    justify-content: center;
}

/* .header-top__phone>div:first-child::after {
    content: '';
    position: absolute;
    right: 0;
    width: 10px;
    height: 6px;
    top: calc(50% - 3px);
    background-image: url(/themes/nebonew/images/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
} */

.header-top__phone .phone-modal {
    visibility: hidden;

    transition: all 0.2s;
    opacity: 0;
}

.header-top__phone.active .phone-modal {
    visibility: visible;
    transition: all 0.2s;
    opacity: 1;
}

.content-item {
    display: none;
    justify-self: flex-end;
}

.content-item:not(.phone-modal__img) {
    margin-right: 205px;
}

.content-item.active {
    display: block;
    max-width: 607px;
}

.pay-block .field--type-entity-reference {
    display: none;
}

#block-title-view {
    margin-bottom: 48px;
}

/* USLUGI */

.view-uslugi .catalog {
/*    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-bottom: 80px;*/
  display: flex;
  flex-direction: column;
}

.view-uslugi .catalog .product__info {
    position: relative;
}

.view-uslugi .catalog .product__info::before {
    content: '';
    padding-bottom: 125%;
    display: block;
}

.view-uslugi .catalog .product__info img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}

.view-uslugi .catalog h3 {
    padding: 0 18px;
    position: absolute;
    bottom: 46px;
    color: #fff;
    z-index: 4;
    padding-bottom: 18px;
    font-weight: 300;
}

#map {
    margin-top: 126px;
}

.map__navigation {
    margin-bottom: 56px;
    font-size: 18px;
    line-height: 150%;
}

.map__navigation > * {
    display: inline-block;
}

.map__navigation a {
    text-decoration: underline;
}

.map h3 {
    margin-bottom: 36px;
}

.map__icon {
    float: left;
    margin-right: 40px;
}

.textfield-video {
    max-width: 100%;
    display: block;
}

.textfield {
    margin-bottom: 120px;
}

.textfield h1 {
    font-size: calc(36px + 18 * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    line-height: 1.2;
}

.textfield p,
.textfield ul li,
.textfield ol li {
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
    padding-bottom: 36px;
    line-height: 150%;
}

.textfield-bottom {
    margin: 120px 0 120px;
}

.textfield-right-info {
    margin-top: 126px;
}

.textfield-right-info h3 {
    margin-bottom: 36px;
    font-size: calc(26px + 10 * ((100vw - 320px) / (1920 - 320)));
}

.textfield-right-info h3:not(:first-child) {
    margin-bottom: 0;
    margin-top: 80px;
}

.textfield-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.textfield-inner ul.textfield-line li {
    display: grid;
    grid-template-columns: 1fr 2fr;
    padding: 36px 0;
    border-bottom: 1px solid #e2e2e2;
    gap: 8px;
}

.textfield-inner ul.textfield-line li:first-child {
    border-top: 1px solid #e2e2e2;
}

/*.textfield-inner p:first-child {
    border-top: 1px solid #E2E2E2;
}

.textfield-inner p {
    border-bottom: 1px solid #E2E2E2;
}

.textfield-inner p.textfield-noline {
    border: none;
}*/

.textfield-light {
    font-weight: 400;
}

.textfield-inner p.textfield-topline {
    border-top: 1px solid #e2e2e2;
}

.textfield-inner .textfield-left > div + div {
    margin-top: 80px;
}

.textfield-inner h2 {
    font-size: calc(32px + 22 * ((100vw - 320px) / (1920 - 320)));
}

.textfield-inner a.link-margin {
    margin-top: 36px;
}

.textfield600 {
    max-width: 607px;
}

.textfield-inner a:not(:last-child):not(.fancy__link--video) {
    margin-bottom: 126px;
}

.textfield-inner h2 {
    margin-bottom: 36px;
}

.textfield-inner h3 {
    margin-bottom: 36px;
    line-height: 140%;
}

.textfield-inner img {
    width: 100%;
}

.textfield-inner h1 {
    margin-bottom: 36px;
    line-height: 1.2;
}

.textfield a {
    display: inline;
}

.textfield-item {
    margin-bottom: 126px;
}

.textfield-item h2 {
    font-size: calc(24px + 12 * ((100vw - 320px) / (1920 - 320)));
}

.textfield-item:last-child {
    margin-bottom: 0;
}

.textfield .textfield-left img + div,
.textfield .textfield-right img + div {
    margin-top: 126px;
}

.bottom-null {
    margin-bottom: 0;
}

.btn-self {
    position: relative;
    margin-top: -10px;
    padding: 10px 33px 10px 0;
    width: max-content;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    color: #1b2840;
}

.btn-self::after {
    content: '';
    position: absolute;
    right: 0;
    background-image: url(../images/arrow-right.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 10px;
    top: calc(50% - 3px);
}

.view-uslugi .catalog h3::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 18px;
    width: 56px;
    height: 2px;
    background-color: #edca95;
}

.view-uslugi .catalog .product__info::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(10.85deg,
    #060606 -20.06%,
    rgba(41, 41, 41, 0) 77.41%);
}

.textfield-list {
    padding: 126px 0;
    background-color: #e2e2e2;
}

.textfield-list__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 8px;
    row-gap: 80px;
}

.textfield-list__item img {
    margin-bottom: 36px;
}

.textfield-list h2 {
    margin-bottom: 36px;
}

.textfield-list__item h3 {
    margin-bottom: 18px;
    font-weight: 400;
}

.textfield-list__item p {
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
    line-height: 150%;
    width: 100%;
    max-width: 500px;
}

.textfield-list-border {
    margin-bottom: 36px;
}

.textfield-list-border li {
    padding: 36px 0;
    border-top: solid 1px #e2e2e2;
}

.textfield-list-border li:last-child {
    border-bottom: solid 1px #e2e2e2;
}

.textfield-list-border p {
    padding: 0;
}

/*.textfield-left-img {
  position: sticky;
  top: 100px;
  align-self: start;
}*/

.textfield-left .img__column {
    margin-top: 50px;
}

.img__column + .img__column {
    margin-top: 16px;
}

#touch-menu {
    display: none;
}

/*.view-filters fieldset .show {
    font-size: 14px;
    font-weight: 700;
}*/
.view-filters .form-item-sort-bef-combine select.form-select {
    display: none;
}

.form-select option[value='field_sort_value_null_sort_DESC'],
.form-select li[data-value='field_sort_value_null_sort_DESC'] {
    display: none;
}

.view-filters .form-item-sort-bef-combine {
    position: absolute;
    right: 0;
    top: -70px;
    margin: 0;
}

.form-type-select .nice-select {
    font-size: 16px;
    color: #292929;
    border: none;
}

.clearfix:after {
    content: unset;
}

.layout-region-checkout-main,
.layout-region-checkout-footer,
.layout-region-checkout-secondary {
    float: unset;
}

.layout-region-checkout-secondary {
    justify-self: end;
}

.layout-checkout-form.clearfix {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.basket {
    position: relative;
}

.addon__more {
    display: none;
}

.wrapper {
    display: flex;
    flex-direction: column;
}

main {
    width: 100%;
    flex: 1 0 auto;
}

footer {
    width: 100%;
    flex: 0 0 auto;
}

.card-top__leftbar .swiper-notification {
    display: none;
}

.personal-info input {
    background-color: transparent;
}

.article-text {
    max-width: 812px;
}

.article-text__item .article-text__bold,
.article-text__faq {
    padding: 36px 0;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    margin-top: -1px;
    margin-bottom: 48px;
    font-weight: 500;
    font-size: calc(20px + 4 * ((100vw - 320px) / (1920 - 320)));
    line-height: 150%;
}

.article-text__faq p {
    font-weight: 500;
    font-size: calc(14px + 10 * ((100vw - 320px) / (1920 - 320)));
    line-height: 150%;
}

.article-text__faq p:last-child {
    margin-bottom: 0;
}

.article-wrap {
    display: grid;
    grid-template-columns: 2fr 5fr;
/*    column-gap: 200px;*/
    column-gap: 5% !important;
}

.article-wrap aside {
    grid-row: 1/4;
    position: sticky;
    top: 150px;
    height: max-content;
}

.article-wrap > img {
    width: 100%;
}

.article-text__item:not(:last-child) {
    margin-bottom: 80px;
}

.article-text__item p {
    margin-bottom: 48px;
    font-weight: 400;
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
    line-height: 150%;
}

.article-text__item figure {
    margin-bottom: 48px;
}

.article-text__imgbox {
    display: grid;
    grid-auto-flow: column;
    gap: 8px;
}

.article-text__imgbox-1 {
    grid-template-columns: 1fr;
}

.article-text__imgbox-2 {
    grid-template-columns: repeat(2, 1fr);
}

.article-text__imgbox-3 {
    grid-template-columns: repeat(3, 1fr);
}

.article-text__imgbox-4 {
    grid-template-columns: repeat(4, 1fr);
}

.article-text__item h1 {
    margin: 48px 0;
    font-weight: 500;
    font-size: calc(27px + 27 * ((100vw - 320px) / (1920 - 320)));
    color: #292929;
    line-height: 120%;
}

.article-text__item h2 {
    margin-bottom: 36px;
    font-weight: 500;
    font-size: calc(25px + 11 * ((100vw - 320px) / (1920 - 320)));
    line-height: 130%;
}

.article-text__item h3 {
    margin-bottom: 18px;
}

.article-text__item ul {
    display: grid;
    gap: 36px;
    margin-bottom: 48px;
}

.article-text > p {
    margin-bottom: 80px;
    font-weight: 400;
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
    line-height: 150%;
}

.article-text__item ul li {
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.5;
    padding-left: 30px;
    position: relative;
}

.article-text__item ul li a {
    display: inline-block;
    color: #4469ad;
}

.article-text__item ol {
    margin: 48px 0;
}

.article-text__item .text-group ol {
    margin: 0 0;
}

.article-text__item ol > li {
    counter-increment: li;
    padding: 26px 0 26px 38px;
    border-top: 1px solid #e2e2e2;
    display: block;
    position: relative;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
}

.article-text__item ol > li::before {
    content: counter(decimal-leading-zero) counter(li);
    position: absolute;
    left: 0px;
    font-weight: 700;
    top: 26px;
}

.article-text__item ol > li:first-child {
    padding-top: 0;
    border: none;
}

.article-text__item ol > li:first-child::before {
    top: 0;
}

.article-text__item ol > li:nth-child(1n + 10)::before {
    content: counter(li);
}

.article-text__item ol > li a {
    display: inline-block;
    color: #4469ad;
}

.article-text__item ol + figure {
    margin-top: 36px;
}

.article-text__item ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 4px;
    height: 4px;
    background-color: #1b2840;
    border-radius: 50%;
}

.article-text__item ol > li p,
.article-text__item ol > li p + figure {
    margin-bottom: 26px;
}

.article-text__item ol > li p:last-child {
    margin-bottom: 0;
}

.article-text__item ol > li p:last-of-type + figure {
    margin-bottom: 0;
}

.article-author {
    margin-top: 32px;
    display: grid;
    grid-auto-flow: column;
    width: max-content;
    gap: 33px;
}

.article-information {
    max-width: 812px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.article-share > span {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 18px;
    display: block;
}

.article-author img {
    width: 100%;
    height: 104px;
    border-radius: 50%;
    object-fit: cover;
    max-width: 104px;
}

.article-author__info p {
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
    font-style: italic;
    font-weight: 700;
}

.article-author__info > div {
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
    font-style: italic;
}

.article-author__info {
    display: grid;
    gap: 8px;
    height: max-content;
    margin: auto 0;
}

.article-tags {
    max-height: 600px;
    overflow: auto;
    padding-right: 25px;
}

.text-group {
    padding: 36px 0 0 0;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.text-group + p {
    margin-top: 48px;
}

h3.text-group__header,
h4.text-group__header {
    margin-bottom: 48px;
    font-weight: 500;
    font-size: calc(14px + 10 * ((100vw - 320px) / (1920 - 320)));
    line-height: 150%;
}

/*.text-group__header + ol {
  margin-top: -26px;
}*/

ol::-webkit-scrollbar {
    width: 4px;
    /* ширина для вертикального скролла */
    cursor: pointer;
    /* background-color: #BDBDBD; */
}

ol::-webkit-scrollbar-thumb {
    background-color: #1b2840;
}

ol.article-tags > li::before {
    counter-increment: li;
    content: counter(decimal-leading-zero) counter(li);
    position: absolute;
    left: 0px;
    font-weight: 700;
    top: calc(50% - 7px);
}

ol.article-tags > li:nth-child(1n + 10)::before {
    content: counter(li);
}

.dropdown.active .container::-webkit-scrollbar {
    height: 4px;
}

.dropdown.active .container::-webkit-scrollbar-thumb {
    background-color: #000;
}

.article-tags li a {
    padding-left: 38px;
    display: grid;
    align-items: center;
    height: 100%;
    padding: 26px 0 26px 38px;
    line-height: 150%;
}

.article-tags li {
    border-top: 1px solid #e2e2e2;
    display: block;
    position: relative;
    cursor: pointer;
}

.article-text__item .article-text__desc {
    font-weight: 400;
    line-height: 150%;
    color: #7b7f89;
    margin-top: 10px;
    font-size: 16px;
}

.article-text__desc {
    grid-column: 1 / -1;
    grid-row: 2 / 3;
}

.article-tags li:last-child {
    border-bottom: 1px solid #e2e2e2;
}

.clearfix:after {
    content: unset;
}

.stati-wrap {
    width: 100%;
    max-width: 812px;
    grid-column: 2 / 3;
    margin-top: 126px;
}

.stati-wrap > h2 {
    margin-bottom: 36px;
}

.stati__item,
.news__item {
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 100px;
    padding-bottom: 48px;
    border-bottom: 1px solid #e2e2e2;
}

.stati .stati__item {
    padding: 36px 0;
    gap: 50px;
}

.stati__item h2,
.news__item h2 {
    margin: 36px 0 18px;
}

.stati .stati__item h2 {
    margin-top: 0;
    font-size: 27px;
}

.stati__item h2 a,
.news__item h2 a {
    line-height: 1.3;
}

.stati__item > div,
.news__item > div {
    display: grid;
    grid-template-rows: max-content;
}

.stati__item > div > div,
.news__item > div > div {
    align-self: end;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #7b7f89;
}

.stati__item > div > p,
.news__item > div > p {
    margin-bottom: 18px;
    line-height: 150%;
    font-size: 18px;
}

.stati .stati__item > div > p {
    font-size: 16px;
}

.stati__item a img,
.news__item a img {
    min-height: 300px;
    object-fit: cover;
}

.stati .stati__item a img {
    min-height: 215px;
}

.view-stati .view-content .views-infinite-scroll-content-wrapper,
.view-news .view-content,
.stati {
    max-width: 1085px;
    display: grid;
    gap: 48px;
}

.article-wrap aside.aside--sticky {
    transform: translateY(-140px);
    transition: all 0.3s;
}

.epitafy-form {
    display: grid;
    gap: 25px;
    padding: 36px 0;
    margin-bottom: 36px;
}

.epitafy-output {
    height: auto;
    width: 100%;
    min-height: 215px;
    padding: 25px 0;
    background-image: url(/themes/nebonew/images/drugurecky-gabbro.jpg);
    display: grid;
    align-items: center;
    justify-content: center;
}

#epitafy-output__text {
    width: 100%;
    max-width: 580px;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    opacity: 0.8;
    line-height: 140%;
}

.epitafy-processed {
    display: grid;
    grid-template-columns: 1fr 300px;
    justify-content: start;
}

.epitafy-fonts {
    display: grid;
    grid-auto-flow: column;
    margin-left: 36px;
    align-items: center;
    justify-content: end;
}

.epitafy-fonts label,
.epitafy-fonts .current {
    font-size: 16px;
}

.epitafy-fonts .nice-select {
    border: none;
    padding-left: 10px;
}

#epitafy {
    border: none;
    border-bottom: 1px solid #e2e2e2;
    max-width: 500px;
}


/* news */

.view-video .view-content {
    max-width: 1085px;
    display: grid;
    gap: 48px;
}

.view-video .news__item {
    min-height: 300px;
}

.text__left p {
    font-weight: 400;
    line-height: 1.5;
    font-size: 1.12em;
}

.text__left p:not(:last-child) {
    margin-bottom: 48px;
}

.text__left {
    margin-bottom: 48px;
    max-width: 812px;
}

.text__left h3 {
    margin-bottom: 36px;
    line-height: 140%;
}

.text__left li {
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
    line-height: 150%;
    padding: 36px 0;
    border-top: solid 1px #e2e2e2;
}

.text__left li:last-child {
    border-bottom: solid 1px #e2e2e2;
}

.gallery-node {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-bottom: 80px;
}

.gallery-node > img:first-child {
    grid-column: span 2;
    grid-row: span 2;
}

.gallery-node > img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.gallery-node__video .field__item {
    grid-column: span 2;
    grid-row: span 2;
}

.gallery-node__video {
    background-color: #1B2840;
    padding: 80px 0;
    margin-top: 50px;
    position: relative;
    width: 100vw;
    margin-bottom: 80px;
    left: calc(-50vw + (50% + -9px));
}

.youtube-container {
    overflow: hidden;
    position: relative;
    height: 0;

}

.node__content .youtube-container {
    padding-bottom: 37.15%;
}

.view-video .youtube-container {
    height: unset;
    padding: 0;
    align-self: center;
}

.view-video .youtube-container iframe {
    position: static;
    width: 100%;
    height: 100%;
    min-height: 222px;
}

.youtube-container iframe {
    border: none;
    position: absolute;
    top: 0;
    left: calc(50% - 33%);
    width: 66%;
    height: 100%;
    max-width: 1267px;
}

/* .gallery-node__video iframe {
  width: 100%;
} */


.gallery-node.grid-length__2 {
    grid-template-columns: 1fr 1fr;
}

.gallery-node.grid-length__2 img:first-child {
    grid-column: unset;
    grid-row: unset;
}

.gallery-node.grid-length__4 {
    grid-template-columns: 1fr 1fr;
}

.gallery-node.grid-length__4 img:first-child {
    grid-column: unset;
    grid-row: unset;
}

a.fancy__link--video {
    display: block;
    position: relative;
    margin-bottom: 32px;
}

.play {
    position: absolute;
    margin: 0 !important;
    padding: 0 !important;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 500px;
    height: 100%;
    max-width: 500px;
    transform: translate(-50%, -50%);
    background: url(/themes/nebonew/images/play.svg) no-repeat center, radial-gradient(closest-side, rgb(0 0 0 / 60%) 35%, rgb(0 0 0 / 0%));
    transition: .5s;
}

.fancy__link--video:hover .play {
    background: url(/themes/nebonew/images/play-active.svg) no-repeat center, radial-gradient(closest-side, rgb(0 0 0 / 60%) 35%, rgb(0 0 0 / 0%));
}

.licence-imgbox {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.licence-button {
    border: 1px solid #1B2840;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 256px;
    height: 56px;
    color: #1B2840;
    font-weight: 700;
}

.article-tags__item:hover a,
ol.article-tags > li:hover::before {
    color: #3A5079;
}

.card-top__attr-label {
    color: #7B7F89;
    line-height: 1.5;
}

.card-top__attr--info > div {
    display: grid;
    /*grid-template-columns: 114px 1fr;*/
    grid-template-columns: repeat(2, max-content);
    gap: 8px;
    align-items: center;
}

.phone-modal__link > div:hover {
    color: #3A5079;
}

.phone-modal__link > div span {
    border-bottom: solid 1px #292929;
}

.phone-modal__link > div:hover span {
    border-bottom: solid 1px #3A5079;
}

.phone-modal__link > div:hover span {
    border-color: #3A5079;
}

/*.phone-modal__link>div:hover span::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -5px;
  background-color: #3a5079;
}*/

.phone-modal__link > div svg {
    transform: rotateY(0deg);
    transition: all .3s;
}

.phone-modal__link > div:hover svg {
    transform: rotateY(180deg);
    transition: all .3s;


}

.phone-modal__link > div:hover svg path {
    stroke: #3A5079;
}

.textfield .contact-button {
    width: 256px;
    height: 56px;
    border: 1px solid #1B2840;
    color: #1b2840;
    font-size: 18px;
    line-height: 1.5;
    display: grid;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    font-weight: 700;
}


.header-bottom__inner .current::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #1B2840;
    left: 0;
    bottom: -13px;
}


/* Стили Table */

table.table-default {
    width: 100%;
    border: none;
    margin-bottom: 48px;
}

.table-default thead tr {
    border-bottom: solid 1px #ddd;
}

.table-default thead th {
    font-weight: bold;
    text-align: left;
    border: none;
    padding: 20px 15px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.table-default tbody td {
    text-align: left;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px 15px;
    vertical-align: middle;
    line-height: 140%;
}

.table-default tbody tr {
    border-bottom: solid 1px #ddd;
}

.table-default thead tr th:first-child,
.table-default tbody tr td:first-child {
    border-left: none;
}

.table-default thead tr th:last-child,
.table-default tbody tr td:last-child {
    border-right: none;
}

.table-default tbody.stripted tr:nth-child(even) {
    background: #f3f3f3;
}

/* Стили Table END */


/* Follow icon */

.ya-share2__container_mobile .ya-share2__badge {
    width: 100%;
    height: 100%;
}

.ya-share2__container_shape_round.ya-share2__container_size_m .ya-share2__badge .ya-share2__icon:not(.ya-share2__icon_messenger-contact):not(.ya-share2__icon_more):not(.ya-share2__icon_copy) {
    background-size: 20px 20px !important;
    background-position: center;
    width: 36px;
    height: 36px;
}

.ya-share2__badge {
    background-color: #e2e2e2 !important;
    transition: all .3s;
}

.ya-share2__badge:hover {
    background-color: #3A5079 !important;
    transition: all .3s;
}

.ya-share2__item_service_vkontakte .ya-share2__icon {
    background-image: url(/themes/nebonew/images/vk-follow.svg) !important;
}

.ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item {
    margin: 0 8px 0 0 !important;
}

.ya-share2__icon {
    background-repeat: no-repeat;
}

.ya-share2__link {
    height: 36px;
    width: 36px;
}

.swiper-breadcrumbs .swiper-slide {
    flex-direction: row;
    max-width: max-content;
}

.dropdown-item ul h5 {
    cursor: pointer;
}

.quiz .fieldset-legend {
    font-size: calc(22px + 18 * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.5;
    display: block;
    font-weight: 500;
}

.quiz .fieldset-subtitle {
    color: #7B7F89;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
}

.js-form-type-webform-markup:not(.js-form-item-btns) > div {
    display: grid;
    align-items: center;
    gap: 8px;
    margin-bottom: 48px;
}

.js-form-type-webform-markup > div#quiz-calendar {
    margin-bottom: 0;
}

.datepicker--days-names {
    margin: 0;
}

.js-form-type-webform-markup > .fieldset-vertical {
    display: grid;
    height: max-content;
    gap: 8px;
    margin-bottom: 48px;
}

.quiz-next,
.quiz-prev {
    width: max-content;
    position: absolute;
    top: 100%;
    cursor: pointer;

}

.quiz-next {
    right: 0;
}

.quiz-prev {
    left: 0;
}

.quiz .contact__label {
    font-size: 14px;
}

fieldset[data-drupal-selector="edit-vid-pamyatnika"] .form-item-vid-pamyatnika input,
fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .js-form-type-checkbox input {
    display: none;
}

fieldset[data-drupal-selector="edit-vid-pamyatnika"] fieldset {
    max-width: 1222px;
}

fieldset[data-drupal-selector="edit-vid-pamyatnika"] .form-item-vid-pamyatnika label,
fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .js-form-type-checkbox label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 0 36px 66px;
    color: #fff;
    font-size: calc(15px + 12 * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.4;
    display: grid;
    height: calc(100% - 66px);
    align-items: end;
    width: calc(100% - 72px);
    cursor: pointer;
}

fieldset[data-drupal-selector="edit-vid-pamyatnika"] .form-item-vid-pamyatnika label::before,
fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .js-form-type-checkbox label::before {
    content: '';
    top: 36px;
    left: 36px;
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #fff;
}

fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .js-form-type-checkbox label::before {
    border-radius: unset;
}

fieldset[data-drupal-selector="edit-vid-pamyatnika"] .form-item-vid-pamyatnika input:checked ~ label::before,
fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .js-form-type-checkbox input:checked ~ label::before {
    content: '';
    top: 36px;
    left: 36px;
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url('/themes/nebonew/images/check.svg');
    border: none;
}

fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .js-form-type-checkbox input:checked ~ label::before {
    background-image: url('/themes/nebonew/images/check-2.svg');
}

fieldset[data-drupal-selector="edit-vid-pamyatnika"] .form-item-vid-pamyatnika label::after {
    content: '';
    position: absolute;
    top: calc(100% - 48px);
    left: 36px;
    width: 80px;
    height: 2px;
    background-color: #AF996B;
}

.webform-options-display-one-column > .js-form-item {
    max-width: 402px;
    height: auto;
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    display: grid;
    align-items: end;
    position: relative;
    aspect-ratio: 0.773;
}

fieldset[data-drupal-selector="edit-vid-pamyatnika"] .js-webform-radios {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .webform-options-display-one-column {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.webform-submission-quiz-form {
    display: grid;
    position: relative;
}

.webform-confirmation__message {
    padding: 40px 0;
    font-size: 18px;
}

.webform-progress {
    order: 2;
}

.block-webform .webform-confirmation__message,
.webform-submission-zakaz-calc-form .webform-confirmation__message {
    border-color: #ffffff;
    color: #ffffff;
}

.block-webform .webform-submission-quiz-skidka-js-form .webform-confirmation__message,
.block-webform .webform-submission-rasschitat-maket-form .webform-confirmation__message {
    position: relative;
    margin: 0 auto;
    top: 40px;
    border-color: #1b2840;
    color: #1b2840;
}

.quiz input[type="submit"] {
    background-color: transparent;
    border: none;
    color: #1B2840;
    position: relative;
    padding: 0;
}

.quiz input[type="submit"] {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

.progress-tracker {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: calc(50% - 350px);
    padding: 0;
    margin: 0;
    max-width: 700px;
}

.progress-tracker {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.progress-tracker p {
    color: #7B7F89;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    background-color: #E2E2E2;
    display: grid;
    align-items: center;
    justify-content: center;
}

.progress-tracker p.active {
    background-color: #1B2840;
    color: #fff;
}

.quiz div[data-drupal-selector="edit-actions"] {
    width: max-content;
    justify-self: end;
}

.quiz-next {
    padding-right: 30px;
}

.progress-step .progress-marker {
    display: none;
}

.quiz li[data-webform-page="webform_confirmation"] {
    display: none;
}

.progress-step {
    background-color: #E2E2E2;
}

.progress-step .progress-title {
    color: #7B7F89;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

.progress-step.is-active .progress-title,
.progress-step.is-complete .progress-title {
    color: #fff;
}

.progress-step.is-active,
.progress-step.is-complete {
    background-color: #3A5079;
    color: #fff;
}

.progress-step {
    height: 27px;
}

.webform-progress-tracker .progress-step .progress-text {
    padding: 0;
}

div[data-webform-key] {
    padding-bottom: 32px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 32px;
    position: relative;
}

fieldset[data-drupal-selector="edit-vid-pamyatnika"] .form-item-vid-pamyatnika::after,
fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .js-form-type-checkbox::after {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(11.75deg, #060606 -1.99%, rgba(41, 41, 41, 0) 84.95%);
}

fieldset[data-drupal-selector="edit-vid-pamyatnika"] .form-item-vid-pamyatnika:hover::after,
fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .js-form-type-checkbox:hover::after {
    background: linear-gradient(9.79deg, #3A5079 -5.69%, rgba(58, 80, 121, 0) 88.63%);
}

fieldset[data-drupal-selector="edit-vid-pamyatnika"] .form-item-vid-pamyatnika:nth-child(1) {
    background-image: url('/themes/nebonew/images/quiz/muzhskoy-form.jpg');
}

fieldset[data-drupal-selector="edit-vid-pamyatnika"] .form-item-vid-pamyatnika:nth-child(2) {
    background-image: url('/themes/nebonew/images/quiz/zhenskiy-form.jpg');
}

fieldset[data-drupal-selector="edit-vid-pamyatnika"] .form-item-vid-pamyatnika:nth-child(3) {
    background-image: url('/themes/nebonew/images/quiz/semeyniy-form.jpg');
}


fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .js-form-type-checkbox:nth-child(1) {
    background-image: url('/themes/nebonew/images/quiz/delivery.jpg')
}

fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .js-form-type-checkbox:nth-child(2) {
    background-image: url('/themes/nebonew/images/quiz/install.jpg');
}

fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .js-form-type-checkbox:nth-child(3) {
    background-image: url('/themes/nebonew/images/quiz/engrave.jpg')
}

fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .js-form-type-checkbox:nth-child(4) {
    background-image: url('/themes/nebonew/images/quiz/landscaping.jpg')
}

.webform-confirmation__message {
    max-width: 739px;
    border: solid 2px #1b2840;
    padding: 40px 25px;
    margin-bottom: 80px;
    line-height: 150%;
}

.quiz .container_background {
    background-color: #3A5079;
    min-height: 520px;
    display: grid;
    align-items: center;
}

.container-quiz {
    max-width: 396px;
    margin: 0 auto;
    display: grid;
    color: #fff;
}

.quiz input[type="submit"].quiz-submit {
    width: 100%;
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
}

.quiz .contact__btn-form div[data-drupal-selector="edit-actions"] {
    width: 100%;
}

.quiz {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -5;
    visibility: hidden;
    opacity: 0;
}

.quiz.active-modal {
    z-index: 11;
    visibility: visible;
    opacity: 1;
    position: fixed;
    height: 100%;
}

.quiz-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1B2840;
    opacity: 0.8;
    z-index: -1;
}

#block-vebforma {
    padding-top: 48px;
}

.quiz .quiz-prev {
    position: absolute;
    left: 0;
    bottom: 0;
    height: max-content;
    width: max-content;
    padding: 0 0 0 30px;
}

.quiz .quiz-next,
.quiz .quiz-prev {
    background-image: url(/themes/nebonew/images/arrow-right.svg);
    padding-right: 30px;
    background-repeat: no-repeat;
    background-position: right;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

.quiz-content {
    background-color: #fff;
    height: 100%;
    max-height: 869px;
}

.quiz .quiz-prev {
    padding: 0 0 0 30px;
    background-position: left;
    background-image: url(/themes/nebonew/images/arrow-left.svg);
}

/* .quiz .quiz-prev:hover,
.quiz .quiz-next:hover {
  background-color: unset;
  border: none;
} */

.quiz .quiz-next {
    position: absolute;
    top: calc(100% + 30px);
    right: 0;
}

.quiz-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 26px;
    cursor: pointer;
}

.quiz-close::before,
.quiz-close::after {
    content: '';
    width: 14px;
    height: 1px;
    background-color: #1B2840;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(45deg);
}

/* fieldset[data-drupal-selector="edit-vid-pamyatnika"] .js-webform-radios {
  max-width: 1222px;
} */

.quiz-close::after {
    transform: rotate(-45deg);
    margin-top: -1px;
}

.quiz .webform-submission-form .progress-tracker {
    top: calc(100% + 30px);
    bottom: unset;
}

.quiz .webform-submission-form .quiz-prev {
    top: calc(100% + 30px);
    bottom: unset;
}

.form-item-form-descr .fieldset-legend {
    margin-bottom: 8px;
}

/* CALENDAR */


.datepicker {
    width: 100%;
    max-width: 476px;
    font-family: 'Inter', sans-serif;
    border: none;
    min-height: 520px;
}

.datepicker--content {
    padding: 0;
    border: none;
}

.datepicker--nav-title,
.datepicker--nav-title i {
    font-weight: 500;
    font-size: 27px;
    line-height: 140%;
    color: #292929;
}

.datepicker--nav {
    height: 68px;
    padding: 0;
}

.datepicker--cell,
.datepicker--day-name {
    width: 64px;
    height: 64px;
    font-size: 18px;
    line-height: 1.5;
    color: #292929;
}

.datepicker--cell:hover,
.datepicker--cell.-in-range- {
    background-color: #E2E2E2;
    border-radius: unset;
}

.datepicker--day-name:hover {
    background-color: unset;
}

.datepicker--cell.-current-,
.datepicker--cell.-current-.-in-range- {
    color: #292929;
}

.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-focus- {
    background-color: #3A5079;
    border-radius: unset;
}

.datepicker--cells {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.form-wrapper .form-item-data {
    display: none;
}

/* MODAL */

.modal {
    opacity: 0;
    visibility: hidden;
}

.modal.active-modal {
    opacity: 1;
    visibility: visible;
}

.modal .modal-content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    max-width: 1086px;
    width: max-content;
    height: max-content;
    background-color: #1B2840;
    display: grid;
    align-items: center;
    padding: 68px;
}

/*.modal_anketa .modal-content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    max-width: 1086px;
    width: 100%;
    height: 100%;
    max-height: 490px;
    background-color: #1B2840;
    display: grid;
    align-items: center;
    padding: 0 69px;
}*/

.modal .modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1B2840;
    opacity: 0.8;
    z-index: 11;
}

.modal .anketa-info {
    padding: 0;
    align-items: center;
    padding-right: 69px;
}

.modal .anketa-info h2 {
    font-size: calc(25px + 11 * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 72px;
    position: relative;
}

.modal .anketa-info h2::after {
    content: '';
    position: absolute;
    width: 80px;
    height: 2px;
    background-color: #AF996B;
    top: calc(100% + 36px);
    left: 0;
}

.modal .anketa-info p {
    font-size: calc(16px + 4 * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 80px;
}

.modal-close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}

#block-popup-general,
#block-popup-order {
    width: 100%;
    max-width: 465px;
}

.modal-content > .block-webform {
    display: none;
}

.popup-general #block-popup-general,
.popup-order #block-popup-order {
    display: block;
}

#block-popup-general h2 {
    color: #ffffff;
    margin-bottom: 32px;
}

/* Interaction */

.interaction {
    display: none;

    position: fixed;
    right: 32px;
    bottom: 32px;

    width: 64px;
    height: 64px;
    z-index: 5;
}

.interaction__link {
    display: block;
    width: 100%;
    height: 100%;
}

.interaction__trigger {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-grid;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgb(27 40 64);
    z-index: 1;
}

.interaction__advent {
    pointer-events: none;
    width: max-content;
    position: absolute;
    right: 45px;
    top: 50%;
    overflow: hidden;
    transform: translateY(-50%);
}

.interaction--sliding .interaction__advent {
    pointer-events: auto;
}

.interaction__message {
    transform: translateX(100%);
    padding: 12px 26px 12px 20px;
    border-radius: 18px 0 0 18px;
    background-color: rgb(27 40 64);
    font-size: 14px;
    color: #ffffff;
    transition: 2s;
}

.interaction--sliding .interaction__message {
    transform: translateX(0%);
}


.interaction--pulse .interaction__trigger {
    box-shadow: 0 0 0 rgb(175 153 107 / 80%);
    animation: interaction__trigger--pulse 3s infinite;
}

.interaction--pulse .interaction__message {
    animation: interaction__message--pulse 3s infinite;
}

.swiper-control_photo {
    margin-top: 8px;
    position: relative;
    height: 64px;
    display: grid;
    grid-template-columns: repeat(3, max-content);
    justify-content: end;
    align-items: center;
    gap: 8px;
}

.swiper-button-next_photo,
.swiper-button-prev_photo,
.swiper-pagination_photo {
    position: static !important;
    display: grid;
    grid-auto-flow: column;
    margin: 0;
    gap: 5px;
}

.title-underline {
    text-decoration: underline;
}

.review {
    padding-top: 80px;
    padding-bottom: 80px;
}

.review__container {
    width: 100%;
    /*max-width: 760px;*/
    /*height: 860px;*/
    position: relative;
}

.review__container > iframe {
    max-width: none !important;
}

.review__iframe {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.webform-button--submit.button_gold:hover {
    border-color: #ffffff;
}

.star-wrap {
    display: grid;
    margin: -18px 0 34px 0;
    grid-auto-flow: column;
    justify-content: start;
    gap: 8px;
}

.star {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    gap: 3px;
}

.star__item {
    width: 18px;
    height: 18px;
    background-image: url(/themes/nebonew/images/star-inactive.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.star__item--semi {
    background-image: url(/themes/nebonew/images/star-semi.svg);
 }

.star__item--active {
    background-image: url(/themes/nebonew/images/star.svg);
 }

@keyframes interaction__trigger--pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(175, 153, 107, 0.4);
        box-shadow: 0 0 0 0 rgba(175, 153, 107, 0.4);
        background-color: rgb(27 40 64);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(175, 153, 107, 0);
        box-shadow: 0 0 0 10px rgba(175, 153, 107, 0);
        background-color: rgb(58 80 120);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(175, 153, 107, 0);
        box-shadow: 0 0 0 0 rgba(175, 153, 107, 0);
        background-color: rgb(27 40 64);
    }
}

@keyframes interaction__message--pulse {
    0% {
        background-color: rgb(27 40 64);
    }
    70% {
        background-color: rgb(58 80 120);
    }
    100% {
        background-color: rgb(27 40 64);
    }
}

.button_top-header {
    order: -1;
}

@media (min-width: 1921px) {
    body {
        font-size: 16px;
    }

    .button_popup-catalog {
        font-size: 16px;
    }

    .quiz .fieldset-legend {
        font-size: 40px;
    }

    fieldset[data-drupal-selector="edit-vid-pamyatnika"] .form-item-vid-pamyatnika label,
    fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .js-form-type-checkbox label,
    .banner__descriptor {
        font-size: 27px;
    }

    .youtube-container iframe {
        left: calc((100% - 1620px) / 2);
    }

    .textfield-item h2 {
        font-size: 36px;
    }

    .gallery-node__video {
        left: calc(-50vw + (50% + -9px));
    }

    .textfield h1,
    .view-area-page h1,
    .banner__title {
        font-size: 54px;
    }

    .title_front,
    h2,
    .rip-card h1 {
        font-size: 36px;
    }

    h3 {
        font-size: 32px;
    }

    .portfolio-slider .swiper-slide h5,
    .catalog-item h5 {
        font-size: 18px;
    }

    .price {
        font-size: 27px;
    }

    .model .swiper-slide h5 {
        font-size: 18px;
    }

    .info-item h1 {
        font-size: 54px;
    }

    .info-item p {
        font-size: 18px;
    }

    .contact__subtitle {
        font-size: 24px;
    }

    .contact__value {
        font-size: 35px;
    }

    .contact__input {
        font-size: 18px;
    }

    .contact__label {
        font-size: 13px;
    }

    .shop h1 {
        font-size: 36px;
    }

    .catalog .swiper-slide h5 {
        font-size: 18px;
    }

    .card-top__kit label,
    .card-top__texture label,
    .card-top__size label {
        font-size: 18px;
    }

    .dropdown-links h5 {
        font-size: 18px;
    }

    .dropdown-links li a {
        font-size: 18px;
    }

    .dropdown-more {
        font-size: 18px;
    }

    .info-item h2 {
        font-size: 54px;
    }

    .article-text__item .article-text__bold,
    .article-text__faq p,
    h3.text-group__header,
    h4.text-group__header {
        font-size: 24px;
    }

    .article-text__faq p {
        font-weight: 500;
    }

    .article-text__item h1 {
        font-size: 54px;
    }

    .anketa p {
        font-size: 36px;
    }

    .anketa h1 {
        font-size: 56px;
    }
}

@media (max-width: 1700px) {
    .article-wrap {
        column-gap: 10%;
        grid-template-columns: 3fr 5fr;
    }

    .article-tags li a {
        padding: 23px 0 23px 38px;
    }
}

@media (max-width: 1620px) {
    .card-life .card-top {
        gap: 16px;
    }

    .button_popup-catalog {
        padding: 0 15px;
    }

    .card-top__kit-img {
        display: none;
    }

    .card-life .card-top__kit .field__item a.card-top__kit-item {
        gap: 15px;
    }

    .card-top__info-paragraph {
        padding: 0;
        margin-bottom: 16px;
        font-size: 16px;
    }

    .card-life .card-top__attr {
        margin-bottom: 16px;
    }

    .card-top__attr > div {
        padding: 3px 0;
        gap: 3px;
    }

    .card-top__kit ul {
        height: auto;
        gap: 5px;
        overflow: hidden;
    }

    .card-top .card-top__info--sticky ul {
        height: 100%;
    }
}

@media (max-width: 1550px) {

    .portfolio-slider .btns,
    .model .btns {
        gap: 20px;
    }

    .info-items {
        grid-template-columns: 1fr 1fr;
        column-gap: 50px;
        row-gap: 80px;
    }

    /* Если в последней колонке меню 2 блока */
    /*.catalog-list .catalog-list__item:nth-child(4) img,
  .catalog-list .catalog-list__item:nth-child(5) img {
    max-height: 220px;
  }*/
    .card-top h1 {
        margin-bottom: 10px;
    }

    .card-top__info-paragraph {
        font-size: 14px;
    }

    .card-top__kit ul {
        list-style: none;
        display: block;
    }

    .card-top__info {
        top: 135px;
    }

    .card-life .card-top__kit ul li {
        float: left;
        display: inline-block;
        margin: 0 0 0 5px;
        padding-left: 0;
    }

    .card-life .card-top__kit ul li::after {
        content: ',';
    }

    .card-life .card-top__kit ul li:last-child::after {
        content: '';
    }
}

@media (max-width: 1500px) {
    .view-rip {
        gap: 80px;
    }

    .pay-block {
        grid-auto-flow: row;
    }

    .pay-block {
        gap: 12px;
    }

    .catalog-item picture img {
        object-fit: cover;
        height: 400px;
    }

    .image-thumb img {
        height: 400px;
    }

    .catalog-list__item h3 {
        margin-bottom: 54px;
    }

    .header-bottom__inner .current::after {
        bottom: -9px;
    }

    .card-3d .card-top__info,
    .card-3d .card-top__info--sticky {
        position: static;
        transform: unset;
        max-width: 670px;
    }

    main {
        margin-top: 126px;
    }

    .textfield-inner {
        gap: 50px;
    }

    .card-life .card-top {
        grid-template-columns: 50% 1fr;
    }

    /*.card-top__photo {
        grid-template-columns: repeat(2, 1fr);
    }*/
    .card-3d.card .card-top {
        grid-template-columns: 50% 1fr;
        gap: 16px;
    }

    .breadcrumb {
        padding: 25px 0;
    }

    .header-top {
        padding: 10px 0;
    }

    .header-bottom {
        padding: 8px 0;
    }

    .card-top__info-paragraph {
        padding: 0;
        margin-bottom: 16px;
    }

    /*.card-top h1 {
        margin-bottom: 36px;
    }*/
    .card-life .card-top__kit .field__item a.card-top__kit-item {
        gap: 6px;
        padding: 12px;
    }

    .card-life .card-top .price {
        padding: 16px 0 0;
    }

    .card-life .card-top__kit {
        padding: 0 0 16px 0;
    }

    /* .card-top__info {
    position: static;
    transform: unset;
    max-width: 812px;
  } */
    .article-text__item ul {
        gap: 20px;
    }

    .article-tags li a {
        padding: 18px 0 18px 38px;
    }
}

@media (max-height: 700px) and (min-width: 1100px) {
    .catalog-item picture img {
        width: 80%;
        height: 300px;
    }

    .image-thumb img {
        height: 300px;
    }
}

@media (min-width: 1366px) {
    .header-bottom__wrapper .list {
        gap: 20px;
    }
}

@media (max-width: 1366px) {
    .advantage {
        padding: 80px 0;
    }

    .list-more ul {
        left: unset;
        right: -114px;
    }

    .info {
        margin: 80px 0;
    }

    .info-items {
        row-gap: 50px;
    }

    .header-bottom__wrapper {

    }

    .view-pamyatniki .catalog,
    .view .catalog {
        grid-template-columns: repeat(4, 1fr);
    }

    .view-uslugi .catalog h3 {
        bottom: 36px;
    }

    .dropdown-matherial,
    .dropdown-tip,
    .dropdown-color {
        padding-bottom: 18px;
    }

    /* Если в последней колонке меню 2 блока */
    /*.catalog-list .catalog-list__item:nth-child(4) img,
  .catalog-list .catalog-list__item:nth-child(5) img {
    max-height: 187px;
  }*/
    /* .catalog-list .catalog-list__item::before {
        content: '';
        display: block;
        padding-top: 60%;
    }
    .catalog-list .catalog-list__itemp {
        position: absolute;
    } */
    .phone-modal .contact__form {
        padding: 50px;
        height: auto;
    }

    .header-top__phone.active .phone-modal {
        overflow: scroll;
        max-height: calc(100vh - 56px);
    }

    .js-pager__items.pager {
        margin: 0;
    }

    .content-item:not(.phone-modal__img) {
        margin-right: 0;
    }

    .datepicker {
        min-height: max-content;
        max-width: 375px;
    }

    .datepicker--cell,
    .datepicker--day-name {
        width: 45px;
        height: 45px;
        font-size: 16px;
    }

    .quiz .container_background {
        min-height: 375px;
    }
}

@media (max-width: 1400px) {
    .rip__item-title {
        display: block;
    }

    .rip__item-status {
        width: max-content;
        margin: 10px 0;
    }

    .article-information {
        display: block;
    }

    .article-author {
        display: grid;
    }

    .button_banner {
        transform: translateY(-55%);
    }

    .banner__descriptor {
        font-size: calc(19px + 5 * ((100vw - 360px) / (1920 - 360)));
    }
}

@media (max-width: 1300px) {

    .tabs-item--general {
        margin: 16px 0 32px;
    }

    .stati__item,
    .news__item {
        gap: 50px;
    }

    .anketa.modal .modal-content {
        width: 90%;
        padding: 0 40px;
    }

    .container {
        padding: 0 50px;
    }

    [class^='swiper-button-prev'] {
        left: 19px;
    }

    [class^='swiper-button-next'] {
        right: 19px;
    }

    .anketa-wrapper {
        gap: 36px;
    }

    .tabs-item {
        grid-template-columns: 1fr;
    }

    .item-param {
        grid-template-columns: max-content 1fr;
    }

    .tabs-item__char .item-param {
        grid-column: 1;
        max-width: 470px;
    }

    .card .tabs-item__wrapper .tabs-item h3 {
        margin-bottom: 25px;
    }

    .tabs-item__wrapper.active .tabs-item__info {
        padding-bottom: 0;
    }

    .tabs-item__model {
        grid-template-columns: 1fr;
    }

    .tabs-item__model > div {
        grid-template-columns: 1fr;
    }

    .tabs-item__calc {
        grid-template-columns: 1fr;
    }

    .tabs-item__info .items {
        max-width: 470px;
    }

    .tabs-item__model img {
        max-height: 300px;
        width: auto;
    }

    .tabs-item__char .item-param > div:last-child {
        justify-self: end;
    }

    .tabs-item__char .item-param > div.item-param__title {
        justify-self: start;
    }

    .tabs-item__info .tabs-item:first-child {
        max-width: 470px;
    }

    .tabs-item__matherial .item-param {
        grid-template-columns: 1fr;
        row-gap: 27px;
    }

    .tabs-item__info .tabs-item:first-child {
        margin-top: 20px;
    }

    .tabs-item__wrapper.active {
        margin-bottom: 30px;
    }

    .card-top__photo img {
        width: unset;
        height: auto;
    }

    .personal-info .contact__btn-form div[data-drupal-selector='edit-actions'] {
        padding-bottom: 30px;
    }

    .article-wrap {
        gap: 0 100px;
    }

    .article-text__item p,
    .article-text__item ul,
    .article-text__item figure {
        margin-bottom: 36px;
    }

    h3.text-group__header,
    h4.text-group__header {
        margin-bottom: 24px;
    }

    .article-text__item h3 {
        margin-bottom: 24px;
        margin-top: 36px;
    }

    .article-text__item:not(:last-child) {
        margin-bottom: 48px;
    }

    .contact__input .slider-output {
        padding: 0;
    }
}

@media (max-width: 1250px) {
    .header-bottom__wrapper .list {
        gap: 5px;
    }

    .banner__info {
        padding: 32px;
    }

    .button_banner {
        transform: translateY(-100%);
    }

    .button_banner {
        
    }

    .swiper-control_banner {
        bottom: 32px;
    }
}

@media (max-width: 1200px) {
    .header-bottom__inner {
        gap: 35px;
    }

    fieldset[data-drupal-selector="edit-vid-pamyatnika"] .form-item-vid-pamyatnika label::before,
    fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .js-form-type-checkbox label::before {
        left: 20px;
        top: 20px;
    }

    fieldset[data-drupal-selector="edit-vid-pamyatnika"] .form-item-vid-pamyatnika label::after {
        top: calc(100% - 26px);
        left: 20px;
    }

    fieldset[data-drupal-selector="edit-vid-pamyatnika"] .form-item-vid-pamyatnika input:checked ~ label::before,
    fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .js-form-type-checkbox input:checked ~ label::before {
        left: 20px;
        top: 20px;
    }

    fieldset[data-drupal-selector="edit-vid-pamyatnika"] .form-item-vid-pamyatnika label,
    fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .js-form-type-checkbox label {
        padding: 0 20px 36px;
        height: calc(100% - 36px);
        width: calc(100% - 40px);
    }

    .contact__form {
        padding: 65px 47px 60px;
    }

    .anketa-wrapper {
        grid-template-columns: 1fr;
    }

    .anketa-wrapper img {
        display: none;
    }

    .view-area-page {
        grid-template-columns: 1fr;
    }

    .view-area .addon {
        margin: 50px 0 0;
    }

    .view-area-page .view-header {
        padding-right: 0;
    }

    .view-area-page {
        margin-bottom: 80px;
    }
}

@media (max-width: 1160px) {
    .catalog-list__item h3 {
        margin: 0 25px 35px;
    }

    .catalog-list__item h3::before {
        top: calc(100% + 9px);
    }

    .view-uslugi .catalog {
        grid-template-columns: repeat(3, 1fr);
    }

    .layout-checkout-form.clearfix {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 50px;
    }

    .quiz-content {
        overflow: auto;
    }

    .quiz .container {
        padding-bottom: 100px;
    }

    fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .webform-options-display-one-column {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1126px) and (max-width: 1249px) {
    div.header-bottom__inner a {
        font-size: calc(12px + 2 * ((100vw - 320px) / (1920 - 320)));
    }
}

@media (max-width: 1125px) {
    #touch-menu {
        display: block;
    }

    .header-top__phone .modal-click {
        display: none;
    }

    .mobile-open .header-top__location {
        display: none !important;
    }

    body.overflow {
        overflow: hidden;
    }

    .phone-modal__number > div .icon {
        display: none;
    }

    .phone-modal__number > div {
        background-position: right;
        background-repeat: no-repeat;
    }

    .phone-modal__number > div:first-child {
        background-image: url("/themes/nebonew/images/phone-dark.svg");
        background-position-y: 10px;
        border-bottom: 1px solid black;
    }

    .phone-modal__number > div:nth-child(2) {
        background-image: url("/themes/nebonew/images/max-bw_inv173x173.png");
        background-position-y: 10px;
        border-bottom: 1px solid black;
        background-size: 20px;
    }

    .phone-modal__number > div:nth-child(3) {
/*        background-image: url("/themes/nebonew/images/viber-dark.svg");*/
        background-image: url("/themes/nebonew/images/telegram.svg");
        background-position-y: 10px;
        border-bottom: 1px solid black;
    }

    .phone-modal__number > div:nth-child(4) {
/*        background-image: url("/themes/nebonew/images/telegram.svg");*/
    }

    .phone-modal__number > div:nth-child(5) {
/*        background-image: url("/themes/nebonew/images/mail-dark.svg");*/
    }

    .phone-modal__link {
        margin-top: 20px;
    }

    .header-bottom__inner .current::after {
        content: unset;
    }

    .dropdown-links h5.all-pam {
        padding-bottom: 0;
    }

    .toggle-menu .icon-bar {
        height: 3px;
        display: block;
        width: 30px;
        opacity: 1;
        background: #1b2840;
        margin-bottom: 5px;
        cursor: pointer;
    }

    .toggle-menu .icon-bar:last-child {
        margin-bottom: 0;
    }

    .header-bottom__wrapper {
        grid-template-columns: 1fr max-content max-content max-content max-content;
    }

    .header-bottom__wrapper > a {
        width: max-content;
    }

    .header-bottom__wrapper .list {
        position: absolute;
        top: 100%;
        grid-auto-flow: row;
        opacity: 0;
        visibility: hidden;
        right: -100%;
        background: #fff;
        transition: all 0.3s;
        width: calc(100% - 100px);
        padding: 36px 50px;
    }

    header.active .button {
        /*background: unset;*/
        /*color: #292929;*/
        transition: unset;
    }

    .header-bottom__wrapper .list.adaptive-active {
        right: 0;
        width: 572px;
        visibility: visible;
        opacity: 1;
        transition: all 0.3s;
    }

    .list a.current::after {
        content: unset;
    }

    .list-more:hover::before {
        content: unset;
    }

    header .button {
        width: 100%;
        height: unset;
        justify-content: start;
        border: none;
        padding: 32px 0;
    }

    header .contact__form .button {
        padding: 0;
    }

    /*header .catalog-btn__wrapper {
        display: none;
    }*/
    header .catalog-btn__wrapper.load {
        display: block;
        padding: 0;
    }

    /* header.active .catalog-btn__wrapper.load {
    padding: 36px 0 12px;
  } */
    .catalog-btn {
        display: none;
        border: none;
    }

    .dropdown {
        padding: 0;
        position: relative;
        top: 0;
    }

    .dropdown-links {
        display: grid;
    }

    .dropdown .container {
        padding: 0;
        padding-bottom: 20px;
    }

    .dropdown-links ul {
        border-left: none;
    }

    .dropdown-links > a > h5 {
        border: none;
    }

    .model .swiper-scrollbar,
    .swiper-type .swiper-scrollbar-type {
        width: 100%;
    }

    .toggle-menu.active .hide-closed {
        opacity: 0 !important;
    }

    .toggle-menu .icon-bar {
        transition: all 0.3s;
    }

    .toggle-menu.active .icon-bar {
        margin-bottom: -2.5px;
        transition: all 0.3s;
    }

    .toggle-menu.active .skew-counter {
        transform: rotate(-45deg);
    }

    .toggle-menu.active .skew-clock {
        transform: rotate(45deg);
        margin-bottom: -3.5px;
    }

    .dropdown {
        height: 0;
    }

    .phone-modal__number > div {
        position: relative;
        display: flex;
    }

    .header-bottom__inner .list a {
        padding: 12px 10px 12px 0;
        height: max-content;
        line-height: 1;
        width: 100%;
        margin-bottom: 15px;
    }

    .header-bottom__inner .list .phone-modal__number a {
      padding: 12px 10px 0px 0px;
    }

    .header-bottom__inner .list ul.aux-header-menu > li > a,
    .header-bottom__inner .list ul.aux-header-menu > li > span {
      margin-bottom: 10px;
      padding: 12px 10px 12px 58px;
    }

    .header-bottom__inner .list a.button_gold {
/*        padding: 12px 10px;
        background: #AF996B;
        border-color: #AF996B;*/
    }

    .phone-modal__number > div .icon {
        position: absolute;
        right: 0;
    }

    .catalog-btn {
        padding: 5px 0;
    }

    .list-more h5 {
        display: none;
    }

    .header-bottom__wrapper .button div {
        /*padding: 0;*/
        /*font-weight: 700;*/
        /*font-size: 18px;*/
        /*position: relative;*/
        /*padding-left: 50px;*/
    }

    .catalog-btn__wrapper .button {
        /*background: unset;*/
        /*border: 1px solid #1b2840;*/
        display: grid;
        align-items: center;
        justify-content: center;
        /*margin-bottom: 12px;*/
    }

    .header-bottom__inner .list > ul > li:first-child {
        display: none;
    }

    .phone-modal__inner {
        padding: 36px 0;
    }

    .phone-modal__inner h3 {
        margin-bottom: 24px;
    }

    .phone-modal__number {
        gap: 0;
    }

    .header-bottom__inner .list a:not(.button_gold) {
/*        border-bottom: solid 1px #292929;
        width: max-content;*/
    }

    .header-bottom__inner .list .phone-modal__number a {
        width: 100%;
    }

    header .catalog-btn__wrapper a.button.catalog-menu-btn {
      padding: 0 0px 0 20px;
      height: 50px;
      max-width: none;
    }

    /*.header-bottom__wrapper .button div::after {*/
    /*  position: absolute;*/
    /*  content: '';*/
    /*  left: 0;*/
    /*  top: calc(50% - 12px);*/
    /*  width: 24px;*/
    /*  height: 24px;*/
    /*  background: url(/themes/nebonew/images/arrow-down.svg);*/
    /*  background-repeat: no-repeat;*/
    /*  background-position: center;*/
    /*  transform: rotate(0deg);*/
    /*  transition: all 0.3s;*/
    /*}*/
    /*header.active .header-bottom__wrapper .button div::after,*/
    /*.mobile-list.active li:first-child::after {*/
    /*  transform: rotate(180deg);*/
    /*  transition: all 0.3s;*/
    /*}*/
    .catalog-btn__wrapper {
        /*border-top: 1px solid #e2e2e2;*/
        /*border-bottom: 1px solid #e2e2e2;*/
        padding: 0;
        overflow: hidden;
    }

    header.active {
        overflow: unset;
    }

    .list-more::after {
        content: unset;
    }

    .mobile-list {
        padding: 36px 0;
        border-bottom: 1px solid #e2e2e2;
    }

    .mobile-list > li:first-child {
        padding: 0;
        font-weight: 700;
        font-size: 18px;
        position: relative;
        padding-left: 50px;
        line-height: 1.5;
    }

    .mobile-list li:first-child::after {
        position: absolute;
        content: '';
        left: 0;
        top: calc(50% - 12px);
        width: 24px;
        height: 24px;
        background: url(../images/arrow-down.svg);
        background-repeat: no-repeat;
        background-position: center;
    }

    .mobile-list li:not(:first-child) {
        visibility: hidden;
        height: 0;
    }

    .list-more li {
        visibility: hidden;
        height: 0;
    }

    .dropdown-links {
        width: 100%;
    }

    .dropdown-links {
        width: unset;
        max-width: unset;
    }

    header .mobile-list.active .list-more ul {
        position: static;
        visibility: visible;
        opacity: 1;
        padding: 0;
        display: block;
    }

    .mobile-list.active .list-more li:first-child::after {
        content: unset;
    }

    .mobile-list.active .list-more li:nth-child(2) {
        margin-top: 0;
    }

    .list-more {
        padding: 0;
    }

    .footer-top {
        grid-template-columns: 1fr 2fr;
    }

    .banner__item {
        min-height: 400px;
    }
}

@media (max-width: 1100px) {
    .article-wrap {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .article-wrap aside {
        position: static;
        max-width: 500px;
    }

    .article-text__item h1 {
        margin: 0 0 20px;
    }

    .article-author {
        margin-top: 0;
    }

    .card-life .card-top__attr {
        grid-template-columns: 2fr 1fr;
    }

    .stati-wrap {
        grid-column: 1;
    }

    .quiz .quiz-next,
    .quiz .webform-submission-form .quiz-prev {
        top: calc(100% + 70px);
    }

    .button_banner {
        transform: translateY(-100%);
    }

    .advantage-items {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: max-content;
    }

    .advantage-item {
        display: inline-block;
        height: max-content;
        max-height: max-content;
        min-height: unset;
    }
}

@media (max-width: 1010px) {
    .contact__item:last-child p a {
        padding: 4px 0;
    }

    .article-wrap {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .article-tags {
        max-width: 400px;
    }

    .view-pamyatniki .catalog,
    .view .catalog {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 767px) {

    fieldset[data-drupal-selector="edit-vid-pamyatnika"] .form-item-vid-pamyatnika label:hover::before,
    fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .js-form-type-checkbox label:hover::before {
        content: '';
        top: 36px;
        left: 36px;
        position: absolute;
        width: 20px;
        height: 20px;
        background-image: url('/themes/nebonew/images/check-hover.svg');
        border: none;
        border-radius: unset;
    }

    fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .js-form-type-checkbox label:hover::before {
        background-image: url('/themes/nebonew/images/check-2-hover.svg');
    }
}

@media (max-width: 1000px) and (min-height: 900px) {
    .quiz-content {
        max-height: 95%;
    }
}

@media (max-height: 900px) {
    .quiz-content {
        overflow: scroll;
    }

    .quiz-content .container {
        padding-bottom: 100px;
    }
}

@media (max-width: 1000px) {
    .footer-top {
        grid-template-columns: 1fr 3fr;
        gap: 16px;
    }

    .catalog-item picture img {
        height: 100%;
    }

    .catalog-list .catalog-list__item:first-child,
    .catalog-list .catalog-list__item:nth-child(2),
    .catalog-list .catalog-list__item:nth-child(3),
    .catalog-list .catalog-list__item:nth-child(4) {
        grid-row: unset;
    }

    .catalog-list .catalog-list__item {
        height: 400px;
        aspect-ratio: 2/3;
    }

    .anketa.modal .modal-content {
        padding: 0 20px;
        width: 85%;
    }

    .view-pamyatniki.view-pamyatniki-area {
        grid-template-columns: 1fr 1fr;
        gap: 0;
    }

    .view-pamyatniki.view-pamyatniki-area .view-filters {
        grid-column: 1/3;
    }

    .view-pamyatniki.view-pamyatniki-area .view-content {
        grid-column: 1/3;
    }

    .view-pamyatniki.view-pamyatniki-area .pager {
        margin-top: 50px;
    }

    .stati-wrap {
        margin-top: 80px;
    }

    .stati .stati__item {
        padding: 0 0 36px;
    }

    .footer-top__social {
        grid-column: 1/3;
    }

    .catalog-list__items {
        grid-template-columns: 1fr 1fr;
        width: max-content;
    }

    .info-items {
        grid-template-columns: 1fr;
    }

    .header-top__info {
        gap: 20px;
    }

    .header-top__wrapper {
        gap: 25px;
    }

    .view-pamyatniki,
    .view-tipovye-modeli-3d,
    .view-pamyatniki-material {
        grid-template-columns: 1fr 1fr;
    }

    .view-pamyatniki .view-filters,
    .view-tipovye-modeli-3d .view-filters,
    .view-pamyatniki-material .view-filters,
    .view-pamyatniki .view-content,
    .view-tipovye-modeli-3d .view-content,
    .view-pamyatniki-material .view-content,
    .js-pager__items.pager {
        grid-column: 1/3;
    }

    .rip-card {
        grid-template-columns: 1fr;
    }

    .view-rip {
        grid-template-columns: 1fr;
    }

    .view-rip .view-content,
    .view-rip .view-filters {
        grid-column: 1;
    }

    .rip-card .rip-card__img {
        order: -1;
        margin-bottom: 36px;
    }

    .filter-btn {
        font-weight: 700;
        font-size: 18px;
        line-height: 150%;
        color: #1b2840;
        background: transparent;
        border: none;
        position: relative;
        padding-left: 30px;
        display: block;
        padding: 32px 10px 36px 30px;
        width: 100%;
        text-align: left;
    }

    .view-filters {
        border-top: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
    }

    .view-filters .filter-btn::after {
        content: '';
        position: absolute;
        left: 0;
        top: calc(50% - 3px);
        width: 18px;
        height: 6px;
        background-image: url(/themes/nebonew/images/arrow-down.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        transform: rotate(0deg);
        transition: all 0.3s;
    }

    .view-filters.active .filter-btn::after {
        transform: rotate(180deg);
        transition: all 0.3s;
    }

    .view-filters .form--inline.clearfix {
        display: block;
        column-count: 2;
        gap: 30px;
        padding-bottom: 30px;
    }

    .bef-exposed-form .form--inline > .form-item {
        float: unset;
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .view-filters .form--inline.clearfix {
        border-top: none;
    }

    .view-filters > form {
        display: none;
    }

    .view-filters.active > form {
        display: block;
        border-top: 1px solid #e2e2e2;
        padding-top: 16px;
    }

    .view-filters fieldset .show {
        font-size: 17px;
    }

    /* Если в последней колонке меню 2 блока */
    /*.catalog-list .catalog-list__item:nth-child(4) img,
  .catalog-list .catalog-list__item:nth-child(5) img {
    max-height: 383px;
    width: 100%;
  }*/
    .textfield-inner {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .textfield-inner img {
        max-width: 50%;
    }

    .textfield-list__wrapper {
        grid-template-columns: 1fr;
        max-width: 607px;
    }

    .card-3d.card .card-top {
        gap: 30px;
    }

    .stati__item,
    .news__item {
        grid-template-columns: 1fr;
        gap: 0;
        padding-bottom: 32px;
        max-width: 500px;
    }

    .textfield-left .img__column {
        max-width: 100%;
    }

    .stati__item > div > p,
    .news__item > div > p {
        margin-bottom: 38px;
    }

    .view-stati .view-content {
        gap: 32px;
    }

    .youtube-container iframe {
        left: 50px;
        width: calc(100% - 100px);
        height: 100%;
    }

    .textfield-item {
        margin-bottom: 80px;
    }

    .textfield-inner img {
        width: 100%;
        max-width: 100%;
    }

    body .view-tipovye-modeli-3d nav.pager {
        grid-column: 1/3;
    }
}

@media (max-width: 950px) {
    .textfield-inner {
        grid-template-columns: 1fr;
    }

    .layout-checkout-form.clearfix {
        grid-template-columns: 1fr;
    }

    .layout-region-checkout-secondary {
        justify-self: start;
    }

}

@media (max-width: 900px) {
    .contact .contact__inner {
        grid-template-columns: 1fr;
        gap: 56px;
        padding-top: 60px;
    }

    .view-rip-city > .view-content {
        margin-bottom: 80px;
    }

    .contact .contact__form {
        margin: 0 -25px;
        padding: 65px 25px 60px;
        margin: 0;
    }

    .city-card {
        grid-template-columns: 1fr;
    }

    .contact form {
        max-width: 450px;
    }

    .container {
        padding: 0 25px;
    }

    .model {
        margin: 50px 0 80px;
    }

    .addon {
        margin: 50px 0 0;
    }

    .anketa-info,
    .textfield-list {
        padding: 80px 0;
    }

    .textfield-right-info {
        margin-top: 80px;
    }

    .anketa p,
    .textfield {
        margin-bottom: 80px;
    }

    .contact {
        padding-bottom: 60px;
        position: relative;
    }

    .contact .contact__form {
/*        position: absolute;*/
        bottom: 0;
        left: 0;
        padding: 65px 25px 60px;
        width: 100%;
        max-width: unset;
    }

    .textfield-inner p {
        padding: 24px 0;
    }

    .catalog-list__item h3 {
        margin: 0 18px 35px;
    }

    .quiz .container_background {
        min-height: 400px;
    }
}


@media (max-width: 860px) {
    .view-uslugi .catalog {
        grid-template-columns: repeat(2, 1fr);
    }

    .content-item {
        position: absolute;
        transform: translateX(200%);
        transition: all 0.3s;
        visibility: hidden;
    }

    .phone-modal__inner {
        padding: 40px 0;
    }

    .phone-modal .container {
        grid-template-columns: 1fr;
        row-gap: 0;
    }

    .content-item:not(.phone-modal__img).active {
        transform: translate(0%);
        position: static;
        width: calc(100vw - 32px);
        max-width: unset;
        visibility: visible;
        transition: all 0.3s;
    }

    .header-top__phone.active .phone-modal {
        overflow-x: hidden;
    }

    .textfield-item {
        margin-bottom: 50px;
    }

    .textfield-inner .textfield600 img {
        max-width: 100%;
    }

    .card-life .card-top__attr {
        grid-template-columns: 1fr;
    }

    .phone-modal .contact__form {
        margin-bottom: 60px;
    }

    .phone-modal__link {
        display: grid;
        grid-template-rows: max-content max-content max-content;
    }

    .phone-modal__number {
        margin-bottom: 30px;
    }

    .phone-modal__inner {
        grid-template-rows: max-content max-content;
    }

    header .phone-modal .contact__form {
        max-width: calc(100% - 50px);
    }

    .rip__item {
        grid-template-columns: 1fr;
    }

    .rip__item-work {
        margin-bottom: 12px;
    }

    .rip__item-address {
        margin-bottom: 15px;
    }
}

@media (min-height: 800px) {
    .quiz .fieldset-wrapper {
        min-height: 520px;
    }
}

@media (max-width: 800px) {
    .header-top .header-top__wrapper:first-child {
        gap: 0;
    }

    .header-top__info {
        display: none;
    }

    .header-top__location .nice-select .list {
        left: 0;
        right: unset;
    }

    .contact {
/*        padding-bottom: 560px;*/
    }

    .banner__inner {
        height: calc(100% - 60px);
    }

    .button_banner {
        transform: translateY(-10%);
    }
}

@media (max-width: 780px) {
    .banner__item {
        min-height: 450px;
    }
}

@media (max-width: 767px) {
    .button_top-header {
        min-width: unset;
    }

    .footer-top {
        grid-template-columns: 1fr;
        row-gap: 40px;
    }

    .quiz-close {
        background-color: #fff;
        top: 10px;
        right: 5px;
        border-radius: 50%;
        padding: 0;
        width: 20px;
        height: 20px;
        z-index: 12;
    }

    .quiz-close::before, .quiz-close::after {
        position: absolute;
        top: calc(100% - 10px);
        left: 3px;
    }

    .quiz-close::after {
        margin-top: 0;
    }

    fieldset[data-drupal-selector="edit-vid-pamyatnika"] .form-item-vid-pamyatnika label::after {
        content: unset;
    }

    fieldset[data-drupal-selector="edit-vid-pamyatnika"] .form-item-vid-pamyatnika input:checked ~ label::before,
    fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .js-form-type-checkbox input:checked ~ label::before {
        left: 8px;
        top: 10px;
    }

    .datepicker--cell,
    .datepicker--day-name {
        width: 50px;
        height: 50px;
    }

    fieldset[data-drupal-selector="edit-vid-pamyatnika"] .form-item-vid-pamyatnika label,
    fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .js-form-type-checkbox label {
        padding: 0 8px 10px;
        height: calc(100% - 10px);
        width: calc(100% - 16px);
    }

    fieldset[data-drupal-selector="edit-vid-pamyatnika"] .form-item-vid-pamyatnika label::before,
    fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .js-form-type-checkbox label::before {
        left: 8px;
        top: 10px;
    }

    fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .webform-options-display-one-column,
    fieldset[data-drupal-selector="edit-vid-pamyatnika"] .js-webform-radios {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .progress-tracker {
        left: 0;
        max-width: unset;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .webform-progress-tracker .progress-text {
        display: block !important;
    }

    .breadcrumb .swiper-button-next-breadcrumbs {
        height: 13px;
        width: 40px !important;
        color: #7b7f89;
        position: absolute;
        margin-top: 0 !important;
        right: 0px;
        top: calc(50% - 6.5px);
        display: flex;
        justify-content: end;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.7) 29%, rgba(255, 255, 255, 1) 100%);
    }

    .breadcrumb .swiper-button-next-breadcrumbs::after {
        content: ' ' !important;
        background: none;
        position: static;
        justify-content: start;
        width: 13px;
        margin-left: auto;
        height: 100%;
        align-items: end;
        margin: 0;
        transform: unset !important;
        display: flex;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(/themes/nebonew/images/arrow-breadcrumbs.svg);
        border: none !important;
    }

    .breadcrumb .swiper-button-next-breadcrumbs {
        margin-top: auto;
        margin-right: 0;
        opacity: 1;
    }

    .breadcrumb .swiper-button-next-breadcrumbs.swiper-button-disabled {
        display: none;
    }

    .breadcrumb .swiper-wrapper {
        position: static;
    }

    .epitafy-processed {
        grid-template-columns: 1fr;
        justify-content: start;
        gap: 30px;
    }

    .epitafy-fonts {
        margin-left: 0;
        justify-content: start;
    }

    .footer-top__social {
        grid-column: 1;
    }

    .info-items {
        grid-template-columns: 1fr;
        row-gap: 34px;
    }

    .copyright {
        grid-template-columns: 1fr;
        row-gap: 40px;
    }

    .copy__date {
        justify-self: start;
    }

    .info-item__second picture {
        margin-bottom: 16px;
    }

    .info-items picture {
        order: -1;
    }

    .info-item h2 {
        margin-bottom: 16px;
    }

    .info-item p {
        margin-bottom: 16px;
    }

    .view-filters {
        position: relative;
    }

    .view-filters fieldset.fieldgroup .form-radios label::after,
    .view-filters fieldset.fieldgroup .form-checkboxes label::after {
        width: 18px;
        height: 18px;
        top: calc(50% - 9px);
    }

    .view-filters fieldset.fieldgroup .form-radios label,
    .view-filters fieldset.fieldgroup .form-checkboxes label {
        font-size: 18px;
    }

    .view-filters .fieldset-wrapper ul > li > ul > li:first-child {
        margin-top: 11px;
    }

    .view-filters fieldset ul {
        gap: 11px;
    }

    .view-commerce-cart-form form {
        gap: 0;
    }

    .view-filters fieldset legend {
        padding: 18px 0;
    }

    /*[class^='swiper-button-prev'],
    [class^='swiper-button-next'] {
        display: none;
    }*/
    .contact__items {
        margin-top: 36px;
    }

    .card-top .btn-group a,
    .accept {
        height: 43px;
    }

    .card-3d .card-top .btn-group .button--add-to-cart {
        height: 45px;
    }

    .block-page-title-block {
        margin-bottom: 25px;
    }

    .tabs {
        margin-top: 20px;
        order: 1;
    }

    .tabs-item__wrapper > h3 {
        padding: 26px 0;
    }

    .info-item li {
        padding: 24px 0;
    }

    .card-top {
        margin: 0 0 50px;
    }

    .card-life .card-top {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .card-top__leftbar {
        display: grid;
    }

    .card-top__info {
        position: static;
        margin-top: 32px;
    }

    .breadcrumb li:before {
        margin-right: 10px;
    }

    .breadcrumb li {
        margin-right: 10px;
    }

    .view-tipovye-modeli-3d .catalog {
        grid-template-columns: repeat(2, 1fr);
    }

    .textfield-list-border li {
        padding: 24px 0;
    }

    .card-3d .card-top__size {
        grid-template-columns: max-content 1fr;
    }

    /* .card-3d .card-top__size__wrapper {
    justify-content: end;
  } */
    /* .card-3d .card-top__size__select {
    column-count: 1;
  } */
    .price-cart {
        display: grid;
        gap: 20px;
    }

    .product-price-cart {
        justify-self: end;
    }

    .calc-size__item label {
        margin-bottom: 20px;
    }

    .slider-output {
        padding: 0;
    }

    section.list,
    .portfolio-slider {
        margin: 56px 0;
    }

    .stati__item h2,
    .news__item h2 {
        margin: 24px 0 18px;
    }

    .article-text__bold,
    .article-text__faq {
        padding: 24px 0;
    }

    .article-text__item h2 {
        margin-bottom: 24px;
    }

    .article-text__item p {
        margin-bottom: 32px;
    }

    .article-text > p {
        margin-bottom: 56px;
    }

    .article-text__item:not(:last-child) {
        margin-bottom: 56px;
    }

    .article-text__item:last-child p:last-child {
        margin-bottom: 0;
    }

    .filter-btn {
        padding: 16px 10px 16px 30px;
    }

    .view-filters .form-item-sort-bef-combine {
        top: 0px;
    }

    .form-type-select .nice-select {
        display: grid;
        height: 59px;
        align-items: center;
    }

    .card-life .card-top__attr {
        grid-template-columns: 1fr 1fr;
    }

    .interaction {
        display: block;
    }

    .banner__info {
        padding: 24px;
    }

    .swiper-control_banner {
        bottom: 24px;
    }

    .star-wrap {
        display: none;
    }
}

@media (max-height: 767px) {
    div[data-webform-key] {
        max-height: calc(100vh - 100px);
    }

    fieldset[data-drupal-selector="edit-vid-pamyatnika"] .form-item-vid-pamyatnika label,
    fieldset[data-drupal-selector="edit-dopolnitelnye-uslugi"] .js-form-type-checkbox label {
        height: -webkit-fill-available;
    }

    .webform-options-display-one-column > .js-form-item {
        aspect-ratio: 0.7;
        height: auto;
    }

    .datepicker-inline .datepicker {
        height: calc(100vh - 242px);
        min-height: unset;
    }

    .js-form-type-webform-markup:not(.js-form-item-btns) > div {
        max-height: calc(100vh - 242px);
    }

    .datepicker--cell,
    .datepicker--day-name {
        min-height: 44px;
        height: 100%;
    }

    .quiz .container_background {
        min-height: unset;
        height: calc(100vh - 245px);
    }

    .quiz .contact__input.contact__input {
        height: 50px;
    }

    .quiz input[type="submit"].quiz-submit {
        height: 50px;
    }
}

@media (max-width: 700px) {
    .card .card-top__photo.swiper {
        height: unset;
        display: block;
    }
}

@media (max-width: 660px) {
    /*.header-top__social {*/
    /*  display: none;*/
    /*}*/
    .header-top__social .telegram,
    .header-top__social .viber,
    .header-top__social .max {
        display: none;
    }

    .view-pamyatniki .catalog,
    .view .catalog {
        grid-template-columns: repeat(2, 1fr);
    }

    .view-uslugi .catalog h3 {
        padding: 0 18px;
    }

    .view-uslugi .catalog h3::after {
        left: 18px;
    }

    .phone-modal .contact__form {
        padding: 20px 18px;
    }

    .contact__input {
        height: 40px;
    }

    .contact__btn-form .button {
        height: 40px;
    }

    .personal-info input {
        padding: 0;
    }

    .map__navigation .or {
        display: none;
    }

    .map__navigation-label {
        display: block;
    }

    .map__icon {
        margin-right: 15px;
    }

    .map__navigation {
        margin-bottom: 28px;
    }

    .map__navigation a {
        display: block;
        margin: 10px 0;
    }

    .map h3 {
        margin-bottom: 18px;
    }

    /* Banner */
    .banner {
        margin-top: 28px;
    }

    .banner__item {
        display: block;
    }

    .banner__info {
        min-height: 400px;
        padding: 32px 16px;
        width: 100%;
        background-color: rgb(27 40 64 / 90%);
    }

    .button_banner {
        transform: unset;
    }

    .banner__img {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }

}

@media (max-width: 600px) {
    .view-filters .form--inline.clearfix {
        column-count: 1;
    }

    .catalog-list__items {
        width: 100%;
    }

    .catalog-list .catalog-list__item {
        aspect-ratio: unset;
    }

    .model,
    .info {
        margin: 56px 0;
    }

    .addon {
        margin: 56px 0 0;
    }

    footer,
    .anketa-info,
    .advantage {
        padding: 56px 0;
    }

    .anketa p {
        margin-bottom: 50px;
    }

    .textfield-right-info {
        margin-top: 50px;
    }

    .textfield {
        margin-bottom: 50px;
    }

    .textfield-bottom {
        margin: 60px 0 0;
    }

    .portfolio-slider .btns,
    .model .btns {
        grid-template-columns: 1fr;
        margin-top: 32px;
    }

    .portfolio-slider .btns > div,
    .model .btns > div {
        order: -1;
    }

    .textfield-list {
        padding: 50px 0;
    }

    .contact {
/*        padding-bottom: 500px;*/
    }

    .card-life .card-top__attr {
        grid-template-columns: 1fr max-content;
    }

    .review {
        padding-top: 56px;
    }
}

@media (max-width: 540px) {
  .header-top__social .wa {
    display: none;
  }
}

.header-top__phone__mobile {
  display: none;
}

@media (max-width: 530px) {
    .header-top__phone__mobile {
      order: 0;
      display: grid;
      justify-content: start;
    }

    .header-top__phone__mobile a {
      background: url(../images/phone__small_s.png) no-repeat 6px center #f5b400;
      height: 30px;
      align-items: center;
      justify-content: center;
      display: flex;
      padding: 0px 10px 0px 31px;
      background-size: 19px;
    }

    .header-top__phone__mobile a:hover {
      background-color: #1b2840;
      color: #ffffff;
    }

    .header-top .header-top__wrapper:first-child {
        display: none;
    }

    .header-bottom__icons {
        display: none;
    }

    /*.basket.noempty::after {*/
    /*    content: '';*/
    /*    position: absolute;*/
    /*    right: 2px;*/
    /*    top: 2px;*/
    /*    width: 2px;*/
    /*    height: 2px;*/
    /*    background: #2a3042;*/
    /*    border-radius: 50%;*/
    /*}*/

    .basket {
        display: none;
        position: fixed;
        right: 25px;
        bottom: 25px;
        /*background-color: #3a5079;*/
        z-index: 99;
        border-radius: 50%;
        background: #AF996B;
        border: 1px solid #fff;
    }

    /*.header-bottom__icons {*/
    /*    position: fixed;*/
    /*    bottom: calc(-100vh + 82px);*/
    /*    right: 25px;*/
    /*    background: #AF996B;*/
    /*    border-radius: 50%;*/
    /*}*/

    .basket svg path {
        stroke: #fff;
    }

    .basket svg circle {
        fill: #fff;
    }

    .button_top-header {
        display: none;
    }

    .header-top__phone {
        display: none;
        text-indent: -999px;
        background-image: url("/themes/nebonew/images/phone-dark.svg");
        width: 17px;
        height: 16px;
    }

    .header-top__phone a {
        border-bottom: none;
    }

    .button_top-header {
        text-indent: -999px;
        background-image: url("/themes/nebonew/images/phone.svg");
    }

    .tabs-item--general {
        margin-bottom: 26px;
    }

    header .container {
        display: grid;
        grid-auto-flow: row;
    }

    .header-top {
        display: none;
    }

    .header-bottom__wrapper {
        grid-template-columns: 1fr max-content max-content max max-content;
    }

    .header-bottom__wrapper > a {
        order: -1;
    }

    .header-bottom__wrapper > a img {
        max-height: 24px;
        width: unset;
    }

    .header-bottom {
        border-top: none;
    }

    .header-top__location.active > li:first-child::after {
        transform: rotate(180deg);
        transition: all .3s;
    }

    .header-top__location > li:first-child::after {
        transform: rotate(0deg);
        transition: all .3s;
    }

    .main {
        margin-top: 65px;
    }

    main {
        margin-top: 55px;
    }

    .header-bottom__wrapper .list.adaptive-active {
        max-height: calc(100vh - 110px);
    }

    .header-top__street {
        display: none;
    }

    .header-top__location > li {
        padding: 0;
        font-weight: 700;
        font-size: 18px;
        position: relative;
        padding-left: 50px;
        line-height: 1.5;
    }

    .header-top__location {
        grid-auto-flow: unset;
        /*padding: 24px 0;*/
        border-bottom: 1px solid #e2e2e2;
        gap: 0;
    }

    /*header .catalog-btn__wrapper .button,*/
    ul.list .mobile-list {
        padding: 24px 0;
    }

    .header-top__location.active {
        gap: 26px;
    }

    .header-top__location > li:first-child::after {
        position: absolute;
        content: '';
        left: 0;
        top: calc(50% - 12px);
        width: 24px;
        height: 24px;
        background: url(../images/arrow-down.svg);
        background-repeat: no-repeat;
        background-position: center;
    }

    .header-bottom__wrapper .nice-select .list.adaptive-active {
        position: static;
        display: contents;
    }

    .header-top__location .nice-select li {
        visibility: visible;
        height: auto;
        transition: all .3s;
        opacity: 1;
    }

    /*.header-top__location .nice-select .current {*/
    /*    display: none;*/
    /*}*/
    /*.header-top__location .nice-select:after {*/
    /*    content: unset;*/
    /*}*/
    /*.header-top__location .nice-select,*/
    /*.header-top__location .nice-select li,*/
    .header-top__location .nice-select .option:before,
    .header-top__location .nice-select .option:after {
        visibility: hidden;
        height: 0;
        transition: all .3s;
        opacity: 0;
    }

    .header-bottom__wrapper .list {
        visibility: unset;
    }

    .header-top__location .nice-select li {
        padding: 0;
        width: auto;
    }

    .header-top__location .nice-select .list {
        width: auto;
    }

    .header-top__location .nice-select {
        width: max-content;
        max-width: 160px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .header-top__location.active .nice-select,
    .header-top__location.active .nice-select .option:before,
    .header-top__location.active .nice-select .option:after,
    .header-top__location.active .nice-select li {
        visibility: visible;
        height: auto;
        transition: all .3s;
        opacity: 1;
    }

    .header-top__location.active .nice-select .option:before,
    .header-top__location.active .nice-select .option:after {
        height: 45px;
    }

    .header-bottom__wrapper {
        grid-template-columns: max-content 1fr max-content  max-content max-content 45px;
    }

    #touch-menu {
        order: 1;
        display: grid;
        justify-content: end;
    }

    .header-bottom__wrapper {
        gap: 7px;
    }

    .header-top__location {
        list-style-type: none;
        border: none;
    }

    .header-top__location > li {
        font-weight: 400;
        font-size: 14px;
    }

    .card-3d .card-top__photo {
        grid-template-columns: 1fr;
    }

    .card-3d.card .card-top {
        grid-template-columns: 1fr;
    }

    .swiper-control_banner {
        left: 16px;
        bottom: 38px;
    }
}

@media (min-width: 500px) {
    .modal-click {
        display: none;
    }
}

@media (max-width: 500px) {
    .card-top .btn-group a {
      padding: 0 25px;
      font-size: 17px;
    }

    .footer-top__inner {
        grid-template-columns: 1fr;
        row-gap: 40px;
    }

    .card-life .card-top .btn-group .button--add-to-cart,
    .card-3d .card-top .btn-group .button--add-to-cart {
        margin-left: 10px;
    }

    div[data-webform-key] {
        max-height: 100%;
    }

    .quiz-content .container {
        padding-bottom: 68px;
    }

    .quiz .fieldset-subtitle {
        display: none;
    }

    .js-form-type-webform-markup:not(.js-form-item-btns) > div {
        max-height: 100%;
    }

    .datepicker-inline .datepicker {
        height: 100%;
    }

    .quiz .quiz-next,
    .quiz .webform-submission-form .quiz-prev {
        position: fixed;
        top: calc(100% - 47px);
        left: 16px;
        background-color: #fff;
        z-index: 11;
    }

    .quiz .webform-submission-form .progress-tracker {
        position: fixed;
        top: calc(100% - 74px);
        width: calc(100% - 32px);
        left: 16px;
        z-index: 11;
    }

    .quiz .quiz-next {
        left: unset;
        right: 16px;
        padding: 5px 40px 5px 10px;
        background-position: 75px;
    }

    .quiz .quiz-prev {
        padding: 5px 10px 5px 40px;
        background-position: 12px;
    }

    .focus-form .form-item-form-descr {
        display: none;
    }

    .focus-form .container_background {
        min-height: 350px;
        margin-top: 100px;
    }

    .anketa.modal .anketa-info p {
        margin-bottom: 50px;
    }

    .anketa.modal .modal-content {
        max-height: auto;
    }

    .container-quiz {
        max-width: 100%;
        padding: 0 16px;
    }

    .advantage-items {
        grid-template-columns: 1fr;
    }

    .advantage-item {
        display: block;
    }

    .copyright {
        margin-top: 25px;
    }

    .card-life .card-top__attr {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .card-top__attr--info > div {
        grid-template-columns: max-content 1fr;
    }

    .datepicker--cell,
    .datepicker--day-name {
        width: 100%;
        aspect-ratio: 1;
    }

    .datepicker {
        min-height: 100%;
    }

    .footer-top {
        row-gap: 40px;
    }

    .footer-top__item:not(.footer-top__img) {
        padding-top: 25px;
        border-top: 1px solid #7b7f89;
    }

    .container {
        padding: 0 16px;
    }

    .contact .contact__form {
        padding: 56px 16px 56px;
        width: 100%;
    }

    .contact__input {
        height: 56px;
    }

    .contact__btn-form .button {
        height: 56px;
    }

    .header__top {
        height: 0;
    }

    .header.header-background::after {
        content: unset;
    }

    .header__bot {
        grid-template-columns: 60px 1fr;
    }

    /* .catalog-item {
    display: grid;
    grid-template-rows: max-content 1fr 1fr max-content;
  } */
    .pay-block {
        justify-self: start;
        margin-top: 16px;
    }

    .portfolio-slider .swiper-slide > p {
        -webkit-line-clamp: 3;
    }

    .view-uslugi .catalog {
        grid-template-columns: 1fr;
    }

    .catalog-list .catalog-list__item:first-child,
    .catalog-list .catalog-list__item:nth-child(2),
    .catalog-list .catalog-list__item:nth-child(3),
    .catalog-list .catalog-list__item:nth-child(4) {
        grid-row: unset;
    }

    .catalog-list__items {
        grid-template-columns: repeat(2, 1fr);
    }

    .catalog-list__item {
        max-height: 200px;
    }

    .footer-top__social {
        position: relative;
    }

    .footer-top__social::after {
        content: '';
        position: absolute;
        top: -1px;
        width: calc(100vw - 32px);
        background: #7b7f89;
        height: 1px;
    }

    .copyright {
        border-top: 1px solid #7b7f89;
    }

    /* .catalog-item {
    grid-template-rows: max-content 1fr 2fr max-content;
  } */
    .catalog-item > p {
        -webkit-line-clamp: 5;
    }

    .card-top__kit ul {
        list-style: disc;
    }

    /*.card-life .card-top__kit ul li {
        margin-left: 23px;
        padding-left: 15px;
    }*/
    .card-life .card-top__kit .field__item {
        border: none;
    }

    .card-life .card-top__kit .field__item a.card-top__kit-item {
        padding: 0;
        grid-template-columns: minmax(120px, 130px) 1fr;
        grid-template-rows: repeat(2, max-content);
    }

    .card-life .field--name-variations {
        padding: 20px 0;
    }

    .card-life .card-top__kit .field__items {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .card-life .card-top__kit .field__item h4 {
        align-self: start;
        font-size: 18px;
    }

    .card-top .btn-group {
        margin-bottom: 36px;
    }

    /*.card-top__attr > div:nth-child(2) {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 13px;
    }

    .card-top__attr > div:nth-child(2) .card-top__attr-label {
        grid-row: 1/3;
    }*/
    .card-life .card-top__kit .field__item.active-href {
        border: none;
        grid-template-columns: 1fr;
    }

    /*.card-life .card-top__kit .field__item h4 {
        order: 3;
    }*/
    /*.card-life .field__item:not(.active-href) .price {
        visibility: hidden;
    }*/
    .card-life .card-top .price {
        position: relative;
        padding: 0;
        justify-self: start;
        /*order: -1;*/
        border: none;
        grid-column: 2 / 3;
    }

    .card-life .card-top .price::after {
        content: '';
        position: absolute;
        left: 0;
        /* width: calc(100vw - 36px); */
        height: 1px;
        background: #e2e2e2;
        top: -1px;
    }

    .card-top__facture {
        grid-template-columns: 1fr;
    }

    .article-author {
        grid-auto-flow: unset;
        width: 100%;
    }

    .article-share {
        margin-top: 32px;
    }

    .tabs-item__komp .item-param div:nth-child(2) {
        justify-self: end;
    }

    .view-gotovye-modeli .pay-block,
    .view-gotovye-modeli .pay-block-null {
        margin-top: auto;
    }

    header .phone-modal .contact__form {
        max-width: calc(100% - 32px);
    }

    .phone-modal__inner {
        width: 100%;
    }

    .content-item:not(.phone-modal__img) {
        margin-right: unset;
    }

    .contact__input {
        height: 43px;
    }

    .article-wrap {
        gap: 0;
    }

    .catalog-list__item h3 {
        margin: 0 18px 26px;
    }

    .catalog-list__item h3::before {
        width: 40px;
        height: 1px;
    }

    .catalog-list__item:hover h3::before {
        width: 80px;
    }

    .addon__more {
        display: grid;
        align-items: center;
        justify-content: center;
        max-width: 250px;
        padding: 0 26px;
        height: 42px;
        margin: 0;
        color: #1B2840;
        border: 1px solid #1B2840;
        margin-top: 30px;
    }

    .addon a {
        padding: 0 16px;
        height: 32px;
    }

    .contact__item:last-child p span {
        display: none;
    }

    .contact__item:last-child p {
        display: grid;
        gap: 15px;
    }

    .contact__item:last-child a {
        text-decoration: underline;
        position: relative;
        margin: 0;
    }

    .contact__item:last-child {
        align-items: start;
    }

    .contact__item.contact__navigation a::after {
        content: url(/themes/nebonew/images/navigator.svg);
        position: absolute;
        left: -40px;
        top: 3px;
        width: 20px;
        height: 20px;
    }

    .view-area-page {
        margin-bottom: 60px;
    }

    .article-information {
        justify-content: center;
    }

    .article-author__img,
    .article-share {
        display: grid;
        justify-content: center;
    }

    .article-author__info p,
    .article-author__name,
    .article-author__position {
        margin: 0 auto;
    }

    .article-share > span {
        margin: 0 auto 18px;
    }

    .modal .modal-content {
        width: calc(100% - 30px);
        padding: 60px 15px;
    }

}

@media (max-width: 480px) {
    .header-bottom__wrapper {
      gap: 7px;
      display: flex;
      justify-content: space-between;
    }

  .header-top__location .nice-select {
    max-width: 160px;
  }

    .header-bottom__inner {

    }

    /*.header-bottom__wrapper {
        grid-template-columns: max-content 1fr max-content  max-content max-content 45px;
    }*/
}

@media (max-width: 479px) {
  .header-top__location .nice-select {
    max-width: 100px;
  }
}

@media (max-width: 450px) {
    .anketa button {
        width: 100%;
    }

    .card-life .card-top__attr {
        grid-template-columns: 1fr;
    }

    .card-3d .card-top__attr > div:nth-child(2) {
        display: grid;
    }
}

@media (max-width: 410px) {
  .header-top__location .nice-select {
    padding-right: 17px;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .header-bottom__wrapper > a {
    width: 30px;
  }
  .header-top__location .current {
    font-size: calc(12px + 2 * ((100vw - 320px) / (1920 - 320)));
  }
  .header-top__phone__mobile a {
    font-size: calc(12px + 2 * ((100vw - 320px) / (1920 - 320)));
    background-size: 16px;
    padding: 0px 7px 0px 26px;
  }
  #touch-menu {
    margin-left: 7px;
  }
  .header-top__phone__mobile {
    margin-left: -7px;
  }

}

@media (max-width: 400px) {
    /*.header-bottom__wrapper {*/
    /*    grid-template-columns: 1fr max-content max-content;*/
    /*}*/
    .catalog-list__item {
/*        max-height: 112px;*/
    }

    main {
        margin-top: 42px;
    }

    /*.basket svg path {*/
    /*    stroke: #fff;*/
    /*}*/

    /*.basket svg circle {*/
    /*    fill: #fff;*/
    /*}*/

    .tabs {
        margin-top: 50px;
    }

    /*.basket {*/
    /*    display: none;*/
    /*}*/

    .card-3d .card-top__size__select {
        column-count: unset;
    }

    .card-3d .card-top__size__wrapper {
        justify-content: end;
    }
}

@media (max-width: 360px) {
    .header-bottom__wrapper {
        gap: 0;
    }

    .header-top__location {
        margin-left: 5px;
    }

    .header-top__social a {
        padding: 5px;
    }

    .header-top__phone {
        margin-right: 10px;
    }

    .header-top__social {
        margin-right: 10px;
    }
}

/*
@media (max-width: 350px) {
    .card-top__attr > div:nth-child(2) {
        display: inline-grid;
    }
}*/


.header-bottom__wrapper .button span.catalog-btn-title,
header.active .header-bottom__wrapper .button span.catalog-btn-title {
  background: transparent;
}

#mobile-menu-arrow {
  display: none;
}

@media (max-width: 1125px) {

  #desktop-menu-arrow {
    display: none;
  }

  #mobile-menu-arrow {
    display: block;
  }

  .catalog-btn-arrow {
    position: relative;
    z-index: 999;
    margin-left: auto;
  }

  #header-menu {
    position: relative;
    background-color: transparent;
    padding: 5px 5px;
    border-top: none;
    transition: all 1s ease;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    display: block;
  }
  #header-menu.mobile-invis {
    max-height: 0px;
  }
  #header-menu:not(.mobile-invis) {
    /*max-height: 999px;*/
  }
  #header-menu a.header-menu-item {
    color: black;
    padding-bottom: 5px;
  }
  a.catalog-menu-btn, a.catalog-menu-btn:visited, a.catalog-menu-btn:hover {
    color: white;
  }
}

.article-text {
  margin-top: 80px;
}

.field--name-field-bodyintro {
  
}

.field--name-field-bodyintro h1 {

}

.field--name-field-bodyintro p {
  margin-bottom: 80px;
  font-weight: 400;
  font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
  line-height: 150%;
}

.page-node-type-article .anketa-info {
  padding: 50px 30px 50px 0px;
}

.page-node-type-article .anketa h2 {
  font-size: calc(26px + 1 * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: 32px;
}

.page-node-type-article .anketa h2::after {
  top: calc(100% + 16px);
}

.page-node-type-article .anketa > .container {
  padding: 0 30px;
}

.page-node-type-article .anketa p {
  font-size: calc(15px + 2 * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: 30px;
  margin-top: 30px;
}


.page-node-type-article .anketa img {
  object-fit: cover;
}

.anketa-article-two {
  margin-top: 60px;
}

.page-node-type-article .anketa .button_gold {
  padding: 0 35px;
}

.button_blue {
  background-color: #0088cc;
  border-color: #0088cc;
  color: #ffffff;
}

.button_green {
  background-color: #43d854;
  border-color: #43d854;
  color: #ffffff;
}

.button_green_two {
  background-color: #00B73A;
  border-color: #00B73A;
  color: #ffffff;
  max-width: fit-content;
}

.anketa .button_blue:hover,
.anketa .button_green:hover,
.button_green_two:hover
 {
  border-color: #ffffff;
}

@media (min-width: 1201px) and (max-width: 1300px) {
  .anketa .button.button_blue,
  .anketa .button.button_green{
    padding: 0px 15px;
  }
}

@media (min-width: 1301px) and (max-width: 1599px) {
  .anketa .button.button_blue,
  .anketa .button.button_green{
    padding: 0px 25px;
  }
}

@media (max-width:  380px) {
  .page-node-type-article .anketa .button_gold {
    padding: 0 5px;
    width: 100%;
    max-width: 100%;
    font-size: 18px;
  }
}

@media (max-width:  400px) {
  .contact__btn-form .button {
    font-size: 18px;
    padding: 0px;
  }
}

.sublabel_div {
  margin-bottom: 30px;
}

#block-contact h2 {
  font-size: 20px;
  font-weight: 700;
}

.contact__label.no_circle {
  color: white;
}

#block-popup-general h2 {
  font-size: 25px;
}

#block-popup-order h2 {
  font-size: 25px;
  color: white;
  margin-bottom: 32px;
}

.catalog-item > p {
  margin: 15px 0px;
}

.catalog-item > h5 a {
  line-height: 20px;
}

@media (min-width: 661px) and (max-width: 880px) {
  .pay-block a {
    padding: 0px 15px;
  }
}
@media (max-width: 660px) {
  .pay-block a {
    max-width: unset;
  }
}

@media (max-width: 580px) {
    .pay-block a {
        padding: 0px 7px;
        min-width: unset;
        font-size: 15px;
    }
}

@media (max-width: 390px) {
    .button_banner {
         padding: 0px 10px;
        font-size: 20px;
    }
}

@media (min-width: 1126px) {
  .header-top__phone a {
    font-weight: bold;
    font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
  }
  #intro-div .button.large_button {
    font-weight: bold;
  }
}

.pulseme {
  box-shadow: 0 0 0 rgba(204,169,44, 0.4);
  animation: pulseme 2s infinite;
}
.pulse:hover {
  animation: none;
}

.services-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

.services-main {

}

.services-main a {
  display: block;
  width: calc(25% - 8px);
}

.services-aux {
  
}

.services-aux a {
  display: block;
  width: calc(33% - 8px); 
  margin-bottom: 24px;
}

@media (max-width: 1160px) {
  .services-main a {
    width: calc(33% - 8px);
    margin-bottom: 18px;
  }
}

@media (max-width: 860px) {
  .services-main a {
    width: calc(50% - 8px);
    margin-bottom: 16px;
  }  
  .services-aux a {
    width: calc(50% - 8px);
    margin-bottom: 16px;
  }
}

@media (max-width: 500px) {
  .services-main a {
    width: 100%;
  }  
  .services-aux a {
    width: 100%;
  }
}

@media (min-width: 1001px) and (max-width: 1480px) {
  .pay-block a {
    padding: 0px 15px;
    max-width: unset;
  }
}

.darken {
  -webkit-filter: brightness(70%);
  filter: brightness(0.7);
}

.services-container a img {
  -webkit-filter: brightness(70%);
  filter: brightness(0.7); 
}
/* --- */
.addon-top {
  margin: 0px;
}

.view-pamyatniki-page .view-header {
  height: 50px;
  position: absolute;
  left: 273px;
  top: -56px;
}

.view-pamyatniki-page {
  margin-top: 80px;
}

@media (max-width: 1320px) {
  .addon-top.addon a {
    padding: 0 10px;
    height: 32px;
    font-size: calc(12px + 2 * ((100vw - 320px) / (1920 - 320)));
  }
}

@media (max-width: 1040px) {
  .addon-top .addon__item {
    margin-right: 3px;
  }
  .view-pamyatniki-page .form-type-select .nice-select {
    padding-left: 0px;
  }
}

@media (max-width: 1000px) {
  .view-pamyatniki-page .view-header {
    left: 0px;
  }
}

@media (max-width: 510px) {
  .view-pamyatniki.view-pamyatniki-page .view-filters {
    
  }
}

.copy__date {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.copy__date iframe {
    margin-top: 15px;
}

.copy__info__text {
  margin-bottom: 10px;
}

.copy__info__text a {
  display: inline;
  color: #f5b400;
}

.copy__info__text a:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .copy__date {
    align-items: start;
  }
}
/* price dummy */

#price-dummy {
  width: 230px;
}

.price-holder {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.single-price-holder {
  border: 2px solid #b3bcc5;
  border-radius: 6px;
  display: flex;
  padding: 7px;
  width: 48%;
}

.single-price-holder:hover {
  border-color: #005bff;
}

p.price-label {
  padding-top: 4px;
  margin-right: 2px;
  font-size: 14px;
}

.price-holder-input {
  border: none;
  width: 100%;
}

.price-block-label {
  font-weight: bold;
  font-size: 16px;
  line-height: 150%;
  display: inline-block;
  position: relative;
  padding-bottom: 10px;
}

#price-dummy.moveTop {
  margin-bottom: -63px;
}

#price-dummy:not(.moveTop) {
  margin-bottom: 20px;
}

.view-pamyatniki div[id^="edit-price-number-wrapper"],
.view-pamyatniki-material div[id^="edit-price-number-wrapper"] {
  display: none !important;
}

@media (max-width: 1000px) {
  #price-dummy.moveTop {
    margin-bottom: 0px;
  } 
  p.price-label {
    padding-top: 2px;
  }
}

.article-text__imgbox.article-text__imgbox-2 br {
    display: none !important;
}

/* --- */

.header-menu-holder {
  padding: 16px 25px;
/*  position: relative;*/
}

.header-menu-item {
  font-weight: 700;
  cursor: pointer;  
}

.header-menu-ul {
  position: absolute;
  height: 356px;
  flex-direction: column;
  flex-wrap: wrap;
  width: 230px;
  left: 320px;
  top: 0px;
  background: #efefef;
  padding: 12px 25px;
   display: none; 
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

.header-menu-ul.visible {
  display: flex;
}

.header-menu-ul li {
  padding: 10px 10px;
  max-width: 220px;
}

.header-menu-ul li.header-menu-li-long {
  max-width: 320px;
}

.header-menu-img {
  position: absolute;
  top: 11px;
  display: block;
}

.header-menu-img-white  {
  display: none;
}

.header-menu-img-black.hide {
  display: none;
}

.header-menu-img-white.show  {
  display: block;
}

@media (max-width: 1125px) {
  .header-menu-ul {
    position: relative;
    left: 0px;
    width: auto;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 20px 0px 0px;
    height: auto;    
  }
  .header-menu-ul li a {
    border-bottom: none !important;
    position: relative;
    display: block !important;
    padding: 5px 0px 10px 35px !important;
  }
  .header-menu-ul li a:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 5px;
    background: #AF996B !important;
    top: 10px !important;
    left: 15px !important;        
  }
  .header-menu-ul.header-menu-ul-middle li a:before {
    content: none;
  }
  .header-menu-ul.header-menu-ul-middle li a {
    padding-left: 0px !important;
  }
  .header-menu-ul li {
    padding: 0px;
  }
  .header-menu-item {
    padding: 10px 5px 10px 43px;
    display: block;
    position: relative;
  }
  .header-menu-item:after {
    content: '';
    display: block;
    position: absolute;
    right: 9px;
    top: unset;
    bottom: 12px;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #847d7f;
    border-left: 2px solid #847d7f;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  } 
  .header-menu-item.opened:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 10px;
    border-color: #AF996B;
  } 
  .header-menu-holder {
    position: relative;
  }
  .header-menu-img {
    position: absolute;
    top: 11px;
    display: block;
  }
  .header-menu-img-white  {
    display: none !important;
  }
  .header-menu-holder {
    padding: 16px 15px 13px;
    border-bottom: 1px solid black;
  }
}

@media (min-width: 1126px) {
  .header-menu-item {
    padding-left: 50px;
  }
  .header-menu-img-1 {
    top: 21px;
  }
  .header-menu-img-2 {
    top: 70px;
  }
  .header-menu-img-3 {
    top: 118px;
  }
  .header-menu-img-4 {
    top: 168px;    
  }
  .header-menu-img-5 {
    top: 217px;   
  }
  .header-menu-img-6 {
    top: 265px;
  }
  .header-menu-img-7 {
    top: 310px;
  }
  .header-menu-img-8 {
    top: 357px;
  }
  .header-menu-img-9 {
    top: 409px;
  }
  .header-menu-img-10 {
    top: 460px;
  }
  .header-menu-holder:hover {
    background: #1B2840;
  }
  .header-menu-holder:hover .header-menu-item {
    color: white;
  }     
  .header-menu-img {
    width: 26px;
  }
  .header-menu-ul li:hover {
    background: #1B2840;
    z-index: 1;
    position: relative;
  }   
  .header-menu-ul li:hover a {
    color: white;
  }
  .header-menu-ul.header-menu-ul-long {
    width: 420px;
  }
  .header-menu-ul.header-menu-ul-middle {
    width: 280px;
    height: 450px;
  } 
  .header-menu-ul.short-height {
    height: 170px;
  }         
}

/* New front */
/* --------- */
/* --------- */
/* --------- */

#intro-holder {
  display: flex;
}

.intro-part {
  width: 50%;
}

.intro-part-1 {
  width: 65%;
}

#intro-h1 {
/*  max-width: 500px;*/
  line-height: 55px;
  margin-bottom: 20px;
  font-size: 2.5em;
}

.yellow-substrate {
  color: white;
  background: #f5b400;
  display: inline-block;
  padding: 10px 15px;
  font-size: 1.8em;
  font-weight: bold;
  margin-bottom: 50px;  
}

.count-class-mobile {
  display: none;
}

@media (max-width: 600px) {
  #intro-h1 {
    margin-bottom: 20px;
  }
}

.intro-part-2 {
  width: 35%;
  display: flex;
  align-items: center;
}

.intro-part-2 img {
  max-width: 540px;
  display: block;
}

#intro-ul {
  margin-bottom: 20px;
}

@media (max-width: 999px) {
  #intro-ul {
    margin-bottom: 10px;
  } 
  .yellow-substrate {
    margin-bottom: 40px;
  }
}

#intro-ul li {
  font-weight: 400;
  font-size: calc(18px + 6 * ((100vw - 320px) / (1920 - 320)));
  color: #292929;
  cursor: pointer;
  padding-bottom: 30px;
  line-height: 30px;
}

@media (min-width: 1001px) {
  #intro-ul li.zakaz-li {
    line-height: 35px;
  }
}

@media (max-width: 450px) {
  #intro-holder #intro-ul li {
    font-size: calc(16px + 6 * ((100vw - 320px) / (1920 - 320)));
  }
}

#count-price {
  font-size: calc(18px + 2 * ((100vw - 320px) / (1920 - 320)));
  color: #292929;
  font-family: 'Inter',sans-serif;
  font-weight: 400;
  margin-top: 30px;
  line-height: 30px;
/*  max-width: 600px;*/
}

.checkgreen {
  float: left;
  margin-right: 5px;  
}

.intro-section {
  margin-bottom: 140px;
  margin-top: 60px;
}

#types-h2 {
  margin-bottom: 40px;
}

#memorial-types {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.memorial-type {
  width: 45%;
  box-shadow: 0px 0px 8px 2px rgba(93,93,93,0.2);
  padding: 30px 0px 30px 30px;
  background: #fff;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  position: relative;
}

.sub-memorial-type {
  display: flex;
}

section.grey {
  background: #efefef;
}

section.gallery-section {
  padding-top: 100px;
  padding-bottom: 60px;
}

section.combo-section {
  padding-top: 70px;
  padding-bottom: 140px;
}


.memorial-type-part-2 img {
  max-width: 190px;
}

.memorial-type-part-2 {
  position: absolute;
  top: 40px;
  right: 0px;
}

.memorial-type-caption {
  font-weight: 700;
  font-size: calc(20px + 2 * ((100vw - 320px) / (1920 - 320)));
  line-height: 1.5;
  color: #292929;
  margin-top: 17px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.memorial-type-desc {
  font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
  color: #292929;
  font-family: 'Inter',sans-serif;
  font-weight: 400;
  margin-bottom: 30px;
  line-height: 30px;
}

.memorial-type-part-1 {
  display: flex;
  flex-direction: column;
  width: calc(100% - 190px);
}

.memorial-type-part-1 a {
  margin-top: auto;
}

.types-section .container {
  max-width: 1460px;
}

.intro-section .container {
  max-width: 1460px;
}

.presents-section .container {
  max-width: 1460px;
}

.presents-section {
/*  padding-bottom: 140px;*/
  padding-top: 140px;
}

#presents-h2 {
  margin-bottom: 70px;
}

#presents-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.presents-item {

}

.presents-item {
  width: 45%;
  box-shadow: 0px 0px 8px 2px rgba(93,93,93,0.2);
  background: rgb(245, 245, 247);
  padding: 30px 0px 30px 30px;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}

.sub-parent-item {
  display: flex;
}

.presents-part-2 img {
  max-width: 220px;
}

.wide-item .presents-part-2 img {
  max-width: 300px;
}

.presents-item.wide-item {
  width: 95%;
}

.presents-part-2 {
  margin-top: -90px;
}

.presents-title {
  font-weight: 700;
  font-size: calc(20px + 2 * ((100vw - 320px) / (1920 - 320)));
  line-height: 1.5;
  color: #292929;
  margin-top: 17px;
  margin-bottom: 30px;
}

.presents-desc {
  font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
  color: #292929;
  font-family: 'Inter',sans-serif;
  font-weight: 400;
  margin-bottom: 30px;
  line-height: 30px;
  padding-right: 10px;
}

#gallery-h2 {
  margin-bottom: 70px;
}

#gallery-holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#gallery-holder img {
  display: block;
  margin-bottom: 20px;
  width: calc(20% - 15px);
}

.types-section {
  padding-bottom: 60px;
  padding-top: 70px;
}

.material-section {
  padding-bottom: 150px;
  padding-top: 90px;
}

#material-h2 {
  margin-bottom: 70px;
}

#material-holder {
  display: flex;
  justify-content: space-between;
}

.material-item {
  text-align: center;
  width: 15%;
  position: relative;
  height: 240px;
}

.material-link {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.material-item img {
  border-radius: 50%;
  display: block;
  margin-bottom: 15px;
}

.material-item div {
  font-weight: 700;
  font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
  line-height: 1.5;
  color: #292929;
  margin-top: 17px;
  margin-bottom: 30px;
}

.reviews-section {
  padding-top: 100px;
  padding-bottom: 140px;
}

#about-h2 {
  margin-bottom: 30px;
}

#about-text {
  position: relative;
/*    top: 50%;
    transform: translateY(-50%);*/
    margin-top: 30px;
}

.path-frontpage #about-text {
    margin-top: auto;
}

#about-text p {
  font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
  color: #292929;
  font-family: 'Inter',sans-serif;
  font-weight: 400;
  margin-bottom: 10px;
  line-height: 30px;
}

#about-text p:last-of-type {
  margin-bottom: 0px;
}

#about-holder {
  display: flex;
}

.about-half-1 {
/*  width: 50%;*/
  display: flex;
  flex-direction: column;
  padding: 5px 0px;
}

.about-half-1 h2 {
  margin-bottom: 30px;
}

.about-half-2 {
/*  width: 50%;*/

}

.about-half-2 {
  display: flex;
  flex-wrap: wrap;

}

.about-half-2 img {
  width: calc(34% - 15px);
}

.button.large_button {
  min-width: 300px;
  height: 80px;
  font-size: 25px;
}

.reviews-section .container {
  max-width: 1460px;
}

.orangetitle {
  color: #f5b400;
  word-break: keep-all;
  display: inline-block;
}

@media (max-width: 1416px) {
  .button.lowpadding {
    padding: 0px 20px;
    position: relative;
  }
  .about-half-2 {
/*    width: 45%;*/
  }
}

@media (max-width: 1220px) {
  .yellow-substrate {
    font-size: 20px;
  }
}

@media (max-width: 1200px) {
  .memorial-type,
  .presents-item {
    padding: 20px;
  }
  .memorial-type-part-2 img,
  .presents-part-2 img {
    max-width: 200px;
  }
  .intro-part-2 img {
    max-width: 550px;
  }
  .presents-part-2 {
    
  }
}

@media (max-width: 1125px) {
  .intro-part-2 img {
    max-width: 500px;
  }
}

@media (max-width: 1096px) {
  #intro-h1 {
    line-height: 45px;
    font-size: 35px;
  }
}

@media (max-width: 1060px) {
  .memorial-type,
  .presents-item {
    padding: 10px;
  }
  .memorial-type-part-2 img,
  .presents-part-2 img {
    max-width: 150px;
  }
  .intro-part-2 img {
    max-width: 450px;
    position: relative;
/*    top: 50%;
    transform: translateY(-50%);*/
  }
  .memorial-type-button {
    margin-top: auto;
  }
  .memorial-type-part-2 {
    top: 65px;
  }
  .about-half-2 img {
/*    width: 50%;*/
  }
  .about-half-2 {
/*    width: 50%;*/
    padding-right: 15px;
  }
}

@media (max-width: 960px) {

  .yellow-substrate {
    display: none;
  }

  .count-class-mobile {
    width: 100%;
    padding: 10px 10px;
    text-align: center;
    color: white;
    background: #f5b400;
    display: block;
    margin: 0 auto 20px;
    font-weight: 700;
  }

  .count-class-mobile-2 {
    font-size: 22px;
    width: 300px;
  }

  .sub-parent-item {
    flex-direction: column;
  }

  .memorial-type-part-2 img,
  .presents-part-2 img {
    max-width: 150px;
  }
  .intro-part-2 img {
    top: 0%;
    transform: translateY(0%);
    margin: 30px auto 0px;
  }
  .page-node-166 #intro-holder {
    flex-direction: column;
  }
  .page-node-166 .intro-part {
    margin: 0 auto;
  }
  #about-holder {
    flex-direction: column;
  }
  .about-half-1 {
    width: 100%;
  }
  .about-half-2 {
    width: 100%;
    justify-content: center;
  }
  .about-half-2 img {
    width: calc(25% - 15px);
  }
  #about-text {
    position: relative;
    top: 0%;
    transform: translateY(0%);
  }
  .intro-section {
    margin-bottom: 20px;
    margin-top: 10px;
  }
  section.grey {
    background: #efefef;
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .presents-section {
/*    padding-bottom: 100px;*/
    padding-top: 100px;
  }
  .material-section {
    padding-bottom: 70px;
    padding-top: 50px;
  }
  .review {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .reviews-section {
    padding-top: 20px;
    padding-bottom: 100px;
  }
  .memorial-type-part-2 img,
  .presents-part-2 img {
    max-width: 120px;
  }
  .presents-part-2 img {
    display: block;
    margin: 0 auto;
  }
  .button.lowpadding {
    max-width: initial;
  }
  .memorial-type-part-1 {
    width: 66%;
  }
  .button.large_button {
    max-width: initial;
  }
  .presents-part-2 {
    margin-top: 0;
    order: -1;
}
  }
  .about-half-2 {
    order: 1;
    margin-top: 30px;
  }
}

@media (max-width: 900px) {
  .contact__items {
    margin-bottom: 60px;
  }
}

@media (max-width: 808px) {

  .button_catalog.foto_catalog {
    margin: 30px auto 30px;
  }

  section.grey {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .memorial-type,
  .presents-item {
    width: 100%;
    padding: 30px;
  }

  .memorial-type-button {
    margin-top: 50px;
  }

  .presents-part-2 {
    top: 60%;
  }

  #gallery-holder img {
    margin-bottom: 20px;
    width: calc(50% - 10px);
  }

  .memorial-type-part-2 {
    top: 15px;
  }

  .memorial-type-part-2 img,
  .presents-part-2 img {
    max-width: 190px;
  }
  .presents-section {
/*    padding-bottom: 40px;*/
    padding-top: 40px;
  }
  .types-section {
    padding-bottom: 0px;
    padding-top: 40px;
  }
  .reviews-section {
    padding-top: 0px;
    padding-bottom: 40px;
  }
  .presents-item.wide-item {
    width: 100%;
  }

  #about-text p {
    margin-bottom: 15px;
  }

}

@media (max-width: 767px) {
  .mobile-invis {
    display: none;
  }
  .wide-item .presents-part-2 {
    right: -30px;
  }
  .presents-title {
    position: relative;
    z-index: 1;
  }
}

@media (max-width: 650px) {

  .wide-item .presents-part-2 {
    top: 72%;
  }

  #material-holder {
    flex-wrap: wrap;
  }
  .material-item {
    width: 45%;
    margin-bottom: 45px;
  }
  .material-item img {
    height: 200px;
    display: block;
    margin: 0 auto;
  }
  .pickmodelbutton {
    padding: 0px 20px;
    font-size: 16px;
  }
  .about-half-2 img {
    width: calc(50% - 15px);
  }
  .memorial-type-desc {
    position: relative;
    z-index: 1;
  }
  .memorial-type-part-2 {
    top: 35px;
  }
}

@media (max-width: 500px) {
  .intro-part-2 img {
    max-width: 320px;
  }
  .button.lowpadding {
    padding: 0px 10px;
    font-weight: 500;
  }
  .memorial-type-part-2 img, .presents-part-2 img {
    max-width: 160px;
  }  
  .memorial-type-part-1 {
    width: calc(100% - 100px);
  }
  .button.large_button {
    font-size: 26px;
    font-weight: 500;
  }
  .button.large_button.zakaz_button {
    font-size: 22px !important;
    font-weight: 500;
    padding: 0 25px;
  }
  .button.large_button.pickmodelbutton {
    font-size: 19px;
    font-weight: 500;
  }
  .memorial-type-part-2 {
    top: 55px;
  }
  .memorial-type, .presents-item {
    width: 100%;
    padding: 15px;
  }
  .presents-part-2 {
    top: 80%;
  }
  .wide-item .presents-part-2 {
    top: 80%;
    right: 0px;
  }
  .material-item img {
    height: 170px;
  }
  #intro-h1 {
    font-size: 25px;
    line-height: 35px;
  }
  .yellow-substrate {
    font-size: 18px;
  }
  #presents-h2 {
    line-height: 37px;
  }
  .button.large_button {
    height: 60px;
  }
  #intro-div .button.large_button {
    height: 60px;
    padding-top: 16px;
    font-size: 24px;
  }
}

@media (max-width: 400px) {
  .memorial-type-part-2 img,
  .presents-part-2 img {
    max-width: 120px;
  }
  .memorial-type-part-2 {
    top: 70px;
  }
  .presents-part-2 {
    top: 100%;
  }
  .wide-item .presents-part-2 {
    top: 100%;
  }
  .button_catalog {
    font-size: 18px;
    padding: 0 30px;
    width: 100%;
    max-width: unset;
  }
  .button.large_button {
    font-size: 26px;
  }
  .button.large_button.mobile_only {
    font-size: 16px;
  }
  #intro-div .button.large_button {
    font-size: 20px;
    padding-top: 19px;
  }
  .button.large_button.pickmodelbutton {
    font-size: 17px;
  }
  .material-item img {
    height: 150px;
  }
  .material-item {
    width: 45%;
    margin-bottom: 15px;
  }
  #intro-ul li {
    line-height: 1.6;
  }
  #count-price {
    line-height: 1.4;
    font-size: calc(15px + 2*((100vw - 320px) /(1920 - 320)));
  }

  .yellow-substrate {
    font-size: 16px;
    width: 100%;
    padding: 10px 10px;
    text-align: center;
  }

}

@media (max-width: 360px) {
  #intro-div .button.large_button {
    font-size: 16px !important;
    padding-top: 24px;
  }
  #count-price {
    font-size: 13px
  }
}

/* --- */

.article-text h2,
.article-text h3 {
  margin-bottom: 30px;
}

.article-text ul {
  margin-bottom: 30px;
}

.article-text ul li {
  list-style: disc;
  font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
  line-height: 150%;
  padding-bottom: 10px;
}

.article-text img {
  margin-bottom: 30px;
}

h2.h2-tile {
  font-size: calc(14px + 15 * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: 30px;
}

.pamyatniki-tile {

}

.tile-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.tile-item a {
  padding-bottom: 30px;
  position: relative;
}


.tile-item {
  text-align: center;
  margin-bottom: 60px;
  box-shadow: 0px 0px 8px 2px rgba(93,93,93,0.1);
  padding: 10px 10px 0px 10px;
  width: 21%;
}

.tile-item img {
  display: block;
  margin: 0 auto;
  max-width: 250px;
}

.tile-title {
  font-weight: 700;
  font-size: calc(20px + 2 * ((100vw - 320px) / (1920 - 320)));
  line-height: 1.5;
  color: #292929;
/*  margin-top: 17px;*/
}

.tile-item:hover {
  transform: scale(0.95, 0.95);
}

.granite-tile + .marble-tile {
  margin-top: 100px;
}

.aux-catalog-h2 {
  margin-bottom: 30px;
  margin-top: 50px;
}

@media (max-width: 1024px) {
  .tile-item {
    width: 34%;
  }
  .tile-content {
    justify-content: space-around;
  }
}

@media (max-width: 600px) {

  .intro-part-1 {
    width: 100%;
  }

  .tile-content {
    justify-content: space-between;
  }
  .tile-item {
    width: 45%;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
  }
  .tile-title {
    font-size: calc(17px + 2 * ((100vw - 320px) / (1920 - 320)));
    margin-top: auto;
  }
  .tile-item a {
    padding-bottom: 10px;
  }
  h2.h2-tile {
    font-size: calc(20px + 15 * ((100vw - 320px) / (1920 - 320)));
  }
  .tile-item img {
    max-width: 98%;
  }
}

/* new menu */

.closed {
  position: absolute;
  top: 70px;
  right: 20px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}

.closed:before {
  content: '';
  position: absolute;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -12px 0 0;
  border-left: 1px solid #7e7e7e;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.closed:after {
  content: '';
  position: absolute;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -12px 0 0;
  border-left: 1px solid #7e7e7e;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.header-top__location .nice-select .list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 50px 80px 160px;
  max-width: 1792px;
  overflow-y: scroll;
  background: transparent;
  top: 0px;
  z-index: 100;
  position: relative;
  height: 100vh;
}

.header-top__wrapper .nice-select .option:before, 
.header-top__wrapper .nice-select .option:after {
  display: none;
}

.header-top__location .nice-select li.option:hover {
  color: #f5b400;
}

.header-top__location .nice-select li.option {
  display: block;
  width: 19%;
}

.header-top__location .nice-select .list-wrapper {
  position: fixed;
  width: 100%;
  margin-top: 8px;
  background-color: #f3f3f3;
  left: 0px;
  z-index: 10;
  min-height: 100vh;
  height: auto;
}

.header-top__location .nice-select .list-wrapper {
  display: none;
}

.header-top__location .nice-select.open .list-wrapper {
  display: block;
}

@media (max-width: 1024px) {
  .header-top__location .nice-select .list {
    padding: 30px 30px 140px 30px;
  }
  .closed {
    top: 30px;
  }
  .header-top__location .nice-select li.option {
    width: 24%;
  }
}

@media (max-width: 768px) {
  .header-top__location .nice-select li.option {
    width: 32%;
  }
}

@media (max-width: 600px) {
  .header-top__location .nice-select li.option {
    width: 49%;
  }
}

li[data-value="Ставропольский край"],
li[data-value="Краснодарский край"],
li[data-value="Москва и Московская область"],
li[data-value="Карачаево-Черкесия"],
li[data-value="Калмыкия"],
li[data-value="Адыгея"] {
  flex-basis: 100%;
  height: 0px !important;
  margin-bottom: 40px !important;
  font-weight: 700 !important;
  cursor: default !important;
}

li[data-value="Ставропольский край"]:hover,
li[data-value="Краснодарский край"]:hover,
li[data-value="Москва и Московская область"]:hover,
li[data-value="Карачаево-Черкесия"]:hover,
li[data-value="Калмыкия"]:hover,
li[data-value="Адыгея"]:hover {
  color: #000 !important;
}

li[data-value="Краснодарский край"],
li[data-value="Москва и Московская область"],
li[data-value="Карачаево-Черкесия"],
li[data-value="Калмыкия"],
li[data-value="Адыгея"] {
  margin-top: 60px !important;
}

.header-top__location .nice-select .option {
  line-height: 30px;
  max-height: 30px;
}

 /* --- end of new menu --- */

.district-name-page {
  margin-bottom: 40px;
  font-weight: 700;
  font-size: calc(14px + 2 * ((100vw - 320px) / (1920 - 320)));
  color: #292929;
  transition: .2s;
  flex-basis: 100%;
}

.select-city-group a {
  font-weight: 400;
  font-size: calc(14px + 2 * ((100vw - 320px) / (1920 - 320)));
  transition: all .2s;
  line-height: 30px;
  width: 19%;
}

@media (max-width: 960px) {
  .select-city-group a {
    width: 24%;
  }
}

@media (max-width: 760px) {
  .select-city-group a {
    width: 33%;
  }
}

@media (max-width: 600px) {
  .select-city-group a {
    width: 49%;
  }
}

.select-city-group a:hover {
  color: #f5b400;
}

.select-city-group {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 50px 0px;
}

/* --- */

#calc-price-container.container {
  max-width: 1260px;
}

#calc-price {
  margin: 120px 0px 80px;
  display: flex;
}

.calc-price-half {
  width: 50%;
}

.calc-price-half-1 {

}

.calc-price-half-2 {

}

#calc-price-h2 {
  line-height: 1.4;
  margin-bottom: 60px;
  font-size: calc(21px + 15 * ((100vw - 320px) / (1920 - 320)));
}

#calc-price-p {
  font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
  color: #292929;
  font-family: 'Inter',sans-serif;
  font-weight: 400;
  margin-bottom: 60px;
  line-height: 30px;
}

#calc-price-img {
  display: block;
  margin: 0 auto;
}

@media (max-width: 700px) {
  #calc-price {
    flex-direction: column;
  }
  .calc-price-half {
    width: 100%;
  }
  .calc-price-half-1 {
    margin-bottom: 60px;
  }
}

@media (max-width: 750px) {
  #stav-map-contacts iframe {
    width: 500px;
  }  
}

@media (max-width: 550px) {
  #stav-map-contacts iframe {
    width: 350px;
  }  
}

#contact__form.contact__form {
  padding: 0px;
}

@media (max-width: 990px) {
  #contact__form.contact__form iframe {
    margin: 0 auto;
  }
}

@media (max-width: 650px) {
  #contact__form.contact__form iframe {
    width: 500px;
    height: 500px;
  }
  #contact__form.contact__form {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media (max-width: 550px) {
  #contact__form.contact__form iframe {
    width: 300px;
    height: 400px;
  }
}

.page-node-152 .node__content h2 {

}

.page-node-152 .node__content h3 {
  padding: 20px 0px;
}

.page-node-152 .node__content p {
  line-height: 25px;
  padding: 5px 0px;  
}

header .button.constructor {
  width: 280px;
  padding: 0px 15px;
  order: -1;
}

@media (max-width: 1125px) {
  header .button.constructor {
    padding: 12px;
  }
  header .button.large_button {
    max-width: initial;
  }
}

@media (max-width: 920px) {
   header .button.constructor {
    display: none;
  } 
}

.header-menu-single-a {
  color: black;
}

.header-menu-single-a:hover {
  color: white;
}

.header-menu-single-span {
  height: 20px;
  display: inline-block;  
  color: black;
}

.header-menu-single-span:hover {
  color: white;
}

.header-menu-single-span:hover a {
  color: white;
}

.header-menu-holder-single:hover > span {
  color: white;
}

@media (max-width: 1125px) {
  .header-bottom__inner .list a.header-menu-single-a {
    padding: 0px;
    padding: 6px 0px 0px;
    width: 100%;
    display: block;
  }
  .header-menu-item.header-menu-single-span:after {
    content: none;
  }
}

/* --- Menu header right --- */

ul.header-inner-ul {
  position: absolute;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
  background-color: white;
  padding: 10px 0px 10px;
  width: 320px;
  margin-top: 30px;
  margin-left: -10px;
}

@media (min-width: 1126px) {
  .has-menu-2 ul.header-inner-ul {
    right: 0px;
  }  
}

.header-inner-ul li {
  padding: 16px 25px;
}

.header-inner-ul li:hover {
  background: #1B2840;
}

.header-inner-ul li:hover {
  background: #1B2840;
}

.header-inner-ul li span {
  height: 20px;
  display: inline-block;
  color: black;  
  padding-left: 50px;
  font-weight: 700;
  cursor: pointer;
}

.header-inner-ul li:hover span {
  color: white;
}

@media (max-width: 1125px) {
  .header-inner-ul li:hover{
    background: transparent;
  }

  .header-inner-ul li:hover span {
    color: black;
  }  
}

.header-inner-ul .header-menu-img {
  top: 15px;
}

.header-inner-ul {
  display: none;
}

.header-inner-ul.visible {
  display: block;
}

.list > li {
  padding: 30px 0px;
}

.header-bottom {
  padding: 0px;
}

@media (max-width: 1125px) {
  li.has-menu > span {
    position: relative; 
    width: max-content; 
    padding: 12px 10px 12px 0;
    line-height: 1; 
    display: block;
  }

  li.has-menu > span:after {
    content: '';
    display: block;
    position: absolute;
    right: -30px;
    top: unset;
    bottom: 16px;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #847d7f;
    border-left: 2px solid #847d7f;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  } 
  li.has-menu > span.opened:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 18px;
    border-color: #AF996B;
  }

  .header-inner-ul.visible {
    display: block;
    position: relative;
    margin-top: 0px;
    box-shadow: none;
  }

  .header-inner-ul .header-menu-img {
    width: 32px;
    top: 6px;
    display: block;
  }
  .header-inner-ul a {
    padding: 0px;
  }
  .header-inner-ul li {
    padding: 0px;
  }
  .header-inner-ul li span {
    padding-left: 45px;
    font-weight: 400;
  }

  .header-bottom__inner .list .header-inner-ul a {
    border-bottom: none;
    padding: 16px 0px 16px 24px;
  }

}

/* --- Sets section --- */

.sets-section .container {
  max-width: 1460px;
}

#sets-h2 {
  margin-bottom: 70px;
  color: white;
}

.sets-section {
  padding-top: 140px;
  padding-bottom: 140px;
  background: #1b2840;
}

#sets-list {
  display: flex;
  justify-content: space-between;
}

.set-item {
  background: white;
  padding: 30px;
  border-radius: 15px;
}

.set-image {
  display: block;
  max-width: 280px;
  margin: 0 auto;
}

.set-text {
  background: #F7F7F7;
  border-radius: 15px;
  padding: 30px 20px;
  margin-bottom: 30px;
}

.set-text-title {
  color: #000000;
  font-size: 22px;
  text-align: center;
  line-height: 1.3;
  font-weight: 700;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  max-width: 280px;
  margin: 0 auto 40px;
  height: 58px;
  display: flex;
  align-items: center;
}

.set-text-p {
  text-align: center;
  color: #000000;
  font-size: 17px;
  line-height: 1.5;
  font-weight: 400;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
}

.set-text-price {
  color: #000000;
  font-size: 30px;
  text-decoration: underline;
  line-height: 1.3;
  font-weight: 700;
  margin-top: 20px;
  text-align: center;
}

.set-text-italic {
  color: #000000;
  font-size: 15px;
  font-style: italic;
  line-height: 1.4;
  font-weight: 400;
  margin-top: 10px;
  text-align: center;
}

.set-item a.button {
  display: block;
  margin: 0 auto;
  padding: 17px 45px;
}

@media (min-width: 1024px) and (max-width: 1220px) {
  .set-text-title {
    max-width: 235px;
  }
}

@media (min-width: 1024px) and (max-width: 1180px) {

}

@media (min-width: 1024px) and (max-width: 1130px) {
  .set-image {
    max-width: 240px;
  }
  .set-text-title {
    font-size: 21px;
  }
  .set-text-price {
    font-size: 28px;
  }
}

@media (min-width: 1024px) and (max-width: 1110px) {
  .set-text-title {
    height: 78px;
  }
  .set-text-italic {
    display: flex;
    height: 42px;
    width: 170px;
    margin: 0 auto;
  }
  .set-item a.button {
    padding: 17px 35px;
  }
  .set-item {
    padding: 15px;
  }
}

@media (max-width: 1023px) {
  #sets-list {
    flex-wrap: wrap;
  }
  .set-item {
    flex-basis: 100%;
    max-width: 600px;
    margin: 0 auto 60px;
  }
  .sets-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

@media (max-width: 430px) {
  #intro-ul li {
    line-height: 1.6;
  }
}

@media (max-width: 1125px) {
  ul.list > ul {
    display: block;
    padding-left: 6px;
  }
}

@media (min-width: 1126px) {
  .list > li.has-menu {
    padding: 30px 10px;
    position: relative;
  }

  .list > li.has-menu:hover {
    background: #1B2840;
    color: white;
  }

  li.space-right {
    padding-right: 0px;
  }
    
}

/* end of setc section */

.gratitude-section {
  padding-bottom: 80px;
}

#gratitude-h2 {
  margin-bottom: 60px;
}

.review.testimonials-review {
  padding-top: 0px;
}



@media (max-width: 700px) {
  #office-photo img{
    max-width: 500px;
    margin: 15px auto 0;
    display: block;
  }
  #office-photo-2 img{
    max-width: 500px;
    margin: 15px auto 0;
    display: block;
  } 
}

#mymap {
 width:607px;
 height:642px;
}

@media (max-width: 650px) {
  #mymap {
    width: 400px;
    height: 400px;
    margin: 0 auto;
  }
}

@media (max-width: 450px) {
  #mymap {
    width: 300px;
    height: 300px;
    margin: 0 auto;
  }
}

#mymap2 {
  width: 700px;   
  height: 700px;
}

@media (max-width: 750px) {
  #mymap2 {
    width: 550px;
    height: 550px;
    margin: 0 auto;
  }
}

@media (max-width: 600px) {
  #mymap2 {
    width: 400px;
    height: 400px;
    margin: 0 auto;
  }
}

@media (max-width: 450px) {
  #mymap2 {
    width: 300px;
    height: 300px;
    margin: 0 auto;
  }
}

.memcomplex-h2 {
  margin-bottom: 40px;
}

.view-complex-block_1 .catalog {
  grid-template-columns: repeat(3, 1fr);
}

.top-memorialbutton {
  margin-top: 15px;
}

.inside-memorialbutton {

}

@media (max-width: 660px) {
  .top-memorialbutton {
    max-width: unset;
  }
}

@media (max-width: 580px) {
  .top-memorialbutton {
    padding: 0px 7px;
    min-width: unset;
    font-size: 15px;
  }
}

#button_anketa_wrapper {
  display: flex;
  gap: 30px;
}

.button_anketa {

}

.action-info .button {
  position: relative;
  z-index: 1;
  height: 56px;
  width: 100%;
  font-size: 25px;
  max-width: 100%;
}

@media (max-width: 480px) {
  #button_anketa_wrapper {
    display: flex;
    gap: 0px; 
    flex-direction: column;
  }

  .button_anketa.button_green {
    margin-bottom: 15px;
  }

  .button.button_anketa {
    width: 100%;
    max-width: unset;
    font-size: 18px;
  }

  .action-info .button {
    font-size: 18px;
  }
}

@media (max-width: 470px) {
  .view-complex-block_1 .catalog {
    grid-template-columns: repeat(2, 1fr);
  }
}

#action-holder {
  display: flex;
  margin-bottom: 100px;
  margin-top: 100px;
}

.action-part {
  width: 50%;
}

.action-part-1 img {
  margin: 0 auto;
}

.action-part-2 {
  position: relative;
}

#action-h1 {
  line-height: 45px;
}

#action-body {
  font-weight: 400;
  font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
  line-height: 150%;
}

#action-date {
  font-weight: 700;
  font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
  line-height: 150%;
}

#action-h1,
#action-body,
#action-date {
  margin-bottom: 50px;
}

#action-buttons {
  display: flex;
  justify-content: left;
}

.action-part-2-content {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);  
}

  #action-buttons a:first-of-type {
    margin-right: 30px;
  }


@media (max-width: 1599px) {
  .action-part-2-content {
    display: block;
    position: relative;
    top: 0%;
    transform: translateY(0%);  
  }
  .action-part.action-part-1 {
    align-items: center;
    display: flex;
  }
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .action-part.action-part-1 {
    width: 40%;
  }

  .action-part.action-part-2 {
    width: 60%;
  }

  .action-part.action-part-1 img {
    max-width: 90%;
  }

  .action-part.action-part-2 {
    width: 70%;
  }

  #action-h1,
  #action-body,
  #action-date {
    margin-bottom: 40px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .action-part.action-part-1 {
    width: 30%;
  }

  .action-part.action-part-2 {
    width: 70%;
  }

  .action-part.action-part-1 img {
    max-width: 80%;
  }

  #action-h1,
  #action-body,
  #action-date {
    margin-bottom: 30px;
  }
}

@media (max-width: 1199px) {
  #action-holder {
    flex-direction: column;
  }
  .action-part {
    width: 100%;
  }
  .action-part-1 { 
    margin-bottom: 60px;
  }
  .action-part-1 img {
    margin: 0 auto;
    width: 480px;
    height: 480px;
  }
  #action-h1 {
    text-align: center;
  }
  #action-h1, #action-body, #action-date {
    margin-bottom: 30px;
  }
}

@media (max-width: 1199px) {
  .action-part-1 img {
    margin: 0 auto;
    width: 320px;
    height: 320px;
  }  
  .action-part-1 {
    margin-bottom: 30px;
  }
}

@media (max-width: 599px) {
  #action-buttons {
    flex-direction: column;
    display: flex;
    justify-content: center;
  }
  #action-buttons a {
    max-width: none;
    width: 100%;
  }
  #action-buttons a:first-of-type {
    margin-bottom: 15px;
    margin-right: 0px;
  }
}

.view-akcii-default .view-content {
  display: flex;
  justify-content: space-between;
  height: 520px;
}

.view-akcii-default .view-content .action-item {
  position: relative;
  width: 32%;
  display: flex;
}

.block-action-image {
  position: absolute;
  filter: brightness(0.3);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.block-action-title {
  font-weight: 700;
  font-size: calc(20px + 2 * ((100vw - 320px) / (1920 - 320)));
  line-height: 1.5;
  color: #fff;
  margin-top: 17px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.block-action-desc {
  font-size: calc(16px + 2 * ((100vw - 320px) / (1920 - 320)));
  color: #fff;
  font-family: 'Inter',sans-serif;
  font-weight: 400;
  margin-bottom: 30px;
  line-height: 30px;
  z-index: 1;
  position: relative;
}

.block-action-a {
  position: relative;
  z-index: 1;
}

.action-info {
  margin-top: auto;
  margin-bottom: 30px;
  padding: 0px 30px;
}

.action-info .button.bottommargin {
  margin-bottom: 20px;
}

.actions-container {
  margin-bottom: 120px;
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .view-akcii-default .view-content {
    height: 400px;
  }

  .view-akcii-default .view-content .action-item {
    width: 400px;
  }

}

@media (min-width: 1200px) and (max-width: 1399px) {
  .view-akcii-default .view-content {
    height: 350px;
  }

  .view-akcii-default .view-content .action-item {
    width: 350px;
  }

}

@media (max-width: 1199px) {
  .view-akcii-default .view-content {
    flex-direction: column;
    align-items: center;
    height: auto;
  }
  .view-akcii-default .view-content .action-item {
    width: 100%;
    max-width: 550px;
    height: auto;
    margin: 0px 0px 30px 0px;
  }
}

#actions-block-h2 {
  margin-bottom: 60px;
}

#logo-a {
  margin-right: 40px;
}

@media (max-width: 530px) {
  #logo-a {
    margin-right: 0px;
  }  
}

@media (max-width: 1125px) {
  .mobile-bold {
    font-weight: 700;
    display: block;
    width: calc(100% - 60px) !important;
  }

  .submenu-span {
    font-size: calc(16px + 2*((100vw - 320px) /(1920 - 320)));
  }

  .aux-header-menu > li {
    position: relative;   
    border-bottom: 1px solid black; 
    padding-top: 10px;
  }

}

.article-wrap .anketa img {
  width: 40%;
}

.article-wrap #button_anketa_wrapper .button {
  font-size: 18px;
  padding: 0px 30px;
  height: 56px;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 1551px) {
  .article-wrap .anketa-wrapper img {
    display: none;
  }
  .article-wrap .anketa-wrapper {
    gap: 36px;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1199px) {
  .article-wrap #button_anketa_wrapper .button {
    font-size: 20px;
    padding: 0px 10px;
  }
}

@media (max-width: 1100px) {
  .page-node-type-article .anketa-info {
    padding: 50px 0px 50px 0px;
  }
}

.addon_bottom_space {
  margin-bottom: 80px;
}

.wa-long {

}

.capitalize {
  text-transform: uppercase;
}

@media (max-width: 830px) {
  .wa-long {
    padding: 0px 15px !important;
    font-size: 18px !important;
  }
}

@media (max-width: 360px) {
  .wa-long {
    padding: 0px 15px !important;
    font-size: 18px !important;
  }
}

@media (max-width: 360px) {
  .wa-long {
    font-size: 16px !important;
  }
}

.contact__item.inn__item {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 5px;
  margin-bottom: 10px;
}

@media (max-width: 784px) {
  .view-portfolio .button {
    height: 46px;
  }
}

@media (min-width: 581px) and (max-width: 784px) {
  .view-portfolio .button {
    padding: 0px 10px;
    font-size: 16px;
    height: 46px;
  }
}

/* COMBO ITEMS */

.grey.types-section {
  padding-top: 70px;
}

#combo-h2 {
  margin-bottom: 70px;
}

#combo-holder {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 30px;
}

.combo-item {
  display: flex;
  flex-direction: column;
  flex: auto;
  padding: 15px 30px 30px 30px;
  background: white;
  box-shadow: 0px 0px 8px 2px rgba(93, 93, 93, 0.2);
}

.combo-part {

}

.combo-part-image img {
  max-width: 283px;
  display: block;
  margin: 0 auto;
}

.combo-title {
  font-weight: 700;
  font-size: calc(20px + 2 * ((100vw - 320px) / (1920 - 320)));
  line-height: 1.5;
  color: #292929;
}

.combo-price {
  font-weight: 700;
  font-size: calc(24px + 2 * ((100vw - 320px) / (1920 - 320)));
  line-height: 1.5;
  padding-bottom: 30px;
}

.combo-part-checks {
  padding-bottom: 30px;
}

/* Customize the label (the container) */
.forcombo {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 19px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (max-width: 650px) {
  .forcombo {
    font-size: 16px;
  }
}

/* Hide the browser's default checkbox */
.forcombo input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.forcombo:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.forcombo input:checked ~ .checkmark {
  background-color: #43A047;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.forcombo input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.forcombo .checkmark:after {
  left: 7px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#intro-ul li.check-li {
  font-size: 19px;
  padding-bottom: 10px;
  line-height: 1.6;
}

.combo-part.pay-block a.button {
  max-width: none;
  font-weight: 500;
  font-size: 22px;
  margin-top: auto;
  margin-bottom: 5px;
}

.combo-part.combo-wrap {
    margin-top: auto;
}

.combo-part.combo-wrap.combo-card-part {
  margin-top: 25px;
}

.combo-part.combo-wrap.combo-card-part.notdisplay {
  display: none;
}

@media (max-width: 1621px) {
  .combo-item {
    width: calc(25% - 30px);
    padding: 15px 20px 30px 20px;
  }
}

@media (max-width: 1510px) {
  .combo-part-image img {
    max-width: 200px;
  }
}

@media (max-width: 1199px) {
  .combo-item {
    width: calc(50% - 30px);
  }
}

@media (max-width: 650px) {
  #intro-ul li.check-li {
    font-size: 16px;
  }
}

@media (max-width: 599px) {
  .combo-item {
    width: 100%;
  }
}

/* ----------- */

.video_popup_prod {
  margin-top: -10px;
}

.videoprod.modal .modal-content,
.videotour.modal .modal-content {
  padding: 0px;
}

.submenu-img {
  float: left;
  margin-right: 10px;
  border-radius: 50%;
}

.submenu-span {
  padding-top: 7px;
  display: inline-block;  
}

#about-eighteen {
  color: #f5b400;
  font-size: calc(25px + 15*((100vw - 320px) /(1920 - 320)));
  line-height: 1.2;
  font-weight: 700;
}

#about-subcaption {
  font-size: calc(25px + 15*((100vw - 320px) /(1920 - 320)));
  line-height: 1.2;
  font-weight: 700;
}

#video_popup_tour {
  margin-bottom: 25px;
}

@media (max-width: 1199px) {
  .about-half-2 img {
    width: calc(45% - 15px);
  }  
  #about-text {
    margin-top: 50px;
  }
  .about-half-1 {
    width: 150%;
    margin-left: -7%;
  }
}

@media (max-width: 960px) {
  .about-half-1 {
    width: 100%;
    margin-left: 0%;
  }
  .about-half-2 img {
    width: 33%;
  }
  .about-half-1 {
    padding: 5px 5px;
  }
  .about-half-2 {
    padding-right: 15px;
  }
  .presents-desc {
    margin-bottom: 0px;
    text-align: center;
  }
  .presents-part.presents-part-1 {
    display: flex;
    flex-direction: column;
  } 
  #main-about h2 {
    margin-bottom: 20px;
  }
}

@media (max-width: 480px) {
  .tile-title {
    font-size: calc(15px + 2*((100vw - 320px) /(1920 - 320)));
  }
}

#command-h2 {
  max-width: 640px;
  margin-bottom: 30px;
  line-height: 1.2;
  font-size: calc(14px + 15*((100vw - 320px) /(1920 - 320)));
}

#command-holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.command-item {
  display: flex;
  flex-direction: column;
  padding: 0px 20px 70px 0px;
  flex: 0 0 33%;
}

.command-image {
  max-width: 420px;
  margin-bottom: 15px;
}

.command-name {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: calc(20px + 2*((100vw - 320px) /(1920 - 320)));
  line-height: 1.5;
  font-family: 'Inter', sans-serif;
}

.command-jobtite {
  font-size: calc(16px + 2*((100vw - 320px) /(1920 - 320)));
  font-family: 'Inter', sans-serif;
  font-weight: 400;  
}

@media (max-width: 1480px) {
  .command-image {
    max-width: 360px;
  } 
}

@media (max-width: 1250px) {
  .command-image {
    max-width: 330px;
  } 
}

@media (min-width: 1200px) {
  #command-h2 {
    line-height: 1.7;
  } 
}

@media (max-width: 750px) {
  .command-image {
    max-width: 100%;
  }
  .command-item {
    padding: 0px 0px 50px 0px;
    flex: 100%;;
  }
}

#slider-h2 {
  padding-top: 70px;
  padding-bottom: 30px;
}

.slider-subtitle {
  font-size: calc(20px + 5*((100vw - 320px) /(1920 - 320)));
  line-height: 1.2;
  font-weight: 400;
  margin: 20px 0px;
}

.deepblue {
  background: #f5b400;
}

.slider-section {
  padding-bottom: 70px;
}

.swiper-mainslider {
  margin: 70px 0px 0px;
}

.swiper-button-prev_main,
.swiper-button-next_main {
    top: calc(50% + 100px) !important;
}

.swiper-slide-main img{
  max-width: 360px;
}

.button_gold.deepblue_bg {
  background: #1b2840;
  border: 3px solid #1b2840;
}

.button_gold.deepblue_bg:hover {
  background: white;
  color: black;
  border: 3px solid #1b2840;
}

.button.deepblue_bg {
  height: 76px;
  font-size: 24px;
}

/* ----------- */

/* compensation */

.comp-section {
/*  margin-bottom: 100px;*/
  background: #F5F5F5;
  padding: 30px 0px;
}

.comp-li {
  font-weight: 400;
  font-size: calc(19px + 6*((100vw - 320px) /(1920 - 320)));
  color: #292929;
  cursor: pointer;
  padding-bottom: 30px;
  line-height: 30px;
  list-style: none; 
}

.comp-holder {
  display: flex;
  max-width: 1285px;
  margin: 0 auto;
}

.comp-part-1 {
  width: 455px;
}

.comp-part-2 {
  padding-top: 50px;
  width: calc(100% - 435px);
  position: relative;
}

#comp-h2 {
  padding-bottom: 40px;
}

#comp-text {
  font-weight: 400;
  font-size: calc(19px + 6*((100vw - 320px) /(1920 - 320)));
  color: #292929;
  cursor: pointer;
  padding-bottom: 30px;
  line-height: 40px;    
}

.comp-button {
  margin-top: 30px;
}

#comp-doc {
  position: absolute;
  bottom: 50px;
  right: 0px;
  max-width: 350px;
}

@media (min-width: 1000px) and (max-width: 1240px) {
  .comp-part-1 {
    width: 500px;
  }
}

@media (max-width: 1240px) {
  #comp-doc {
    max-width: 300px;
  }
}

@media (max-width: 1130px) {
  #comp-doc {
    display: none;
  }
}

@media (max-width: 999px) {
  .comp-holder {
    flex-direction: column;
    max-width: none;
    padding: 30px 50px;
    max-width: 600px;
  }
  .comp-part-1 {
    order: 2;
    margin: 0 auto;
    width: auto;
  }

  .comp-part-2 {
    text-align: center;
    width: 100%;
  }

  #comp-h2 {
    text-align: center;
  }

  #comp-text {
    text-align: center;
    font-size: calc(17px + 6*((100vw - 320px) /(1920 - 320)));
    line-height: 30px;
  }

  .comp-part-2 .checkgreen {
    width: 40px !important;
  }

  .comp-button {
    max-width: none;
  }

  .comp-li {
    font-size: calc(17px + 6*((100vw - 320px) /(1920 - 320)));
    padding-top: 5px;
    text-align: left;
    margin-bottom: -10px;
  }
}

@media (max-width: 999px) {
  .comp-holder {
    padding: 0px 30px;
  }
}

@media (max-width: 600px) {
  .comp-holder {
    padding: 0px 10px;
  }
}

@media (max-width: 399px) {
  .button.comp-button {
    padding: 0px 10px;
  }
}

.margin-bottom {
    margin-bottom: 60px;
}

/* ------------ */

/* Best conditions */

.conditions-section {
  background: white;
  padding-top: 70px;
  padding-bottom: 70px;
}

#conditions-holder {
  max-width: 1285px;
  margin: 0 auto;  
}

#conditions-h2 {
  margin-bottom: 40px;
}

#conditions-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.condition-item {
  width: 30%;
  box-shadow: 0px 0px 8px 2px rgba(93, 93, 93, 0.2);
  padding: 30px 20px 30px 20px;
  background: #fff;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  position: relative;
}

.conditon-image {
  height: 150px;
  display: block;
  margin: 0 auto;
}

.condition-title {
  font-weight: 700;
  font-size: calc(20px + 2*((100vw - 320px) /(1920 - 320)));
  line-height: 1.5;
  color: #292929;
  margin-top: 17px;
  margin-bottom: 10px;
  position: relative;
  text-align: center;
  z-index: 1;
}

.condition-text {
  font-size: calc(14px + 2*((100vw - 320px) /(1920 - 320)));
  color: #292929;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  margin-bottom: 10px;
  line-height: 25px;
  text-align: center;
}

@media (max-width: 999px) {
  #conditions-block {
    justify-content: space-around;
  }

  .condition-item {
    width: 45%;
  }

  .condition-text {
    height: 75px;
  }
}

@media (max-width: 800px) {
  .condition-item {
    width: 100%;
  }

  .condition-text {
    height: auto;
  }

  #conditions-h2 {
    text-align: center;
  }
}

/* --------------- */

/* Presents */

.presents-prices {
  font-weight: 700;
  font-size: calc(20px + 2*((100vw - 320px) /(1920 - 320)));
  line-height: 1.5;
  color: #292929;
  margin-top: 17px;
  margin-bottom: 30px;
}

.presents-prices .presents-old {
  color: #c7c7c7;
  text-decoration: line-through;
}

.presents-item {
  background: white;
  padding: 30px 30px 0px 30px;
}

.presents-part-2 img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.presents-item.wide-item {
  padding-bottom: 30px;
}

@media (max-width: 960px) {
  .presents-part-2 img {
    max-width: 120px;
  }
}

@media (min-width: 809px) and (max-width: 960px) {
  .presents-part-2 img {

  }
}

@media (max-width: 808px) {
  .presents-part-1 {
    width: 99%;
  }
}

@media (min-width: 961px) {
  .presents-part-2 img {
    
  }
  .wide-item .presents-part-2 img {
    
  }
}

@media (max-width: 400px) {
  .button.large_button {
    min-width: 270px;
  }

  .action-info .button {
    padding: 0px 30px;
  }

  .page-node-type-article .anketa h2 {
    font-size: calc(24px + 1*((100vw - 320px) /(1920 - 320)));
  }

}

/* ------ */

@media (max-width: 960px) {
  .presents-prices {
    order: -1;
    margin-bottom: 5px;
    text-align: center;
  }
  .presents-item {
    padding: 30px 30px 30px 30px;
  }
  .wide-item .presents-part-2 img {
    max-width: 120px;
  }
  .wide-item .presents-desc {
    margin-bottom: 30px;
  }
  .presents-title {
    text-align: center;
  }
}

/* --- */

.view-frontforms .view-content .slick-slide {
  margin: 0 15px;
}

.view-frontforms .catalog-item h5 {
  min-height: 55px;
}

.forms-caption {
  font-size: calc(18px + 15*((100vw - 320px) /(1920 - 320)));
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 20px;
}

.slick-next.slick-arrow {
  width: 64px;
  height: 64px;
  border: none;
  color: transparent;
  background: transparent;
  right: -10px;
  position: absolute;
  top: 190px;
  z-index: 10;
}

.slick-next.slick-arrow:after {
  content: '';
  background-color: #1b2840;
  width: 58px;
  height: 58px;
  border: 3px solid #fff;
  background-image: url(/themes/nebonew/images/white-arrow.svg);
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
}

.slick-prev.slick-arrow {
  width: 64px;
  height: 64px;
  border: none;
  color: transparent;
  background: transparent;
  position: absolute;
  left: -20px;
  top: 190px;
  z-index: 10;
}

.slick-prev.slick-arrow:after {
  content: '';
  background-color: #1b2840;
  width: 58px;
  height: 58px;
  border: 3px solid #fff;
  background-image: url(/themes/nebonew/images/white-arrow.svg);
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  transform: rotate(180deg);
}

.form-type-container .views-element-container {
  margin-bottom: 50px;
}

@media (max-width: 1250px) {
  .slick-next.slick-arrow,
  .slick-prev.slick-arrow {
    top: 25%;
  }
}

@media (max-width: 700px) {
  .slick-next.slick-arrow,
  .slick-prev.slick-arrow {
    top: 25%;
    width: 40px;
    height: 40px;
  }
  .slick-next.slick-arrow:after,
  .slick-prev.slick-arrow:after {
    width: 42px;
    height: 42px;
  }
  .slick-next.slick-arrow {
    right: 10px;
  }
  .slick-prev.slick-arrow {
    left: -10px;
  }
  .view-frontforms .catalog-item h5 {
    min-height: 75px;
  }
}

@media (max-width: 660px) {
  .form-type-container .views-element-container .pay-block a {
    padding: 0;
  }
}

@media (max-width: 500px) {
  .slick-next.slick-arrow,
  .slick-prev.slick-arrow {
    top: 20%;
  }
  .form-type-container .views-element-container .catalog-item > p {
    height: 106px;
  }
}

@media (max-width: 400px) {
  .slick-next.slick-arrow,
  .slick-prev.slick-arrow {
    top: 16%;
    width: 30px;
    height: 30px;
  }

  .slick-next.slick-arrow {
    right: 30px !important;
    left: auto !important;
  }

  .slick-prev.slick-arrow {
    left: 10px !important;
    right: auto !important;
  }

  .slick-next.slick-arrow:after,
  .slick-prev.slick-arrow:after {
    top: 17%;
    width: 32px;
    height: 32px;
    background-size: 40%;
  }

  .price {
    font-size: calc(20px + 6*((100vw - 320px) /(1920 - 320)));
  }

}