:root {

  --color-primary: #292929;

  --color-any: #ca4420;

  --color-second: #ffffff;

  --hover-primary: #ca4420;

  --bg-main-color: #ffffff;

  --bg-other: #561114;

  --bg-light: #ffffff;

  --bg-no-image: #dcd7d7;

  --helper-color-main: #561114;

  --font-FamilyPrimary: "Euclid Flex", sans-serif;

  --font-weightPrimary: 400;

  --color-title-primary: #ca4420;

  --color-title-any: #ffffff;

  --radius-primary: 10px;

  --radius-second: 14px;

  --radius-any: 30px;

  --size-primary: 16px;

  --size-second: 18px;

  --size-big: 20px;

  --size-any: 24px;

  --size-large: 28px;

  --transition: all 0.3s ease;

  --line-height: 135%;

  --border-primary: 1px solid #bebebe;

}

@media (max-width: 992px){

.top-head-phone{

}

}

* {

  padding: 0;

  margin: 0;

  border: 0;

}



*, *:before, *:after {

  box-sizing: border-box;

}



:focus, :active {

  outline: none;

}



a:focus, a:active {

  outline: none;

}



nav, footer, header, aside {

  display: block;

}



html, body {

  height: 100%;

  width: 100%;

  font-size: var(--size-primary);

  line-height: var(--line-height);

  -ms-text-size-adjust: 100%;

  -moz-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;

  font-family: var(--font-FamilyPrimary);

  color: var(--color-primary);

  font-weight: var(--font-weightPrimary);

  background-color: var(--bg-main-color);

  scroll-behavior: smooth;

}



input, button, textarea {

  font-family: inherit;

  box-sizing: border-box;

}



p, div {

  line-height: var(--line-height);

}



input::-ms-clear {

  display: none;

}



button {

  cursor: pointer;

  display: block;

}



button::-moz-focus-inner {

  padding: 0;

  border: 0;

}



a, a:visited {

  text-decoration: none;

}



a:hover {

  text-decoration: none;

}



ul li {

  list-style: none;

}



img {

  vertical-align: top;

}



h1, h2, h3, h4, h5, h6 {

  font-size: inherit;

  font-weight: var(--font-weightPrimary);

  line-height: var(--line-height);

}



/* --------------- */

/* Global Style main */

:root {

  --color-primary: #292929;

  --color-any: #ca4420;

  --color-second: #ffffff;

  --hover-primary: #ca4420;

  --bg-main-color: #ffffff;

  --bg-other: #561114;

  --bg-light: #ffffff;

  --bg-no-image: #dcd7d7;

  --helper-color-main: #561114;

  --font-FamilyPrimary: "Euclid Flex", sans-serif;

  --font-weightPrimary: 400;

  --color-title-primary: #ca4420;

  --color-title-any: #ffffff;

  --radius-primary: 10px;

  --radius-second: 14px;

  --radius-any: 30px;

  --size-primary: 16px;

  --size-second: 18px;

  --size-big: 20px;

  --size-any: 24px;

  --size-large: 28px;

  --transition: all 0.3s ease;

  --line-height: 135%;

  --border-primary: 1px solid #bebebe;

}



.wrapper {

  min-height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  overflow: hidden;

}



.text-center {

  text-align: center;

}



.font-number {

  font-family: "Euclid Triangle", sans-serif;

}



.font-family-any {

  font-family: "Euclid Triangle", sans-serif;

}



.js-square-number.hide {

  display: none;

}



.block-any {

  background-color: var(--helper-color-main);

  color: var(--color-second);

  border-radius: var(--radius-second);

  padding: 12px 34px;

  font-size: var(--size-big);

  flex: 1;

  max-width: 550px;

}

@media (max-width: 1200px) {

  .block-any {

    max-width: 100%;

  }

}



.font-semi {

  font-weight: 600;

}



.main {

  flex-grow: 1;

}



.container {

  width: 100%;

  max-width: 1450px;

  padding: 0 15px;

  margin: 0 auto;

}



.container-any {

  width: 100%;

  max-width: 1170px;

  padding: 0 15px;

  margin: 0 auto;

}



.indentation {

  margin: 0 0 100px 0;

}

@media (max-width: 992px) {

  .indentation {

    margin: 0 0 50px 0;

  }

}



.ind-any {

  padding: 30px 0;

}



.plan {

  padding: 80px;

}



.bg-image {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}



@media (max-width: 1200px) {

  .head {

    text-align: center;

  }

}

.head--center {

  text-align: center;

}

.head--ind {

  margin-bottom: 50px;

}

@media (max-width: 1420px) {

  .head--ind {

    margin-bottom: calc(35px + 15 * ((100vw - 320px) / 1100));

  }

}

.head--row {

  display: flex;

  flex-wrap: wrap;

  gap: 15px;

  align-items: center;

  justify-content: space-between;

}

@media (max-width: 1200px) {

  .head--row {

    flex-direction: column;

    align-items: stretch;

  }

}



img {

  max-width: 100%;

}



.body-lock {

  overflow: hidden;

}



.title {

  font-family: var(--font-FamilyPrimary);

  font-weight: 700;

  line-height: var(--line-height);

}



.title-primary {

  font-size: 50px;

  color: var(--color-title-primary);

}

@media (max-width: 1420px) {

  .title-primary {

    font-size: calc(30px + 20 * ((100vw - 320px) / 1100));

  }

}



.title-second {

  font-size: 40px;

  color: var(--color-title-primary);

}

@media (max-width: 1420px) {

  .title-second {

    font-size: calc(20px + 20 * ((100vw - 320px) / 1100));

  }

}



.title-any {

  font-size: 40px;

  color: var(--color-title-any);

}

@media (max-width: 1420px) {

  .title-any {

    font-size: calc(20px + 20 * ((100vw - 320px) / 1100));

  }

}



.mr-medium {

  margin-right: 30px;

}



.mb-bigger {

  margin-bottom: 50px;

}

@media (max-width: 1420px) {

  .mb-bigger {

    margin-bottom: calc(25px + 25 * ((100vw - 320px) / 1100));

  }

}



.mb-small {

  margin-bottom: 10px;

}



.mb-medium {

  margin-bottom: 25px;

}



.shadow-primary {

  box-shadow: 0 4px 50px rgba(0, 0, 0, 0.15);

}



.uppercase {

  text-transform: uppercase;

}



.btn {

  display: flex;

  justify-content: center;

  align-items: center;

  min-height: 54px;

  border-radius: 5px;

  padding: 5px 32.5px;

  font-weight: 600;

  font-size: 18px;

  line-height: 135%;

  text-align: center;

  color: #ffffff;

  transition: var(--transition);

  flex-shrink: 0;

  background-color: #ca4420;

}

.btn:hover {

  background-color: #f15022;

}

.btn:disabled {

  background-color: #adadad;

  cursor: not-allowed;

}

.btn-any {

  background-color: #ffffff;

  color: var(--color-any);

}

.btn-any:hover {

  background-color: #f15022;

  color: var(--color-second);

}

.btn--second {

  background-color: #ca4420;

  min-height: 40px;

  font-weight: 400;

  padding: 5px 20px;

}

.btn--second:hover {

  background-color: #e83b0b;

}

.btn--any {

  background-color: #d7d7d7;

  color: #ffffff;

}



.btn-pulse {

  animation: radial-pulse-btn 1s infinite;

}



.btn-pulse-white {

  animation: radial-pulse-btn-white 1s infinite;

}



@keyframes radial-pulse-btn {

  0% {

    box-shadow: 0 0 0 0px rgba(113, 46, 1, 0.5);

  }

  100% {

    box-shadow: 0 0 0 40px rgba(207, 241, 207, 0);

  }

}

@keyframes radial-pulse-btn-white {

  0% {

    box-shadow: 0 0 0 0px rgba(222, 222, 222, 0.5);

  }

  100% {

    box-shadow: 0 0 0 40px rgba(234, 234, 234, 0);

  }

}

.bg-no-image {

  background-color: var(--bg-no-image);

}



.text-map {

  color: var(--color-primary);

  font-size: var(--size-second);

  font-weight: 700;

}



.shrink-0 {

  flex-shrink: 0;

}



.text-center {

  text-align: center;

}



.hidden {

  overflow: hidden;

}



label.error {

  display: inline-block;

  color: #ff4019 !important;

  margin-bottom: 5px;

}



.btn-reset {

  border: none;

  background: transparent;

  cursor: pointer;

}



.burger {

  display: none;

  position: relative;

  top: 0;

  right: 0;

  width: 30px;

  height: 38px;

  margin-left: 5px;

  z-index: 1000;

  background-color: transparent;

}

.burger span {

  right: 0;

  position: absolute;

  width: 100%;

  height: 2.5px;

  background-color: #ffffff;

  transition: var(--transition);

}

.burger span:first-child {

  top: 11px;

}

.burger span:last-child {

  top: 27px;

}

@media (max-width: 1200px) {

  .burger {

    display: block;

  }

}



@font-face {

  font-family: "Euclid Triangle";

  font-display: swap;

  src: url("../fonts/EuclidTriangle-Bold.woff") format("woff"), url("../fonts/EuclidTriangle-Bold.woff2") format("woff2");

  font-weight: 700;

  font-style: normal;

}

@font-face {

  font-family: "Euclid Triangle";

  font-display: swap;

  src: url("../fonts/EuclidTriangle-Medium.woff") format("woff"), url("../fonts/EuclidTriangle-Medium.woff2") format("woff2");

  font-weight: 500;

  font-style: normal;

}

@font-face {

  font-family: "Euclid Triangle";

  font-display: swap;

  src: url("../fonts/EuclidTriangle-Regular.woff") format("woff"), url("../fonts/EuclidTriangle-Regular.woff2") format("woff2");

  font-weight: 400;

  font-style: normal;

}

@font-face {

  font-family: "Euclid Flex";

  font-display: swap;

  src: url("../fonts/EuclidFlex-Bold.woff") format("woff"), url("../fonts/EuclidFlex-Bold.woff2") format("woff2");

  font-weight: 700;

  font-style: normal;

}

@font-face {

  font-family: "Euclid Flex";

  font-display: swap;

  src: url("../fonts/EuclidFlex-SemiBold.woff") format("woff"), url("../fonts/EuclidFlex-SemiBold.woff2") format("woff2");

  font-weight: 600;

  font-style: normal;

}

@font-face {

  font-family: "Euclid Flex";

  font-display: swap;

  src: url("../fonts/EuclidFlex-Medium.woff") format("woff"), url("../fonts/EuclidFlex-Medium.woff2") format("woff2");

  font-weight: 500;

  font-style: normal;

}

@font-face {

  font-family: "Euclid Flex";

  font-display: swap;

  src: url("../fonts/EuclidFlex-Regular.woff") format("woff"), url("../fonts/EuclidFlex-Regular.woff2") format("woff2");

  font-weight: 400;

  font-style: normal;

}

:root {

  --color-primary: #292929;

  --color-any: #ca4420;

  --color-second: #ffffff;

  --hover-primary: #ca4420;

  --bg-main-color: #ffffff;

  --bg-other: #561114;

  --bg-light: #ffffff;

  --bg-no-image: #dcd7d7;

  --helper-color-main: #561114;

  --font-FamilyPrimary: "Euclid Flex", sans-serif;

  --font-weightPrimary: 400;

  --color-title-primary: #ca4420;

  --color-title-any: #ffffff;

  --radius-primary: 10px;

  --radius-second: 14px;

  --radius-any: 30px;

  --size-primary: 16px;

  --size-second: 18px;

  --size-big: 20px;

  --size-any: 24px;

  --size-large: 28px;

  --transition: all 0.3s ease;

  --line-height: 135%;

  --border-primary: 1px solid #bebebe;

}



.popup {

  position: fixed;

  top: 0;

  left: 0;

  background: rgba(30, 30, 30, 0.5);

  width: 100%;

  height: 100%;

  overflow: auto;

  pointer-events: none;

  opacity: 0;

  visibility: hidden;

  transition: var(--transition);

  z-index: 1000;

}

.popup.active {

  pointer-events: auto;

  opacity: 1;

  visibility: visible;

}

.popup__wrapper {

  display: table;

  height: 100%;

  width: 100%;

}

.popup__inner {

  display: table-cell;

  vertical-align: middle;

  padding: 40px 15px;

}

.popup__content {

  width: 100%;

  max-width: 1168px;

  margin: 0 auto;

  position: relative;

  overflow: hidden;

  padding: 50px;

  background-color: #ffffff;

  border-radius: var(--radius-any);

}

@media (max-width: 992px) {

  .popup__content {

    padding: 40px 30px;

    border-radius: var(--radius-primary);

  }

}

.popup__btn-close {

  position: absolute;

  top: 15px;

  right: 15px;

  background-color: transparent;

  z-index: 10;

  width: 15px;

  height: 15px;

}

.popup__btn-close:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 2px;

  height: 15px;

  background-color: black;

  transform: rotate(-45deg);

}

.popup__btn-close:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 2px;

  height: 15px;

  background-color: black;

  transform: rotate(45deg);

}

.popup__btn-close span {

  pointer-events: none;

}



.request-popup__wrapper {

  display: flex;

  flex-wrap: wrap;

  margin: 0 -35px;

}

.request-popup__item {

  flex: 0 1 50%;

  padding: 0 35px;

}

@media (max-width: 992px) {

  .request-popup__item {

    flex: 0 1 100%;

  }

}

.request-popup__form > *:not(:last-child) {

  margin-bottom: 10px;

}

.request-popup__input {

  width: 100%;

  background-color: #f0f0f0;

  border-radius: var(--radius-primary);

  min-height: 98px;

  font-size: var(--size-big);

  color: var(--color-primary);

  padding: 10px 32px;

  border: 1px solid transparent;

  transition: var(--transition);

  font-family: "Euclid Triangle", sans-serif;

}

.request-popup__input.error {

  border: 1px solid #ff4019;

}

@media (max-width: 992px) {

  .request-popup__input {

    min-height: 55px;

  }

}

.request-popup__input:focus {

  border: 1px solid black;

}

.request-popup__message {

  position: absolute;

  display: flex;

  align-items: center;

  justify-content: center;

  top: 50%;

  left: 50%;

  width: 100%;

  height: 100%;

  transform: translate(-50%, -50%);

  text-align: center;

  font-weight: 600;

  background-color: #ffffff;

  z-index: 10;

  font-size: var(--size-big);

}

.request-popup__btn {

  min-height: 98px;

  width: 100%;

  font-size: 30px;

  font-weight: 700;

}

@media (max-width: 992px) {

  .request-popup__btn {

    min-height: 55px;

    font-size: 20px;

  }

}

.request-popup__image {

  position: relative;

  border-radius: var(--radius-primary);

  overflow: hidden;

  height: 100%;

}

@media (max-width: 992px) {

  .request-popup__image {

    display: none;

  }

}

.request-popup__image img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}



:root {

  --color-primary: #292929;

  --color-any: #ca4420;

  --color-second: #ffffff;

  --hover-primary: #ca4420;

  --bg-main-color: #ffffff;

  --bg-other: #561114;

  --bg-light: #ffffff;

  --bg-no-image: #dcd7d7;

  --helper-color-main: #561114;

  --font-FamilyPrimary: "Euclid Flex", sans-serif;

  --font-weightPrimary: 400;

  --color-title-primary: #ca4420;

  --color-title-any: #ffffff;

  --radius-primary: 10px;

  --radius-second: 14px;

  --radius-any: 30px;

  --size-primary: 16px;

  --size-second: 18px;

  --size-big: 20px;

  --size-any: 24px;

  --size-large: 28px;

  --transition: all 0.3s ease;

  --line-height: 135%;

  --border-primary: 1px solid #bebebe;

}



.header {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  padding: 28px 0px;

  z-index: 1000;

  transition: var(--transition);

  background-color: var(--helper-color-main);

}

@media (max-width: 992px) {

  .header {

    padding: 0 0 15px 0;

  }

}

.header.scroll {

  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);

}

.header__row {

  display: flex;

  align-items: center;

}

.header__logo {

  margin-right: 50px;

}

@media (max-width: 1450px) {

  .header__logo {

    margin-right: 40px;

  }

}

@media (max-width: 575px) {

  .header__logo {

    margin-right: 20px;

  }

}

@media (max-width: 1200px) {

  .header__nav {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1000;

    background-color: transparent;

    overflow: auto;

    transition: var(--transition);

    opacity: 0;

    pointer-events: none;

    z-index: 1001;

  }

}

.header__nav.active {

  background-color: rgba(0, 0, 0, 0.3);

  opacity: 1;

  pointer-events: all;

}

.header__nav.active .header__wrapper {

  transform: translateX(0);

}

.header__wrapper {

  transition: var(--transition);

}

@media (max-width: 1200px) {

  .header__wrapper {

    transform: translateX(-100%);

    width: 80%;

    background-color: var(--bg-other);

    height: 100%;

    padding: 50px 20px;

  }

}

.header__info {

  margin-left: auto;

}

@media (max-width: 992px) {

  .header__info.info-block .info-block__call {

    display: none;

  }

}



.nav__menu {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  grid-column-gap: 40px;

  grid-row-gap: 15px;

}

@media (max-width: 1450px) {

  .nav__menu {

    gap: 20px;

  }

}

@media (max-width: 1200px) {

  .nav__menu {

    flex-direction: column;

    align-items: flex-start;

  }

}

.nav__mobile {

  display: none;

}

@media (max-width: 992px) {

  .nav__mobile {

    display: block;

    margin-top: 50px;

  }

  .nav__mobile .info-block > *:not(last-child) {

    margin-bottom: 15px;

  }

}

.nav__link {

  display: block;

  color: var(--color-second);

  transition: var(--transition);

}

.nav__link:hover {

  color: var(--hover-primary);

}



.info-block__row {

  display: flex;

  align-items: center;

  gap: 30px;

}

@media (max-width: 992px) {

  .info-block__row {

    gap: 15px;

  }

}

.info-block__call {

  display: flex;

  align-items: flex-end;

  flex-shrink: 0;

}

.info-block__call-icon {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 15px;

  animation: radial-pulse 1s infinite;

  border-radius: 50%;

  width: 30px;

  height: 30px;

}

.info-block__call-block {

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  text-align: right;

}

.info-block__call-text {

  font-size: 12px;

  color: var(--color-second);

}

.info-block__call-tel {

  font-size: var(--size-big);

  font-weight: 700;

  color: var(--color-second);

  transition: var(--transition);

}

.info-block__call-tel:hover {

  color: var(--hover-primary);

}

.info-block__request svg {

  display: none;

  width: 25px;

  height: 25px;

}

@media (max-width: 992px) {

  .info-block__request svg {

    display: block;

  }

  .info-block__request .btn {

    padding: 8px;

  }

  .info-block__request span {

    display: none;

  }

}



@keyframes radial-pulse {

  0% {

    box-shadow: 0 0 0 0px rgba(116, 228, 116, 0.5);

  }

  100% {

    box-shadow: 0 0 0 40px rgba(207, 241, 207, 0);

  }

}

.language {

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid #ffffff;

  border-radius: 4px;

  min-width: 60px;

  height: 40px;

  position: relative;

  cursor: pointer;

}

.language:hover .language__dropdown {

  opacity: 1;

  pointer-events: auto;

  visibility: visible;

}

.language__item {

  display: flex;

  align-items: center;

  padding: 5px 8px;

}

.language__item svg {

  flex-shrink: 0;

}

.language__current {

  font-size: var(--size-second);

  color: var(--color-second);

  text-transform: uppercase;

  margin-right: 5px;

}

.language__button {

  display: block;

  color: var(--color-primary);

  font-size: var(--size-second);

  transition: var(--transition);

  background-color: transparent;

  padding: 8px 10px;

}

.language__button:hover {

  color: var(--hover-primary);

}

.language__dropdown {

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  background-color: var(--bg-light);

  border: var(--border-primary);

  border-radius: 4px;

  transition: var(--transition);

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

}



:root {

  --color-primary: #292929;

  --color-any: #ca4420;

  --color-second: #ffffff;

  --hover-primary: #ca4420;

  --bg-main-color: #ffffff;

  --bg-other: #561114;

  --bg-light: #ffffff;

  --bg-no-image: #dcd7d7;

  --helper-color-main: #561114;

  --font-FamilyPrimary: "Euclid Flex", sans-serif;

  --font-weightPrimary: 400;

  --color-title-primary: #ca4420;

  --color-title-any: #ffffff;

  --radius-primary: 10px;

  --radius-second: 14px;

  --radius-any: 30px;

  --size-primary: 16px;

  --size-second: 18px;

  --size-big: 20px;

  --size-any: 24px;

  --size-large: 28px;

  --transition: all 0.3s ease;

  --line-height: 135%;

  --border-primary: 1px solid #bebebe;

}



.grid-primary {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 20px;

}

@media (max-width: 1450px) {

  .grid-primary {

    grid-template-columns: repeat(3, 1fr);

  }

}

@media (max-width: 992px) {

  .grid-primary {

    grid-template-columns: repeat(2, 1fr);

  }

}

@media (max-width: 575px) {

  .grid-primary {

    grid-template-columns: repeat(1, 1fr);

  }

}



.grid-second {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  grid-column-gap: 30px;

  grid-row-gap: 60px;

}

@media (max-width: 992px) {

  .grid-second {

    grid-template-columns: repeat(2, 1fr);

  }

}

@media (max-width: 767px) {

  .grid-second {

    grid-column-gap: 15px;

  }

}

@media (max-width: 575px) {

  .grid-second {

    grid-template-columns: repeat(1, 1fr);

  }

}



.grid-half {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 20px 30px;

}

@media (max-width: 767px) {

  .grid-half {

    grid-template-columns: repeat(1, 1fr);

  }

}



.grid-half-big {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 30px 60px;

}

@media (max-width: 1200px) {

  .grid-half-big {

    grid-template-columns: repeat(1, 1fr);

  }

}



:root {

  --color-primary: #292929;

  --color-any: #ca4420;

  --color-second: #ffffff;

  --hover-primary: #ca4420;

  --bg-main-color: #ffffff;

  --bg-other: #561114;

  --bg-light: #ffffff;

  --bg-no-image: #dcd7d7;

  --helper-color-main: #561114;

  --font-FamilyPrimary: "Euclid Flex", sans-serif;

  --font-weightPrimary: 400;

  --color-title-primary: #ca4420;

  --color-title-any: #ffffff;

  --radius-primary: 10px;

  --radius-second: 14px;

  --radius-any: 30px;

  --size-primary: 16px;

  --size-second: 18px;

  --size-big: 20px;

  --size-any: 24px;

  --size-large: 28px;

  --transition: all 0.3s ease;

  --line-height: 135%;

  --border-primary: 1px solid #bebebe;

}



.hero {

  position: relative;

  height: 90vh;

  padding: 100px 0;

}

@media (max-width: 992px) {

  .hero {

    height: 100%;

  }

}

.hero:after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 180px;

  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);

}

@media (max-width: 1600px) {

  .hero:after {

    height: 100px;

  }

}

@media (max-width: 1200px) {

  .hero:after {

    display: none;

  }

}

.hero__row {

  display: flex;

  align-items: center;

  height: 100%;

  padding-top: 43px;

}

@media (max-width: 992px) {

  .hero__row {

    flex-direction: column-reverse;

    align-items: stretch;

    padding-top: 0;

  }

}

.hero__info {

  width: 100%;

  flex: 1 1 auto;

  font-size: var(--size-second);

  position: relative;

  z-index: 2;

}

.hero__head {

  margin-bottom: 65px;

}

@media (max-width: 1420px) {

  .hero__head {

    margin-bottom: calc(20px + 45 * ((100vw - 320px) / 1100));

  }

}

.hero__text {

  max-width: 586px;

  line-height: 130%;

}

.hero__text > *:not(:last-child) {

  margin-bottom: 15px;

}

.hero__title {

  font-size: 40px;

  font-weight: 700;

  color: var(--color-primary);

  line-height: 135%;

}

@media (max-width: 1420px) {

  .hero__title {

    font-size: calc(25px + 15 * ((100vw - 320px) / 1100));

  }

}

.hero__title span {

  display: block;

  color: var(--color-title-primary);

}

.hero__footer {

  display: flex;

  flex-direction: column;

}

.hero__footer-btn {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 15px;

}

@media (max-width: 575px) {

  .hero__footer-btn {

    flex-direction: column;

    align-items: stretch;

  }

  .hero__footer-btn > .btn {

    flex-grow: 1;

  }

}

.hero__download {

  display: flex;

  align-items: center;

  margin-top: 15px;

  color: var(--color-any);

  transition: var(--transition);

  font-weight: 600;

}

@media (max-width: 1200px) {

  .hero__download {

    margin-left: 0;

    margin-top: 15px;

  }

}

.hero__download svg {

  margin-right: 10px;

}

.hero__image {

  position: relative;

  overflow: hidden;

  border-radius: var(--radius-primary);

  width: 100%;

  margin-left: 68px;

  flex: 0 1 145.5%;

}

@media (max-width: 992px) {

  .hero__image {

    margin-left: 0;

    margin-bottom: 30px;

  }

}



.about__top-row {

  display: flex;

  justify-content: space-between;

  margin: 0 -15px;

}

@media (max-width: 992px) {

  .about__top-row {

    flex-direction: column;

  }

  .about__top-row > *:not(last-child) {

    margin-bottom: 15px;

  }

}

.about__top-item {

  flex: 0 1 33%;

  padding: 0 15px;

  font-size: var(--size-second);

}

.about__top-item:nth-child(2) {

  text-align: center;

}

.about__top-item:nth-child(3) {

  text-align: right;

}

@media (max-width: 992px) {

  .about__top-item:nth-child(1) {

    order: 1;

  }

  .about__top-item:nth-child(3) {

    text-align: left;

    order: 2;

  }

}

.about__slider {

  position: relative;

}

.about__top-list {

  margin-left: 10px;

  font-size: 14px;

}

.about__navigation .swiper-button-prev {

  left: 60px;

}

@media (max-width: 767px) {

  .about__navigation .swiper-button-prev {

    left: 30px;

  }

}

.about__navigation .swiper-button-next {

  right: 60px;

}

@media (max-width: 767px) {

  .about__navigation .swiper-button-next {

    right: 30px;

  }

}

.about__bottom {

  position: relative;

}

.about__bottom:after {

  content: "";

  position: absolute;

  top: -70px;

  left: 50%;

  transform: translateX(-50%);

  border: 35px solid transparent;

  border-bottom: 35px solid #561114;

}

@media (max-width: 767px) {

  .about__bottom:after {

    display: none;

  }

}

.about__bottom img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}



@media (max-width: 1200px) {

  .features__head {

    flex-direction: column;

    align-items: flex-start;

  }

}

.features__title {

  max-width: 600px;

}

@media (max-width: 1200px) {

  .features__title {

    max-width: 100%;

    width: 100%;

  }

  .features__title:not(last-child) {

    margin-bottom: 15px;

  }

}



.info__wrapper {

  padding: 30px 0 30px 0;

  background-color: var(--bg-other);

  position: relative;

}

.info__text {

  color: var(--color-second);

  max-width: 580px;

}

@media (max-width: 1450px) {

  .info__text {

    max-width: 100%;

  }

}

.info__text > *:not(last-child) {

  margin-bottom: 30px;

}

.info__features > *:not(:last-child) {

  margin-bottom: 17px;

}

.info__features-item {

  display: flex;

  align-items: center;

  font-size: var(--size-primary);

}

.info__features-icon {

  margin-right: 20px;

}

.info__features-btn {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 15px;

}

.info__image {

  position: absolute;

  bottom: 0px;

  right: 0;

  height: 625px;

}

@media (max-width: 1750px) {

  .info__image {

    height: 550px;

  }

}

@media (max-width: 1450px) {

  .info__image {

    display: none;

  }

}

.info__image img {

  height: 100%;

  -o-object-fit: contain;

     object-fit: contain;

}

@media (max-width: 1200px) {

  .info__image {

    display: none;

  }

}



.offer__head {

  background-color: var(--bg-other);

  padding: 50px 0;

}

.offer__head-start {

  width: 100%;

  max-width: 1047px;

  color: var(--color-second);

  font-size: 24px;

}

@media (max-width: 767px) {

  .offer__head-start {

    font-size: 18px;

  }

}

.offer__row {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: flex-end;

  gap: 20px 15px;

}

.offer__end .btn {

  flex-shrink: 0;

}

.offer__image {

  position: relative;

  padding-bottom: 40%;

}

.offer__image img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}



.logistics__content {

  width: 100%;

  max-width: 1920px;

  margin: 0 auto;

}

.logistics__row {

  display: flex;

}

@media (max-width: 1200px) {

  .logistics__row {

    display: block;

  }

}

.logistics__image {

  flex: 0 1 50%;

  padding-bottom: 47%;

  position: relative;

}

@media (max-width: 1200px) {

  .logistics__image {

    display: none;

  }

}

.logistics__image img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.logistics__content {

  flex: 0 1 50%;

}

.logistics__content-head {

  padding-bottom: 37px;

  margin-bottom: 45px;

  border-bottom: 2px solid #ca4420;

  width: 100%;

  max-width: 700px;

}

@media (max-width: 767px) {

  .logistics__content-head {

    margin-bottom: 30px;

  }

}

.logistics__content-head > *:not(:last-child) {

  margin-bottom: 37px;

}

.logistics__content-text {

  font-size: 36px;

  color: #703537;

}

@media (max-width: 1420px) {

  .logistics__content-text {

    font-size: calc(20px + 16 * ((100vw - 320px) / 1100));

  }

}

.logistics__content-any {

  font-size: var(--size-any);

  font-weight: 700;

  color: #ca4420;

}

@media (max-width: 767px) {

  .logistics__content-any {

    font-size: var(--size-second);

  }

}

.logistics__wrapper {

  padding: 15px 15px 35px 27px;

}

@media (max-width: 767px) {

  .logistics__wrapper {

    padding: 0px 15px 15px 15px;

  }

}

.logistics__content-row {

  display: flex;

  flex-wrap: wrap;

  gap: 30px 0px;

  margin: 0 -10px;

}

.logistics__content-item {

  flex: 0 1 50%;

  padding: 0 10px;

  display: flex;

  align-items: center;

}

@media (max-width: 575px) {

  .logistics__content-item {

    flex: 0 1 100%;

  }

}

.logistics__content-icon {

  margin-right: 20px;

}

.logistics__content-footer {

  background-color: #703537;

  padding: 20px 20px 54px 28px;

}

@media (max-width: 767px) {

  .logistics__content-footer {

    padding: 15px 15px 30px 15px;

  }

}

.logistics__content-title {

  margin-bottom: 40px;

  max-width: 500px;

}

.logistics__content-info {

  display: flex;

  flex-wrap: wrap;

  margin: 0 -8px;

  gap: 15px 0;

}

.logistics__content-info-item {

  flex: 0 1 50%;

  padding: 0 8px;

}

@media (max-width: 575px) {

  .logistics__content-info-item {

    flex: 0 1 100%;

  }

}

.logistics__content-info-item > *:not(:last-child) {

  margin-bottom: 30px;

}

.logistics__content-info-body {

  display: flex;

  align-items: center;

}

.logistics__content-info-body span {

  margin-left: 10px;

  color: var(--color-second);

}



.suitable__tabs-content {

  display: none;

}

.suitable__tabs-content.active {

  display: block;

}

.suitable__slider {

  position: relative;

}

.suitable__buttons {

  display: flex;

  justify-content: space-between;

}

@media (max-width: 992px) {

  .suitable__buttons {

    width: 100%;

    align-items: flex-end;

  }

}

.suitable__buttons-btn {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 15px 42px;

}

.suitable__buttons-btn > .btn.active {

  background-color: #d7d7d7;

  color: #ffffff;

}

.suitable__arrows-mobile {

  display: none;

}

@media (max-width: 992px) {

  .suitable__arrows-mobile.show {

    display: flex;

    align-items: center;

    gap: 10px 15px;

    justify-content: space-between;

  }

  .suitable__arrows-mobile.show .swiper-button-prev,

  .suitable__arrows-mobile.show .swiper-button-next {

    position: static;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    border: 1px solid #d7d7d7;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--color-primary);

  }

}

.suitable__head {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 15px;

}

@media (max-width: 1200px) {

  .suitable__head {

    flex-direction: column;

    align-items: flex-start;

  }

}

.suitable__head-span {

  display: block;

  font-size: 25px;

  font-weight: 700;

}

.suitable__info {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: space-between;

  gap: 15px;

  margin-top: 45px;

}

.suitable__info-left {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 15px 60px;

}

.suitable__info-icon {

  margin-right: 15px;

}

.suitable__info-head {

  display: flex;

  flex-direction: column;

}

.suitable__info-text {

  display: flex;

  align-items: center;

  font-weight: 700;

  font-size: var(--size-big);

}

.suitable__item {

  padding: 15px 32px;

  background: #561114;

  border-radius: 5px;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  flex: 1;

  min-width: 250px;

  color: var(--color-second);

  font-size: 18px;

  font-weight: 700;

}

.suitable__info-count {

  color: rgba(41, 41, 41, 0.53);

}

.suitable__info-btn-price {

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  padding: 15px 32px;

  background: #561114;

  border-radius: 5px;

  color: var(--color-second);

  font-size: 18px;

  font-weight: 700;

}

.suitable__top {

  margin-bottom: 40px;

}

.suitable__bottom {

  background-color: var(--helper-color-main);

  padding: 40px 0;

  margin: 100px 0px 0px 0px;

}

.suitable__bottom-content {

  display: none;

}

.suitable__bottom-content.active {

  display: block;

}

@media (max-width: 1200px) {

  .suitable__navigation {

    display: none;

  }

}

.suitable__navigation .swiper-button-prev {

  left: -60px;

}

@media (max-width: 1600px) {

  .suitable__navigation .swiper-button-prev {

    left: 0;

  }

}

.suitable__navigation .swiper-button-next {

  right: -60px;

}

@media (max-width: 1600px) {

  .suitable__navigation .swiper-button-next {

    right: 0;

  }

}



.promo__wrapper {

  background-color: var(--bg-other);

  position: relative;

}

.promo__desc > *:not(:last-child) {

  margin-bottom: 25px;

}

.promo__list {

  margin-left: 25px;

}

.promo__list li {

  position: relative;

  display: flex;

  align-items: center;

  padding: 5px 0;

}

.promo__list li:before {

  content: "";

  width: 10px;

  height: 10px;

  border-radius: 50%;

  background-color: #ffffff;

  margin-right: 10px;

}

.promo__info {

  padding: 100px 0;

  color: var(--color-second);

  font-size: var(--size-any);

  max-width: 700px;

}

@media (max-width: 1650px) {

  .promo__info {

    font-size: var(--size-second);

    max-width: 600px;

    padding: 50px 0;

  }

}

@media (max-width: 1450px) {

  .promo__info {

    max-width: 100%;

  }

}

.promo__info > *:not(:last-child) {

  margin-bottom: 50px;

}

@media (max-width: 1650px) {

  .promo__info > *:not(:last-child) {

    margin-bottom: 30px;

  }

}

.promo__btn {

  display: flex;

  flex-wrap: wrap;

  gap: 15px;

}

.promo__image {

  position: absolute;

  top: 0;

  right: 0;

  width: 825px;

  height: 100%;

}

@media (max-width: 1450px) {

  .promo__image {

    display: none;

  }

}

.promo__image img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}



.preparation__row {

  display: flex;

  margin: 0 -35px;

  gap: 30px 0;

}

@media (max-width: 1200px) {

  .preparation__row {

    flex-direction: column;

    align-items: stretch;

  }

}

.preparation__item {

  flex: 0 1 50%;

  padding: 0 35px;

  min-width: 0;

}

.preparation__info {

  font-size: var(--size-any);

  font-weight: 500;

}

@media (max-width: 1200px) {

  .preparation__info {

    margin-bottom: 30px;

  }

}

@media (max-width: 767px) {

  .preparation__info {

    font-size: var(--size-second);

  }

}

.preparation__info > *:not(:last-child) {

  margin-bottom: 30px;

}

@media (max-width: 1200px) {

  .preparation__info > *:not(:last-child) {

    margin-bottom: 15px;

  }

}

.preparation__info-item {

  display: flex;

  align-items: center;

}

@media (max-width: 767px) {

  .preparation__info-item {

    font-size: var(--size-second);

  }

}

.preparation__info-icon {

  flex-shrink: 0;

  margin-right: 35px;

  display: flex;

  align-items: center;

  justify-content: center;

}

@media (max-width: 767px) {

  .preparation__info-icon {

    margin-right: 15px;

  }

}

.preparation__slider {

  position: relative;

}



.zoning__row {

  display: flex;

}

@media (max-width: 1200px) {

  .zoning__row {

    flex-direction: column;

  }

}

.zoning__item {

  flex: 0 1 50%;

}

@media (max-width: 1200px) {

  .zoning__item {

    flex: 0 1 100%;

  }

}

.zoning__item:nth-child(1) .zoning__head {

  background-color: #de7212;

}

.zoning__head {

  text-align: center;

  font-size: 35px;

  padding: 20px;

  color: var(--color-second);

  background-color: var(--helper-color-main);

}

@media (max-width: 1420px) {

  .zoning__head {

    font-size: calc(20px + 15 * ((100vw - 320px) / 1100));

  }

}

@media (max-width: 1200px) {

  .zoning__head-hide {

    display: none;

  }

}

.zoning__tabs-head {

  display: none;

}

@media (max-width: 1200px) {

  .zoning__tabs-head {

    display: block;

    text-align: center;

    margin-bottom: 35px;

    background-color: #de7212;

    padding: 20px;

    color: var(--color-second);

    font-size: var(--size-second);

  }

}

.zoning__tabs-head-any {

  background-color: var(--helper-color-main);

}

.zoning__content {

  padding: 20px;

}

.zoning__image {

  position: relative;

  padding-bottom: 61%;

  margin-bottom: 30px;

}

.zoning__image-3 {

  padding-bottom: 30%;

}

@media (max-width: 992px) {

  .zoning__image-3 {

    padding-bottom: 61%;

  }

}

.zoning__image img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

     object-fit: contain;

}

.zoning__tabs-btns {

  display: flex;

  <!----flex-wrap: wrap;--->

  justify-content: center;

  align-items: center;

  gap: 15px;

  max-width: 650px;

  margin: 0 auto 30px auto;

}

.zoning__tabs-btn {

  background-color: #ca4420;

  transition: var(--transition);

  color: var(--color-second);

  padding: 10px 25px;

  flex: 0 1 33.333%;

  text-align: center;

  font-weight: 700;

  border-radius: 5px;

  cursor: pointer;

  font-size: var(--size-second);

}

.zoning__tabs-btn:hover {

  background: #561114;

}

.zoning__tabs-btn.active {

  background: #561114;

}

.zoning__tabs-content {

  display: flex;

}

@media (max-width: 992px) {

  .zoning__tabs-content {

    flex-direction: column;

  }

}

.zoning__tabs-image {

  flex: 0 1 50%;

}

@media (max-width: 992px) {

  .zoning__tabs-image {

    flex: 0 1 100%;

  }

}



.zoning__tabs-content {

  display: none;

}

.zoning__tabs-content.active {

  display: flex;

}



.contacts {

  padding: 70px 0 100px 0;

}

@media (max-width: 767px) {

  .contacts {

    padding: 50px 0;

  }

}

.contacts__block {

  position: relative;

}

.contacts__info {

  width: 100%;

  max-width: 345px;

  position: absolute;

  top: 50px;

  left: 50px;

  z-index: 10;

  border: var(--border-primary);

  border-radius: 20px;

  overflow: hidden;

  background-color: var(--bg-light);

  padding: 30px;

}

@media (max-width: 992px) {

  .contacts__info {

    position: static;

    max-width: 100%;

    margin-bottom: 30px;

    padding: 20px;

  }

}

.contacts__image {

  border-radius: var(--radius-primary);

  overflow: hidden;

  height: 153px;

  margin-bottom: 30px;

}

.contacts__image img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.contacts__wrapper {

  margin-bottom: 50px;

}

.contacts__wrapper > *:not(last-child) {

  margin-bottom: 35px;

}

.contacts__item {

  font-size: var(--size-second);

}

.contacts__item-head {

  display: flex;

  align-items: center;

  margin-bottom: 5px;

}

.contacts__item-head svg {

  flex-shrink: 0;

  margin-right: 10px;

}

.contacts__item-text {

  font-weight: 700;

}

.contacts__btn > * {

  width: 100%;

  font-size: 16px;

}

.contacts__btn > *:not(:last-child) {

  margin-bottom: 10px;

}

.contacts__map {

  height: 660px;

  border-radius: var(--radius-any);

  overflow: hidden;

}

@media (max-width: 992px) {

  .contacts__map {

    border-radius: var(--radius-primary);

    height: 400px;

  }

}

.contacts__map .map {

  height: 100%;

}



:root {

  --color-primary: #292929;

  --color-any: #ca4420;

  --color-second: #ffffff;

  --hover-primary: #ca4420;

  --bg-main-color: #ffffff;

  --bg-other: #561114;

  --bg-light: #ffffff;

  --bg-no-image: #dcd7d7;

  --helper-color-main: #561114;

  --font-FamilyPrimary: "Euclid Flex", sans-serif;

  --font-weightPrimary: 400;

  --color-title-primary: #ca4420;

  --color-title-any: #ffffff;

  --radius-primary: 10px;

  --radius-second: 14px;

  --radius-any: 30px;

  --size-primary: 16px;

  --size-second: 18px;

  --size-big: 20px;

  --size-any: 24px;

  --size-large: 28px;

  --transition: all 0.3s ease;

  --line-height: 135%;

  --border-primary: 1px solid #bebebe;

}



[class*=gotoymaps] {

  display: none !important;

}



[class*=gototech] {

  display: none !important;

}



.item-slider__image {

  position: relative;

  overflow: hidden;

  border-radius: var(--radius-primary);

  margin-bottom: 25px;

  padding-bottom: 115.7%;

}

.item-slider__image img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.item-slider__text {

  font-weight: 500;

  font-size: 25px;

}

@media (max-width: 1420px) {

  .item-slider__text {

    font-size: calc(18px + 7 * ((100vw - 320px) / 1100));

  }

}



.item-stat__body {

  display: flex;

  flex-direction: column;

  height: 100%;

  padding: 30px 20px 30px 30px;

  border: var(--border-primary);

  border-radius: var(--radius-primary);

  overflow: hidden;

}

@media (max-width: 767px) {

  .item-stat__body {

    padding: 20px;

  }

}

.item-stat__head {

  display: flex;

  align-items: center;

}

.item-stat__head:not(:last-child) {

  margin-bottom: 22px;

}

@media (max-width: 575px) {

  .item-stat__head:not(:last-child) {

    margin-bottom: 10px;

  }

}

.item-stat__icon {

  flex-shrink: 0;

  margin-right: 25px;

}

.item-stat__text {

  font-size: var(--size-second);

  color: var(--color-primary);

}

.item-stat__number {

  font-size: 35px;

  font-weight: 700;

  color: var(--color-any);

}

@media (max-width: 1420px) {

  .item-stat__number {

    font-size: calc(25px + 10 * ((100vw - 320px) / 1100));

  }

}

.item-stat__btn {

  margin: 0 auto;

}



.item-features {

  counter-increment: section;

}

.item-features:last-child .item-features__body:before {

  right: 20px;

}

.item-features__body {

  display: flex;

  flex-direction: column;

  height: 100%;

  position: relative;

  border-radius: var(--radius-primary);

  border: var(--border-primary);

  padding: 30px;

}

@media (max-width: 767px) {

  .item-features__body {

    padding: 30px 20px;

  }

}

.item-features__body:after {

  content: "";

  position: absolute;

  top: -35px;

  right: 0;

  background-image: url("../img/icon-main.svg");

  width: 72px;

  height: 72px;

}

.item-features__body:before {

  position: absolute;

  top: -10px;

  right: 30px;

  font-weight: 700;

  font-size: 30px;

  content: counter(section);

  z-index: 1;

  font-family: "Euclid Triangle", sans-serif;

}

.item-features__body > *:not(last-child) {

  margin-bottom: 10px;

}

.item-features__title {

  font-size: var(--size-large);

  font-weight: 500;

}

@media (max-width: 1200px) {

  .item-features__title {

    font-size: var(--size-big);

  }

}



.item-room {

  border-radius: var(--radius-second);

  overflow: hidden;

  padding-bottom: 75.5%;

  position: relative;

  margin: 0 45px;

}

@media (max-width: 1200px) {

  .item-room {

    padding-bottom: 60%;

  }

}

.item-room img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}



.item-suitable__row {

  display: flex;

  align-items: center;

  margin: 0 -10px;

}

@media (max-width: 992px) {

  .item-suitable__row {

    flex-direction: column;

    align-items: stretch;

  }

}

.item-suitable__item {

  flex: 0 1 50%;

  min-width: 0;

  padding: 0 10px;

}

@media (max-width: 992px) {

  .item-suitable__item {

    flex: 0 1 100%;

  }

  .item-suitable__item:not(:last-child) {

    margin-bottom: 20px;

  }

}

.item-suitable__title {

  margin-bottom: 34px;

}

@media (max-width: 767px) {

  .item-suitable__title {

    height: 60px;

  }

}

.item-suitable__image {

  border-radius: 10px;

  overflow: hidden;

  border: 1px solid #bebebe;

  position: relative;

  padding-bottom: 89%;

}

.item-suitable__image img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.item-suitable__gallery {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 20px;

}

.item-suitable__gallery-item {

  position: relative;

  padding-bottom: 88%;

  border-radius: 10px;

  overflow: hidden;

  border: 1px solid #bebebe;

}

.item-suitable__gallery-item img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}



.item-conditions__text {

  display: flex;

  align-items: flex-start;

}

.item-conditions__title {

  font-size: 30px;

  color: var(--color-second);

  margin-bottom: 30px;

}

@media (max-width: 1420px) {

  .item-conditions__title {

    font-size: calc(23px + 7 * ((100vw - 320px) / 1100));

  }

}

.item-conditions__title span {

  color: orange;

}

.item-conditions__icon {

  margin-right: 15px;

  flex-shrink: 0;

}

.item-conditions__desc {

  color: var(--color-second);

}

.item-conditions__title {

  font-size: 22px;

  font-weight: 700;

}

@media (max-width: 1420px) {

  .item-conditions__title {

    font-size: calc(16px + 6 * ((100vw - 320px) / 1100));

  }

}



.item-partners__body {

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 10px;

  overflow: hidden;

  border: 1px solid #bebebe;

  background-color: var(--bg-light);

  padding: 37px 15px;

}

@media (max-width: 767px) {

  .item-partners__body {

    padding: 15px;

  }

}

.item-partners__image {

  height: 80px;

  width: 150px;

}

.item-partners__image img {

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

     object-fit: contain;

}



.social {

  display: flex;

  gap: 35px;

}

@media (max-width: 575px) {

  .social {

    flex-direction: column;

  }

}

.social__link {

  display: flex;

  align-items: center;

  color: var(--color-second);

  transition: var(--transition);

}

.social__link:hover .social__icon {

  fill: var(--hover-primary);

}

.social__link span {

  display: block;

  font-weight: 700;

}

.social__icon {

  fill: #ffffff;

  transition: var(--transition);

  margin-right: 10px;

}



.icon-primary {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 30px;

  height: 30px;

  flex-shrink: 0;

  background-color: #6fac45;

}



.logo {

  display: block;

}

.logo__wrap {

  display: block;

  width: 182px;

  height: 36px;

}

@media (max-width: 1450px) {

  .logo__wrap {

    width: 130px;

  }

}

.logo__wrap img {

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

     object-fit: contain;

}



.download {

  display: flex;

  align-items: center;

  color: var(--color-second);

  transition: var(--transition);

}

.download:hover {

  color: var(--hover-primary);

}

.download svg {

  margin-right: 10px;

}



.arrow-slider {

  background-color: transparent;

}

.arrow-slider:after {

  font-size: 0;

  display: none;

}



.header-any {

  background-color: #652b2e;

  padding: 25.5px 0;

  color: var(--color-second);

}

.header-any__row {

  display: flex;

  align-items: center;

}

@media (max-width: 767px) {

  .header-any__row {

    flex-direction: column;

    justify-content: center;

  }

}

.header-any__logo {

  margin-right: 80px;

}

@media (max-width: 767px) {

  .header-any__logo {

    margin-right: 0;

    margin-bottom: 10px;

  }

}

.header-any__text {

  font-size: 19px;

  line-height: 22px;

  text-transform: uppercase;

  font-weight: 700;

}

@media (max-width: 767px) {

  .header-any__text {

    font-size: 14px;

    line-height: 1;

  }

}



.title-page-any {

  color: #000000;

  font-size: 22px;

  font-weight: 400;

  border-bottom: 2px solid #c4c4c4;

  padding-bottom: 15px;

  line-height: 22px;

}



.block-info__title {

  color: #000000;

  font-weight: 600;

  font-size: 28px;

  line-height: normal;

  margin-bottom: 35px;

}

@media (max-width: 767px) {

  .block-info__title {

    font-size: 20px;

  }

}

.block-info__row {

  display: flex;

  align-items: flex-start;

}

@media (max-width: 992px) {

  .block-info__row {

    flex-direction: column;

  }

}

.block-info__start {

  width: 41.754%;

  margin-right: 25px;

}

@media (max-width: 992px) {

  .block-info__start {

    width: 100%;

    margin-right: 0;

    margin-bottom: 30px;

  }

}

@media (max-width: 992px) {

  .block-info__slider {

    max-width: 290px;

    margin: 0 auto;

  }

}

.block-info__slider .swiper-slide {

  border-radius: 10px;

  overflow: hidden;

}

.block-info__slider .swiper-slide img {

  width: 100%;

  max-width: 100%;

  height: 100%;

}

.block-info__info {

  width: 58.246%;

}

@media (max-width: 992px) {

  .block-info__info {

    width: 100%;

  }

}

.block-info__arrow {

  width: 28px;

  height: 28px;

  background-color: #000000;

  opacity: 0.7;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: bold;

  color: #ffffff;

  font-size: 19px;

}

.block-info__buttons {

  margin-top: 20px;

}

.block-info__buttons > *:not(:last-child) {

  margin-bottom: 10px;

}

.block-info__any {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  background-color: #652b2e;

  padding: 5px 15px 5px 15px;

  border-radius: 5px;

  color: #ffffff;

  min-height: 42px;

  font-weight: 700;

}

.block-info__any span {

  font-weight: 400;

  padding-left: 5px;

}

.block-info__info-row {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 20px;

}

@media (max-width: 767px) {

  .block-info__info-row {

    grid-template-columns: repeat(1, 1fr);

  }

}

.block-info__item {

  background-color: #f5f5f5;

  padding: 25px;

  border-radius: 10px;

  overflow: hidden;

}

.block-info__item > *:not(:last-child) {

  margin-bottom: 15px;

}

.block-info__item-desc {

  line-height: 23px;

  color: #000000;

  margin: 20px 0;

  font-weight: 300;

}



.text-block__row {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 20px 30px;

}

@media (max-width: 767px) {

  .text-block__row {

    grid-template-columns: repeat(1, 1fr);

  }

}

.text-block__desc {

  margin: 30px 0;

}

.text-block__desc > *:not(:last-child) {

  margin-bottom: 20px;

}



.any-form {

  background-color: #652b2e;

  padding: 45px 0;

}

.any-form__head {

  font-size: 19px;

  line-height: normal;

  color: #ffffff;

  margin-bottom: 30px;

}

.any-form__head > *:not(:last-child) {

  margin-bottom: 15px;

}

.any-form__title {

  font-weight: 600;

  font-size: 28px;

}

.any-form__send {

  position: relative;

}

.any-form__wrapper {

  margin-bottom: 30px;

}

.any-form__wrapper > *:not(:last-child) {

  margin-bottom: 30px;

}

.any-form__input input {

  font-size: 19px;

  color: #ffffff;

  height: 40px;

  width: 100%;

  border-bottom: 2px solid #c85a32;

  background-color: transparent;

}

.any-form__input input.error {

  border-bottom: 2px solid #ff4019;

}

.any-form__input input::-moz-placeholder {

  color: #ffffff;

}

.any-form__input input::placeholder {

  color: #ffffff;

}

.any-form__btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  background-color: #c85a32;

  color: #ffffff;

  font-weight: 700;

  text-align: center;

  padding: 15px;

  border-radius: 4px;

  font-size: 19px;

  line-height: 22px;

  transition: var(--transition);

}

.any-form__btn:hover {

  opacity: 0.8;

}

.any-form__text {

  color: #ffffff;

  font-size: 14px;

  margin-top: 20px;

}



:root {

  --color-primary: #292929;

  --color-any: #ca4420;

  --color-second: #ffffff;

  --hover-primary: #ca4420;

  --bg-main-color: #ffffff;

  --bg-other: #561114;

  --bg-light: #ffffff;

  --bg-no-image: #dcd7d7;

  --helper-color-main: #561114;

  --font-FamilyPrimary: "Euclid Flex", sans-serif;

  --font-weightPrimary: 400;

  --color-title-primary: #ca4420;

  --color-title-any: #ffffff;

  --radius-primary: 10px;

  --radius-second: 14px;

  --radius-any: 30px;

  --size-primary: 16px;

  --size-second: 18px;

  --size-big: 20px;

  --size-any: 24px;

  --size-large: 28px;

  --transition: all 0.3s ease;

  --line-height: 135%;

  --border-primary: 1px solid #bebebe;

}



.footer {

  padding: 55px 0 30px 0;

  background-color: #561114;

}

.footer__top {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

  color: var(--color-second);

  font-size: 25px;

  margin-bottom: 50px;

}

.footer__info {

  width: 100%;

  max-width: 355px;

  margin: 0 auto;

  margin-top: 20px;

}

.footer__nav {

  display: flex;

  justify-content: center;

  margin-bottom: 25px;

}

@media (max-width: 992px) {

  .footer__nav {

    justify-content: flex-start;

  }

}

.footer__nav .nav__menu {

  flex-direction: row;

  grid-column-gap: 102px;

}

@media (max-width: 992px) {

  .footer__nav .nav__menu {

    flex-direction: column;

  }

}

.footer__tel {

  font-size: 70px;

  font-weight: 700;

  margin-top: 25px;

  line-height: 100%;

  color: var(--color-second);

  transition: var(--transition);

}

@media (max-width: 1420px) {

  .footer__tel {

    font-size: calc(30px + 40 * ((100vw - 320px) / 1100));

  }

}

.footer__tel:hover {

  color: var(--hover-primary);

}

.footer__bottom {

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

  gap: 15px;

  padding-top: 30px;

  border-top: 1px solid #ffffff;

}

@media (max-width: 992px) {

  .footer__bottom {

    padding-top: 30px;

    flex-direction: column;

    align-items: flex-start;

  }

  .footer__bottom > *:not(:last-child) {

    margin-bottom: 25px;

  }

}

.footer__logo {

  margin-right: 55px;

}

.footer__start {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 30px 15px;

}

.footer__end {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 30px 55px;

}

// X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) {


}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { 
.top-head-phone{
display: none;
}

}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { 
.top-head-phone{
display: none;

}

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { 
.top-head-phone{
display: none;


}

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { 


.top-head-phone{
display: none;

}