@charset "UTF-8";
html {
  /* display: flex;
  flex: 1 1 auto;*/
  min-height: 100%;
}

body {
  font-family: "Raleway";
  color: #fff;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  background: #17161B;
}
body .page-content {
  flex: 1 1 auto;
}

a:focus {
  /* outline: none !important; */
  outline: none;
}

a {
  color: #fff;
}

a,
.btn,
button,
.btn-buy,
.link {
  cursor: pointer;
  transition: 0.3s ease-in;
  white-space: nowrap;
  outline: none;
}

label {
  cursor: pointer;
}

.first-block {
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  /* overflow: hidden; */
  position: relative;
}
.first-block .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.first-block .container {
  padding: 0 80px;
  align-items: center;
  height: 100%;
  gap: 50px;
  position: relative;
  z-index: 1;
}
.first-block .container .left-side {
  height: 100%;
  display: flex;
  align-items: center;
}
.first-block .container .left-side .main-title {
  font-size: 160px;
  line-height: 1;
  font-family: "Athena";
  color: #fff;
  max-width: 770px;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.first-block .container .right-side {
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex: 1 1 auto;
  position: relative;
}
.first-block .container .right-side .button-box {
  position: absolute;
  right: 0;
  bottom: -30px;
}
.page-template-first-page .advantages-block {
  background-image: url(../img/bg-advantages.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}
.page-template-first-page .advantages-block .container {
  padding: 100px 0;
  gap: 100px;
}
.page-template-first-page .advantages-block .container .advantages-box {
  display: flex;
  justify-content: center;
  width: 100%;
  justify-content: center;
  position: relative;
  padding: 0 80px;
}
.page-template-first-page .advantages-block .container .advantages-box.level1 {
  padding: 0 0 0 80px;
}
.page-template-first-page .advantages-block .container .advantages-box.level1 .item.active .card-back {
  transform: translate(0, -50%);
  left: 0;
}
.page-template-first-page .advantages-block .container .advantages-box.level2 {
  padding: 0 0 0 0;
}
.page-template-first-page .advantages-block .container .advantages-box.level2 .item.active .card-back {
  transform: translate(-50%, -50%);
  left: 50%;
}
.page-template-first-page .advantages-block .container .advantages-box.level3 {
  padding: 0 0 0 80px;
}
.page-template-first-page .advantages-block .container .advantages-box.level3 .item.active .card-back {
  transform: translate(-50%, -50%);
  left: 50%;
}
.page-template-first-page .advantages-block .container .advantages-box.level4 {
  padding: 0 0 0 0;
}
.page-template-first-page .advantages-block .container .advantages-box.level4 .item.active .card-back {
  transform: translate(-50%, -50%);
  left: 50%;
}
.page-template-first-page .advantages-block .container .advantages-box.level5 {
  padding: 0 80px 0 0;
}
.page-template-first-page .advantages-block .container .advantages-box.level5 .item.active .card-back {
  transform: translate(0, -50%);
  right: 0;
}
.page-template-first-page .advantages-block .container .advantages-box .item {
  cursor: pointer;
  transition: 0.3s ease;
  flex: 1 1 20%;
  max-width: 400px;
  display: flex;
  position: relative;
  margin-left: -60px;
  z-index: 1;
}
.page-template-first-page .advantages-block .container .advantages-box .item:first-child {
  margin-left: 0;
}
.page-template-first-page .advantages-block .container .advantages-box .item .card-front {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  box-shadow: 0px 0px 6.1px 0px rgba(255, 255, 255, 0.2509803922) inset;
  padding: 70px 48px;
  border-radius: 50px;
  background: #19181D;
}
.page-template-first-page .advantages-block .container .advantages-box .item .card-front .text {
  height: 100px;
  opacity: 0.5;
}
.page-template-first-page .advantages-block .container .advantages-box .item.active {
  z-index: 999;
}
.page-template-first-page .advantages-block .container .advantages-box .item.active .card-front {
  display: none;
}
.page-template-first-page .advantages-block .container .advantages-box .item.active .card-back {
  /* display: flex; */
  opacity: 1;
  pointer-events: auto;
}
.page-template-first-page .advantages-block .container .advantages-box .item .card-back {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  height: 645px;
  width: 645px;
  padding: 80px 115px;
  z-index: 9;
  align-items: center;
  gap: 32px;
  border-radius: 50px;
  border: 1px solid #FFF;
  background: rgba(248, 241, 241, 0.15);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  color: #fff;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.page-template-first-page .advantages-block .container .advantages-box .item .card-back .img-box svg {
  height: 130px;
  width: auto;
}
.page-template-first-page .advantages-block .container .advantages-box .item .card-back .box-title {
  text-align: center;
}
.page-template-first-page .advantages-block .container .advantages-box .item .card-back .link {
  display: flex;
  align-items: center;
  gap: 10px;
}
.page-template-first-page .advantages-block .container .advantages-box .item .box-text {
  margin-bottom: 32px;
}
.page-template-first-page .advantages-block .container .advantages-box .item .btn-more {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  box-shadow: 0px 0px 6.1px 0px rgba(255, 255, 255, 0.2509803922) inset;
}

.advantages-page-content .advantages-block .container {
  padding: 100px 80px 100px;
  gap: 48px;
}
.advantages-page-content .map-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  background-image: url(../img/map-bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.advantages-page-content .map-block .mobile-map-box {
  display: none;
}
.advantages-page-content .map-block .block-title {
  text-align: center;
}
.advantages-page-content .map-block .text {
  text-align: center;
}
.advantages-page-content .map-block .map-box {
  position: relative;
}

.advantages-block .container {
  flex-direction: column;
  align-items: center;
}
.advantages-block .container .block-text {
  text-align: center;
  max-width: 1210px;
}
.advantages-block .container .block-title {
  text-align: center;
}
.advantages-block .container .advantages-box.desktop-advantages-box {
  display: flex;
  justify-content: center;
}
.advantages-block .container .advantages-box .item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.advantages-block .container .advantages-box .item .top-part {
  margin-bottom: 65px;
}
.advantages-block .container .advantages-box .item .box-text {
  margin-bottom: 32px;
  height: 66px;
}
.advantages-block .container .advantages-box .item .text strong {
  font-weight: 900;
}
.interior-block .interior-slider .slide {
  height: 1000px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
}
.interior-block .interior-slider .slide .container {
  padding: 80px 286px 80px 70px;
  flex-direction: column;
  justify-content: space-between;
}
.interior-block .interior-slider .slide .container .top-part .block-title {
  margin-bottom: 16px;
}
.interior-block .interior-slider .slide .container .bottom-part {
  display: flex;
  justify-content: space-between;
}
.interior-block .interior-slider .slide .container .bottom-part .left-side {
  flex: 1 1 1080px;
  max-width: 1080px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.interior-block .interior-slider .slide .container .bottom-part .left-side .charecteristics-box {
  display: flex;
  gap: 121px;
}
.interior-block .interior-slider .slide .container .bottom-part .left-side .charecteristics-box .item .name {
  margin-bottom: 8px;
  opacity: 0.5;
}
.interior-block .interior-slider .slide .container .bottom-part .right-side {
  display: flex;
  flex-direction: column;
  gap: 78px;
}
.interior-block .interior-slider .slide .container .bottom-part .right-side .button-box {
  width: 248px;
  height: 248px;
  flex: 0 0 248px;
}
.interior-block .interior-slider .slide .container .bottom-part .right-side .button-box:hover .btn {
  width: 150px;
  height: 150px;
  flex: 0 0 150px;
  font-size: 10px;
  line-height: 17px;
}
.interior-block .interior-slider .slide .container .bottom-part .right-side .buttons-box {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.interior-block .interior-slider .slide .container .bottom-part .right-side .buttons-box .count {
  display: flex;
  font-size: 32px;
  line-height: 44px;
  font-family: "Athena";
  gap: 5px;
  color: #fff;
}
.interior-block .interior-slider .slide .container .bottom-part .right-side .buttons-box .count .quantity {
  opacity: 0.5;
}
.interior-block .interior-slider .slide:nth-of-type(1) {
  display: flex;
  background-image: url(../img/slide1.webp);
}
.interior-block .interior-slider .slide:nth-of-type(2) {
  background-image: url(../img/slide2.webp);
}
.interior-block .interior-slider .slide:nth-of-type(3) {
  background-image: url(../img/slide3.webp);
}

.page-template-first-page .map-block {
  background: rgba(23, 22, 27, 0.96);
}
.page-template-first-page .map-block .container {
  padding: 119px 74px 118px;
  flex-direction: column;
  position: relative;
}
.page-template-first-page .map-block .container .box-title {
  margin-bottom: 32px;
}
.page-template-first-page .map-block .container .box-title.coordinates {
  margin-bottom: 91px;
  font-weight: 1;
}
.page-template-first-page .map-block .container .button-box {
  position: absolute;
  right: 475px;
  top: 445px;
  flex: 0 0 248px;
  width: 248px;
  height: 248px;
  z-index: 100;
}
.page-template-first-page .map-block .container .button-box .btn {
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  background-color: #232227;
}
.page-template-first-page .map-block .container .button-box:hover .btn {
  width: 150px;
  height: 150px;
  flex: 0 0 150px;
  font-size: 10px;
}
.page-template-first-page .map-block .container .mobile-map-box .wrap_svl_center {
  width: 100%;
}
.page-template-first-page .map-block .container .mobile-map-box .wrap_svl_center .wrap_svl_center_box {
  width: 100%;
}
.page-template-first-page .map-block .container .mobile-map-box .wrap_svl_center .wrap_svl_center_box .wrap_svl {
  width: 100%;
}

.interactive-block {
  position: relative;
}
.interactive-block .mobile-map-box {
  display: none;
}
.interactive-block .wrap_svl_center_box {
  display: flex;
}
.interactive-block .tips .pins_image {
  cursor: pointer;
}
.interactive-block .point_style img {
  width: 50px;
  height: 50px;
}
.map-block #main_point img {
  width: 72px;
  height: 72px;
}
.map-block .point_style img {
  width: 48px;
  height: 48px;
}

#powerTip {
  display: none !important;
}

.swipe-wrapper .top-part .container {
  padding: 0 80px 100px;
  flex-direction: column;
  gap: 24px;
}
.swipe-wrapper .top-part .container .block-title {
  text-align: center;
}
.swipe-wrapper .top-part .container .block-title::before {
  background-image: url(../img/ico5.svg);
}
.swipe-wrapper .top-part .container .text {
  text-align: center;
}

.page-template-first-page .swipe-block {
  height: 1000px;
}
.page-template-first-page .swipe-block:nth-of-type(1) {
  background-image: url(../img/paralax100.webp);
}
.page-template-first-page .swipe-block:nth-of-type(1) .container {
  max-width: 1430px;
}
.page-template-first-page .swipe-block:nth-of-type(2) {
  background-image: url(../img/paralax2.webp);
}
.page-template-first-page .swipe-block:nth-of-type(2) .container {
  max-width: 1560px;
}
.page-template-first-page .swipe-block:nth-of-type(3) {
  background-image: url(../img/paralax3.webp);
}
.page-template-first-page .swipe-block:nth-of-type(3) .container {
  max-width: 1460px;
}

.swipe-block {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: sticky;
  top: 0;
  z-index: 1;
}
.swipe-block:nth-child(2) {
  z-index: 2;
}
.swipe-block:nth-child(3) {
  z-index: 3;
}
.swipe-block:nth-child(4) {
  z-index: 4;
}
.swipe-block:nth-child(5) {
  z-index: 4;
}
.swipe-block .container {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 24px;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
}
.swipe-block .container .block-title {
  text-align: center;
}
.swipe-block .container .block-text {
  text-align: center;
}

.interactive-block .pins_image {
  animation: pulse 2.5s infinite ease-in-out;
  transform-origin: center;
}

.map-block .pins_image {
  animation: blink-light 2.5s infinite ease-in-out;
  transform-origin: center;
}

.info-ico {
  animation: pulse 2.5s infinite ease-in-out;
  transform-origin: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  background-image: url(../img/ico.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

@keyframes blink-light {
  0% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.4);
  }
  100% {
    filter: brightness(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.6;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.history-block {
  display: flex;
  align-items: stretch;
  padding-top: 80px;
  z-index: 4;
  position: relative;
  background: #19181D;
}
.history-block .left-side {
  flex: 1 1 50%;
  max-width: 50%;
  width: 100%;
  display: flex;
  gap: 43px;
  flex-direction: column;
  justify-content: flex-start;
  background-image: url(../img/deco-logo.svg);
  background-size: auto 760px;
  background-repeat: no-repeat;
  background-position: center right 40px;
  padding-top: 360px;
  overflow: hidden;
}
.history-block .left-side .slider-navigation {
  position: relative;
  display: flex;
  width: 100%;
  height: 27px;
}
.history-block .left-side .slider-navigation .dots-inner {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  transition: transform 0.4s ease;
}
.history-block .left-side .slider-navigation .dots-box {
  display: flex;
  gap: 150px;
  transition: transform 0.4s ease;
  padding: 0;
  box-sizing: content-box;
  position: relative;
  height: 25px;
}
.history-block .left-side .slider-navigation .dots-box::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #969696;
  position: absolute;
  top: 50%;
  margin-top: -1px;
}
.history-block .left-side .slider-navigation .dots-box .item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.history-block .left-side .slider-navigation .dots-box .item:last-of-type .text {
  margin-left: 60px;
}
.history-block .left-side .slider-navigation .dots-box .item .dot-btn {
  background: #969696;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 2;
}
.history-block .left-side .slider-navigation .dots-box .item .text {
  position: absolute;
  color: #969696;
  text-align: center;
  white-space: nowrap;
  bottom: 35px;
  transition: all 0.3s ease;
}
.history-block .left-side .slider-navigation .dots-box .item.active .dot-btn {
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  background: #fff;
  border: 5px solid #19181D;
  box-shadow: 0 0 0 1px #fff;
  border-radius: 50%;
}
.history-block .left-side .slider-navigation .dots-box .item.active .text {
  color: #fff;
  font-size: 32px;
  line-height: 1.375;
}
.history-block .left-side .text-slider-box {
  width: 100%;
}
.history-block .left-side .text-slider .slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 0 110px;
}
.history-block .left-side .text-slider .slide .box-title {
  text-align: center;
  display: flex;
  gap: 29px;
  align-items: center;
  padding-top: 5px;
}
.history-block .left-side .text-slider .slide .text {
  text-align: center;
}
.history-block .left-side .text-slider .slide .info {
  display: none;
}
.history-block .left-side .text-slider .swiper-slide {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.history-block .left-side .text-slider .swiper-slide.swiper-slide-active {
  opacity: 1;
  visibility: visible;
  position: relative;
  z-index: 1;
}
.history-block .right-side {
  flex: 1 1 50%;
  max-width: 50%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 1/1;
}
.history-block .right-side .photo-slider-box {
  width: 100%;
  height: 100%;
}
.history-block .right-side .photo-slider-box .swiper {
  width: 100%;
  height: 100%;
}
.history-block .right-side .photo-slider .slide {
  position: relative;
  overflow: hidden;
}
.history-block .right-side .photo-slider .slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.page-template-first-page .blog-block .container,
.single-post .blog-block .container {
  padding: 100px 0 100px 0;
  overflow: hidden;
}
.page-template-first-page .blog-block .container .block-title,
.single-post .blog-block .container .block-title {
  text-align: left;
  padding: 0 80px;
}
.page-template-first-page .blog-block .container .posts-box,
.single-post .blog-block .container .posts-box {
  padding-left: 80px;
}
.page-template-first-page .blog-block .container .posts-box .post,
.single-post .blog-block .container .posts-box .post {
  width: 430px;
  flex: 0 0 430px;
  margin-right: 12px;
}

.blog-page-content .blog-block .container {
  padding: 0 80px 100px;
  flex-direction: column;
}
.blog-page-content .blog-block .container .posts-box {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.blog-page-content .blog-block .container .posts-box .post {
  flex: 0 1 calc((100% - 36px) / 4);
}

.blog-block .container {
  padding: 100px 80px;
  flex-direction: column;
  gap: 64px;
}
.blog-block .container .posts-box {
  /*  display: flex;
   flex-wrap: wrap;
   gap: 12px; */
}
.blog-block .container .posts-box .post {
  display: flex;
  flex-direction: column;
  gap: 12px;
  /* flex: 0 1 calc((100% - 36px) / 4); */
}
.blog-block .container .posts-box .post .thumbnail {
  border-radius: 10px;
  aspect-ratio: 43/50;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.blog-block .container .posts-box .post .bottom-part {
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  /* box-shadow: 0px 0px 12.5px 0px rgba(255, 255, 255, 0.25) inset; */
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.blog-block .container .posts-box .post .bottom-part .date {
  font-size: 16px;
  line-height: 26px;
  color: gray;
}
.blog-block .container .posts-box .post .bottom-part .post-name {
  font-size: 18px;
  line-height: 28px;
  white-space: normal;
}

.questions-block .container {
  padding: 100px 80px 209px;
  display: flex;
  gap: 49px;
  align-items: stretch;
}
.questions-block .container .left-side {
  display: flex;
  justify-content: space-between;
  flex: 1 1 910px;
  max-width: 910px;
  flex-direction: column;
  gap: 50px;
}
.questions-block .container .left-side .img-box {
  border-radius: 10px;
  overflow: hidden;
}
.questions-block .container .left-side .img-box img {
  width: 100%;
  height: auto;
}
.questions-block .container .right-side {
  flex: 1 1 805px;
  max-width: 805px;
  max-width: initial;
}
.questions-block .container .right-side .questions-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.questions-block .container .right-side .questions-box .item {
  display: flex;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  cursor: pointer;
  transition: 0.3s ease;
}
.questions-block .container .right-side .questions-box .item .left-side {
  display: flex;
  padding: 32px;
  justify-content: flex-start;
  flex: 0 0 165px;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  align-items: flex-end;
}
.questions-block .container .right-side .questions-box .item .right-side {
  padding: 32px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 0;
}
.questions-block .container .right-side .questions-box .item .right-side .name {
  margin-bottom: 25px;
}
.questions-block .container .right-side .questions-box .item .right-side .text {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.3s ease, max-height 0.3s ease, visibility 0.3s ease;
}
.questions-block .container .right-side .questions-box .item .right-side .btn-more {
  position: absolute;
  bottom: 32px;
  left: 32px;
  opacity: 1;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  pointer-events: auto;
}
.questions-block .container .right-side .questions-box .item:hover .right-side .text {
  opacity: 1;
  visibility: visible;
  max-height: 500px;
}
.questions-block .container .right-side .questions-box .item:hover .right-side .btn-more {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.interior-block {
  position: relative;
}
.interior-block .slider-navigation {
  display: flex;
  position: absolute;
  align-items: center;
  right: 80px;
  bottom: 48px;
  z-index: 999;
  gap: 10px;
}
.interior-block .slider-navigation .btn-prev, .interior-block .slider-navigation .btn-next {
  cursor: pointer;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.interior-block .slider-navigation .count {
  display: flex;
  font-size: 32px;
  line-height: 44px;
  font-family: "Athena";
  gap: 5px;
  color: #fff;
}
.interior-block .slider-navigation .count .quantity {
  opacity: 0.5;
}

/**** VORTAILE PAGE ****/
.advantages-page-content .first-block {
  background-image: url(../img/about-bg.webp);
}
.advantages-page-content .first-block .container {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 0 80px 68px;
  gap: 24px;
}
.advantages-page-content .first-block .container .block-title {
  text-align: center;
}
.advantages-page-content .first-block .container .block-text {
  text-align: center;
}
.advantages-page-content .advantages-block .container {
  padding: 100px 80px;
  gap: 48px;
}
.advantages-page-content .advantages-block .container .wrapper {
  display: none;
}
.advantages-page-content .advantages-block .container .block-title::before {
  background-image: url(../img/ico1.svg);
}
.advantages-page-content .advantages-block .container .advantages-box.desktop-advantages-box {
  display: flex;
  gap: 20px;
}
.advantages-page-content .advantages-block .container .advantages-box.desktop-advantages-box .item {
  flex: 0 1 calc((100% - 80px) / 5);
}
.advantages-page-content .advantages-block .container .advantages-box .item {
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  padding: 32px 24px;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.advantages-page-content .advantages-block .container .advantages-box .item .box-title {
  font-size: 24px;
  line-height: 44px;
  min-height: 222px;
}
.advantages-page-content .advantages-block .container .advantages-box .item .text {
  font-size: 20px;
  line-height: 30px;
}
.advantages-page-content .map-block .block-title::before {
  background-image: url(../img/ico2.svg);
}
.advantages-page-content .swipe-block {
  height: 800px;
}
.advantages-page-content .swipe-block:nth-of-type(2) {
  background-image: url(../img/paralax4.webp);
}
.advantages-page-content .swipe-block:nth-of-type(3) {
  background-image: url(../img/paralax5.webp);
}
.advantages-page-content .swipe-block:nth-of-type(4) {
  background-image: url(../img/paralax6.webp);
}
.advantages-page-content .swipe-block:nth-of-type(5) {
  background-image: url(../img/paralax7.webp);
}
.advantages-page-content .swipe-block .container {
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 80px 116px;
}
.advantages-page-content .swipe-block .container .bottom-part {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.advantages-page-content .swipe-block .container .bottom-part .block-title {
  text-align: left;
}
.advantages-page-content .swipe-block .container .bottom-part .text {
  text-align: left;
  max-width: 1280px;
}
.advantages-page-content .swipe-block .container .bottom-part .text ul {
  margin-left: 20px;
}

.ico-title {
  display: inline;
  font-size: 46px;
  line-height: 62px;
  position: relative;
}
.ico-title::before {
  content: "";
  display: inline-block;
  vertical-align: sub;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 24px;
}

.proposition-block.proposition-history-block .container > .block-title {
  margin-bottom: 32px;
  text-align: center;
}
.proposition-block.proposition-history-block .container > .block-title::before {
  background-image: url(../img/ico3.svg);
}
.proposition-block.proposition-history-block .container > .text {
  text-align: center;
  margin-bottom: 88px;
}
.proposition-block .container {
  flex-direction: column;
  align-items: center;
  padding: 100px 80px 146px;
}
.proposition-block .container .block-title {
  margin-bottom: 88px;
}
.proposition-block .container .proposition-box {
  width: 100%;
}
.proposition-block .container .proposition-box .proposition-item {
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  box-shadow: 0px 0px 4.57px 0px rgba(255, 255, 255, 0.2509803922) inset;
  border-radius: 50px;
  padding: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 48px;
  position: sticky;
  top: 40px;
  z-index: 1;
  background: #19181D;
}
.proposition-block .container .proposition-box .proposition-item:nth-of-type(1) {
  margin-bottom: 56px;
}
.proposition-block .container .proposition-box .proposition-item:nth-of-type(1) .left-side {
  background-image: url(../img/bg10.webp);
}
.proposition-block .container .proposition-box .proposition-item:nth-of-type(2) {
  z-index: 2;
}
.proposition-block .container .proposition-box .proposition-item:nth-of-type(2) .left-side {
  background-image: url(../img/bg11.webp);
}
.proposition-block .container .proposition-box .proposition-item .left-side {
  height: 350px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  flex: 1 1 auto;
  width: 100%;
  max-width: 690px;
  border-radius: 25px;
}
.proposition-block .container .proposition-box .proposition-item .right-side {
  flex: 1 1 auto;
  width: 100%;
  max-width: 844px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
}
.proposition-block .container .proposition-box .proposition-item .right-side .text ul {
  margin-left: 30px;
}

.gradient-block {
  background-image: url(../img/history-bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.gradient-block .container {
  height: 1080px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-width: 1196px;
  padding: 0 15px;
}
.gradient-block .container .block-text {
  text-align: center;
}

.safety-block .container {
  padding: 100px 0 134px;
  flex-direction: column;
  align-items: center;
}
.safety-block .container .block-title {
  text-align: center;
  margin-bottom: 32px;
  padding: 0 80px;
  max-width: 1185px;
}
.safety-block .container .block-title::before {
  background-image: url(../img/ico4.svg);
}
.safety-block .container > .text {
  text-align: center;
  margin-bottom: 64px;
  padding: 0 80px;
  max-width: 1185px;
}
.safety-block .container .safety-slider {
  padding-left: 80px;
}
.safety-block .container .safety-slider .swiper-wrapper {
  display: flex;
}
.safety-block .container .safety-slider .slide {
  width: calc(100% - 80px); /* 80px padding + 60px видимого второго слайда */
  margin-right: 20px; /* отступ между слайдами */
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: left center;
  border-radius: 25px;
  height: auto;
}
.safety-block .container .safety-slider .slide .left-side {
  /*  flex: 1 1 50%;
   max-width: 50%; */
}
.safety-block .container .safety-slider .slide .right-side {
  flex: 1 1 960px;
  max-width: 960px;
  width: 100%;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  box-shadow: 0px 0px 6.1px 0px rgba(255, 255, 255, 0.2509803922) inset;
  padding: 64px 64px;
  border-radius: 25px;
  background: #19181D;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.safety-block .container .safety-slider .slide .right-side .text ul {
  margin-left: 30px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.btn-close {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.mobile-menu-box {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(23, 22, 27, 0.75);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  z-index: 100;
}
.mobile-menu-box .modal-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0;
  background: transparent;
}
.mobile-menu-box .modal-content .mobile-menu-content {
  display: flex;
  flex: 1 1 auto;
}
.mobile-menu-box .modal-content .mobile-menu-content .container {
  display: flex;
  gap: 68px;
  padding: 0 80px 32px;
}
.mobile-menu-box .modal-content .mobile-menu-content .container .left-side {
  flex: 1 1 748px;
  max-width: 748px;
  position: relative;
  overflow: hidden;
}
.mobile-menu-box .modal-content .mobile-menu-content .container .left-side img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.mobile-menu-box .modal-content .mobile-menu-content .container .right-side {
  flex: 1 1 944px;
  max-width: 994px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mobile-menu-box .modal-content .mobile-menu-content .container .right-side li {
  list-style-type: none;
}
.mobile-menu-box .modal-content .mobile-menu-content .container .right-side .top-part .nav {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mobile-menu-box .modal-content .mobile-menu-content .container .right-side .top-part .nav li a {
  font-size: 32px;
  line-height: 1.375;
}
.mobile-menu-box .modal-content .mobile-menu-content .container .right-side .top-part .nav li a:hover {
  opacity: 0.5;
}
.mobile-menu-box .modal-content .mobile-menu-content .container .right-side .bottom-part {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mobile-menu-box .modal-content .mobile-menu-content .container .right-side .bottom-part .nav {
  display: flex;
  gap: 36px;
}
.mobile-menu-box .modal-content .mobile-menu-content .container .right-side .bottom-part .nav li a {
  font-size: 16px;
  line-height: 28px;
  text-transform: uppercase;
}
.mobile-menu-box .modal-content .mobile-menu-content .container .right-side .bottom-part .nav li a:hover {
  opacity: 0.5;
  text-decoration: underline;
}
.mobile-menu-box .modal-content .mobile-menu-content .container .right-side .bottom-part .btn-phone:hover {
  opacity: 0.5;
}

.logo {
  width: 139px;
  height: 70px;
  flex: 0 0 139px;
  margin-right: 0;
  display: flex;
  background-image: url(../img/logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-direction: column;
}
.logo.copyrating-logo {
  flex: 0 0 70px;
}

.btn-menu {
  display: none;
  cursor: pointer;
}

form textarea {
  resize: none;
}

.page-template-first-page .site-header,
.page-template-advantages-page .site-header,
.page-template-thankyou-page .site-header,
.error404 .site-header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
}

.text.link-contacts,
.text.link-more,
.btn-send {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 15px;
  border-radius: 8px;
  border: 1px solid transparent;
  /* transition: 0.3s ease; */
  cursor: pointer;
}
.text.link-contacts .svg-box,
.text.link-more .svg-box,
.btn-send .svg-box {
  display: flex;
  transition: 0.3s ease;
}
.text.link-contacts .svg-box svg,
.text.link-more .svg-box svg,
.btn-send .svg-box svg {
  width: 20px;
  height: 18px;
}
.text.link-contacts:hover,
.text.link-more:hover,
.btn-send:hover {
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.text.link-contacts:hover .svg-box,
.text.link-more:hover .svg-box,
.btn-send:hover .svg-box {
  display: flex;
  transform: rotate(45deg);
}

.text.link-more {
  padding-left: 0;
  padding-right: 0;
}
.text.link-more:hover {
  padding: 8px 15px;
}

.header-primary {
  width: 100%;
}
.header-primary .container {
  padding: 24px 80px 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.header-primary .container .left-side {
  display: flex;
  align-items: center;
}
.header-primary .container .left-side .btn-menu, .header-primary .container .left-side .btn-close {
  display: flex;
  gap: 18px;
  font-size: 22px;
  line-height: 33px;
  font-family: "Athena";
  align-items: center;
}
.header-primary .container .right-side {
  display: flex;
  align-items: center;
  gap: 25px;
}
.breadcrumbs-box .container {
  padding: 0 80px;
}
.breadcrumbs-box .container .breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 8px;
  font-size: 20px;
  line-height: 32px;
}
.breadcrumbs-box .container .breadcrumbs a {
  opacity: 0.5;
  font-size: 20px;
  line-height: 32px;
  white-space: normal;
}
.breadcrumbs-box .container .breadcrumbs a:last-of-type {
  opacity: 1;
  cursor: auto;
}
.breadcrumbs-box .container .breadcrumbs span {
  opacity: 0.5;
}

/**** FIRST PAGE ****/
.mobile-products-box .slick-track {
  display: flex;
  height: auto;
  align-items: stretch;
}
.mobile-products-box .slick-slide {
  margin-right: 20px;
}
.mobile-products-box .slick-list {
  margin-right: -20px;
}

.home .catalog-block .block-title {
  text-align: center;
  margin-bottom: 50px;
}

.btn,
.woocommerce-checkout #place_order,
.wpcf7-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.slick-slider .slick-dots {
  margin-top: 35px;
  position: relative;
  bottom: 0;
  display: flex;
  gap: 20px;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
}
.slick-slider .slick-dots li {
  height: 2px;
  width: 35px;
  flex: 0 0 35px;
  background: #a4a4a4;
}
.slick-slider .slick-dots li.slick-active {
  background: #202020;
}
.slick-slider .slick-dots li button {
  width: 100%;
  height: 100%;
}
.slick-slider .slick-dots li button::before {
  display: none;
}

.about-block .container {
  padding: 0 15px 100px;
  gap: 85px;
}
.about-block .container .left-side {
  padding: 112px 0;
  flex: 1 1 635px;
  max-width: 635px;
}
.about-block .container .left-side .block-text {
  margin-bottom: 35px;
}
.about-block .container .right-side {
  flex: 1 1 720px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../img/bg2.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50px;
  position: relative;
}
.about-block .container .right-side.active .btn-play {
  display: none;
}
.about-block .container .right-side.active .video-wrapper {
  display: flex;
}
.about-block .container .right-side .btn-play {
  background-image: url(../img/play.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  width: 109px;
  height: 75px;
  flex: 0 0 109px;
  cursor: pointer;
  position: absolute;
  display: flex;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.about-block .container .right-side .video-wrapper {
  display: none;
  width: 100%;
  height: 100%;
  border-radius: 50px;
}
.about-block .container .right-side .video-wrapper iframe {
  height: 100%;
  border-radius: 10px;
}
.about-block .container .right-side .video-wrapper embed, .about-block .container .right-side .video-wrapper iframe, .about-block .container .right-side .video-wrapper object {
  width: 100%;
  max-width: 100%;
}

.image-block {
  padding: 0 15px;
}
.image-block .container {
  padding: 161px 15px;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-image: url(../img/bg3.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50px;
}
.image-block .container .block-title {
  color: #fff;
  margin-bottom: 50px;
  text-align: center;
}
.faq-block .container {
  padding: 100px 15px;
  flex-direction: column;
}
.faq-block .container .block-title {
  text-align: center;
  margin-bottom: 50px;
}
.video-block .container .link {
  color: #fff;
}

.slider-block {
  margin-bottom: 100px;
}
.slider-block .slider-gallery .slide img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.slider-block .slider-gallery .slick-dots {
  bottom: 15px;
  gap: 10px;
}
.slider-block .slider-gallery .slick-dots li {
  width: 12px;
  height: 12px;
  margin: 0;
  opacity: 0.5;
}
.slider-block .slider-gallery .slick-dots li.slick-active {
  opacity: 1;
}

.noUi-target {
  width: 275px;
  margin: 0 20px 25px 10px;
  height: 5px;
  border: none;
  background-color: #e7e7e7;
  order: -1;
}

.noUi-connect {
  background-color: #9ECAA4;
  border: none;
  border-radius: 3px;
}

.noUi-handle {
  background-color: #fff;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  top: -9px;
  border: 1px solid #e7e7e7;
  cursor: pointer;
}

.archive .catalog-block .container {
  padding: 0 15px 100px;
}

/**** BLOG PAGE ****/
/**** POST PAGE ****/
.post-page {
  padding-bottom: 100px;
}
.post-page .post-block .container {
  flex-direction: column;
}
.post-page .container .post-thumbnail img {
  width: 100%;
  height: auto;
}
.post-page .container .news-swiper-wrapper {
  background: #19181D;
  position: sticky;
  z-index: 1;
  top: 0;
}
.post-page .container .content-box {
  padding-top: 160px;
}
.post-page .container .content-box img {
  margin-bottom: 50px;
}
.post-page .container .content-box p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 25px;
}
.post-page .container .content-box p:last-of-type {
  margin-bottom: 0;
}
.post-page .container .content-box p strong {
  font-size: 24px;
  font-weight: 500;
}

.accordion .accordion-item {
  padding: 25px;
  border-radius: 25px;
  border: 1px solid #e9e9e9;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 26px;
}
.accordion .accordion-item:last-of-type {
  margin-bottom: 0;
}
.accordion .accordion-item .accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s ease-out;
  font-weight: 500;
  padding-bottom: 15px;
}
.accordion .accordion-item .accordion-header .svg-minus {
  display: none;
}
.accordion .accordion-item-show .accordion-header .svg-minus,
.accordion .accordion-item-slidedown .accordion-header .svg-minus {
  display: block;
}
.accordion .accordion-item-show .accordion-header .svg-plus,
.accordion .accordion-item-slidedown .accordion-header .svg-plus {
  display: none;
}
.accordion-body {
  display: none;
}

.accordion-item:not(.accordion-item-show) .accordion-body {
  display: none;
}

/**** THANK YOU AND FAILED PAGE ****/
.thankyou-page-content .content-block .container {
  padding: 50px 15px 100px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.thankyou-page-content .content-block .container .page-title {
  font-size: 96px;
  font-weight: 500;
  line-height: 106px;
  margin-bottom: 25px;
  text-transform: uppercase;
}
.thankyou-page-content .content-block .container .page-subtitle {
  max-width: 1035px;
  font-size: 36px;
  line-height: 46px;
  margin-bottom: 50px;
  text-align: center;
}
.thankyou-page-content .content-block .container .btn {
  padding: 0 60px;
}

.message-page {
  background-image: url(../img/thankyou-bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.message-page .content-block {
  height: 100vh;
}
.message-page .content-block .container {
  padding: 0 16px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 758px;
  text-align: center;
  align-items: center;
}
.message-page .content-block .container .block-title {
  margin-bottom: 24px;
}
.message-page .content-block .container .text {
  margin-bottom: 48px;
}
.message-page .content-block .container .text.link-home {
  margin-bottom: 0;
  display: flex;
  gap: 16px;
  align-items: center;
}
.message-page .content-block.error-block .content-block .container {
  max-width: 660px;
}
.message-page .content-block.error-block .page-title {
  font-size: 394px;
  line-height: 394px;
  margin-bottom: 43px;
  font-style: italic;
  font-family: "Playfair Display";
  opacity: 0.25;
}

/**** ABOUT US PAGE ****/
/**** TEXT PAGE ****/
.text-page-content .content-block .container {
  padding: 0 80px 100px;
  flex-direction: column;
}
.form-block .container {
  flex-direction: column;
  padding: 0 15px 100px;
}
.form-block .container .block-title {
  margin-bottom: 25px;
}
.form-block .container > .text {
  margin-bottom: 50px;
}
.form-block .container .form-box .wpcf7-submit {
  width: 100%;
}

/**** FOOTER ****/
.footer {
  background-image: url(../img/footer.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 5;
}
.footer .footer-inner .container {
  padding: 120px 80px 140px 80px;
  flex-direction: column;
  display: flex;
  gap: 92px;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.footer .footer-inner .container .top-part {
  display: flex;
  justify-content: space-between;
  gap: 50px;
  width: 100%;
}
.footer .footer-inner .container .top-part .left-side {
  display: flex;
  flex-direction: column;
  gap: 74px;
}
.footer .footer-inner .container .top-part .left-side .form-box form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.footer .footer-inner .container .top-part .left-side .form-box .btn-submit {
  display: none;
}
.footer .footer-inner .container .top-part .left-side .form-box .btn-send {
  display: inline-flex;
  margin-top: 10px;
}
.footer .footer-inner .container .top-part .left-side .form-box .form-item input {
  padding: 18px 0px 20.69px 20px;
  justify-content: flex-end;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 0;
  font-size: 20px;
  line-height: 32px;
  color: #fff;
  font-family: "Athena";
}
.footer .footer-inner .container .top-part .left-side .form-box .form-item input::-moz-placeholder {
  font-size: 20px;
  line-height: 32px;
  color: #fff;
}
.footer .footer-inner .container .top-part .left-side .form-box .form-item input::placeholder {
  font-size: 20px;
  line-height: 32px;
  color: #fff;
}
.footer .footer-inner .container .top-part .right-side {
  padding-right: 142px;
}
.footer .footer-inner .container .top-part .right-side .box-title {
  margin-bottom: 24px;
}
.footer .footer-inner .container .top-part .right-side .text {
  margin-bottom: 48px;
}
.footer .footer-inner .container .bottom-part {
  display: none;
}
.footer .footer-inner .container .bottom-part .button-box .btn {
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.footer .copyrating .container {
  padding: 0 80px 56px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: column;
}
.footer .copyrating .container .top-part {
  padding-bottom: 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.footer .copyrating .container .top-part .copyrating-text {
  font-size: 14px;
  line-height: 24px;
}
.footer .copyrating .container .bottom-part {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.footer .copyrating .container .bottom-part .column {
  display: flex;
  flex-direction: column;
}
.footer .copyrating .container .bottom-part .column .box-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 25px;
  color: #fff;
}
.footer .copyrating .container .bottom-part .first-column .footer-menu {
  flex-direction: row;
  gap: 0 36px;
}
.footer .copyrating .container .bottom-part .second-column .footer-menu {
  gap: 0;
}
.footer .copyrating .container .bottom-part .second-column .footer-menu li {
  padding-left: 12px;
  position: relative;
}
.footer .copyrating .container .bottom-part .second-column .footer-menu li.current_page_item::before {
  content: "";
  display: flex;
  flex: 0 0 4px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  top: 50%;
  left: 0;
  margin-top: -2px;
  position: absolute;
}
.footer .copyrating .container .bottom-part .fifth-column {
  flex-direction: row;
}
.footer .copyrating .container .bottom-part .link {
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
}
.footer .copyrating .container .bottom-part a, .footer .copyrating .container .bottom-part .contact-item {
  color: #e8e8e8;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.footer .copyrating .container .bottom-part .footer-menu {
  display: flex;
  flex-direction: column;
  gap: 15px 0;
  margin: 0;
}
.footer .copyrating .container .bottom-part .footer-menu .menu-item {
  list-style-type: none;
}
.footer .copyrating .container .bottom-part .agency-logo {
  flex: 0 0 116px;
  width: 116px;
  height: 26px;
  background-image: url(../img/wslogo.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}
.footer .copyrating .container .bottom-part .contacts-box {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/**** MOBILE MENU ****/
/**** MINI CART ****/
/**** MODALS ****/
.modal-box {
  display: none;
  position: fixed;
  z-index: 15;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  justify-content: center;
  align-items: center;
}

.drag_element.left .modal.interactive-modal {
  transform: translateX(0);
  left: 0;
}
.drag_element .right .modal.interactive-modal {
  transform: translateX(0);
  right: 0;
}
.drag_element.active .tooltip {
  display: flex;
}
.drag_element .tooltip {
  display: none;
  z-index: 16;
  max-width: 465px;
  min-width: 465px;
  position: absolute;
  padding: 48px 32px;
  width: 100%;
  border-radius: 25px;
  background: #17161B;
  box-shadow: 0 0 6.1px 0 rgba(255, 255, 255, 0.25) inset;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  flex-direction: column;
  top: 30px;
  transform: translateX(50%);
  right: 0;
}
.drag_element .tooltip .close {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 2;
}
.drag_element .tooltip .modal-content .box_view_html {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.interactive-block .modal.interactive-modal {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.advantages-page-content .map-block .interactive-modal .modal-content {
  text-align: center;
}
.advantages-page-content .map-block .interactive-modal .modal-content li {
  list-style-type: circle;
}
.advantages-page-content .map-block .interactive-modal .modal-content .box-text {
  color: #969696;
  text-align: center;
}

.modal {
  display: none;
  z-index: 16;
  max-width: 530px;
  position: absolute;
  padding: 48px 32px;
  width: 100%;
  border-radius: 25px;
  background: #17161B;
  box-shadow: 0 0 6.1px 0 rgba(255, 255, 255, 0.25) inset;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  flex-direction: column;
}
.modal.history-modal {
  max-width: 400px;
}
.modal.history-modal .modal-content {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.modal.history-modal .modal-content h1, .modal.history-modal .modal-content h2, .modal.history-modal .modal-content h3, .modal.history-modal .modal-content h4, .modal.history-modal .modal-content h5, .modal.history-modal .modal-content h6 {
  margin-bottom: 16px;
}
.modal.history-modal .modal-content p {
  margin-bottom: 32px;
  color: #969696;
}
.modal.history-modal .modal-content p:last-child {
  margin-bottom: 0;
}
.modal.interactive-modal {
  max-width: 465px;
}
.modal.interactive-modal .modal-content .box_view_html {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.modal .close {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 2;
}
.modal .modal-header {
  display: flex;
}
.modal.interactive-modal .modal-content .box_view_html .text.link {
  text-decoration: underline;
  display: flex;
  align-items: center;
  gap: 10px;
}
.modal.interactive-modal .modal-content .box_view_html .text.link::after {
  content: "";
  display: flex;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='28' viewBox='0 0 27 28' fill='none'%3E%3Cpath d='M14.989 21.7656C14.989 21.7656 18.2321 14.5423 24.0549 13.5105H1.40234' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M14.9883 5.25459C14.9883 5.25459 18.2314 12.4779 24.0542 13.5098' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 27px;
  height: 28px;
}

.modal .form-item input {
  padding: 10px 0;
  border: none;
  font-size: 16px;
  line-height: 22px;
  border-bottom: 1px solid #B9B9B9;
}

.modal .form-item {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.modal .form-item .error {
  font-size: 12px;
  color: #a00;
  bottom: 0;
  left: 0;
}

/**** FORMS ****/
.form-review-box .modal-header {
  display: flex;
  align-items: center;
}
.form-review-box .modal-header .modal-title {
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 0;
}

.comment-respond .comment-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.comment-respond label {
  display: flex;
  margin: 0 0 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
}
.comment-respond input[type=text],
.comment-respond input[type=email],
.comment-respond input[type=tel] {
  height: 50px;
  border: 1px solid #e7e7e7;
  border-radius: 10px;
  padding: 0 15px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
}
.comment-respond textarea {
  height: 150px;
  border-radius: 10px;
  padding: 15px;
  border: 1px solid #e7e7e7;
  width: 100%;
  resize: none;
}
.comment-respond .comment-form-cookies-consent label {
  display: inline;
}
.comment-respond .comment-notes {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.form-item-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 25px;
}
.form-item-row .form-item {
  flex: 0 1 calc((100% - 50ppx) / 2);
}

.form-item {
  display: flex;
  margin-bottom: 15px;
  align-items: flex-start;
  width: 100%;
  flex-direction: column;
}
.form-item label {
  margin: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  gap: 10px;
}
.form-item label .label-text {
  display: flex;
}
.form-item .wpcf7-form-control-wrap {
  position: relative;
  flex: 1 1 auto;
}
.form-item .text {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 20px;
}
.form-item .text span {
  color: red;
}
.form-item input {
  height: 50px;
  line-height: 50px;
  border: 1px solid #e7e7e7;
  border-radius: 10px;
  padding: 0 15px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
}
.form-item input::-moz-placeholder {
  color: #A4A4A4;
}
.form-item input::placeholder {
  color: #A4A4A4;
}
.form-item textarea {
  height: 100px;
  border: 1px solid #e7e7e7;
  border-radius: 0;
  width: 100%;
  max-width: 100%;
  padding: 15px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 24px;
  font-family: "Raleway";
}
.form-item textarea::-moz-placeholder {
  color: #A4A4A4;
}
.form-item textarea::placeholder {
  color: #A4A4A4;
}

.privacy-text {
  font-size: 14px;
  line-height: 24px;
}
.privacy-text a {
  text-decoration: underline;
}

.wpcf7-spinner {
  position: absolute;
  right: 30px;
}

input[type=number] {
  -moz-appearance: textfield; /* Для Firefox */
  -webkit-appearance: textfield; /* Для Safari, Chrome */
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; /* Убирает возможный отступ */
}

/**** OTHER STYLES ****/
.error {
  margin-top: 10px;
  color: #a00;
  font-size: 14px;
}
.error.coupon-error {
  margin: 0 0 20px;
}

#scroll-top {
  display: none !important;
}

/* Base animation styles */
.hidden {
  opacity: 0;
  visibility: hidden;
}

.animated {
  visibility: visible;
  animation-duration: 1s;
  animation-fill-mode: both;
}

@keyframes slideInLeft {
  from {
    transform: translateX(-100px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideInRight {
  from {
    transform: translateX(100px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInUp {
  from {
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideInDown {
  from {
    transform: translateY(-30px); /* небольшое смещение сверху */
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.slide-in-left {
  animation-name: slideInLeft;
}

.slide-in-right {
  animation-name: slideInRight;
}

.fade-in-up {
  animation-name: fadeInUp;
}

.slide-in-down {
  animation-name: slideInDown;
}

/**** PRELOADER ****/
.preloader-box .preloader {
  width: 100px;
  height: 100px;
  flex: 0 0 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #100f13;
}
.preloader-box .preloader .frame {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #100f13;
}
.preloader-box .preloader .frame.frame1 {
  animation: showHideOnly 1s linear 0s forwards;
}
.preloader-box .preloader .frame.frame2 {
  animation: showHideOnly 1s linear 1s forwards;
}
.preloader-box .preloader .frame.frame3 {
  animation: showHideOnly 1s linear 2s forwards;
}
.preloader-box .preloader .frame.frame4 {
  animation: blink 1s ease-in-out 3 3s, moveUp 0.5s ease-out 3.9s forwards;
}

@keyframes showHideOnly {
  0% {
    opacity: 0;
    z-index: 1;
  }
  1% {
    opacity: 1;
    z-index: 2;
  }
  99% {
    opacity: 1;
    z-index: 2;
  }
  100% {
    opacity: 0;
    z-index: 1;
  }
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes moveUp {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-30px);
    opacity: 0;
  }
}
.container {
  max-width: 1920px;
  padding: 0 80px;
  width: 100%;
  margin: 0 auto;
  display: flex;
}

.block-title {
  font-size: 46px;
  line-height: 62px;
  line-height: 1.35;
  font-weight: 400;
  font-family: "Athena";
}

.box-title {
  font-size: 32px;
  line-height: 44px;
  line-height: 1.375;
  font-weight: 400;
  font-family: "Athena";
}

.text,
.history-modal .modal-content p {
  font-size: 20px;
  line-height: 32px;
  line-height: 1.6;
  font-weight: 400;
}

.block-text {
  font-size: 32px;
  line-height: 48px;
  line-height: 1.5;
  font-weight: 400;
}

.box-text {
  font-size: 22px;
  line-height: 32px;
  line-height: 1.45;
  font-weight: 400;
}

.button-box {
  width: 332px;
  height: 332px;
  flex: 0 0 332px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button-box:hover .btn {
  width: 150px;
  height: 150px;
  flex: 0 0 150px;
  font-size: 9px;
  line-height: 15px;
}
.button-box:hover .btn svg {
  width: 9px;
  height: 9px;
}
.button-box .btn {
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1.45;
  gap: 10px;
  width: 332px;
  height: 332px;
  flex: 0 0 332px;
}

.history-modal .modal-content h1,
.history-modal .modal-content h2,
.history-modal .modal-content h3,
.history-modal .modal-content h4,
.history-modal .modal-content h5,
.history-modal .modal-content h6 {
  font-size: 22px;
  line-height: 32px;
  line-height: 1.6;
  font-weight: 400;
}

.post-page .post-block .container {
  padding: 0 80px 80px;
  padding: 100px 80px 100px 80px;
}
.post-page .post-block .container .block-title {
  margin-bottom: 64px;
}

.post-page .post-block .container .content-box h1,
.text-page-content h1 {
  font-size: 46px;
  line-height: 62px;
  line-height: 1.35;
  font-weight: 400;
  margin-bottom: 48px;
}

.post-page .post-block .container .content-box h2,
.post-page .post-block .container .content-box h3,
.post-page .post-block .container .content-box h4,
.post-page .post-block .container .content-box h5,
.post-page .post-block .container .content-box h6,
.text-page-content h2,
.text-page-content h3,
.text-page-content h4,
.text-page-content h5,
.text-page-content h6 {
  margin-bottom: 24px;
  font-size: 32px;
  line-height: 44px;
  line-height: 1.375;
  font-weight: 400;
}

.post-page .post-block .container .content-box p,
.text-page-content p {
  margin-bottom: 48px;
  font-size: 20px;
  line-height: 32px;
  line-height: 1.6;
  font-weight: 400;
}

.post-page .post-block .container .content-box > *:last-child,
.text-page-content .content-box > *:last-child {
  margin-bottom: 0;
}

.advantages-page-content #main_point img {
  width: 100px;
  height: 100px;
}
.advantages-page-content .point_style img {
  width: 64px;
  height: 64px;
}

.advantages-map-block .text-box {
  transform: translate(-50%, 0);
  left: 50%;
  top: 45px; /* 30 15 */
}
.advantages-map-block .right {
  /*
  До 1440
  left: 40px;
  top: -25px;
  До 1170
  left: 25px;
  top: -25px;
  После
  top: -15px;
  */
}
.advantages-map-block .right .text-box {
  transform: translate(0, 0);
  left: 50px;
  top: -20px;
}
.advantages-map-block .left {
  /*
      1170        
      right: 30px;
      top: -15px;

  */
}
.advantages-map-block .left .text-box {
  transform: translate(0, 0);
  right: 40px;
  top: -20px;
  left: auto;
}
.advantages-map-block .top {
  /*
     С  1170
     bottom: 30px;
  */
}
.advantages-map-block .top .text-box {
  bottom: 35px;
  top: auto;
}

@media (max-width: 1920px) {
  .page-template-first-page .map-block .container {
    padding-top: clamp(89px, -1px + 6.25vw, 119px);
    padding-right: clamp(60px, 18px + 2.9166666667vw, 74px);
    padding-bottom: clamp(89px, 2px + 6.0416666667vw, 118px);
    padding-left: clamp(60px, 18px + 2.9166666667vw, 74px);
  }
  .page-template-first-page .map-block .container .box-title {
    margin-bottom: clamp(24px, 0px + 1.6666666667vw, 32px);
  }
  .page-template-first-page .map-block .container .box-title.coordinates {
    margin-bottom: clamp(68px, -1px + 4.7916666667vw, 91px);
  }
  .page-template-first-page .map-block .container .button-box {
    right: 475px;
    top: 445px;
    right: clamp(334px, -89px + 29.375vw, 475px);
    top: clamp(356px, 89px + 18.5416666667vw, 445px);
  }
  .advantages-map-block .text-box {
    top: clamp(30px, -15px + 3.125vw, 45px);
  }
  .advantages-map-block .right {
    /*
    До 1440
    left: 40px;
    top: -25px;
    До 1170
    left: 25px;
    top: -25px;
    После
    top: -15px;
    */
  }
  .advantages-map-block .right .text-box {
    left: clamp(40px, 10px + 2.0833333333vw, 50px);
    top: clamp(-20px, -5px + -1.0416666667vw, -25px);
  }
  /**** OTHER PAGES ****/
  .post-page {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(0px, 0px + 0vw, 0px);
    padding-bottom: clamp(75px, 0px + 5.2083333333vw, 100px);
    padding-left: clamp(0px, 0px + 0vw, 0px);
  }
  .swipe-wrapper .top-part .container {
    padding: 0 16px 75px;
  }
  .ico-title::before {
    width: clamp(37px, -2px + 2.7083333333vw, 50px);
    height: clamp(37px, -2px + 2.7083333333vw, 50px);
    margin-right: clamp(18px, 0px + 1.25vw, 24px);
  }
  .text-page-content .content-block .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-bottom: clamp(75px, 0px + 5.2083333333vw, 100px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
  }
  .logo {
    width: clamp(104px, -1px + 7.2916666667vw, 139px);
    height: clamp(53px, 2px + 3.5416666667vw, 70px);
    flex: 0 0 clamp(104px, -1px + 7.2916666667vw, 139px);
  }
  .logo.copyrating-logo {
    flex: 0 0 clamp(53px, 2px + 3.5416666667vw, 70px);
  }
  .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
  }
  .breadcrumbs-box .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-bottom: clamp(36px, 30px + 0.4166666667vw, 38px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
  }
  .header-primary .container {
    padding-top: clamp(18px, 0px + 1.25vw, 24px);
    padding-right: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-bottom: clamp(27px, 0px + 1.875vw, 36px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
  }
  .header-primary .container .left-side .btn-menu, .header-primary .container .left-side .btn-close {
    gap: clamp(12px, -6px + 1.25vw, 18px);
  }
  .header-primary .container .left-side .btn-menu svg, .header-primary .container .left-side .btn-close svg {
    width: clamp(30px, 0px + 2.0833333333vw, 40px);
    height: clamp(12px, -5.3333333333px + 1.4814814815vw, 16px);
  }
  .block-title,
  .post-page .post-block .container .content-box h1,
  .text-page-content h1 {
    font-size: clamp(35px, 2px + 2.2916666667vw, 46px);
  }
  .box-title,
  .post-page .post-block .container .content-box h2,
  .post-page .post-block .container .content-box h3,
  .post-page .post-block .container .content-box h4,
  .post-page .post-block .container .content-box h5,
  .post-page .post-block .container .content-box h6,
  .text-page-content h2,
  .text-page-content h3,
  .text-page-content h4,
  .text-page-content h5,
  .text-page-content h6,
  .mobile-menu-box .modal-content .mobile-menu-content .container .right-side .top-part .nav li a {
    font-size: clamp(24px, 0px + 1.6666666667vw, 32px);
  }
  .text,
  .post-page .post-block .container .content-box p,
  .text-page-content p {
    font-size: clamp(15px, 0px + 1.0416666667vw, 20px);
  }
  .block-text {
    font-size: clamp(24px, 0px + 1.6666666667vw, 32px);
  }
  .box-text {
    font-size: clamp(17px, 2px + 1.0416666667vw, 22px);
  }
  .btn {
    font-size: clamp(17px, 2px + 1.0416666667vw, 22px);
  }
  .post-page .post-block .container .content-box {
    padding-top: clamp(100px, -80px + 12.5vw, 160px);
  }
  .post-page .post-block .container .content-box p,
  .text-page-content p,
  .text-page-content h1 {
    margin-bottom: clamp(36px, 0px + 2.5vw, 48px);
  }
  .post-page .post-block .container .content-box h2,
  .post-page .post-block .container .content-box h3,
  .post-page .post-block .container .content-box h4,
  .post-page .post-block .container .content-box h5,
  .post-page .post-block .container .content-box h6,
  .text-page-content h2,
  .text-page-content h3,
  .text-page-content h4,
  .text-page-content h5,
  .text-page-content h6 {
    margin-bottom: clamp(18px, 0px + 1.25vw, 24px);
  }
  .history-modal .modal-content h1,
  .history-modal .modal-content h2,
  .history-modal .modal-content h3,
  .history-modal .modal-content h4,
  .history-modal .modal-content h5,
  .history-modal .modal-content h6,
  .history-modal .modal-content p {
    font-size: clamp(17px, 2px + 1.0416666667vw, 22px);
  }
  .button-box {
    width: clamp(249px, 0px + 17.2916666667vw, 332px);
    height: clamp(249px, 0px + 17.2916666667vw, 332px);
    flex: 0 0 clamp(249px, 0px + 17.2916666667vw, 332px);
  }
  .button-box:hover .btn {
    width: 150px;
    height: 150px;
    flex: 0 0 150px;
    line-height: 15px;
  }
  .button-box:hover .btn svg {
    width: 9px;
    height: 9px;
  }
  .button-box .btn {
    font-size: clamp(17px, 2px + 1.0416666667vw, 22px);
    width: clamp(249px, 0px + 17.2916666667vw, 332px);
    height: clamp(249px, 0px + 17.2916666667vw, 332px);
    flex: 0 0 clamp(249px, 0px + 17.2916666667vw, 332px);
  }
  /**** POST PAGE ****/
  .post-page .post-block .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-bottom: clamp(74px, -4px + 5.4166666667vw, 100px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
  }
  .post-page .post-block .container .block-title {
    margin-bottom: clamp(48px, 0px + 3.3333333333vw, 64px);
  }
  /**** BLOG PAGE ****/
  .blog-page-content .blog-block .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-bottom: clamp(75px, 0px + 5.2083333333vw, 100px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
  }
  .blog-page-content .blog-block .container .posts-box {
    gap: clamp(9px, 0px + 0.625vw, 12px);
  }
  .blog-page-content .blog-block .container .posts-box .post {
    flex: 0 1 calc((100% - clamp(27px, 0px + 1.875vw, 36px)) / 4);
  }
  /**** FIRST PAGE ****/
  .first-block .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
  }
  .first-block .container .left-side .main-title {
    font-size: clamp(140px, 80px + 4.1666666667vw, 160px);
    gap: clamp(36px, 0px + 2.5vw, 48px);
  }
  .first-block .container .left-side .main-title div:nth-of-type(1) {
    font-size: clamp(208px, 124px + 5.8333333333vw, 236px);
  }
  .interior-block .interior-slider .slide .container {
    padding-top: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-right: clamp(215px, 2px + 14.7916666667vw, 286px);
    padding-bottom: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-left: clamp(53px, 2px + 3.5416666667vw, 70px);
  }
  .interior-block .interior-slider .slide .container .bottom-part .right-side .button-box .btn,
  .page-template-first-page .map-block .container .button-box .btn,
  .interior-block .interior-slider .slide .container .bottom-part .right-side .button-box,
  .page-template-first-page .map-block .container .button-box {
    width: clamp(186px, 24px + 11.25vw, 240px);
    height: clamp(186px, 24px + 11.25vw, 240px);
    flex: 0 0 clamp(186px, 24px + 11.25vw, 240px);
    font-size: clamp(17px, 2px + 1.0416666667vw, 22px);
  }
  .interior-block .interior-slider .slide {
    height: clamp(750px, 0px + 52.0833333333vw, 1000px);
  }
  .interior-block .slider-navigation {
    right: clamp(60px, 0px + 4.1666666667vw, 80px);
    bottom: clamp(36px, 0px + 2.5vw, 48px);
  }
  .page-template-first-page .swipe-block {
    height: clamp(750px, 0px + 52.0833333333vw, 1000px);
  }
  .page-template-first-page .swipe-block .swipe-block .container {
    gap: clamp(18px, 0px + 1.25vw, 24px);
  }
  .history-block {
    padding-top: clamp(60px, 0px + 4.1666666667vw, 80px);
  }
  .history-block .left-side {
    gap: clamp(32px, -1px + 2.2916666667vw, 43px);
    background-size: clamp(574px, 16px + 38.75vw, 760px);
    background-position: center right clamp(30px, 0px + 2.0833333333vw, 40px);
    padding-top: clamp(271px, 4px + 18.5416666667vw, 360px);
  }
  .history-block .left-side .slider-navigation .dots-box {
    gap: clamp(113px, 2px + 7.7083333333vw, 150px);
  }
  .history-block .left-side .slider-navigation .dots-box .item.active .text {
    font-size: clamp(24px, 0px + 1.6666666667vw, 32px);
  }
  .history-block .left-side .text-slider .slide {
    gap: clamp(18px, 0px + 1.25vw, 24px);
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(83px, 2px + 5.625vw, 110px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(83px, 2px + 5.625vw, 110px);
  }
  .history-block .left-side .text-slider .slide .box-title {
    gap: clamp(18px, -15px + 2.2916666667vw, 29px);
  }
  .page-template-first-page .blog-block .container,
  .single-post .blog-block .container {
    padding-top: clamp(75px, 0px + 5.2083333333vw, 100px);
    padding-right: clamp(0px, 0px + 0vw, 0px);
    padding-bottom: clamp(75px, 0px + 5.2083333333vw, 100px);
    padding-left: clamp(0px, 0px + 0vw, 0px);
  }
  .page-template-first-page .blog-block .container .block-title,
  .single-post .blog-block .container .block-title {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
  }
  .page-template-first-page .blog-block .container .posts-box,
  .single-post .blog-block .container .posts-box {
    padding-left: clamp(47px, -52px + 6.875vw, 80px);
  }
  .page-template-first-page .blog-block .container .posts-box .post,
  .single-post .blog-block .container .posts-box .post {
    width: clamp(323px, 2pxpx + 22.2916666667pxvw, 430pxpx);
    flex: 0 0 clamp(323px, 2pxpx + 22.2916666667pxvw, 430pxpx);
    margin-right: clamp(9px, 0px + 0.625vw, 12px);
  }
  .blog-block .container {
    padding-top: clamp(75px, 0px + 5.2083333333vw, 100px);
    padding-right: clamp(0px, -240px + 16.6666666667vw, 80px);
    padding-bottom: clamp(75px, 0px + 5.2083333333vw, 100px);
    padding-left: clamp(0px, -240px + 16.6666666667vw, 80px);
    gap: clamp(48px, 0px + 3.3333333333vw, 64px);
  }
  .blog-block .container .posts-box .post {
    gap: clamp(9px, 0px + 0.625vw, 12px);
  }
  .blog-block .container .posts-box .post .bottom-part {
    padding: clamp(24px, 0px + 1.6666666667vw, 32px);
    gap: clamp(18px, 0px + 1.25vw, 24px);
  }
  .blog-block .container .posts-box .post .bottom-part .date {
    font-size: clamp(12px, 0px + 0.8333333333vw, 16px);
    line-height: clamp(20px, 2px + 1.25vw, 26px);
  }
  .blog-block .container .posts-box .post .bottom-part .post-name {
    font-size: clamp(14px, 2px + 0.8333333333vw, 18px);
    line-height: clamp(21px, 0px + 1.4583333333vw, 28px);
  }
  .interactive-block .point_style img {
    width: clamp(38px, 2px + 2.5vw, 50px);
    height: clamp(38px, 2px + 2.5vw, 50px);
  }
  .map-block .point_style #main_point img {
    width: clamp(54px, 0px + 3.75vw, 72px);
    height: clamp(54px, 0px + 3.75vw, 72px);
  }
  .map-block .point_style img {
    width: clamp(36px, 0px + 2.5vw, 48px);
    height: clamp(36px, 0px + 2.5vw, 48px);
  }
  .advantages-page-content #main_point img {
    width: clamp(72px, -12px + 5.8333333333vw, 100px);
    height: clamp(72px, -12px + 5.8333333333vw, 100px);
  }
  .advantages-page-content .point_style img {
    width: clamp(48px, 0px + 3.3333333333vw, 64px);
    height: clamp(48px, 0px + 3.3333333333vw, 64px);
  }
  .questions-block .container {
    padding-top: clamp(75px, 0px + 5.2083333333vw, 100px);
    padding-right: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-bottom: clamp(75px, -327px + 27.9166666667vw, 209px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
    gap: clamp(37px, 1px + 2.5vw, 49px);
  }
  .questions-block .container .left-side {
    flex: 1 1 clamp(680px, -10px + 47.9166666667vw, 910px);
    max-width: clamp(680px, -10px + 47.9166666667vw, 910px);
    gap: clamp(37px, -2px + 2.7083333333vw, 50px);
  }
  .questions-block .container .right-side {
    flex: 1 1 clamp(544px, -239px + 54.375vw, 805px);
    max-width: clamp(544px, -239px + 54.375vw, 805px);
    max-width: initial;
  }
  .questions-block .container .right-side .questions-box {
    gap: clamp(18px, 0px + 1.25vw, 24px);
  }
  .questions-block .container .right-side .questions-box .item .left-side {
    padding: clamp(24px, 0px + 1.6666666667vw, 32px);
    flex: 0 0 clamp(124px, 1px + 8.5416666667vw, 165px);
  }
  .questions-block .container .right-side .questions-box .item .right-side {
    padding: clamp(24px, 0px + 1.6666666667vw, 32px);
  }
  .questions-block .container .right-side .questions-box .item .right-side .text {
    margin-top: clamp(18px, 0px + 1.25vw, 24px);
  }
  .questions-block .container .right-side .questions-box .item .right-side .btn-more {
    margin-top: 0;
    left: clamp(32px, 32px + 0vw, 32px);
    bottom: clamp(24px, 0px + 1.6666666667vw, 32px);
  }
  .questions-block .container .right-side .questions-box .item .right-side .btn-more svg {
    width: clamp(15px, -21px + 2.5vw, 27px);
    height: clamp(14px, -25px + 2.7083333333vw, 27px);
  }
  /**** FOOTER ****/
  .footer .footer-inner .container {
    padding-top: clamp(90px, 0px + 6.25vw, 120px);
    padding-right: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-bottom: clamp(90px, -60px + 10.4166666667vw, 140px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
    gap: clamp(69px, 0px + 4.7916666667vw, 92px);
  }
  .footer .footer-inner .container .top-part {
    gap: 50px;
  }
  .footer .footer-inner .container .top-part .left-side {
    gap: clamp(58px, 10px + 3.3333333333vw, 74px);
  }
  .footer .footer-inner .container .top-part .left-side .form-box .form-item input {
    padding-top: clamp(10px, -14px + 1.6666666667vw, 18px);
    padding-right: clamp(0px, 0px + 0vw, 0px);
    padding-bottom: clamp(13px, -11px + 1.6666666667vw, 21px);
    padding-left: clamp(15px, 0px + 1.0416666667vw, 20px);
    font-size: clamp(15px, 0px + 1.0416666667vw, 20px);
    line-height: clamp(24px, 0px + 1.6666666667vw, 32px);
  }
  .footer .footer-inner .container .top-part .left-side .form-box .form-item input::-moz-placeholder {
    font-size: clamp(15px, 0px + 1.0416666667vw, 20px);
    line-height: clamp(24px, 0px + 1.6666666667vw, 32px);
  }
  .footer .footer-inner .container .top-part .left-side .form-box .form-item input::placeholder {
    font-size: clamp(15px, 0px + 1.0416666667vw, 20px);
    line-height: clamp(24px, 0px + 1.6666666667vw, 32px);
  }
  .footer .footer-inner .container .top-part .right-side {
    padding-right: clamp(92px, -58px + 10.4166666667vw, 142px);
  }
  .footer .footer-inner .container .top-part .right-side .box-title {
    margin-bottom: clamp(12px, -24px + 2.5vw, 24px);
  }
  .footer .footer-inner .container .top-part .right-side .text {
    margin-bottom: clamp(36px, 0px + 2.5vw, 48px);
  }
  .footer .footer-inner .container .bottom-part .button-box .btn {
    gap: clamp(24px, 0px + 1.6666666667vw, 32px);
  }
  .footer .copyrating .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-bottom: clamp(42px, 0px + 2.9166666667vw, 56px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
  }
  .footer .copyrating .container .top-part {
    gap: clamp(18px, 0px + 1.25vw, 24px);
  }
  .footer .copyrating .container .top-part .copyrating-text {
    font-size: clamp(11px, 2px + 0.625vw, 14px);
    line-height: clamp(18px, 0px + 1.25vw, 24px);
  }
  .footer .copyrating .container .bottom-part .first-column .footer-menu {
    gap: 0 clamp(27px, 0px + 1.875vw, 36px);
  }
  .footer .copyrating .container .bottom-part .second-column .footer-menu li {
    padding-left: 12px;
  }
  .footer .copyrating .container .bottom-part .link {
    font-size: clamp(11px, 2px + 0.625vw, 14px);
    line-height: clamp(21px, 0px + 1.4583333333vw, 28px);
  }
  .footer .copyrating .container .bottom-part a, .footer .copyrating .container .bottom-part .contact-item {
    font-size: clamp(11px, 2px + 0.625vw, 14px);
    line-height: clamp(21px, 12px + 0.625vw, 24px);
    gap: 10px;
  }
  .footer .copyrating .container .bottom-part .footer-menu {
    gap: 15px 0;
  }
  .footer .copyrating .container .bottom-part .agency-logo {
    flex: 0 0 clamp(87px, 0px + 6.0416666667vw, 116px);
    width: clamp(87px, 0px + 6.0416666667vw, 116px);
    height: clamp(20px, 2px + 1.25vw, 26px);
  }
  .mobile-menu-box .modal-content .mobile-menu-content .container {
    gap: clamp(50px, -4px + 3.75vw, 68px);
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-bottom: clamp(30px, 24px + 0.4166666667vw, 32px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
  }
  .mobile-menu-box .modal-content .mobile-menu-content .container .left-side {
    flex: 1 1 748px;
    max-width: 748px;
  }
  .mobile-menu-box .modal-content .mobile-menu-content .container .right-side {
    flex: 1 1 944px;
    max-width: 994px;
  }
  .mobile-menu-box .modal-content .mobile-menu-content .container .right-side .top-part .nav {
    gap: clamp(16px, -8px + 1.6666666667vw, 24px);
  }
  .mobile-menu-box .modal-content .mobile-menu-content .container .right-side .bottom-part .nav {
    gap: clamp(24px, -12px + 2.5vw, 36px);
  }
  .mobile-menu-box .modal-content .mobile-menu-content .container .right-side .bottom-part .nav li a {
    font-size: 14px;
    line-height: 24px;
  }
  /**** VORTEILE PAGE ****/
  .breadcrumbs-box .container .breadcrumbs a {
    font-size: clamp(15px, 0px + 1.0416666667vw, 20px);
    line-height: clamp(24px, 0px + 1.6666666667vw, 32px);
  }
  .advantages-page-content .first-block .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-bottom: clamp(51px, 0px + 3.5416666667vw, 68px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
    gap: clamp(18px, 0px + 1.25vw, 24px);
  }
  .advantages-page-content .advantages-block .container {
    padding-top: clamp(75px, 0px + 5.2083333333vw, 100px);
    padding-right: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-bottom: clamp(75px, 0px + 5.2083333333vw, 100px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
    gap: clamp(36px, 0px + 2.5vw, 48px);
  }
  .advantages-page-content .advantages-block .container .advantages-box.desktop-advantages-box {
    gap: clamp(15px, 0px + 1.0416666667vw, 20px);
  }
  .advantages-page-content .advantages-block .container .advantages-box.desktop-advantages-box .item {
    flex: 0 1 calc((100% - clamp(15px, 0px + 1.0416666667vw, 20px)) / 5);
  }
  .advantages-page-content .advantages-block .container .advantages-box .item {
    padding-top: clamp(24px, 0px + 1.6666666667vw, 32px);
    padding-right: clamp(18px, 0px + 1.25vw, 24px);
    padding-bottom: clamp(24px, 0px + 1.6666666667vw, 32px);
    padding-left: clamp(18px, 0px + 1.25vw, 24px);
  }
  .advantages-page-content .advantages-block .container .advantages-box .item .box-title {
    font-size: clamp(18px, 0px + 1.25vw, 24px);
    line-height: clamp(32px, -4px + 2.5vw, 44px);
  }
  .advantages-page-content .advantages-block .container .advantages-box .item .text {
    font-size: clamp(15px, 0px + 1.0416666667vw, 20px);
    line-height: clamp(23px, 2px + 1.4583333333vw, 30px);
  }
  .advantages-page-content .swipe-wrapper .swipe-wrapper .top-part .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-bottom: clamp(87px, 48px + 2.7083333333vw, 100px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
    gap: clamp(18px, 0px + 1.25vw, 24px);
  }
  .advantages-page-content .swipe-block {
    height: clamp(600px, 0px + 41.6666666667vw, 800px);
  }
  .advantages-page-content .swipe-block .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-bottom: clamp(87px, 0px + 6.0416666667vw, 116px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
  }
  .advantages-page-content .swipe-block .container .bottom-part {
    gap: clamp(18px, 0px + 1.25vw, 24px);
  }
  .proposition-block.proposition-history-block .container > .block-title {
    margin-bottom: clamp(24px, 0px + 1.6666666667vw, 32px);
  }
  .proposition-block.proposition-history-block .container > .text {
    margin-bottom: clamp(56px, -40px + 6.6666666667vw, 88px);
  }
  .proposition-block .container {
    padding-top: clamp(60px, -60px + 8.3333333333vw, 100px);
    padding-right: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-bottom: clamp(108px, -6px + 7.9166666667vw, 146px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
  }
  .proposition-block .container .block-title {
    margin-bottom: clamp(66px, 0px + 4.5833333333vw, 88px);
  }
  .proposition-block .container .proposition-box .proposition-item {
    border-radius: clamp(36px, -6px + 2.9166666667vw, 50px);
    padding: clamp(36px, 0px + 2.5vw, 48px);
  }
  .proposition-block .container .proposition-box .proposition-item:nth-of-type(1) {
    margin-bottom: clamp(42px, 0px + 2.9166666667vw, 56px);
  }
  .proposition-block .container .proposition-box .proposition-item .left-side {
    height: clamp(267px, 18px + 17.2916666667vw, 350px);
    max-width: clamp(518px, 2px + 35.8333333333vw, 690px);
    border-radius: clamp(19px, 1px + 1.25vw, 25px);
  }
  .proposition-block .container .proposition-box .proposition-item .right-side {
    max-width: clamp(633px, 0px + 43.9583333333vw, 844px);
    gap: clamp(24px, 0px + 1.6666666667vw, 32px);
  }
  .gradient-block .container {
    height: clamp(810px, 0px + 56.25vw, 1080px);
    max-width: clamp(904px, 28px + 60.8333333333vw, 1196px);
  }
  .safety-block .container {
    padding-top: clamp(75px, 0px + 5.2083333333vw, 100px);
    padding-right: clamp(0px, 0px + 0vw, 0px);
    padding-bottom: clamp(108px, 30px + 5.4166666667vw, 134px);
    padding-left: clamp(0px, 0px + 0vw, 0px);
  }
  .safety-block .container .block-title {
    margin-bottom: clamp(24px, 0px + 1.6666666667vw, 32px);
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
  }
  .safety-block .container > .text {
    margin-bottom: clamp(48px, 0px + 3.3333333333vw, 64px);
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
  }
  .safety-block .container .safety-slider {
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
  }
  .safety-block .container .safety-slider .slide {
    width: calc(100% - clamp(60px, 0px + 4.1666666667vw, 80px));
    margin-right: 20px;
    border-radius: clamp(19px, 1px + 1.25vw, 25px);
  }
  .safety-block .container .safety-slider .slide .right-side {
    flex: 1 1 clamp(720px, 0px + 50vw, 960px);
    max-width: clamp(720px, 0px + 50vw, 960px);
    padding: clamp(48px, 0px + 3.3333333333vw, 64px);
    border-radius: clamp(19px, 1px + 1.25vw, 25px);
    gap: clamp(18px, 0px + 1.25vw, 24px);
  }
  .page-template-first-page .advantages-block .container {
    padding-top: clamp(75px, 0px + 5.2083333333vw, 100px);
    padding-right: clamp(0px, 0px + 0vw, 0px);
    padding-bottom: clamp(75px, 0px + 5.2083333333vw, 100px);
    padding-left: clamp(0px, 0px + 0vw, 0px);
    gap: clamp(75px, 0px + 5.2083333333vw, 100px);
  }
  .page-template-first-page .advantages-block .container > .block-text {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
  }
  .page-template-first-page .advantages-block .container > .block-title {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
  }
  .page-template-first-page .advantages-block .container .advantages-box {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
  }
  .page-template-first-page .advantages-block .container .advantages-box.level1 {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(0px, 0px + 0vw, 0px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
  }
  .page-template-first-page .advantages-block .container .advantages-box.level3 {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(0px, 0px + 0vw, 0px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(60px, 0px + 4.1666666667vw, 80px);
  }
  .page-template-first-page .advantages-block .container .advantages-box.level5 {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(0px, 0px + 0vw, 0px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item {
    max-width: clamp(300px, 0px + 20.8333333333vw, 400px);
    margin-left: clamp(-45px, 0px + -3.125vw, -60px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-front {
    padding-top: clamp(53px, 2px + 3.5416666667vw, 70px);
    padding-right: clamp(36px, 0px + 2.5vw, 48px);
    padding-bottom: clamp(53px, 2px + 3.5416666667vw, 70px);
    padding-left: clamp(36px, 0px + 2.5vw, 48px);
    border-radius: clamp(36px, -6px + 2.9166666667vw, 50px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-front .text {
    height: clamp(96px, 84px + 0.8333333333vw, 100px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-front .top-part {
    margin-bottom: clamp(48px, -3px + 3.5416666667vw, 65px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-back {
    height: clamp(484px, 1px + 33.5416666667vw, 645px);
    width: clamp(484px, 1px + 33.5416666667vw, 645px);
    padding-top: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-right: clamp(86px, -1px + 6.0416666667vw, 115px);
    padding-bottom: clamp(60px, 0px + 4.1666666667vw, 80px);
    padding-left: clamp(86px, -1px + 6.0416666667vw, 115px);
    gap: clamp(24px, 0px + 1.6666666667vw, 32px);
    border-radius: clamp(36px, -6px + 2.9166666667vw, 50px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-back .img-box svg {
    height: clamp(96px, -6px + 7.0833333333vw, 130px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-back .link {
    gap: clamp(8px, 2px + 0.4166666667vw, 10px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .box-text {
    margin-bottom: clamp(24px, 0px + 1.6666666667vw, 32px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .btn-more {
    width: clamp(54px, 0px + 3.75vw, 72px);
    height: clamp(54px, 0px + 3.75vw, 72px);
    flex: 0 0 clamp(54px, 0px + 3.75vw, 72px);
  }
  .text.link-contacts,
  .text.link-more {
    gap: clamp(12px, 0px + 0.8333333333vw, 16px);
  }
  .text.link-contacts .svg-box svg,
  .text.link-more .svg-box svg {
    width: clamp(15px, 0px + 1.0416666667vw, 20px);
    height: clamp(14px, 2px + 0.8333333333vw, 18px);
  }
}
@media (max-width: 1440px) {
  .advantages-map-block .text-box {
    top: clamp(15px, -50px + 5.5555555556vw, 30px);
  }
  .advantages-map-block .right .text-box {
    left: clamp(25px, -40px + 5.5555555556vw, 40px);
    top: -25px;
  }
  .page-template-first-page .map-block .container {
    padding-top: clamp(75px, 14.3333333333px + 5.1851851852vw, 89px);
    padding-right: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-bottom: clamp(75px, 14.3333333333px + 5.1851851852vw, 89px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
  }
  .page-template-first-page .map-block .container .box-title {
    margin-bottom: clamp(20px, 2.6666666667px + 1.4814814815vw, 24px);
  }
  .page-template-first-page .map-block .container .box-title.coordinates {
    margin-bottom: clamp(54px, -6.6666666667px + 5.1851851852vw, 68px);
  }
  .page-template-first-page .map-block .container .button-box {
    right: 475px;
    top: 445px;
    right: clamp(271px, -2px + 23.3333333333vw, 334px);
    top: clamp(289px, -1.3333333333px + 24.8148148148vw, 356px);
  }
  /**** OTHER PAGES ****/
  .swipe-wrapper .top-part .container {
    padding: 0 16px 60px;
  }
  .post-page {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(0px, 0px + 0vw, 0px);
    padding-bottom: clamp(60px, -5px + 5.5555555556vw, 75px);
    padding-left: clamp(0px, 0px + 0vw, 0px);
  }
  .ico-title::before {
    width: clamp(30px, -0.3333333333px + 2.5925925926vw, 37px);
    height: clamp(30px, -0.3333333333px + 2.5925925926vw, 37px);
    margin-right: clamp(15px, 2px + 1.1111111111vw, 18px);
  }
  .text-page-content .content-block .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-bottom: clamp(60px, -5px + 5.5555555556vw, 75px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
  }
  .post-page .post-block .container .content-box p,
  .text-page-content p,
  .text-page-content h1 {
    margin-bottom: clamp(24px, -28px + 4.4444444444vw, 36px);
  }
  .post-page .post-block .container .content-box h2,
  .post-page .post-block .container .content-box h3,
  .post-page .post-block .container .content-box h4,
  .post-page .post-block .container .content-box h5,
  .post-page .post-block .container .content-box h6,
  .text-page-content h2,
  .text-page-content h3,
  .text-page-content h4,
  .text-page-content h5,
  .text-page-content h6 {
    margin-bottom: clamp(15px, 2px + 1.1111111111vw, 18px);
  }
  .logo {
    width: clamp(85px, 2.6666666667px + 7.037037037vw, 104px);
    height: clamp(43px, -0.3333333333px + 3.7037037037vw, 53px);
    flex: 0 0 clamp(85px, 2.6666666667px + 7.037037037vw, 104px);
  }
  .logo.copyrating-logo {
    flex: 0 0 clamp(43px, -0.3333333333px + 3.7037037037vw, 53px);
  }
  .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
  }
  .breadcrumbs-box .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-bottom: clamp(36px, 36px + 0vw, 36px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
  }
  .header-primary .container {
    padding-top: clamp(15px, 2px + 1.1111111111vw, 18px);
    padding-right: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-bottom: clamp(22px, 0.3333333333px + 1.8518518519vw, 27px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
  }
  .header-primary .container .left-side .btn-menu, .header-primary .container .left-side .btn-close {
    gap: clamp(10px, 1.3333333333px + 0.7407407407vw, 12px);
  }
  .header-primary .container .left-side .btn-menu svg, .header-primary .container .left-side .btn-close svg {
    width: clamp(26px, 8.6666666667px + 1.4814814815vw, 30px);
    height: clamp(10px, 1.3333333333px + 0.7407407407vw, 12px);
  }
  .block-title,
  .post-page .post-block .container .content-box h1,
  .text-page-content h1 {
    font-size: clamp(27px, -7.6666666667px + 2.962962963vw, 35px);
  }
  .box-title,
  .post-page .post-block .container .content-box h2,
  .post-page .post-block .container .content-box h3,
  .post-page .post-block .container .content-box h4,
  .post-page .post-block .container .content-box h5,
  .post-page .post-block .container .content-box h6,
  .text-page-content h2,
  .text-page-content h3,
  .text-page-content h4,
  .text-page-content h5,
  .text-page-content h6,
  .mobile-menu-box .modal-content .mobile-menu-content .container .right-side .top-part .nav li a {
    font-size: clamp(20px, 2.6666666667px + 1.4814814815vw, 24px);
  }
  .text,
  .post-page .post-block .container .content-box p,
  .text-page-content p {
    font-size: clamp(12px, -1px + 1.1111111111vw, 15px);
  }
  .block-text {
    font-size: clamp(20px, 2.6666666667px + 1.4814814815vw, 24px);
  }
  .box-text {
    font-size: clamp(13px, -4.3333333333px + 1.4814814815vw, 17px);
  }
  .btn {
    font-size: clamp(13px, -4.3333333333px + 1.4814814815vw, 17px);
  }
  /**** POST PAGE ****/
  .post-page .post-block .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-bottom: clamp(60px, -0.6666666667px + 5.1851851852vw, 74px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
  }
  .post-page .post-block .container .block-title {
    margin-bottom: clamp(36px, -16px + 4.4444444444vw, 48px);
  }
  .post-page .post-block .container .content-box {
    padding-top: clamp(70px, -60px + 11.1111111111vw, 100px);
  }
  /**** BLOG PAGE ****/
  .blog-page-content .blog-block .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-bottom: clamp(60px, -5px + 5.5555555556vw, 75px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
  }
  .blog-page-content .blog-block .container .posts-box {
    gap: 8px;
  }
  .blog-page-content .blog-block .container .posts-box .post {
    flex: 0 1 calc((100% - 24px) / 4);
  }
  /**** FIRST PAGE ****/
  .first-block .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
  }
  .first-block .container .left-side .main-title {
    font-size: clamp(120px, 33.3333333333px + 7.4074074074vw, 140px);
    gap: clamp(24px, -28px + 4.4444444444vw, 36px);
  }
  .first-block .container .left-side .main-title div:nth-of-type(1) {
    font-size: clamp(178px, 48px + 11.1111111111vw, 208px);
  }
  .interior-block .interior-slider .slide .container {
    padding-top: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-right: clamp(174px, -3.6666666667px + 15.1851851852vw, 215px);
    padding-bottom: clamp(27px, -116px + 12.2222222222vw, 60px);
    padding-left: clamp(43px, -0.3333333333px + 3.7037037037vw, 53px);
  }
  .interior-block .interior-slider .slide .container .bottom-part .right-side .button-box .btn,
  .page-template-first-page .map-block .container .button-box .btn,
  .interior-block .interior-slider .slide .container .bottom-part .right-side .button-box,
  .page-template-first-page .map-block .container .button-box {
    width: clamp(151px, -0.6666666667px + 12.962962963vw, 186px);
    height: clamp(151px, -0.6666666667px + 12.962962963vw, 186px);
    flex: 0 0 clamp(151px, -0.6666666667px + 12.962962963vw, 186px);
    font-size: clamp(13px, -4.3333333333px + 1.4814814815vw, 17px);
  }
  .interior-block .interior-slider .slide {
    height: clamp(609px, -2px + 52.2222222222vw, 750px);
  }
  .interior-block .slider-navigation {
    right: clamp(48px, -4px + 4.4444444444vw, 60px);
    bottom: clamp(29px, -1.3333333333px + 2.5925925926vw, 36px);
  }
  .page-template-first-page .swipe-block {
    height: clamp(609px, -2px + 52.2222222222vw, 750px);
  }
  .page-template-first-page .swipe-block .swipe-block .container {
    gap: clamp(15px, 2px + 1.1111111111vw, 18px);
  }
  .history-block {
    padding-top: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
  }
  .history-block .left-side {
    gap: clamp(26px, 0px + 2.2222222222vw, 32px);
    background-size: clamp(443px, -124.6666666667px + 48.5185185185vw, 574px);
    background-position: center right clamp(24px, -2px + 2.2222222222vw, 30px);
    padding-top: clamp(220px, -1px + 18.8888888889vw, 271px);
  }
  .history-block .left-side .slider-navigation .dots-box {
    gap: clamp(91px, -4.3333333333px + 8.1481481481vw, 113px);
  }
  .history-block .left-side .slider-navigation .dots-box .item.active .text {
    font-size: clamp(20px, 2.6666666667px + 1.4814814815vw, 24px);
  }
  .history-block .left-side .text-slider .slide {
    gap: clamp(15px, 2px + 1.1111111111vw, 18px);
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(67px, -2.3333333333px + 5.9259259259vw, 83px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(67px, -2.3333333333px + 5.9259259259vw, 83px);
  }
  .history-block .left-side .text-slider .slide .box-title {
    gap: clamp(15px, 2px + 1.1111111111vw, 18px);
  }
  .page-template-first-page .blog-block .container,
  .single-post .blog-block .container {
    padding-top: clamp(61px, 0.3333333333px + 5.1851851852vw, 75px);
    padding-right: clamp(0px, 0px + 0vw, 0px);
    padding-bottom: clamp(60px, -5px + 5.5555555556vw, 75px);
    padding-left: clamp(0px, 0px + 0vw, 0px);
  }
  .page-template-first-page .blog-block .container .block-title,
  .single-post .blog-block .container .block-title {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
  }
  .page-template-first-page .blog-block .container .posts-box,
  .single-post .blog-block .container .posts-box {
    padding-left: clamp(47px, 47px + 0vw, 47px);
  }
  .page-template-first-page .blog-block .container .posts-box .post,
  .single-post .blog-block .container .posts-box .post {
    width: clamp(262px, -2.3333333333pxpx + 22.5925925926pxvw, 323pxpx);
    flex: 0 0 clamp(262px, -2.3333333333pxpx + 22.5925925926pxvw, 323pxpx);
    margin-right: clamp(9px, 9px + 0vw, 9px);
  }
  .blog-block .container {
    padding-top: clamp(60px, -5px + 5.5555555556vw, 75px);
    padding-right: clamp(0px, 0px + 0vw, 0px);
    padding-bottom: clamp(60px, -5px + 5.5555555556vw, 75px);
    padding-left: clamp(0px, 0px + 0vw, 0px);
    gap: clamp(39px, 0px + 3.3333333333vw, 48px);
  }
  .blog-block .container .posts-box .post {
    gap: clamp(9px, 9px + 0vw, 9px);
  }
  .blog-block .container .posts-box .post .bottom-part {
    padding: clamp(20px, 2.6666666667px + 1.4814814815vw, 24px);
    gap: clamp(15px, 2px + 1.1111111111vw, 18px);
  }
  .blog-block .container .posts-box .post .bottom-part .date {
    font-size: clamp(10px, 1.3333333333px + 0.7407407407vw, 12px);
    line-height: clamp(16px, -1.3333333333px + 1.4814814815vw, 20px);
  }
  .blog-block .container .posts-box .post .bottom-part .post-name {
    font-size: clamp(11px, -2px + 1.1111111111vw, 14px);
    line-height: clamp(17px, -0.3333333333px + 1.4814814815vw, 21px);
  }
  .interactive-block .point_style img {
    width: clamp(29px, -10px + 3.3333333333vw, 38px);
    height: clamp(29px, -10px + 3.3333333333vw, 38px);
  }
  .map-block #main_point img {
    width: 54px;
    height: 54px;
  }
  .map-block .point_style img {
    width: clamp(29px, -1.3333333333px + 2.5925925926vw, 36px);
    height: clamp(29px, -1.3333333333px + 2.5925925926vw, 36px);
  }
  .advantages-page-content #main_point img {
    width: clamp(60px, 8px + 4.4444444444vw, 72px);
    height: clamp(60px, 8px + 4.4444444444vw, 72px);
  }
  .advantages-page-content .point_style img {
    width: clamp(38px, -5.3333333333px + 3.7037037037vw, 48px);
    height: clamp(38px, -5.3333333333px + 3.7037037037vw, 48px);
  }
  .questions-block .container {
    padding-top: clamp(61px, 0.3333333333px + 5.1851851852vw, 75px);
    padding-right: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-bottom: clamp(61px, 0.3333333333px + 5.1851851852vw, 75px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    gap: clamp(30px, -0.3333333333px + 2.5925925926vw, 37px);
  }
  .questions-block .container .left-side {
    flex: 1 1 clamp(358px, -1037.3333333333px + 119.2592592593vw, 680px);
    max-width: clamp(358px, -1037.3333333333px + 119.2592592593vw, 680px);
    gap: clamp(37px, -19.3333333333px + 4.8148148148vw, 50px);
  }
  .questions-block .container .right-side {
    flex: 1 1 clamp(544px, 544px + 0vw, 544px);
    max-width: clamp(544px, 544px + 0vw, 544px);
    max-width: initial;
  }
  .questions-block .container .right-side .questions-box {
    gap: clamp(15px, 2px + 1.1111111111vw, 18px);
  }
  .questions-block .container .right-side .questions-box .item .left-side {
    padding: clamp(20px, 2.6666666667px + 1.4814814815vw, 24px);
    flex: 0 0 clamp(108px, 38.6666666667px + 5.9259259259vw, 124px);
  }
  .questions-block .container .right-side .questions-box .item .right-side {
    padding: clamp(20px, 2.6666666667px + 1.4814814815vw, 24px);
  }
  .questions-block .container .right-side .questions-box .item .right-side .text {
    margin-top: clamp(18px, 18px + 0vw, 18px);
  }
  .questions-block .container .right-side .questions-box .item .right-side .btn-more {
    margin-top: 0;
    left: clamp(20px, 2.6666666667px + 1.4814814815vw, 24px);
    bottom: clamp(20px, 2.6666666667px + 1.4814814815vw, 24px);
  }
  .questions-block .container .right-side .questions-box .item .right-side .btn-more svg {
    width: clamp(12px, -1px + 1.1111111111vw, 15px);
    height: clamp(11px, -2px + 1.1111111111vw, 14px);
  }
  /**** FOOTER ****/
  .footer .footer-inner .container {
    padding-top: clamp(73px, -0.6666666667px + 6.2962962963vw, 90px);
    padding-right: clamp(48px, -4px + 4.4444444444vw, 60px);
    padding-bottom: clamp(73px, -0.6666666667px + 6.2962962963vw, 90px);
    padding-left: clamp(48px, -4px + 4.4444444444vw, 60px);
    gap: clamp(56px, -0.3333333333px + 4.8148148148vw, 69px);
  }
  .footer .footer-inner .container .top-part {
    gap: 50px;
  }
  .footer .footer-inner .container .top-part .left-side {
    gap: clamp(50px, 15.3333333333px + 2.962962963vw, 58px);
  }
  .footer .footer-inner .container .top-part .left-side .form-box .form-item input {
    padding-top: clamp(7px, -6px + 1.1111111111vw, 10px);
    padding-right: clamp(0px, 0px + 0vw, 0px);
    padding-bottom: clamp(11px, 2.3333333333px + 0.7407407407vw, 13px);
    padding-left: clamp(12px, -1px + 1.1111111111vw, 15px);
    font-size: clamp(12px, -1px + 1.1111111111vw, 15px);
    line-height: clamp(20px, 2.6666666667px + 1.4814814815vw, 24px);
  }
  .footer .footer-inner .container .top-part .right-side {
    padding-right: clamp(75px, 1.3333333333px + 6.2962962963vw, 92px);
  }
  .footer .footer-inner .container .top-part .right-side .box-title {
    margin-bottom: clamp(10px, 1.3333333333px + 0.7407407407vw, 12px);
  }
  .footer .footer-inner .container .top-part .right-side .text {
    margin-bottom: clamp(29px, -1.3333333333px + 2.5925925926vw, 36px);
  }
  .footer .footer-inner .container .bottom-part .button-box .btn {
    gap: clamp(19px, -2.6666666667px + 1.8518518519vw, 24px);
  }
  .footer .copyrating .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-bottom: clamp(31px, -16.6666666667px + 4.0740740741vw, 42px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
  }
  .footer .copyrating .container .top-part {
    gap: clamp(15px, 2px + 1.1111111111vw, 18px);
  }
  .footer .copyrating .container .top-part .copyrating-text {
    font-size: clamp(9px, 0.3333333333px + 0.7407407407vw, 11px);
    line-height: clamp(15px, 2px + 1.1111111111vw, 18px);
  }
  .footer .copyrating .container .bottom-part .first-column .footer-menu {
    gap: 0 clamp(22px, 0.3333333333px + 1.8518518519vw, 27px);
  }
  .footer .copyrating .container .bottom-part .second-column .footer-menu li {
    padding-left: 12px;
  }
  .footer .copyrating .container .bottom-part .link {
    font-size: clamp(9px, 0.3333333333px + 0.7407407407vw, 11px);
    line-height: clamp(17px, -0.3333333333px + 1.4814814815vw, 21px);
  }
  .footer .copyrating .container .bottom-part a, .footer .copyrating .container .bottom-part .contact-item {
    font-size: clamp(9px, 0.3333333333px + 0.7407407407vw, 11px);
    line-height: clamp(17px, -0.3333333333px + 1.4814814815vw, 21px);
    gap: 10px;
  }
  .footer .copyrating .container .bottom-part .footer-menu {
    gap: 15px 0;
  }
  .footer .copyrating .container .bottom-part .agency-logo {
    flex: 0 0 clamp(71px, 1.6666666667px + 5.9259259259vw, 87px);
    width: clamp(71px, 1.6666666667px + 5.9259259259vw, 87px);
    height: clamp(18px, 9.3333333333px + 0.7407407407vw, 20px);
  }
  /**** VORTEILE PAGE ****/
  .breadcrumbs-box .container .breadcrumbs a {
    font-size: clamp(12px, -1px + 1.1111111111vw, 15px);
    line-height: clamp(20px, 2.6666666667px + 1.4814814815vw, 24px);
  }
  .advantages-page-content .first-block .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-bottom: clamp(41px, -2.3333333333px + 3.7037037037vw, 51px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    gap: clamp(15px, 2px + 1.1111111111vw, 18px);
  }
  .advantages-page-content .advantages-block .container {
    padding-top: clamp(61px, 0.3333333333px + 5.1851851852vw, 75px);
    padding-right: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-bottom: clamp(61px, 0.3333333333px + 5.1851851852vw, 75px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    gap: clamp(29px, -1.3333333333px + 2.5925925926vw, 36px);
  }
  .advantages-page-content .advantages-block .container .advantages-box.desktop-advantages-box {
    gap: 12px;
  }
  .advantages-page-content .advantages-block .container .advantages-box.desktop-advantages-box .item {
    flex: 0 1 calc((100% - 48px) / 5);
  }
  .advantages-page-content .advantages-block .container .advantages-box .item {
    padding-top: clamp(20px, 2.6666666667px + 1.4814814815vw, 24px);
    padding-right: clamp(15px, 2px + 1.1111111111vw, 18px);
    padding-bottom: clamp(20px, 2.6666666667px + 1.4814814815vw, 24px);
    padding-left: clamp(15px, 2px + 1.1111111111vw, 18px);
  }
  .advantages-page-content .advantages-block .container .advantages-box .item .box-title {
    font-size: clamp(17px, 12.6666666667px + 0.3703703704vw, 18px);
    line-height: clamp(27px, 5.3333333333px + 1.8518518519vw, 32px);
  }
  .advantages-page-content .advantages-block .container .advantages-box .item .text {
    font-size: clamp(12px, -1px + 1.1111111111vw, 15px);
    line-height: clamp(18px, -3.6666666667px + 1.8518518519vw, 23px);
  }
  .advantages-page-content .swipe-wrapper .swipe-wrapper .top-part .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-bottom: clamp(60px, -57px + 10vw, 87px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    gap: clamp(15px, 2px + 1.1111111111vw, 18px);
  }
  .advantages-page-content .swipe-block {
    height: clamp(488px, 2.6666666667px + 41.4814814815vw, 600px);
  }
  .advantages-page-content .swipe-block .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-bottom: clamp(60px, -57px + 10vw, 87px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
  }
  .advantages-page-content .swipe-block .container .bottom-part {
    gap: clamp(15px, 2px + 1.1111111111vw, 18px);
  }
  .proposition-block.proposition-history-block .container > .block-title {
    margin-bottom: clamp(18px, -8px + 2.2222222222vw, 24px);
  }
  .proposition-block.proposition-history-block .container > .text {
    margin-bottom: clamp(54px, 45.3333333333px + 0.7407407407vw, 56px);
  }
  .proposition-block .container {
    padding-top: clamp(60px, 60px + 0vw, 60px);
    padding-right: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-bottom: clamp(88px, 1.3333333333px + 7.4074074074vw, 108px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
  }
  .proposition-block .container .block-title {
    margin-bottom: clamp(54px, 2px + 4.4444444444vw, 66px);
  }
  .proposition-block .container .proposition-box .proposition-item {
    border-radius: clamp(39px, 39px + 0vw, 39px);
    padding: clamp(29px, -1.3333333333px + 2.5925925926vw, 36px);
  }
  .proposition-block .container .proposition-box .proposition-item:nth-of-type(1) {
    margin-bottom: clamp(34px, -0.6666666667px + 2.962962963vw, 42px);
  }
  .proposition-block .container .proposition-box .proposition-item .left-side {
    height: clamp(214px, -15.6666666667px + 19.6296296296vw, 267px);
    max-width: clamp(420px, -4.6666666667px + 36.2962962963vw, 518px);
    border-radius: clamp(15px, -2.3333333333px + 1.4814814815vw, 19px);
  }
  .proposition-block .container .proposition-box .proposition-item .right-side {
    max-width: clamp(515px, 3.6666666667px + 43.7037037037vw, 633px);
    gap: clamp(20px, 2.6666666667px + 1.4814814815vw, 24px);
  }
  .gradient-block .container {
    height: clamp(658px, -0.6666666667px + 56.2962962963vw, 810px);
    /* max-width: fluid-value(711, 904, 1170, 1440); */
  }
  .safety-block .container {
    padding-top: clamp(61px, 0.3333333333px + 5.1851851852vw, 75px);
    padding-right: clamp(0px, 0px + 0vw, 0px);
    padding-bottom: clamp(86px, -9.3333333333px + 8.1481481481vw, 108px);
    padding-left: clamp(0px, 0px + 0vw, 0px);
  }
  .safety-block .container .block-title {
    margin-bottom: clamp(20px, 2.6666666667px + 1.4814814815vw, 24px);
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
  }
  .safety-block .container > .text {
    margin-bottom: clamp(45px, 32px + 1.1111111111vw, 48px);
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
  }
  .safety-block .container .safety-slider {
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
  }
  .safety-block .container .safety-slider .slide {
    width: calc(100% - clamp(49px, 1.3333333333px + 4.0740740741vw, 60px));
    margin-right: 12px;
    border-radius: clamp(15px, -2.3333333333px + 1.4814814815vw, 19px);
  }
  .safety-block .container .safety-slider .slide .right-side {
    flex: 1 1 clamp(585px, 0px + 50vw, 720px);
    max-width: clamp(585px, 0px + 50vw, 720px);
    padding: clamp(39px, 0px + 3.3333333333vw, 48px);
    border-radius: clamp(15px, -2.3333333333px + 1.4814814815vw, 19px);
    gap: clamp(18px, 31px + -1.1111111111vw, 15px);
  }
  .page-template-first-page .advantages-block .container {
    padding-top: clamp(60px, -5px + 5.5555555556vw, 75px);
    padding-right: clamp(0px, 0px + 0vw, 0px);
    padding-bottom: clamp(60px, -5px + 5.5555555556vw, 75px);
    padding-left: clamp(0px, 0px + 0vw, 0px);
    gap: clamp(60px, -5px + 5.5555555556vw, 75px);
  }
  .page-template-first-page .advantages-block .container > .block-text {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
  }
  .page-template-first-page .advantages-block .container > .block-title {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
  }
  .page-template-first-page .advantages-block .container .advantages-box {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
  }
  .page-template-first-page .advantages-block .container .advantages-box.level1 {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(0px, 0px + 0vw, 0px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
  }
  .page-template-first-page .advantages-block .container .advantages-box.level3 {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(0px, 0px + 0vw, 0px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
  }
  .page-template-first-page .advantages-block .container .advantages-box.level5 {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(0px, 0px + 0vw, 0px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item {
    max-width: clamp(244px, 1.3333333333px + 20.7407407407vw, 300px);
    margin-left: clamp(-38px, -7.6666666667px + -2.5925925926vw, -45px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-front {
    padding-top: clamp(38px, -27px + 5.5555555556vw, 53px);
    padding-right: clamp(29px, -1.3333333333px + 2.5925925926vw, 36px);
    padding-bottom: clamp(38px, -27px + 5.5555555556vw, 53px);
    padding-left: clamp(29px, -1.3333333333px + 2.5925925926vw, 36px);
    border-radius: clamp(30px, 4px + 2.2222222222vw, 36px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-front .text {
    height: clamp(78px, 0px + 6.6666666667vw, 96px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-front .top-part {
    margin-bottom: clamp(39px, 0px + 3.3333333333vw, 48px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-back {
    height: clamp(393px, -1.3333333333px + 33.7037037037vw, 484px);
    width: clamp(393px, -1.3333333333px + 33.7037037037vw, 484px);
    padding-top: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-right: clamp(70px, 0.6666666667px + 5.9259259259vw, 86px);
    padding-bottom: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-left: clamp(70px, 0.6666666667px + 5.9259259259vw, 86px);
    gap: clamp(12px, -40px + 4.4444444444vw, 24px);
    border-radius: clamp(30px, 4px + 2.2222222222vw, 36px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-back .img-box svg {
    height: clamp(72px, -32px + 8.8888888889vw, 96px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-back .link {
    gap: clamp(6px, -2.6666666667px + 0.7407407407vw, 8px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .box-text {
    margin-bottom: clamp(19px, -2.6666666667px + 1.8518518519vw, 24px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .btn-more {
    width: clamp(48px, 22px + 2.2222222222vw, 54px);
    height: clamp(48px, 22px + 2.2222222222vw, 54px);
    flex: 0 0 clamp(48px, 22px + 2.2222222222vw, 54px);
  }
  .text.link-contacts,
  .text.link-more {
    gap: clamp(10px, 1.3333333333px + 0.7407407407vw, 12px);
  }
  .text.link-contacts .svg-box svg,
  .text.link-more .svg-box svg {
    width: clamp(12px, -1px + 1.1111111111vw, 15px);
    height: clamp(11px, -2px + 1.1111111111vw, 14px);
  }
  .mobile-menu-box .modal-content .mobile-menu-content .container {
    gap: 50px;
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
    padding-bottom: clamp(30px, 30px + 0vw, 30px);
    padding-left: clamp(49px, 1.3333333333px + 4.0740740741vw, 60px);
  }
  .mobile-menu-box .modal-content .mobile-menu-content .container .right-side .top-part .nav {
    gap: clamp(12px, -5.3333333333px + 1.4814814815vw, 16px);
  }
  .mobile-menu-box .modal-content .mobile-menu-content .container .right-side .bottom-part .nav {
    gap: clamp(15px, -24px + 3.3333333333vw, 24px);
  }
  .mobile-menu-box .modal-content .mobile-menu-content .container .right-side .bottom-part .nav li a {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (max-width: 1170px) {
  .advantages-map-block .right .text-box {
    top: -15px;
  }
  .advantages-map-block .left .text-box {
    right: 30px;
    top: -15px;
  }
  .advantages-map-block .top .text-box {
    bottom: 30px;
  }
  .page-template-first-page .map-block .container {
    padding-top: clamp(60px, -23.595505618px + 8.4269662921vw, 75px);
    padding-right: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    padding-bottom: clamp(60px, -23.595505618px + 8.4269662921vw, 75px);
    padding-left: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
  }
  .page-template-first-page .map-block .container .box-title {
    margin-bottom: 20px;
  }
  .page-template-first-page .map-block .container .box-title.coordinates {
    margin-bottom: 54px;
  }
  .page-template-first-page .map-block .container .button-box {
    right: 200px;
    top: 200px;
  }
  /**** OTHER PAGES ****/
  .swipe-wrapper .top-part .container {
    padding: 0 16px 48px;
  }
  .post-page {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(0px, 0px + 0vw, 0px);
    padding-bottom: clamp(48px, -18.8764044944px + 6.7415730337vw, 60px);
    padding-left: clamp(0px, 0px + 0vw, 0px);
  }
  .ico-title::before {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  .text-page-content .content-block .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    padding-bottom: clamp(48px, -18.8764044944px + 6.7415730337vw, 60px);
    padding-left: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
  }
  .post-page .post-block .container .content-box p,
  .text-page-content p,
  .text-page-content h1 {
    margin-bottom: clamp(16px, -28.5842696629px + 4.4943820225vw, 24px);
  }
  .post-page .post-block .container .content-box h2,
  .post-page .post-block .container .content-box h3,
  .post-page .post-block .container .content-box h4,
  .post-page .post-block .container .content-box h5,
  .post-page .post-block .container .content-box h6,
  .text-page-content h2,
  .text-page-content h3,
  .text-page-content h4,
  .text-page-content h5,
  .text-page-content h6 {
    margin-bottom: clamp(12px, -4.7191011236px + 1.6853932584vw, 15px);
  }
  .logo {
    width: 85px;
    height: 43px;
    flex: 0 0 85px;
  }
  .logo.copyrating-logo {
    flex: 0 0 43px;
  }
  .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
  }
  .breadcrumbs-box .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    padding-bottom: clamp(24px, -42.8764044944px + 6.7415730337vw, 36px);
    padding-left: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
  }
  .header-primary .container {
    padding-top: clamp(15px, 15px + 0vw, 15px);
    padding-right: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    padding-bottom: clamp(22px, 22px + 0vw, 22px);
    padding-left: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
  }
  .header-primary .container .left-side .btn-menu, .header-primary .container .left-side .btn-close {
    gap: 10px;
  }
  .header-primary .container .left-side .btn-menu svg, .header-primary .container .left-side .btn-close svg {
    width: 26px;
    height: 10px;
  }
  .block-title,
  .post-page .post-block .container .content-box h1,
  .text-page-content h1 {
    font-size: 27px;
  }
  .box-title,
  .post-page .post-block .container .content-box h2,
  .post-page .post-block .container .content-box h3,
  .post-page .post-block .container .content-box h4,
  .post-page .post-block .container .content-box h5,
  .post-page .post-block .container .content-box h6,
  .text-page-content h2,
  .text-page-content h3,
  .text-page-content h4,
  .text-page-content h5,
  .text-page-content h6,
  .mobile-menu-box .modal-content .mobile-menu-content .container .right-side .top-part .nav li a {
    font-size: 20px;
  }
  .text,
  .post-page .post-block .container .content-box p,
  .text-page-content p {
    font-size: 12px;
  }
  .block-text {
    font-size: 20px;
  }
  .box-text {
    font-size: 13px;
  }
  .btn {
    font-size: 13px;
  }
  /**** POST PAGE ****/
  .post-page .post-block .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    padding-bottom: clamp(48px, -18.8764044944px + 6.7415730337vw, 60px);
    padding-left: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
  }
  .post-page .post-block .container .block-title {
    margin-bottom: clamp(24px, -42.8764044944px + 6.7415730337vw, 36px);
  }
  .post-page .post-block .container .content-box {
    padding-top: 70px;
  }
  /**** BLOG PAGE ****/
  .blog-page-content .blog-block .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    padding-bottom: clamp(48px, -18.8764044944px + 6.7415730337vw, 60px);
    padding-left: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
  }
  /**** FIRST PAGE ****/
  .first-block .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
  }
  .first-block .container .left-side .main-title {
    font-size: clamp(110px, 54.2696629213px + 5.6179775281vw, 120px);
    gap: 24px;
  }
  .first-block .container .left-side .main-title div:nth-of-type(1) {
    font-size: clamp(162px, 72.8314606742px + 8.9887640449vw, 178px);
  }
  .interior-block .interior-slider .slide .container {
    padding: 48px 16px 25px 16px;
  }
  .interior-block .interior-slider .slide .container .bottom-part .right-side .button-box .btn,
  .page-template-first-page .map-block .container .button-box .btn,
  .interior-block .interior-slider .slide .container .bottom-part .right-side .button-box,
  .page-template-first-page .map-block .container .button-box {
    width: 150px;
    height: 150px;
    flex: 0 0 150px;
    font-size: 13px;
  }
  .interior-block .interior-slider .slide {
    height: 609px;
  }
  .interior-block .slider-navigation {
    right: 16px;
    bottom: 29px;
  }
  .interior-block .slider-navigation .count {
    font-size: 22px;
    line-height: 32px;
    gap: 4px;
  }
  .page-template-first-page .swipe-block {
    height: 609px;
  }
  .page-template-first-page .swipe-block .swipe-block .container {
    gap: 15px;
  }
  /******* ********/
  .history-block {
    padding-top: clamp(49px, -12.3033707865px + 6.1797752809vw, 60px);
  }
  .history-block .left-side {
    gap: clamp(26px, -7.4382022472px + 3.3707865169vw, 32px);
  }
  .history-block .left-side .text-slider .slide {
    gap: clamp(15px, 2px + 1.1111111111vw, 18px);
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(67px, 67px + 0vw, 67px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(67px, 67px + 0vw, 67px);
  }
  .history-block {
    padding-top: 49px;
  }
  .history-block .left-side {
    gap: 26px;
    background-size: auto 440px;
    background-position: center right 24px;
    padding-top: 220px;
  }
  .history-block .left-side .slider-navigation .dots-box {
    gap: 91px;
  }
  .history-block .left-side .slider-navigation .dots-box .item.active .text {
    font-size: 20px;
  }
  .history-block .left-side .text-slider .slide {
    gap: 15px;
    padding: 0 67px;
  }
  .history-block .left-side .text-slider .slide .box-title {
    gap: 15px;
  }
  /******* ********/
  .page-template-first-page .blog-block .container,
  .single-post .blog-block .container {
    padding: 48px 0;
  }
  .page-template-first-page .blog-block .container .block-title,
  .single-post .blog-block .container .block-title {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
  }
  .page-template-first-page .blog-block .container .posts-box,
  .single-post .blog-block .container .posts-box {
    padding-left: clamp(16px, -156.7640449438px + 17.4157303371vw, 47px);
  }
  .page-template-first-page .blog-block .container .posts-box .post,
  .single-post .blog-block .container .posts-box .post {
    width: 350px;
    flex: 0 0 350px;
    margin-right: 8px;
  }
  .blog-block .container {
    padding-top: clamp(36px, -97.7528089888px + 13.4831460674vw, 60px);
    padding-right: clamp(0px, 0px + 0vw, 0px);
    padding-bottom: clamp(36px, -97.7528089888px + 13.4831460674vw, 60px);
    padding-left: clamp(0px, 0px + 0vw, 0px);
    gap: clamp(24px, -59.595505618px + 8.4269662921vw, 39px);
  }
  .blog-block .container .posts-box .post {
    gap: 8px;
  }
  .blog-block .container .posts-box .post .bottom-part {
    padding: 20px;
    gap: 15px;
  }
  .blog-block .container .posts-box .post .bottom-part .date {
    font-size: 10px;
    line-height: 16px;
  }
  .blog-block .container .posts-box .post .bottom-part .post-name {
    font-size: 11px;
    line-height: 17px;
  }
  .interactive-block .point_style img {
    width: 29px;
    height: 29px;
  }
  .page-template-advantages-page .map-block #main_point img {
    width: 60px;
    height: 60px;
  }
  .page-template-advantages-page .map-block .point_style img {
    width: 36px;
    height: 36px;
  }
  .map-block #main_point img {
    width: 54px;
    height: 54px;
  }
  .map-block .point_style img {
    width: 29px;
    height: 29px;
  }
  .advantages-page-content #main_point img {
    width: 60px;
    height: 60px;
  }
  .advantages-page-content .point_style img {
    width: 38px;
    height: 38px;
  }
  .questions-block .container {
    padding-top: clamp(48px, -24.4494382022px + 7.3033707865vw, 61px);
    padding-right: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    padding-bottom: clamp(48px, -24.4494382022px + 7.3033707865vw, 61px);
    padding-left: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    gap: 30px;
  }
  .questions-block .container .left-side {
    flex: 1 1 358px;
    max-width: 358px;
    gap: 35px;
  }
  .questions-block .container .right-side {
    flex: 1 1 544px;
    max-width: 544px;
    max-width: initial;
  }
  .questions-block .container .right-side .questions-box {
    gap: 15px;
  }
  .questions-block .container .right-side .questions-box .item .left-side {
    padding: 20px;
    flex: 0 0 108px;
  }
  .questions-block .container .right-side .questions-box .item .right-side {
    padding: 20px;
  }
  .questions-block .container .right-side .questions-box .item .right-side .text {
    margin-top: 18px;
  }
  .questions-block .container .right-side .questions-box .item .right-side .btn-more {
    margin-top: 0;
    margin-top: 0;
    left: 20px;
    bottom: 20px;
  }
  .questions-block .container .right-side .questions-box .item .right-side .btn-more svg {
    width: 12px;
    height: 11px;
  }
  /**** FOOTER ****/
  .footer .footer-inner .container {
    padding-top: clamp(64px, 13.8426966292px + 5.0561797753vw, 73px);
    padding-right: clamp(16px, -162.3370786517px + 17.9775280899vw, 48px);
    padding-bottom: clamp(48px, -91.3258426966px + 14.0449438202vw, 73px);
    padding-left: clamp(16px, -162.3370786517px + 17.9775280899vw, 48px);
    gap: 48px;
  }
  .footer .footer-inner .container .top-part {
    gap: 48px;
  }
  .footer .footer-inner .container .top-part .left-side {
    gap: 24px;
  }
  .footer .footer-inner .container .top-part .left-side .form-box .form-item input {
    padding: 7px 0 11px 12px;
    font-size: 12px;
    line-height: 20px;
  }
  .footer .footer-inner .container .top-part .right-side {
    padding-right: clamp(16px, -173.4831460674px + 19.1011235955vw, 50px);
  }
  .footer .footer-inner .container .top-part .right-side .box-title {
    margin-bottom: 10px;
  }
  .footer .footer-inner .container .top-part .right-side .text {
    margin-bottom: 29px;
  }
  .footer .footer-inner .container .bottom-part .button-box .btn {
    gap: 19px;
  }
  .footer .copyrating .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    padding-bottom: clamp(37px, 70.4382022472px + -3.3707865169vw, 31px);
    padding-left: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
  }
  .footer .copyrating .container .top-part {
    gap: 15px;
  }
  .footer .copyrating .container .top-part .copyrating-text {
    font-size: 9px;
    line-height: 15px;
  }
  .footer .copyrating .container .bottom-part .first-column .footer-menu {
    gap: 0 22px;
  }
  .footer .copyrating .container .bottom-part .second-column .footer-menu li {
    padding-left: 12px;
  }
  .footer .copyrating .container .bottom-part .link {
    font-size: 9px;
    line-height: 17px;
  }
  .footer .copyrating .container .bottom-part a, .footer .copyrating .container .bottom-part .contact-item {
    font-size: 9px;
    line-height: 17px;
    gap: 10px;
  }
  .footer .copyrating .container .bottom-part .footer-menu {
    gap: 15px 0;
  }
  .footer .copyrating .container .bottom-part .agency-logo {
    flex: 0 0 71px;
    width: 71px;
    height: 18px;
  }
  /**** VORTEILE PAGE ****/
  .breadcrumbs-box .container .breadcrumbs a {
    font-size: 12px;
    line-height: 20px;
  }
  .advantages-page-content .first-block .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    padding-bottom: clamp(36px, 8.1348314607px + 2.808988764vw, 41px);
    padding-left: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    gap: 15px;
  }
  .advantages-page-content .advantages-block .container {
    padding-top: clamp(48px, -24.4494382022px + 7.3033707865vw, 61px);
    padding-right: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    padding-bottom: clamp(48px, -24.4494382022px + 7.3033707865vw, 61px);
    padding-left: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    gap: 24px;
  }
  .advantages-page-content .advantages-block .container .advantages-box.desktop-advantages-box {
    gap: 8px;
  }
  .advantages-page-content .advantages-block .container .advantages-box.desktop-advantages-box .item {
    flex: 0 1 calc((100% - 32px) / 5);
  }
  .advantages-page-content .advantages-block .container .advantages-box .item {
    padding-top: clamp(20px, 20px + 0vw, 20px);
    padding-right: clamp(15px, 15px + 0vw, 15px);
    padding-bottom: clamp(20px, 20px + 0vw, 20px);
    padding-left: clamp(15px, 15px + 0vw, 15px);
  }
  .advantages-page-content .advantages-block .container .advantages-box .item .box-title {
    font-size: 17px;
    line-height: 27px;
  }
  .advantages-page-content .advantages-block .container .advantages-box .item .text {
    font-size: 12px;
    line-height: 18px;
  }
  .advantages-page-content .swipe-wrapper .swipe-wrapper .top-part .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    padding-bottom: clamp(24px, -176.6292134831px + 20.2247191011vw, 60px);
    padding-left: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    gap: 15px;
  }
  .advantages-page-content .swipe-block {
    height: 488px;
  }
  .advantages-page-content .swipe-block .container {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    padding-bottom: clamp(24px, -176.6292134831px + 20.2247191011vw, 60px);
    padding-left: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
  }
  .advantages-page-content .swipe-block .container .bottom-part {
    gap: 15px;
  }
  .proposition-block.proposition-history-block .container > .block-title {
    margin-bottom: 18px;
  }
  .proposition-block.proposition-history-block .container > .text {
    margin-bottom: 24px;
  }
  .proposition-block .container {
    padding-top: clamp(48px, -18.8764044944px + 6.7415730337vw, 60px);
    padding-right: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    padding-bottom: clamp(48px, -174.9213483146px + 22.4719101124vw, 88px);
    padding-left: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
  }
  .proposition-block .container .block-title {
    margin-bottom: 24px;
  }
  .proposition-block .container .proposition-box .proposition-item {
    border-radius: 39px;
    padding: 24px;
  }
  .proposition-block .container .proposition-box .proposition-item:nth-of-type(1) {
    margin-bottom: 50px;
  }
  .proposition-block .container .proposition-box .proposition-item .left-side {
    height: 214px;
    max-width: 420px;
    border-radius: 15px;
  }
  .proposition-block .container .proposition-box .proposition-item .right-side {
    max-width: 515px;
    gap: 20px;
  }
  .gradient-block .container {
    height: 658px;
    /* max-width: 711px; */
  }
  .safety-block .container {
    padding-top: clamp(48px, -24.4494382022px + 7.3033707865vw, 61px);
    padding-right: clamp(0px, 0px + 0vw, 0px);
    padding-bottom: clamp(48px, -163.7752808989px + 21.3483146067vw, 86px);
    padding-left: clamp(0px, 0px + 0vw, 0px);
  }
  .safety-block .container .block-title {
    margin-bottom: 20px;
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
  }
  .safety-block .container > .text {
    margin-bottom: 45px;
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
  }
  .safety-block .container .safety-slider {
    padding-left: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
  }
  .safety-block .container .safety-slider .slide {
    width: calc(100% - clamp(16px, -167.9101123596px + 18.5393258427vw, 49px));
    margin-right: 12px;
    border-radius: 15px;
  }
  .safety-block .container .safety-slider .slide .right-side {
    flex: 1 1 585px;
    max-width: 585px;
    padding: 39px;
    border-radius: 15px;
    gap: 18px;
  }
  .page-template-first-page .advantages-block .container {
    padding-top: clamp(48px, -18.8764044944px + 6.7415730337vw, 60px);
    padding-right: clamp(0px, 0px + 0vw, 0px);
    padding-bottom: clamp(48px, -18.8764044944px + 6.7415730337vw, 60px);
    padding-left: clamp(0px, 0px + 0vw, 0px);
    gap: clamp(48px, -18.8764044944px + 6.7415730337vw, 60px);
  }
  .page-template-first-page .advantages-block .container > .block-text {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
  }
  .page-template-first-page .advantages-block .container > .block-title {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
  }
  .page-template-first-page .advantages-block .container .advantages-box {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(16px, -162.3370786517px + 17.9775280899vw, 48px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(16px, -162.3370786517px + 17.9775280899vw, 48px);
  }
  .page-template-first-page .advantages-block .container .advantages-box.level1 {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(0px, 0px + 0vw, 0px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(16px, -162.3370786517px + 17.9775280899vw, 48px);
  }
  .page-template-first-page .advantages-block .container .advantages-box.level3 {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(0px, 0px + 0vw, 0px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(16px, -162.3370786517px + 17.9775280899vw, 48px);
  }
  .page-template-first-page .advantages-block .container .advantages-box.level5 {
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(16px, -162.3370786517px + 17.9775280899vw, 48px);
    padding-bottom: clamp(0px, 0px + 0vw, 0px);
    padding-left: clamp(0px, 0px + 0vw, 0px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item {
    max-width: clamp(207px, 0.797752809px + 20.7865168539vw, 244px);
    margin-left: clamp(-34px, -11.7078651685px + -2.2471910112vw, -38px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-front {
    padding-top: clamp(31px, -8.0112359551px + 3.9325842697vw, 38px);
    padding-right: clamp(25px, 2.7078651685px + 2.2471910112vw, 29px);
    padding-bottom: clamp(31px, -8.0112359551px + 3.9325842697vw, 38px);
    padding-left: clamp(25px, 2.7078651685px + 2.2471910112vw, 29px);
    border-radius: clamp(26px, 3.7078651685px + 2.2471910112vw, 30px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-front .text {
    height: 78px;
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-front .top-part {
    margin-bottom: clamp(33px, -0.4382022472px + 3.3707865169vw, 39px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-back {
    height: clamp(334px, 5.191011236px + 33.1460674157vw, 393px);
    width: clamp(334px, 5.191011236px + 33.1460674157vw, 393px);
    padding-top: clamp(40px, -10.1573033708px + 5.0561797753vw, 49px);
    padding-right: clamp(60px, 4.2696629213px + 5.6179775281vw, 70px);
    padding-bottom: clamp(44px, 16.1348314607px + 2.808988764vw, 49px);
    padding-left: clamp(60px, 4.2696629213px + 5.6179775281vw, 70px);
    gap: 12px;
    border-radius: clamp(26px, 3.7078651685px + 2.2471910112vw, 30px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-back .img-box svg {
    height: clamp(60px, 8px + 4.4444444444vw, 72px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-back .link {
    gap: 6px;
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .box-text {
    margin-bottom: clamp(17px, 5.8539325843px + 1.1235955056vw, 19px);
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .btn-more {
    width: clamp(37px, -24.3033707865px + 6.1797752809vw, 48px);
    height: clamp(37px, -24.3033707865px + 6.1797752809vw, 48px);
    flex: 0 0 clamp(37px, -24.3033707865px + 6.1797752809vw, 48px);
  }
  .text.link-contacts,
  .text.link-more {
    gap: 10px;
  }
  .text.link-contacts .svg-box svg,
  .text.link-more .svg-box svg {
    width: 12px;
    height: 11px;
  }
  .mobile-menu-box .modal-content .mobile-menu-content .container {
    gap: 50px;
    padding-top: clamp(0px, 0px + 0vw, 0px);
    padding-right: clamp(16px, -127px + 12.2222222222vw, 49px);
    padding-bottom: clamp(30px, 30px + 0vw, 30px);
    padding-left: clamp(16px, -127px + 12.2222222222vw, 49px);
  }
  .mobile-menu-box .modal-content .mobile-menu-content .container .right-side .top-part .nav {
    gap: 12px;
  }
  .mobile-menu-box .modal-content .mobile-menu-content .container .right-side .bottom-part .nav {
    gap: 15px;
  }
}
@media (max-width: 992px) {
  .page-template-first-page .map-block .container {
    padding: 48px 16px;
  }
  .page-template-first-page .map-block .container .box-title {
    margin-bottom: 16px;
  }
  .page-template-first-page .map-block .container .box-title.coordinates {
    margin-bottom: 54px;
  }
  .page-template-first-page .map-block .container .button-box {
    right: 130px;
    top: 150px;
  }
  .safety-block .container .block-title {
    display: block;
  }
  .post-page {
    padding: 0 0 48px;
  }
  .swipe-wrapper .top-part .container {
    padding: 0 16px 25px;
  }
  .text.link-contacts,
  .text.link-more {
    gap: 16px;
  }
  .text.link-contacts .svg-box svg,
  .text.link-more .svg-box svg {
    width: 20px;
    height: 18px;
  }
  /**** OTHER PAGES ****/
  .text-page-content .content-block .container {
    padding: 0 16px 48px;
  }
  .post-page .post-block .container .content-box h2,
  .post-page .post-block .container .content-box h3,
  .post-page .post-block .container .content-box h4,
  .post-page .post-block .container .content-box h5,
  .post-page .post-block .container .content-box h6,
  .text-page-content h2,
  .text-page-content h3,
  .text-page-content h4,
  .text-page-content h5,
  .text-page-content h6 {
    margin-bottom: 24px;
  }
  .post-page .post-block .container .content-box p,
  .text-page-content p,
  .text-page-content h1 {
    margin-bottom: 24px;
  }
  .message-page .content-block.error-block .page-title {
    font-size: 223px;
    line-height: 223px;
    margin-bottom: 31px;
  }
  .message-page .content-block .container .block-title {
    margin-bottom: 12px;
  }
  .message-page .content-block .container .text {
    margin-bottom: 31px;
  }
  .logo {
    width: 139px;
    height: 70px;
    flex: 0 0 139px;
  }
  .logo.copyrating-logo {
    flex: 0 0 70px;
  }
  .container {
    padding: 0 16px;
  }
  .breadcrumbs-box .container {
    padding: 0 16px 38px;
  }
  .header-primary .container {
    padding: 16px 16px 12px;
  }
  .header-primary .container .left-side .btn-menu, .header-primary .container .left-side .btn-close {
    gap: 16px;
  }
  .header-primary .container .left-side .btn-menu svg, .header-primary .container .left-side .btn-close svg {
    width: 42px;
    height: 16px;
  }
  .block-title,
  .post-page .post-block .container .content-box h1,
  .text-page-content h1 {
    font-size: 28px;
    line-height: 40px;
  }
  .box-title,
  .post-page .post-block .container .content-box h2,
  .post-page .post-block .container .content-box h3,
  .post-page .post-block .container .content-box h4,
  .post-page .post-block .container .content-box h5,
  .post-page .post-block .container .content-box h6,
  .text-page-content h2,
  .text-page-content h3,
  .text-page-content h4,
  .text-page-content h5,
  .text-page-content h6,
  .mobile-menu-box .modal-content .mobile-menu-content .container .right-side .top-part .nav li a {
    font-size: 22px;
    line-height: 32px;
  }
  .text,
  .post-page .post-block .container .content-box p,
  .text-page-content p {
    font-size: 16px;
    line-height: 28px;
  }
  .block-text {
    font-size: 20px;
    line-height: 32px;
  }
  .box-text {
    font-size: 22px;
    line-height: 32px;
  }
  .btn {
    font-size: 22px;
    line-height: 32px;
  }
  /**** POST PAGE ****/
  .post-page .post-block .container {
    padding: 0 16px 48px;
  }
  .post-page .post-block .container .block-title {
    margin-bottom: 16px;
  }
  /**** BLOG PAGE ****/
  .blog-page-content .blog-block .container {
    padding: 0 16px 48px;
  }
  .blog-page-content .blog-block .container .posts-box .post {
    flex: 0 1 calc((100% - 8px) / 2);
  }
  /**** FIRST PAGE ****/
  .page-template-first-page .first-block .container {
    padding: 0 16px;
    flex-direction: column;
  }
  .page-template-first-page .first-block .container .left-side {
    align-items: flex-start;
    padding-top: 167px;
    width: 100%;
  }
  .page-template-first-page .first-block .container .left-side .main-title {
    font-size: clamp(76px, 15.0769230769px + 10.5769230769vw, 120px);
    gap: 24px;
  }
  .page-template-first-page .first-block .container .left-side .main-title p:nth-of-type(1) {
    font-size: clamp(110px, 38px + 12.5vw, 162px);
  }
  .page-template-first-page .first-block .container .right-side {
    width: 100%;
  }
  .first-block .container {
    padding: 0 16px;
  }
  .first-block .container .left-side .main-title {
    font-size: clamp(76px, 15.0769230769px + 10.5769230769vw, 120px);
    gap: 24px;
  }
  .interior-block .slider-navigation {
    gap: 0;
    right: 16px;
    top: 58px;
    height: 32px;
  }
  .interior-block .interior-slider .slide {
    height: 900px;
  }
  .interior-block .interior-slider .slide .container {
    padding: 48px 16px 12px 16px;
    justify-content: flex-start;
    gap: 120px;
  }
  .interior-block .interior-slider .slide .container .top-part .block-title {
    margin-bottom: 8px;
  }
  .interior-block .interior-slider .slide .container .bottom-part {
    flex-direction: column;
    gap: 95px;
  }
  .interior-block .interior-slider .slide .container .bottom-part .left-side {
    flex: 1 1 100%;
    max-width: 100%;
    gap: 24px;
  }
  .interior-block .interior-slider .slide .container .bottom-part .left-side .charecteristics-box .item .name {
    margin-bottom: 8px;
  }
  .interior-block .interior-slider .slide .container .bottom-part .right-side {
    order: -1;
    flex: 1 1 100%;
    max-width: 100%;
    justify-content: flex-end;
    flex-direction: row;
  }
  .interior-block .interior-slider .slide .container .bottom-part .right-side .button-box {
    width: 140px;
    height: 140px;
    flex: 0 0 140px;
  }
  .interior-block .interior-slider .slide .container .bottom-part .right-side .button-box .btn {
    width: 140px;
    height: 140px;
    flex: 0 0 140px;
    font-size: 13px;
  }
  .page-template-first-page .swipe-block {
    height: 762px;
  }
  .page-template-first-page .swipe-block .swipe-block .container {
    gap: 16px;
  }
  /******* ********/
  .history-block {
    padding-top: 49px;
    flex-direction: column;
  }
  .history-block .left-side {
    flex: 1 1 100%;
    max-width: 100%;
    padding: 62px 0 67px;
    gap: 36px;
    background-image: none;
  }
  .history-block .left-side .slider-navigation .dots-box {
    gap: 150px;
  }
  .history-block .left-side .slider-navigation .dots-box .item.active .text {
    font-size: 22px;
  }
  .history-block .left-side .text-slider .slide {
    gap: 16px;
    padding: 0 21px 0;
  }
  .history-block .left-side .text-slider .slide .box-title {
    gap: 15px;
  }
  .history-block .right-side {
    flex: 1 1 100%;
    max-width: 100%;
    height: 415px;
  }
  /******* ********/
  .page-template-first-page .blog-block .container,
  .single-post .blog-block .container {
    padding: 48px 0 0;
  }
  .page-template-first-page .blog-block .container .block-title,
  .single-post .blog-block .container .block-title {
    padding: 0 16px;
  }
  .page-template-first-page .blog-block .container .posts-box,
  .single-post .blog-block .container .posts-box {
    padding-left: 16px;
  }
  .page-template-first-page .blog-block .container .posts-box .post,
  .single-post .blog-block .container .posts-box .post {
    width: 350px;
    flex: 0 0 350px;
    margin-right: 8px;
  }
  .blog-block .container {
    padding: 0 0 48px;
    gap: 24px;
  }
  .blog-block .container .posts-box .post {
    gap: 8px;
  }
  .blog-block .container .posts-box .post .bottom-part {
    padding: 32px;
    gap: 24px;
  }
  .blog-block .container .posts-box .post .bottom-part .date {
    font-size: 16px;
    line-height: 28px;
  }
  .blog-block .container .posts-box .post .bottom-part .post-name {
    font-size: 18px;
    line-height: 28px;
  }
  .interactive-block .point_style img {
    width: 29px;
    height: 29px;
  }
  .map-block .point_style img {
    width: 29px;
    height: 29px;
  }
  .questions-block .container {
    padding: 48px 16px;
    gap: 24px;
    flex-direction: column;
  }
  .questions-block .container .left-side {
    flex: 1 1 100%;
    max-width: 100%;
    gap: 24px;
  }
  .questions-block .container .right-side {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .questions-block .container .right-side .questions-box {
    gap: 12px;
  }
  .questions-block .container .right-side .questions-box .item .left-side {
    padding: 32px 16px;
    flex: 0 0 84px;
  }
  .questions-block .container .right-side .questions-box .item .left-side .number {
    font-size: 16px;
    line-height: 26px;
  }
  .questions-block .container .right-side .questions-box .item .right-side {
    padding: 19px 32px;
  }
  .questions-block .container .right-side .questions-box .item .right-side .box-text {
    font-size: 18px;
    line-height: 28px;
  }
  .questions-block .container .right-side .questions-box .item .right-side .text {
    margin-top: 18px;
  }
  .questions-block .container .right-side .questions-box .item .right-side .btn-more {
    margin-top: 0;
    bottom: 19px;
    left: 32px;
  }
  .questions-block .container .right-side .questions-box .item .right-side .btn-more svg {
    width: 20px;
    height: 18px;
  }
  /**** FOOTER ****/
  .footer .footer-inner .container {
    padding: 64px 16px 48px;
    gap: 48px;
  }
  .footer .footer-inner .container .top-part {
    gap: 56px;
  }
  .footer .footer-inner .container .top-part .left-side {
    gap: 24px;
  }
  .footer .footer-inner .container .top-part .left-side .form-box .form-item input {
    padding: 15px 0 19px 20px;
    font-size: 16px;
    line-height: 28px;
  }
  .footer .footer-inner .container .top-part .right-side {
    padding-right: 0;
  }
  .footer .footer-inner .container .top-part .right-side .box-title {
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 40px;
  }
  .footer .footer-inner .container .top-part .right-side .text {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 24px;
  }
  .footer .footer-inner .container .bottom-part .button-box:hover .btn {
    gap: 14px;
    font-size: 9px;
    line-height: 14px;
  }
  .footer .footer-inner .container .bottom-part .button-box .btn {
    gap: 24px;
    font-size: 22px;
    line-height: 32px;
  }
  .footer .copyrating .container {
    padding: 0 16px 37px;
  }
  .footer .copyrating .container .top-part {
    gap: 24px;
  }
  .footer .copyrating .container .top-part .copyrating-text {
    font-size: 14px;
    line-height: 24px;
  }
  .footer .copyrating .container .bottom-part .first-column .footer-menu {
    gap: 0 8px;
    flex-direction: column;
  }
  .footer .copyrating .container .bottom-part .second-column .footer-menu li {
    padding-left: 14px;
  }
  .footer .copyrating .container .bottom-part .link {
    font-size: 14px;
    line-height: 28px;
  }
  .footer .copyrating .container .bottom-part a, .footer .copyrating .container .bottom-part .contact-item {
    font-size: 14px;
    line-height: 28px;
    gap: 8px;
  }
  .footer .copyrating .container .bottom-part .agency-logo {
    flex: 0 0 116px;
    width: 116px;
    height: 26px;
  }
  .form-item .wpcf7-form-control-wrap {
    width: 100%;
  }
  /**** VORTEILE PAGE ****/
  .breadcrumbs-box .container .breadcrumbs a {
    font-size: 16px;
    line-height: 28px;
  }
  .advantages-page-content .first-block .container {
    padding: 0 16px 36px;
    gap: 16px;
  }
  .advantages-page-content .advantages-block {
    overflow: hidden;
  }
  .advantages-page-content .advantages-block .container {
    padding: 48px 0 48px 0;
    gap: 24px;
  }
  .advantages-page-content .advantages-block .container .block-title {
    padding: 0 16px;
  }
  .advantages-page-content .advantages-block .container .swiper {
    padding-right: 45px;
  }
  .advantages-page-content .advantages-block .container .swiper .advantages-box {
    gap: 8px;
  }
  .advantages-page-content .advantages-block .container .swiper .advantages-box .swiper-slide.item {
    flex: 0 0 348px;
    width: 348px;
    height: auto;
  }
  .advantages-page-content .advantages-block .container .wrapper {
    padding-left: 16px;
    display: block;
    width: 100%;
  }
  .advantages-page-content .advantages-block .container .advantages-box.desktop-advantages-box {
    display: none;
    gap: 8px;
  }
  .advantages-page-content .advantages-block .container .advantages-box.desktop-advantages-box .item {
    flex: 0 1 calc((100% - 32px) / 5);
  }
  .advantages-page-content .advantages-block .container .advantages-box .item {
    padding: 32px 16px;
  }
  .advantages-page-content .advantages-block .container .advantages-box .item .box-title {
    font-size: 22px;
    line-height: 32px;
    min-height: 145px;
  }
  .advantages-page-content .advantages-block .container .advantages-box .item .text {
    font-size: 16px;
    line-height: 28px;
  }
  .advantages-page-content .swipe-wrapper .swipe-wrapper .top-part .container {
    padding: 0 16px 24px;
    gap: 16px;
  }
  .advantages-page-content .swipe-block {
    height: 700px;
  }
  .advantages-page-content .swipe-block .container {
    padding: 0 16px 75px;
  }
  .advantages-page-content .swipe-block .container .bottom-part {
    gap: 12px;
  }
  .proposition-block.proposition-history-block .container > .block-title {
    margin-bottom: 24px;
  }
  .proposition-block.proposition-history-block .container > .text {
    margin-bottom: 24px;
  }
  .proposition-block .container {
    padding: 0 16px 48px;
  }
  .proposition-block .container .block-title {
    margin-bottom: 16px;
  }
  .proposition-block .container .proposition-box .proposition-item {
    border-radius: 50px;
    padding: 24px 16px;
    gap: 24px;
  }
  .proposition-block .container .proposition-box .proposition-item:nth-of-type(1) {
    margin-bottom: 64px;
  }
  .proposition-block .container .proposition-box .proposition-item .left-side {
    height: 214px;
    max-width: 420px;
    border-radius: 15px;
  }
  .proposition-block .container .proposition-box .proposition-item .right-side {
    max-width: 515px;
    gap: 20px;
  }
  .gradient-block .container {
    height: 800px;
  }
  .safety-block .container {
    padding: 48px 0;
  }
  .safety-block .container .block-title {
    margin-bottom: 16px;
    padding: 0 16px;
  }
  .safety-block .container > .text {
    margin-bottom: 24px;
    padding: 0 16px;
  }
  .safety-block .container .safety-slider {
    padding-left: clamp(16px, -167.9101123596px + 18.5393258427vw, 49px);
  }
  .safety-block .container .safety-slider .slide {
    width: calc(100% - clamp(16px, -167.9101123596px + 18.5393258427vw, 49px));
    margin-right: 8px;
    border-radius: 25px;
  }
  .safety-block .container .safety-slider .slide .right-side {
    flex: 1 1 450px;
    max-width: 450px;
    padding: 16px 24px;
    border-radius: 25px;
    gap: 16px;
  }
  .safety-block .container .safety-slider .slide .right-side .box-title {
    font-size: 20px;
    line-height: 32px;
  }
  .page-template-first-page .advantages-block .container {
    padding: 84px 16px 48px;
    gap: 0;
  }
  .page-template-first-page .advantages-block .container > .block-text {
    margin-bottom: 48px;
  }
  .page-template-first-page .advantages-block .container > .block-title {
    margin-bottom: 24px;
  }
  .page-template-first-page .advantages-block .container .advantages-box {
    padding: 0;
    flex-direction: column;
    justify-content: flex-start;
  }
  .page-template-first-page .advantages-block .container .advantages-box.level1 {
    padding: 0;
  }
  .page-template-first-page .advantages-block .container .advantages-box.level3 {
    padding: 0;
  }
  .page-template-first-page .advantages-block .container .advantages-box.level5 {
    padding: 0;
  }
  .page-template-first-page .advantages-block .container .advantages-box .item {
    max-width: 100%;
    margin-left: 0;
    /* margin-top: -20px;  */
    height: 456px;
    flex: 0 0 456px;
  }
  .page-template-first-page .advantages-block .container .advantages-box .item:nth-of-type(1) {
    margin-top: 0;
  }
  .page-template-first-page .advantages-block .container .advantages-box .item:not(.first-item) {
    margin-top: -50px;
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-front {
    padding: 48px 48px 112px;
    border-radius: 50px;
    height: 100%;
    justify-content: flex-start;
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-front .text {
    height: auto;
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-front .top-part {
    margin-bottom: 64px;
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-back {
    height: 500px;
    width: 100%;
    padding: 68px 8px 62px;
    gap: 32px;
    border-radius: 50px;
    transform: none;
    top: 0;
    left: 0;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-back .img-box svg {
    height: 72px;
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .card-back .link {
    gap: 10px;
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .box-text {
    margin-bottom: 32px;
  }
  .page-template-first-page .advantages-block .container .advantages-box .item .btn-more {
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
  }
  .mobile-menu-box .modal-content .mobile-menu-content .container {
    gap: 0;
    padding: 36px 16px;
  }
  .mobile-menu-box .modal-content .mobile-menu-content .container .left-side {
    display: none;
  }
  .mobile-menu-box .modal-content .mobile-menu-content .container .right-side {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .mobile-menu-box .modal-content .mobile-menu-content .container .right-side .top-part .nav {
    gap: 28px;
  }
  .mobile-menu-box .modal-content .mobile-menu-content .container .right-side .bottom-part {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    flex: 1 1 auto;
  }
  .mobile-menu-box .modal-content .mobile-menu-content .container .right-side .bottom-part .btn-phone {
    order: -1;
  }
  .mobile-menu-box .modal-content .mobile-menu-content .container .right-side .bottom-part .nav {
    gap: 15px;
    width: 100%;
    justify-content: space-between;
  }
  .modal {
    padding: 24px 16px;
  }
  .modal.history-modal .modal-content h1, .modal.history-modal .modal-content h2, .modal.history-modal .modal-content h3, .modal.history-modal .modal-content h4, .modal.history-modal .modal-content h5, .modal.history-modal .modal-content h6 {
    margin-bottom: 16px;
  }
  .modal.history-modal .modal-content p {
    margin-bottom: 16px;
  }
  .modal.interactive-modal .modal-content .box_view_html {
    gap: 16px;
  }
  .interactive-block {
    /* .wrap_svl_center {
        overflow: hidden;
        .wrap_svl_center_box {
            width: 1067px;
        }
    } */
  }
  .modal {
    padding: 48px 16px;
  }
  .modal.interactive-modal {
    max-width: 360px;
  }
  .swipe-block .container .block-text br {
    display: none;
  }
  .history-block .left-side .text-slider .slide .text {
    max-width: 560px;
  }
}
@media (max-width: 768px) {
  .page-template-first-page .map-block .container {
    padding: 48px 9px;
  }
  .page-template-first-page .map-block .container .box-title.coordinates {
    margin-bottom: 78px;
  }
  .page-template-first-page .map-block .container .button-box {
    right: 9px;
    top: 350px;
  }
  .advantages-page-content .map-block > .block-title,
  .advantages-page-content .map-block > .text {
    padding: 0 16px;
  }
  .page-template-first-page .map-block #main_point img {
    width: 72px;
    height: 72px;
  }
  .page-template-first-page .map-block .point_style img {
    width: 35px;
    height: 35px;
  }
  .map-block #main_point img {
    width: 72px;
    height: 72px;
  }
  .map-block .point_style img {
    width: 24px;
    height: 24px;
  }
  .advantages-page-content .map-block .mobile-map-box {
    display: block;
  }
  .advantages-page-content .map-block .desktop-map-box {
    display: none;
  }
  .interactive-block .wrap_svl_center {
    width: 100%;
  }
  .interactive-block .wrap_svl_center .wrap_svl {
    width: 100%;
  }
  .interactive-block .desktop-map-box {
    display: none;
  }
  .interactive-block .mobile-map-box {
    display: flex;
  }
  .advantages-page-content .ico-title br {
    display: none;
  }
  .advantages-page-content .text br, .advantages-page-content .block-text br {
    display: none;
  }
  .header-primary .logo {
    display: none;
  }
  .footer .footer-inner .container .top-part {
    flex-direction: column;
  }
  .footer .copyrating .container .bottom-part {
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 24px;
  }
  .footer .copyrating .container .bottom-part .column {
    flex: 0 0 40%;
  }
  .footer .copyrating .container .bottom-part .fifth-column {
    flex-direction: row;
    flex: 1 1 100%;
    justify-content: center;
  }
  .proposition-block .container .proposition-box .proposition-item {
    flex-direction: column;
  }
  .proposition-block .container .proposition-box .proposition-item .left-side {
    height: 265px;
    max-width: 100%;
    border-radius: 25px;
  }
  .proposition-block .container .proposition-box .proposition-item .right-side {
    gap: 16px;
    max-width: 100%;
  }
  .proposition-block .container .proposition-box .proposition-item .right-side .link-more {
    margin-top: 8px;
  }
  .safety-block .container .safety-slider .slide {
    padding-top: 220px;
    background-position: top center;
    width: 360px;
  }
  .safety-block .container .safety-slider .slide .right-side {
    flex: 1 1 auto;
    max-width: auto;
  }
  .safety-block .container .safety-slider .slide .right-side .text ul {
    gap: 16px;
  }
  .safety-block .container {
    display: block;
  }
  .interior-block .interior-slider .slide .container .bottom-part .left-side .charecteristics-box {
    gap: 50px;
  }
  .interior-block .interior-slider .slide .container .bottom-part {
    gap: 60px;
  }
}
@media (max-width: 576px) {
  /**** BLOG PAGE ****/
  .blog-page-content .blog-block .container .posts-box .post {
    flex: 1 1 auto;
  }
  .page-template-first-page .first-block .container .left-side .main-title {
    font-size: 76px;
    line-height: 88px;
    gap: 24px;
  }
  .interior-block .interior-slider .slide .container .bottom-part .left-side .charecteristics-box {
    gap: 15px;
  }
	
}/*# sourceMappingURL=main-style.css.map */
.form-item .wpcf7-form-control-wrap {
	width: 100%!important;
}