/* Start:/local/templates/b-rental/styles.css?174686077428671*/
@import url(/assets/fonts/inter.css);

* {
  box-sizing: border-box;
}

body {
  font-size: 14px;
  line-height: 1.25;
  /* background: linear-gradient(180deg, #dbf3ff 0%, #fff8ec 100%); */
  background: var(--white);
  background-repeat: no-repeat;
  height: 100%;
  min-height: 100vh;
  font-family: Inter, Arial, Helvetica, sans-serif;
  color: var(--black);
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 768px) {
  body {
    font-size: 16px;
  }
}

@media screen and (min-width: 1280px) {
  body {
    position: relative;
  }
  body::after {
    /* content: ""; */
    /* background: url(/assets/img/palms.png) center/contain no-repeat; */
    width: 42.86vw;
    height: 42.08vw;
    max-width: 823px;
    max-height: 808px;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: -1;
  }
}

@media screen and (min-width: 1440px) {
  body {
    font-size: 18px;
  }
}

/* :root {
  --black: #1f1f1f;
  --green: #58c400;
  --orange: #ff6600;
  --blue: #0081c5;
  --dark-blue: #004e89;
  --logo-blue: ;
  --gray: #ccc;
  --bg-gray: #efefef;
  --bg-l-blue: #e4f4ff;
} */

* {
  box-sizing: border-box;
}

p,
ul,
li,
h1,
h2,
h3,
h4,
ul,
ol {
  margin: 0;
  padding: 0;
  line-height: 1.25;
}

h1,
.h1 {
  font-weight: 600;
  font-size: 1.8em;
}

h2,
.h2 {
  font-weight: 600;
  font-size: 1.6em;
}

h3,
.h3 {
  font-weight: 600;
  font-size: 1.4em;
}

a {
  text-decoration: none;
  line-height: 1.25;
  transition: all 300ms ease-out;
}

pre {
  padding: 20px;
  border: 1px solid red;
  background-color: white;
  border-radius: var(--b-radius);
  font-size: 1em;
  line-height: 1.25;
  overflow: hidden;
}

@media screen and (max-width: 1023px) {
  .desktop {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .mobile {
    display: none;
  }
}

/* INPUTS */

.form__fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.form__input-wrapper {
  position: relative;
}

.form__captcha-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.form__captcha-wrapper .form__input-wrapper {
  width: 100%;
}

.form__captcha img {
  border-radius: var(--b-radius);
}

.form__input-wrapper_textarea {
  position: relative;
  /* padding-top: 31px; */
}

.form__input-wrapper_textarea::before {
  /* content: ""; */
  position: absolute;
  top: 0;
  height: 100px;
  right: 0;
  left: 0;
  background-color: white;
  -webkit-border-radius: var(--b-radius);
  border-radius: var(--b-radius);
}

.form__input-wrapper_textarea textarea {
  min-height: 132px;
  max-height: 240px;
  /* border: none;
  outline: none;
  padding-top: 0;
  position: relative;
  z-index: 0; */
}

.form__input-wrapper_textarea textarea:hover,
.form__input-wrapper_textarea textarea:focus {
  /* border: none;
  outline: none; */
}

input,
textarea,
label,
fieldset {
  font-family: inherit;
}

textarea {
  resize: vertical;
}

.form__input {
  background-color: white;
  border: 1px solid var(--gray);
  padding: 8px 40px 8px 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--black);
  -webkit-border-radius: var(--b-radius);
  border-radius: var(--b-radius);
  font-size: 16px;
  line-height: inherit;
  width: 100%;
}

.form__input:focus,
.form__input:hover {
  outline: 1px solid var(--blue);
  outline-offset: -1px;
}

.form__input_text:focus + .form__label {
  color: var(--blue);
  -webkit-transform: translateY(-11px);
  -ms-transform: translateY(-11px);
  transform: translateY(-11px);
}

.form__label {
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 16px;
  line-height: 1.2;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  pointer-events: none;
}

.form__label span {
  color: var(--blue);
}

.form__label.active {
  color: var(--bg-gray);
  -webkit-transform: translateY(-11px);
  -ms-transform: translateY(-11px);
  transform: translateY(-11px);
}

.form__error-message {
  display: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: var(--error);
  margin-top: 8px;
}

.form__clear-btn {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2998 4.70034L4.70017 11.3M11.2998 11.3L4.70017 4.70034' stroke='%238C98A3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 20px;
  top: 18px;
  cursor: pointer;
  display: none;
}

.form__clear-btn.active {
  display: inline-block;
}

.error .form__error-message {
  display: block;
}

.error .form__input {
  border-color: var(--error);
}

.error .form__label.active {
  color: var(--error);
}

/* SELECT */

.field-select {
  cursor: pointer;
}

.form__select::before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 15.5L12.5 8.5L19.5 15.5' stroke='%2321252E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 10px;
  right: 10px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  cursor: pointer;
  pointer-events: none;
}

.form__select.active::before {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.form__options-block {
  position: absolute;
  z-index: 20;
  top: 38px;
  display: block;
  background: #fff;
  -webkit-border-radius: var(--b-radius);
  border-radius: var(--b-radius);
  opacity: 0;
  visibility: hidden;
  width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
}

.form__options-block.active {
  opacity: 1;
  visibility: visible;
}

.form__options {
  font-size: 14px;
  line-height: 1.2;
  background: #fff;
  padding: 0;
  border: none;
  display: block;
  list-style-type: none;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 260px;
}

.form__options::-webkit-scrollbar,
html .form__options::-webkit-scrollbar {
  height: 12px;
  width: 12px;
}
.form__options::-webkit-scrollbar-track,
html .form__options::-webkit-scrollbar-track {
  background: transparent;
}
.form__options::-webkit-scrollbar-thumb,
html .form__options::-webkit-scrollbar-thumb {
  background-color: var(--blue);
  -webkit-border-radius: var(--b-radius);
  border-radius: var(--b-radius);
  border: 3px solid white;
}

.form__options li {
  cursor: pointer;
  margin: 0;
  padding: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.form__options li:hover {
  color: var(--blue);
  font-weight: 500;
  background-color: var(--bg-gray);
}

.form__option_selected {
  background-color: var(--bg-gray);
}

.form__options.active {
  opacity: 1;
  visibility: visible;
}

.form__options li:has(.form__select-icon) {
  display: flex;
  gap: 8px;
  font-size: 14px;
}

.form__button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.form__input_valid {
  display: none;
}

.button {
  padding: 14px 24px;
  box-sizing: border-box;
  background-color: var(--blue);
  color: white;
  border: none;
  border-radius: var(--b-radius);
  cursor: pointer;
  transition: all 300ms ease-out;
  text-decoration: none;
  font-size: 14px;
  display: block;
  width: fit-content;
  text-transform: uppercase;
}

.button_wide {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  max-width: 420px;
}

.button:hover,
.button.active {
  background-color: var(--green);
}

.button_white {
  background-color: white;
  color: var(--black);
}

.button_white:hover {
  background-color: var(--green);
  color: white;
}

.button_green {
  background-color: var(--green);
  color: white;
}

.button_green:hover {
  background-color: var(--blue);
  color: white;
}

.border {
  border: 1px solid var(--gray);
}

.border_light-gray {
  border: 1px solid var(--bg-gray);
}

.border:hover {
  border: 1px solid var(--green);
}

.button_blue {
  background-color: var(--blue);
  color: white;
}

.button_blue:hover {
  background-color: var(--dark-blue);
  color: white;
}

.show-more {
  min-width: 250px;
  max-width: 400px;
  margin: 24px auto 0;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .button {
    font-size: 16px;
    padding: 16px 24px;
  }
  .show-more {
    min-width: 30%;
  }
  .form__select::before {
    top: 18px;
    right: 24px;
  }
  .form__options-block {
    top: 54px;
  }
  .form__captcha-wrapper {
    flex-direction: row;
    align-items: center;
    gap: 24px;
  }
  .form__captcha-wrapper .form__input {
    padding: 14px 24px 14px 24px;
  }
}

@media screen and (min-width: 1024px) {
  .form__options {
    font-size: 16px;
  }
}

@media screen and (min-width: 1440px) {
  .show-more {
    margin-top: 48px;
  }
}

/* BLOCKS */

.section {
  padding: 0;
}
.section:not(:has(div.content)) {
  display: none;
}

.section__subtitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.25;
  color: var(--gray);
  text-align: center;
}

.section__title {
  text-align: center;
}

.content:not(:has(.button)) .section__title {
  text-align: left;
}

.section__subtitle ~ .section__title {
  margin-top: 16px;
}

.content {
  margin: 0 auto;
  padding: 16px;
  background-color: white;
}

.content.breadcrumbs {
  padding-top: 16px;
  padding-bottom: 16px;
}

@media screen and (min-width: 768px) {
  .section__subtitle {
    font-size: 20px;
  }
  .content {
    padding: 40px;
  }
  .form__input {
    padding: 14px 60px 14px 24px;
  }
}

@media screen and (min-width: 1280px) {
  .content {
    margin: 0 auto;
    max-width: 1200px;
    border-radius: var(--b-radius);
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.15);
  }
  .section {
    padding: 24px 0;
  }
}

@media screen and (min-width: 1440px) {
  .content {
    padding: 60px;
    max-width: 1320px;
  }
}

@media screen and (min-width: 1600px) {
  .content {
    max-width: 1440px;
  }
}

/* LOADER */

.ajax-preloader-wrap.ajax-preloader--animated {
  position: relative;
  z-index: 10000;
}

.ajax-preloader {
  position: fixed;
  z-index: 100;
  width: 300px;
  height: 300px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ajax-preloader-m {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: url("/assets/img/boomerang-icon.svg") center/contain no-repeat;
  margin: auto;
}

.ajax-preloader--animated .ajax-preloader-m {
  animation: preloaderm 3s linear infinite;
}
@keyframes preloaderm {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.ajax-preloader-shadow {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  top: 0;
  left: 0;
  z-index: 80;
}

/* TEXT */

body.text {
  background: white;
}

.text,
.text p,
.text ul,
.text ol {
  font-size: 16px;
  margin-bottom: 1em;
}

.text ul,
.text ol {
  margin-left: 20px;
}

.text ul li,
.text ol li {
  margin-bottom: 0.5em;
}

.text ul li:last-child,
.text ol li:last-child {
  margin-bottom: 0;
}

.text *:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .text,
  .text p,
  .text ul,
  .text ol {
    font-size: 18px;
  }
}

.form__checkbox-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.form__checkbox-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  /* padding: 16px; */
}

.form__input_checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.form__checkbox-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
}

.form__checkbox-group_flat {
  flex-direction: row;
  gap: 20px;
  align-items: center;
}

.option {
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
}

.check {
  padding-left: 30px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  /* order: 2; */
}

.check:has(.check__input:disabled) {
  opacity: 0.4;
  pointer-events: none;
}

.check:has(.check__input:checked + .check__box) {
  /* order: 1; */
}

.check:has(.check__input:disabled + .check__box) {
  /* order: 3; */
}

.check__input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.check__box {
  position: absolute;
  width: 30px;
  height: 30px;
  border: 2px solid var(--blue);
  border-radius: 5px;
  box-shadow: 0px 2px 3px 0px #0000000d inset;
  box-sizing: border-box;
  margin-left: -50px;
  transition: all 200ms ease-in-out;
  overflow: hidden;
}

.check__box::before {
  content: "";
  opacity: 0;
  visibility: hidden;
  background-color: var(--blue);
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.78182 0.721623C10.0747 1.01452 10.0747 1.48939 9.78182 1.78228L3.78182 7.78228C3.48893 8.07518 3.01405 8.07518 2.72116 7.78228L0.21967 5.28079C-0.0732232 4.9879 -0.0732234 4.51303 0.21967 4.22013C0.512563 3.92724 0.987437 3.92724 1.28033 4.22013L3.25149 6.19129L8.72116 0.721623C9.01405 0.42873 9.48893 0.42873 9.78182 0.721623Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  transform: translateY(4px);
  transition: transform 0ms linear, opacity 50ms ease-in-out;
}

.check__input:focus + .check__box {
  /* box-shadow: 0 0 0 1px #4D5660; */
}

.check__input:checked + .check__box {
  border-color: var(--blue);
}

.check__input:checked + .check__box::before {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: all 200ms ease-in-out;
}

.check__input:hover + .check__box {
  border-color: var(--green);
}

.check__input:hover + .check__box::before {
  background-color: var(--green);
}

.check__input:checked:hover + .check__box {
  border-color: var(--green);
}

.check__input:checked:hover + .check__box::before {
  background-color: var(--green);
}

.check__input:disabled:hover + .check__box {
  box-shadow: none;
}

.radio__box {
  position: absolute;
  width: 30px;
  height: 30px;
  background: white;
  border-radius: 50%;
  border: 2px solid var(--blue);
  margin-left: -50px;
  transition: all 200ms ease-in-out;
  box-sizing: border-box;
}

.radio__box::after {
  content: "";
  width: 15px;
  height: 15px;
  transform: scale(0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  visibility: hidden;
  opacity: 0;
  background-color: var(--blue);
  border-radius: 50%;
  transition: transform 0ms linear, opacity 50ms ease-in-out;
}

.radio__box,
.check__box {
  width: 20px;
  height: 20px;
  margin-left: -30px;
}
.radio__box::after {
  width: 10px;
  height: 10px;
}

.check__input:focus + .radio__box {
  /* box-shadow: 0 0 0 1px #4D5660;
  border-radius: 50%; */
}

.check__input:checked + .radio__box {
  border-color: var(--blue);
  /* background-image: url(/local/templates/b-rental/images/radio_active.svg); */
}

.check__input:checked + .radio__box::after {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  transition: transform 200ms ease-in-out;
}

.check__input:hover + .radio__box {
  border-color: var(--green);
}

.check__input:checked:hover + .radio__box {
  /* background-image: url(/local/templates/b-rental/images/radio_active.svg); */
}

.check__input:checked:hover + .radio__box::after {
  background-color: var(--green);
}

.check__input:disabled:hover + .radio__box {
  /* box-shadow: 0 0 0 1px #4D5660; */
}

.check.switch {
  padding-left: 0;
  padding-right: 52px;
}

.switch__box {
  position: absolute;
  width: 40px;
  height: 24px;
  background-color: #d1dde5;
  border-radius: 100px;
  box-sizing: border-box;
  overflow: hidden;
  margin-left: 0;
  right: 0;
  transition: all 300ms ease-in-out;
}

.switch__box::after {
  position: absolute;
  left: 2px;
  top: 2px;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: white;
  box-shadow: 0px 2px 4px 0px #08090a24;
  transition: 350ms cubic-bezier(0.54, 1.6, 0.5, 1);
}

.check__input:focus + .switch__box {
  /* box-shadow: none; */
}

.check__input:checked + .switch__box {
  background-color: #2e3338;
}

.check__input:checked + .switch__box::after {
  transform: translateX(16px);
}

.check__input:hover + .switch__box {
  background-color: #e4ebf0;
}

.check__input:checked:hover + .switch__box {
  background-color: #000000;
}

.check__input:disabled + .switch__box {
  /* background-image: url(/local/templates/b-rental/images/switch_disabled.svg); */
}

.check__input:disabled:hover + .switch__box {
  /* box-shadow: none; */
}

/* DETAIL-TEXT */

.center {
  text-align: center;
}

.detail-text,
.detail-text p,
.detail-text li,
.detail-text a {
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  color: var(--black);
}

.detail-text a {
  text-decoration: underline;
}

.detail-text a:hover {
  color: var(--green);
}

.detail-text ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding-left: 24px;
}
.detail-text ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  margin: 0;
  padding-left: 15px;
}

.detail-text h1 {
  display: none;
}

.detail-text p:nth-child(n + 2),
.detail-text ul:nth-child(n + 2),
.detail-text ol:nth-child(n + 2) {
  margin-top: 16px;
}

.detail-text h2,
.detail-text h3,
.detail-text h4 {
  text-align: left;
  margin-top: 32px;
}

.detail-text img:not(.blog__gallery-img) {
  width: 100%;
  height: 100%;
  max-height: 760px;
  border-radius: 10px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  margin-top: 40px;
}

.text-img-capture {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  margin-top: 16px;
}

.text-blockquote {
  font-family: "Monotype Coursiva";
  font-weight: 400;
  font-size: 26px;
  font-style: italic;
  text-align: left;
  padding: 32px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid var(--sec-gray);
  border-top: 1px solid var(--sec-gray);
  margin: 40px auto !important;
  width: 100%;
}

/* MESSENGERS */

.form__select-mess {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 145px auto;
  grid-template-columns: 145px auto;
}

.form__select-mess .field-select {
  padding-left: 40px;
  padding-right: 30px;
  font-size: 14px;
  line-height: 20px;
}

.form__select-mess #MESSENGER {
  padding-right: 10px;
  border-left: none;
}

.form__select-mess .form__input-wrapper:nth-child(1) .form__input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.form__select-mess .form__input-wrapper:nth-child(2) .form__input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.form__select-mess .form__input-wrapper:nth-child(1) .form__input:hover,
.form__select-mess .form__input-wrapper:nth-child(1) .field-select_active {
  background-color: var(--sec-gray);
}

.form__select-icon {
  display: block;
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.form__social-icon {
  position: absolute;
  top: 9px;
  left: 10px;
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.form__select:has(.form__option_selected > .form__select-icon_wa)
  > .form__social-icon,
.form__select-icon_wa {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z' fill='%2325D366'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3298 15.5636H10.3273C9.33212 15.5633 8.35425 15.3136 7.48572 14.8399L4.3335 15.6667L5.17709 12.5854C4.65672 11.6836 4.3829 10.6607 4.38335 9.61268C4.38465 6.33412 7.05217 3.66675 10.3297 3.66675C11.9204 3.66743 13.4134 4.28669 14.5361 5.41067C15.6587 6.53459 16.2767 8.02855 16.2761 9.61737C16.2747 12.8952 13.6083 15.5623 10.3298 15.5636ZM7.63177 13.7634L7.81225 13.8705C8.57107 14.3208 9.44091 14.559 10.3278 14.5594H10.3298C13.0538 14.5594 15.271 12.3422 15.2721 9.61703C15.2726 8.29642 14.759 7.0547 13.8259 6.12049C12.8927 5.18629 11.6518 4.67155 10.3317 4.6711C7.60555 4.6711 5.3884 6.88804 5.38732 9.61303C5.38694 10.5469 5.64823 11.4564 6.14297 12.2433L6.26048 12.4303L5.7612 14.2541L7.63177 13.7634ZM13.122 10.8976C13.2256 10.9477 13.2956 10.9815 13.3255 11.0314C13.3626 11.0933 13.3626 11.3908 13.2389 11.7379C13.115 12.085 12.5214 12.4017 12.236 12.4444C11.98 12.4827 11.6561 12.4986 11.3001 12.3855C11.0843 12.317 10.8076 12.2256 10.4531 12.0725C9.06023 11.4711 8.11892 10.1211 7.94102 9.86593C7.92856 9.84805 7.91984 9.83555 7.91498 9.82906L7.91378 9.82746C7.83515 9.72254 7.30829 9.01959 7.30829 8.29207C7.30829 7.60768 7.64448 7.24896 7.79922 7.08384C7.80982 7.07252 7.81957 7.06212 7.82831 7.05258C7.96449 6.90383 8.12547 6.86665 8.22451 6.86665C8.32355 6.86665 8.42271 6.86756 8.50928 6.87191C8.51996 6.87244 8.53107 6.87238 8.54256 6.87231C8.62914 6.8718 8.73708 6.87117 8.84357 7.12696C8.88454 7.2254 8.94448 7.37134 9.00771 7.52526C9.13556 7.83651 9.27681 8.1804 9.30166 8.23017C9.33882 8.30454 9.36357 8.39127 9.31405 8.49048C9.30662 8.50535 9.29974 8.51939 9.29317 8.5328C9.25597 8.60874 9.22861 8.66461 9.16548 8.73832C9.14065 8.7673 9.11499 8.79855 9.08934 8.8298C9.03822 8.89205 8.98711 8.95429 8.9426 8.99863C8.86822 9.07272 8.79079 9.1531 8.87746 9.30185C8.96413 9.4506 9.26232 9.93713 9.70401 10.3311C10.1788 10.7546 10.5915 10.9336 10.8007 11.0243C10.8415 11.0421 10.8746 11.0564 10.8989 11.0686C11.0474 11.143 11.1341 11.1305 11.2207 11.0314C11.3074 10.9322 11.5921 10.5975 11.6912 10.4488C11.7902 10.3001 11.8893 10.3249 12.0255 10.3744C12.1617 10.4241 12.8922 10.7835 13.0407 10.8578C13.0697 10.8724 13.0969 10.8855 13.122 10.8976Z' fill='%23FDFDFD'/%3E%3C/svg%3E%0A");
}

.form__select:has(.form__option_selected > .form__select-icon_tg)
  > .form__social-icon,
.form__select-icon_tg {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20C15.5228 20 20 15.5228 20 10C20 4.47717 15.5228 0 10 0C4.47717 0 0 4.47717 0 10C0 15.5228 4.47717 20 10 20Z' fill='url(%23paint0_linear_479_529)'/%3E%3Cpath d='M3.72434 10.4892C4.89333 9.84532 6.19825 9.3079 7.4175 8.76774C9.51508 7.88299 11.621 7.01357 13.7482 6.20415C14.162 6.06624 14.9057 5.93136 14.9786 6.54469C14.9387 7.41286 14.7744 8.27594 14.6618 9.13903C14.3758 11.037 14.0453 12.9285 13.723 14.8203C13.612 15.4504 12.8226 15.7766 12.3175 15.3734C11.1037 14.5534 9.8805 13.7415 8.68217 12.9026C8.28963 12.5037 8.65363 11.9309 9.00421 11.6461C10.004 10.6609 11.0642 9.82378 12.0117 8.78761C12.2673 8.1704 11.5121 8.69057 11.263 8.84994C9.89438 9.79311 8.55921 10.7939 7.11621 11.6228C6.37913 12.0285 5.52004 11.6818 4.78329 11.4554C4.1227 11.1819 3.15469 10.9063 3.72428 10.4893L3.72434 10.4892Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_479_529' x1='7.50117' y1='0.834' x2='2.50117' y2='12.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2337AEE2'/%3E%3Cstop offset='1' stop-color='%231E96C8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.form__select:has(.form__option_selected > .form__select-icon_fb)
  > .form__social-icon,
.form__select-icon_fb {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 10C20 4.47658 15.5234 0 10 0C4.47658 0 0 4.47658 0 10C0 14.9922 3.65625 19.1289 8.4375 19.8789V12.8906H5.89842V10H8.4375V7.79688C8.4375 5.291 9.92971 3.90625 12.2148 3.90625C13.3086 3.90625 14.4531 4.10156 14.4531 4.10156V6.5625H13.1914C11.9492 6.5625 11.5625 7.334 11.5625 8.125V10H14.3359L13.8926 12.8906H11.5625V19.8789C16.3437 19.1289 20 14.9922 20 10Z' fill='%231877F2'/%3E%3Cpath d='M13.8926 12.8906L14.3359 10H11.5625V8.125C11.5625 7.334 11.9492 6.5625 13.1914 6.5625H14.4531V4.10156C14.4531 4.10156 13.3086 3.90625 12.2149 3.90625C9.92973 3.90625 8.43752 5.291 8.43752 7.79687V10H5.89844V12.8906H8.43752V19.8789C8.94727 19.959 9.46877 20 10 20C10.5313 20 11.0528 19.959 11.5625 19.8789V12.8906H13.8926Z' fill='white'/%3E%3C/svg%3E%0A");
}

.form__select:has(.form__option_selected > .form__select-icon_vk)
  > .form__social-icon,
.form__select-icon_vk {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='10' fill='%234680C2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.9558 6.79633C16.0485 6.5051 15.9558 6.29328 15.5455 6.29328H14.1819C13.8377 6.29328 13.6788 6.4786 13.5862 6.67721C13.5862 6.67721 12.8845 8.37172 11.9049 9.47048C11.5871 9.78821 11.4415 9.89412 11.2695 9.89412C11.1768 9.89412 11.0576 9.78821 11.0576 9.49698V6.78308C11.0576 6.43889 10.9517 6.28003 10.6605 6.28003H8.51584C8.30402 6.28003 8.17166 6.43889 8.17166 6.59776C8.17166 6.92873 8.66146 7.00815 8.71441 7.93484V9.94708C8.71441 10.384 8.635 10.4634 8.46289 10.4634C7.99954 10.4634 6.87429 8.75561 6.19912 6.80958C6.06672 6.42565 5.93435 6.28003 5.59016 6.28003H4.21334C3.8162 6.28003 3.75 6.46539 3.75 6.66396C3.75 7.0214 4.21334 8.82182 5.90785 11.2047C7.03315 12.8331 8.635 13.7068 10.078 13.7068C10.9517 13.7068 11.0576 13.5082 11.0576 13.1773V11.9461C11.0576 11.5489 11.137 11.4828 11.4151 11.4828C11.6136 11.4828 11.9711 11.5886 12.7786 12.3697C13.7053 13.2964 13.8642 13.72 14.3805 13.72H15.744C16.1412 13.72 16.3265 13.5215 16.2206 13.1375C16.1015 12.7536 15.6514 12.1976 15.0689 11.5357C14.7511 11.165 14.2745 10.7546 14.1289 10.556C13.9304 10.2913 13.9833 10.1854 14.1289 9.94708C14.1157 9.94708 15.7837 7.59065 15.9558 6.79633Z' fill='white'/%3E%3C/svg%3E%0A");
}

@media screen and (min-width: 768px) {
  .form__select-mess {
    -ms-grid-columns: 160px auto;
    grid-template-columns: 160px auto;
  }
  .form__social-icon {
    top: 14px;
    left: 16px;
  }
  .form__select-mess .field-select {
    padding-left: 46px;
    padding-right: 39px;
  }
  .form__select-mess #MESSENGER {
    padding-right: 16px;
  }
}

@media screen and (min-width: 1280px) {
  .detail-text,
  .detail-text p,
  .detail-text li,
  .detail-text a {
    font-size: 18px;
  }
  .detail-text h2,
  .detail-text h3,
  .detail-text h4 {
    margin-top: 48px;
  }
  .text-blockquote {
    font-size: 36px;
    padding: 50px 40px;
    margin: 48px auto !important;
  }
}

/* OTHER */

@media screen and (min-width: 768px) {
  .watermark {
    position: relative;
    overflow: hidden;
  }
  .watermark::after {
    content: "";
    background-image: url(/assets/img/boomerang_logo_blue.svg);
    background-position: right -50px bottom -50px;
    background-size: 400px;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.1;
    z-index: 0;
    pointer-events: none;
  }
  .watermark_left::after {
    background-position: left -50px bottom -50px;
  }
  .watermark_small::after {
    background-position: right bottom;
    background-size: 300px;
  }
}

@media screen and (min-width: 1024px) {
  .watermark::after {
    background-size: 450px;
  }
  .watermark_small::after {
    background-size: 350px;
  }
}

.flex {
  display: flex;
  flex-direction: column-reverse;
  gap: 16px;
}

@media screen and (min-width: 768px) {
  .flex {
    flex-direction: row;
    gap: 24px;
  }
}

@media screen and (min-width: 1280px) {
  .flex {
    gap: 32px;
  }
}

/* End */


/* Start:/local/templates/b-rental/template_styles.css?174909053463942*/
:root {
  --b-radius: 10px;
}

:root {
  --white: rgb(253, 253, 253);
  --black: #1f1f1f;
  --green: #58c400;
  --orange: #ff6600;
  --error: #ff0066;
  --blue: #0081c5;
  --dark-blue: #004e89;
  --logo-blue: #5884e7;
  --gray: #777;
  --bg-gray: #efefef;
  --bg-l-blue: #e4f4ff;
}

.page .fancybox__container {
  --fancybox-color: var(--black);
  --fancybox-hover-color: var(--green);
  --fancybox-bg: rgba(255, 255, 255, 0.98);
  --fancybox-slide-gap: 10px;
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: var(--blue);
  --f-spinner-stroke: 3.65;
  --f-button-bg: transparent;
}

.page .f-button,
.page .f-button:hover {
  background: transparent;
  box-shadow: none;
}
.page .fancybox__toolbar {
  text-shadow: none;
}

.page .f-button svg {
  filter: none;
}

.page:not(:has(.top-block)) {
  .main {
    padding-top: 62px;
  }
  .header {
    background: var(--blue);
  }
}

@media screen and (min-width: 768px) {
  .page:not(:has(.top-block)) {
    .main {
      padding-top: 67px;
    }
  }
}

@media screen and (min-width: 1024px) {
  .page:not(:has(.top-block)) {
    .main {
      padding-top: 76px;
    }
  }
}

@media screen and (min-width: 1280px) {
  .page:not(:has(.top-block)) {
    .main {
      padding-top: 104px;
    }
  }
}

@media screen and (min-width: 1440px) {
  .page:not(:has(.top-block)) {
    .main {
      padding-top: 126px;
    }
  }
}

.header {
  background: linear-gradient(
    180deg,
    var(--blue) 0%,
    rgba(0, 129, 197, 0) 100%
  );
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  overflow: hidden;
  /* -webkit-box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.15); */
  position: fixed;
  top: 0;
  z-index: 900;
  transition: all 0.3s ease;
}

.header::before {
  /* content: ""; */
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: var(--green);
  width: 200px;
  height: 100%;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: skewX(25deg);
  transform: skewX(25deg);
}

.header::after {
  position: absolute;
  right: -45px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  width: 150px;
  height: 150px;
  /* background: url(/assets/img/boomerang-icon.svg) center/contain no-repeat; */
  opacity: 0.2;
}

.header__blue {
  background: var(--blue);
}

.header__wrapper {
  position: relative;
  z-index: 2;
  padding: 10px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .header::before {
    width: 220px;
  }
  .header::after {
    right: -20px;
  }
  .header__wrapper {
    padding: 12px 40px;
  }
}

@media screen and (min-width: 1024px) {
  .header::after {
    opacity: 1;
    width: 200px;
    height: 200px;
    right: 120px;
  }
}

@media screen and (min-width: 1280px) {
  .header__wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 0;
    height: unset;
  }
  .header::before {
    width: calc(100vw / 2 - 1200px / 2 + 250px);
  }
  .header::after {
    width: 244px;
    height: 244px;
    right: calc(100vw / 2 - 1200px / 2 + 100px);
  }
}
@media screen and (min-width: 1440px) {
  .header__wrapper {
    max-width: 1320px;
  }
  .header::before {
    width: calc(100vw / 2 - 1200px / 2 + 280px);
  }
  .header::after {
    right: calc(100vw / 2 - 1200px / 2 + 60px);
  }
}

@media screen and (min-width: 1600px) {
  .header__wrapper {
    max-width: 1440px;
  }
  .header::before {
    width: calc(100vw / 2 - 1200px / 2 + 220px);
  }
  .header::after {
    right: calc(100vw / 2 - 1200px / 2 + 20px);
  }
}

.logo {
  width: 140px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  background-color: transparent;
}

@media screen and (min-width: 1280px) {
  .logo {
    width: 170px;
  }
}

@media screen and (min-width: 1440px) {
  .logo {
    width: 250px;
  }
}

.burger-menu {
  width: 30px;
  height: 30px;
  border: 0;
  cursor: pointer;
  position: fixed;
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  color: white;
  background-color: transparent;
  z-index: 1001;
  top: 18px;
  right: 16px;
}

.burger-menu:hover {
}

.burger-menu span {
  position: absolute;
  display: block;
  opacity: 1;
  left: 0;
  width: 100%;
  height: 3px;
  border-radius: 8px;
  background-color: white;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 250ms ease-in-out;
  transition: 250ms ease-in-out;
  -webkit-transform-origin: left center;
  transform-origin: left center;
  pointer-events: none;
}

.burger-menu:hover span {
  background-color: var(--green);
}

.burger-menu span:nth-child(1) {
  top: 4px;
}

.burger-menu span:nth-child(2) {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.burger-menu span:nth-child(3) {
  bottom: 4px;
}

.burger-menu.active span:nth-child(1) {
  top: 3px;
  left: 5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.burger-menu.active span:nth-child(2) {
  width: 0;
  left: 200%;
  opacity: 0;
}

.burger-menu.active span:nth-child(3) {
  bottom: 3px;
  left: 5px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.burger-menu.active span {
  background-color: var(--green);
}

@media screen and (min-width: 768px) {
  .burger-menu {
    right: 40px;
  }
}

/* FOOTER */

.footer {
  margin-top: auto;
}

.footer__wrapper {
  background-color: var(--blue);
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  border-radius: unset;
  max-width: unset;
  width: 100%;
}

.footer__menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px 24px;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.footer__menu a {
  color: white;
  text-transform: uppercase;
}

.footer__menu a:hover {
  text-decoration: underline;
}

.footer__menu .selected {
  opacity: 0.4;
}

.footer__copy {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 768px) {
  .footer__menu ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 32px;
  }
  .footer__copy {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px;
  }
}

@media screen and (min-width: 1280px) {
  .footer {
    padding: 24px 0 0;
  }
  .footer__wrapper {
    gap: 40px;
  }
}

@media screen and (min-width: 1440px) {
}

/* MENU */

.top-menu ul,
.side-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.top-menu ul {
  gap: 24px;
}

.top-menu ul a {
  color: white;
  text-transform: uppercase;
}

.top-menu ul a:hover {
  color: var(--green);
}

.top-menu ul .selected a {
  opacity: 0.4;
}

.header__wrapper .header__wa-btn,
.header__wrapper .language-button {
  display: none;
}

@media screen and (min-width: 1024px) {
  .header__wrapper .header__wa-btn {
    display: block;
    padding: 16px 48px;
  }
  .header__wrapper .header__wa-btn:hover {
    outline: 1px solid white;
  }
  .header__wrapper .language-button {
    display: block;
  }
}

.side-menu ul {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 2;
}

.side-menu {
  background-color: white;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  padding: 40px;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.side-menu::after {
  content: "";
  background-image: url(/assets/img/boomerang_logo_blue.svg);
  background-position: right -50px bottom -50px;
  background-size: 350px;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.1;
  z-index: 0;
  pointer-events: none;
}

.side-menu.active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.side-menu ul a {
  font-size: 18px;
  color: var(--black);
}

.side-menu ul a:hover {
  text-decoration: underline;
}

.side-menu .header__wa-btn {
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 2;
}

.top-block {
  padding: 0;
}

.top-block__content {
  position: relative;
  background-color: var(--blue);
  background-image: url(/assets/img/main-section-bg.jpg);
  background-position: bottom center;
  background-size: cover;
  min-height: 450px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 40px;
  max-width: unset;
  width: 100%;
  border-radius: unset;
}

.top-block__title {
  font-size: 32px;
  font-weight: 600;
  color: white;
  display: flex;
  flex-direction: column;
  text-shadow: var(--black) 1px 0 10px;
  margin-top: 60px;
}

.top-block__subtitle {
  font-size: 16px;
  color: white;
  margin-top: 16px;
  text-shadow: var(--black) 1px 0 10px;
}

.top-block__filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  -webkit-box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.15);
  padding: 16px;
  position: absolute;
  bottom: -90px;
  background-color: white;
  left: 0;
  right: 0;
  max-width: 90%;
  margin: 0 auto;
  border-radius: var(--b-radius);
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.section.catalog .content {
  padding-top: 136px;
}

@media screen and (min-width: 520px) {
  .side-menu {
    width: 100%;
    max-width: 375px;
    left: unset;
  }
}

@media screen and (min-width: 768px) {
  .top-block__content {
    min-height: 450px;
  }
  .top-block__filter {
    gap: 24px;
    padding: 24px;
  }
  .top-block__filter .form__fieldset {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 24px;
  }
  .side-menu.active {
    -webkit-box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.15);
  }
  .side-menu ul a {
    font-size: 18px;
  }
  .top-block__title {
    font-size: 40px;
    margin-top: 90px;
  }
  .top-block__subtitle {
    font-size: 24px;
  }
  .top-block__filter .form__button {
    min-width: 250px;
  }
}

@media screen and (min-width: 1024px) {
  .top-block__title {
    margin-top: 100px;
  }
  .top-block__filter {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    bottom: -51px;
  }
  .section.catalog .content {
    padding-top: 97px;
  }
}

@media screen and (min-width: 1280px) {
  .top-block {
    padding-bottom: 60px;
  }
  .top-block__content {
    min-height: 500px;
  }
  .top-block__title {
    font-size: 48px;
    margin-top: 120px;
  }
}

@media screen and (min-width: 1440px) {
  .top-block__filter {
    padding: 40px;
    max-width: 1100px;
  }
  .section.catalog .content {
    padding-top: 60px;
  }
  .top-block__content {
    min-height: 600px;
  }
  .top-block__title {
    text-align: center;
    font-size: 72px;
    margin-top: 150px;
  }
  .top-block__subtitle {
    text-align: center;
    margin-top: 24px;
    font-size: 36px;
  }
}

@media screen and (min-width: 1900px) {
  .top-block__content {
    min-height: 90vh;
  }
  .top-block__title {
    margin-top: 250px;
  }
}

/* ABOUT BLOCK */

.about-block__text {
  margin-top: 16px;
}

.about-block__picture {
  width: 100%;
}

.about__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: var(--b-radius);
  margin-top: 24px;
}

@media screen and (min-width: 768px) {
  .about-block__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 24px 350px;
    grid-template-columns: auto 350px;
    gap: 24px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .about-block__text,
  .about-block__picture {
    margin-top: 24px;
  }
  .about__img {
    max-width: 40%;
    min-width: 40%;
  }
}

@media screen and (min-width: 1024x) {
  .about-block__text {
    margin-top: 24px;
  }
}

@media screen and (min-width: 1280px) {
  .about-block__content {
    -ms-grid-columns: auto 32px 460px;
    grid-template-columns: auto 460px;
    gap: 32px;
    min-height: 380px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .about-block__text {
    margin-top: 32px;
  }
  .call-block .about-block__text {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 32px;
  }
  .content:has(.about-block__picture) {
    position: relative;
    overflow: hidden;
  }
  .about-block__picture {
    max-width: 450px;
    position: absolute;
    right: 60px;
    bottom: 0;
    align-self: flex-end;
  }
  .about__img {
    margin-top: 32px;
  }
}

@media screen and (min-width: 1440px) {
  .about-block__text {
    margin-top: 48px;
  }
}

/* ELEMENT */

.property__container {
  margin-top: 24px;
}

.property__gallery .swiper-slide {
  height: unset;
}

.property__slider,
.property__slider .swiper-slide {
  line-height: 0;
}

.property__slider-thumbs:has(.swiper-slide) {
  margin-top: 16px;
}

.property__picture {
  width: 100%;
  height: 71.875vw;
  max-height: 336px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: var(--b-radius);
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  user-select: none;
}

.property__slider-thumbs .swiper-slide {
  line-height: 0;
}

.property__pic-thumb {
  width: 100%;
  height: 20vw;
  max-height: 88px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: var(--b-radius);
  user-select: none;
}

.property__slider-thumbs img {
  cursor: pointer;
}

.swiper-slide-thumb-active {
  border: 1px solid var(--green);
  border-radius: var(--b-radius);
}

.property__main-title {
  display: none;
}

.property__year {
  display: none;
}

.property__description {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.property__desc-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.property__props-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 16px;
  margin: 0;
  list-style-type: none;
}

.property__props-list li {
  position: relative;
  padding-left: 24px;
  padding-bottom: 8px;
  line-height: 27px;
}

.property__props-list li::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: var(--green);
  left: 8px;
  top: 0;
}

.property__props-list li::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: var(--green);
  border-radius: 50%;
  left: 5px;
  top: 9px;
}

.property__props-list li:last-child::before {
  bottom: 18px;
  height: unset;
}

.property__props-list li:first-child::before {
  top: 14px;
}

.property__desc-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.property__available {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 16px;
}

.property__closest-date_green {
  color: var(--green);
}

.property__closest-date_orange {
  color: var(--green);
}

.property__closest-date_red {
  color: #b50000;
}

.property__low-price {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}

.property__low-price:has(.tooltip) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.property__detail {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.property__controls {
  position: absolute;
  top: 50%;
  left: 8px;
  right: 8px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 2;
  pointer-events: none;
}

.property__deposit {
  font-size: 14px;
  color: var(--gray);
  margin-top: -8px;
}

.slider-button {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.4248 17.1L12.8581 11.6667C13.4998 11.025 13.4998 9.97503 12.8581 9.33336L7.4248 3.90002' stroke='%230A0A0A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  cursor: pointer;
  pointer-events: auto;
}

.slider-button_prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.slider-button:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

.property__map {
  width: 100%;
  height: 63.33vw;
  max-height: 460px;
  min-height: 250px;
  border-radius: var(--b-radius);
  overflow: hidden;
}

.property__appliance-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  justify-content: center;
}

.property__detail .property__appliance-list {
  justify-content: flex-start;
}

.property__appliance-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}

.property__appliance-icon {
  width: 50px;
  height: 50px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.property__appliance-name {
  font-size: 10px;
  color: var(--gray);
  text-align: center;
  width: 70px;
}

@media screen and (min-width: 768px) {
  .property__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 56.67vw 16px auto;
    grid-template-columns: 56.67vw auto;
    gap: 16px;
  }
  .property__description {
    margin-top: 0;
  }
  .property__pic-thumb {
    height: 8.6vw;
    max-height: 120px;
  }
  .property__picture {
    max-height: 296px;
  }
  .property__detail {
    gap: 24px;
  }
}

@media screen and (min-width: 1024px) {
  .property__container {
    gap: 24px;
  }
  .popular .cards > a:nth-child(n + 4) {
    display: none;
  }
  .property__picture {
    max-height: 336px;
  }
}

@media screen and (min-width: 1280px) {
  .property__main-title {
    display: block;
  }
  .property__picture {
    max-height: 456px;
  }
  .property__description {
    padding: 24px;
    border-radius: var(--b-radius);
    -webkit-box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.15);
  }
  .property__slider-thumbs:has(.swiper-slide) {
    margin-top: 24px;
  }
  .property__detail {
    margin-top: 32px;
  }
}

@media screen and (min-width: 1440px) {
  .property__container {
    -ms-grid-columns: 780px 40px auto;
    grid-template-columns: 780px auto;
    gap: 40px;
  }
  .property__pic-thumb {
    height: 7.6vw;
  }
  .property__description {
    padding: 40px;
  }
}

/* FILTER */

.filter .content {
  position: relative;
  /* overflow: hidden; */
}

.content:has(.filter__wrapper) {
  background-color: transparent;
}

.filter__wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  overflow: hidden;
  z-index: -1;
  border-radius: var(--b-radius);
}

.filter__form {
  margin-top: 16px;
}

.filter__wrapper::before {
  content: "";
  position: absolute;
  width: 50vw;
  height: 48.67vw;
  max-width: 608px;
  max-height: 589px;
  left: -15vw;
  top: -14.5vw;
  opacity: 0.1;
  background: url(/assets/img/boomerang_logo_blue.svg) center/contain no-repeat;
  pointer-events: none;
}

.filter__title {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.filter__desc {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.25;
  color: var(--gray);
}

.filter__type-selector {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(85px, 1fr));
  gap: 16px;
}

.filter__type-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--b-radius);
  border: 1px solid var(--gray);
  background-color: white;
  cursor: pointer;
  padding: 8px;
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.filter__type-label:hover {
  border-color: var(--blue);
}

.filter__type-label:has(input:checked) {
  border-color: var(--green);
}

.filter__type-img {
  height: 48px;
  width: 80%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  margin: 0 auto;
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.filter__type-name {
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: var(--gray);
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.filter__type-label:hover .filter__type-name {
  color: var(--blue);
}

.filter__type-label:has(input:checked) .filter__type-name {
  color: var(--green);
  font-weight: 600;
}

.filter__buttons {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 16px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 16px;
}

.filter__date-selector {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
}

.filter__buttons .button {
  width: 100%;
  text-align: center;
}

.filter__date-selector {
  position: relative;
}

.filter__date-selector::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 5H7.2002C6.08009 5 5.51962 5 5.0918 5.21799C4.71547 5.40973 4.40973 5.71547 4.21799 6.0918C4 6.51962 4 7.08009 4 8.2002V9M8 5H16M8 5V3M16 5H16.8002C17.9203 5 18.4796 5 18.9074 5.21799C19.2837 5.40973 19.5905 5.71547 19.7822 6.0918C20 6.5192 20 7.07899 20 8.19691V9M16 5V3M4 9V17.8002C4 18.9203 4 19.4801 4.21799 19.9079C4.40973 20.2842 4.71547 20.5905 5.0918 20.7822C5.5192 21 6.07899 21 7.19691 21H16.8031C17.921 21 18.48 21 18.9074 20.7822C19.2837 20.5905 19.5905 20.2842 19.7822 19.9079C20 19.4805 20 18.9215 20 17.8036V9M4 9H20M16 17H16.002L16.002 17.002L16 17.002V17ZM12 17H12.002L12.002 17.002L12 17.002V17ZM8 17H8.002L8.00195 17.002L8 17.002V17ZM16.002 13V13.002L16 13.002V13H16.002ZM12 13H12.002L12.002 13.002L12 13.002V13ZM8 13H8.002L8.00195 13.002L8 13.002V13Z' stroke='%231F1F1F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  .filter__desc {
    font-size: 20px;
  }
  .filter__title {
    gap: 24px;
  }
  .filter__form {
    margin-top: 32px;
  }
  .filter__type-label {
    padding: 16px;
  }
  .filter__type-img {
    height: 64px;
  }
  .filter__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 24px;
  }
  .filter__buttons .button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .filter__type-selector {
    grid-template-columns: repeat(auto-fill, minmax(135px, 1fr));
  }
  .filter__type-label:hover .filter__type-name {
    font-weight: 600;
  }
}

@media screen and (min-width: 1024px) {
  .filter__type-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .filter__buttons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media screen and (min-width: 1280px) {
  .filter::before {
    width: 608px;
    height: 589px;
    left: -170px;
    top: -165px;
  }
  .filter__type-label {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 140px;
    flex-basis: 140px;
    max-width: 140px;
  }
  .filter__type-label:hover .filter__type-img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

/* CARDS */

.section.catalog .cards {
  margin-top: 24px;
}

.cards {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(288px, 1fr));
  gap: 16px;
  margin-top: 24px;
}

.cards:nth-child(n + 2) {
  margin-top: 16px;
}

.card {
  background-color: white;
  border-radius: var(--b-radius);
  color: var(--black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  text-align: center;
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.15);
  position: relative;
}

.card__img {
  width: 100%;
  min-height: 60vw;
  height: 60vw;
  max-height: 292px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-top-left-radius: var(--b-radius);
  border-top-right-radius: var(--b-radius);
}

.card__footer {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

.card__texts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.card__params {
  font-size: 16px;
  font-weight: 500;
}

.card__price {
  font-size: 18px;
  font-weight: 600;
}

.card__button {
  margin-top: auto;
}

.card:hover .card__button,
.card__button:hover {
  background-color: var(--green);
  color: white;
}

.card__animals {
  position: absolute;
  right: 0;
  top: 0;
  background-color: var(--green);
  color: white;
  border-top-right-radius: var(--b-radius);
  border-bottom-left-radius: var(--b-radius);
  background-image: url(/assets/img/icons/animals_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  display: block;
  width: 30px;
  height: 30px;
}

@media screen and (min-width: 768px) {
  .cards {
    gap: 24px;
  }
  .card__img {
    height: 242px;
    min-height: 242px;
  }
  .card__animals {
    width: 40px;
    height: 40px;
  }
}

@media screen and (min-width: 1024px) {
  .card__img {
    height: 200px;
    min-height: 200px;
  }
}

@media screen and (min-width: 1280px) {
  .section.catalog .cards {
    margin-top: 32px;
  }
  .cards {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 32px;
    margin-top: 32px;
  }
  .card__footer {
    gap: 32px;
    padding: 24px;
  }
  .card__img {
    height: 262px;
    min-height: 262px;
  }
}

@media screen and (min-width: 1440px) {
  .section.catalog .cards {
    margin-top: 48px;
  }
  .cards {
    gap: 48px;
    margin-top: 48px;
  }
}

@media screen and (min-width: 1900px) {
  .card__img {
    height: 292px;
    min-height: 292px;
  }
}

/* CATALOG */

.catalog__title {
  font-size: 1.6em;
  font-weight: 600;
}

.catalog__empty {
  display: -ms-grid;
  display: grid;
  gap: 16px;
}

.catalog__empty-text {
  font-size: 16px;
  margin-bottom: 1em;
}

.catalog__empty-img {
  width: 100%;
  height: 80vw;
  max-height: 350px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: var(--b-radius);
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.catalog__empty-button {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .catalog__empty {
    -ms-grid-columns: 1fr 24px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .catalog__empty-img {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .catalog__empty-text {
    font-size: 20px;
  }
  .catalog__empty-button {
    margin: 32px 0 0;
  }
  .catalog__title-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 60px;
  }
}

@media screen and (min-width: 1440px) {
  .catalog__empty-button {
    margin: 48px 0 0;
  }
}

/* CATALOG SORT */

@-webkit-keyframes HideList {
  from {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  to {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

@keyframes HideList {
  from {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  to {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

.select-box {
  position: relative;
  display: block;
  width: 100%;
  margin: 16px 0 0;
  font-size: 18px;
  line-height: 24px;
  color: var(--black);
}
@media screen and (min-width: 768px) {
  .select-box {
    width: 290px;
    margin: 0 0 4px;
  }
}
.select-box__current {
  position: relative;
  cursor: pointer;
  outline: none;
}
.select-box__current:focus + .select-box__list {
  opacity: 1;
  -webkit-animation-name: none;
  animation-name: none;
}
.select-box__current:focus + .select-box__list .select-box__option {
  cursor: pointer;
}
.select-box__current:focus .select-box__icon {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.select-box__icon {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0.3;
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}
.select-box__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.select-box__input {
  display: none;
}
.select-box__input:checked + .select-box__input-text {
  display: block;
}
.select-box__input-text {
  display: none;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
}
.select-box__list {
  position: absolute;
  width: 100%;
  padding: 0;
  list-style: none;
  opacity: 0;
  -webkit-animation-name: HideList;
  animation-name: HideList;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: step-start;
  animation-timing-function: step-start;
  -webkit-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
  border-radius: var(--b-radius);
  overflow: hidden;
  top: calc(100% + 10px);
}
.select-box__option {
  display: block;
  padding: 15px;
  background-color: #fff;
}
.select-box__option:hover,
.select-box__option:focus {
  color: var(--dark-blue);
  background-color: var(--bg-gray);
}

.select-box__option.active {
  color: var(--green);
  background-color: var(--bg-gray);
}

/* ACCORDEON */

.accordeon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
  position: relative;
  z-index: 2;
  max-width: 777px;
}

.accordeon__item {
  background-color: var(--bg-gray);
  border-radius: var(--b-radius);
  padding: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.accordeon__header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 16px auto;
  grid-template-columns: auto auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.accordeon__title {
  font-weight: 600;
  font-size: 16px;
  pointer-events: none;
}

.accordeon__title-container {
  pointer-events: none;
}

.accordeon__text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.accordeon__text,
.accordeon__text p,
.accordeon__text li {
  font-weight: 400;
  font-size: 14px;
  text-align: left;
}

.accordeon__text a {
  font-size: inherit;
  font-weight: 600;
  text-decoration: none;
  color: var(--green);
}

.accordeon__text a:hover {
  color: var(--blue);
}

.accordeon__text ol,
.accordeon__text ul {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  padding-left: 24px;
}

.accordeon__btn {
  display: block;
  width: 26px;
  height: 26px;
  position: relative;
  pointer-events: none;
}

.accordeon__btn::before,
.accordeon__btn::after {
  content: "";
  width: 26px;
  height: 26px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  /*background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 5L13 21' stroke='%2358C400' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M21 13L5 13' stroke='%2358C400' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");*/
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 5L13 21' stroke='%2358C400' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.accordeon__btn::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordeon__content {
  height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: padding 250ms ease-in-out;
  transition: padding 250ms ease-in-out;
}

.js-ac_active .accordeon__btn::before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.js-ac_active + .accordeon__content {
  opacity: 1;
  visibility: visible;
  padding-top: 16px;
  height: auto;
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

/* .accordeon:has(.js-ac_active) {
  padding-bottom: 28px;
  box-sizing: border-box;
} */

.accordeon__text p > span {
  color: var(--blue);
}

@media screen and (min-width: 768px) {
  .accordeon {
    margin-top: 24px;
  }
  .accordeon__item {
    padding: 24px;
  }
  .accordeon__title {
    font-size: 20px;
  }
  .accordeon__text,
  .accordeon__text p,
  .accordeon__text li {
    font-size: 18px;
  }
  .content:has(.accordeon) {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
  }
  .content:has(.accordeon)::after {
    content: "";
    position: absolute;
    width: 41.3vw;
    height: 41.3vw;
    right: -11vw;
    /* bottom: -11vw; */
    top: 7vw;
    background-image: url(/assets/img/boomerang-icon.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 1280px) {
  .accordeon {
    margin-top: 32px;
  }
}

@media screen and (min-width: 1440px) {
  .accordeon {
    margin-top: 48px;
  }
}

/* POPUP MESSAGE */

.popup-message {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* padding: 16px; */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.popup-message__body {
  background-color: white;
  padding: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  /* -webkit-border-radius: 8px;
  border-radius: 8px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: -webkit-transform 300ms ease-out;
  transition: -webkit-transform 300ms ease-out;
  transition: transform 300ms ease-out;
  transition: transform 300ms ease-out, -webkit-transform 300ms ease-out;
  -webkit-transform: translateX(100vw);
  transform: translateX(100vw);
  width: 100%;
  height: 100%;
}

.popup-message__title {
  font-size: 22px;
  font-weight: 600;
  line-height: 30.05px;
  text-align: center;
}

.popup-message__text {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.popup-message__close {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  right: 20px;
  top: 20px;
  cursor: pointer;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  color: var(--main-black);
}

.popup-message__close:hover {
  color: var(--sec-dark-gray);
}

.popup-message__close svg {
  pointer-events: none;
}

.popup-message__close svg path {
  fill: currentColor;
}

.popup-message {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.popup-message_active {
  opacity: 1;
  visibility: visible;
  z-index: 1002;
}

.popup-message_active .popup-message__body {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.popup-message .button {
  width: 100%;
  padding: 12px 24px;
  margin-top: 28px;
}

@media screen and (min-width: 768px) {
  .popup-message__body {
    max-width: 504px;
    margin-left: auto;
    padding: 40px;
  }
  .popup-message__title {
    font-size: 26px;
    line-height: 35.52px;
  }
}

/* POPUP FORM */

.popup-form {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

.popup-form__wrapper {
  background-color: white;
  width: 100%;
  height: 100%;
  padding: 40px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transform: translateX(100vw);
  transform: translateX(100vw);
  -webkit-transition: -webkit-transform 300ms ease-out;
  transition: -webkit-transform 300ms ease-out;
  transition: transform 300ms ease-out;
  transition: transform 300ms ease-out, -webkit-transform 300ms ease-out;
  position: relative;
}

.popup-form__wrapper::after {
  content: "";
  background-image: url(/assets/img/boomerang_logo_blue.svg);
  background-position: right -50px bottom -50px;
  background-size: 350px;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.1;
  z-index: 0;
  pointer-events: none;
}

.popup-form_active {
  visibility: visible;
  opacity: 1;
  z-index: 1100;
}
.popup-form_active .popup-form__wrapper {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.popup-form__close {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  right: 20px;
  top: 20px;
  cursor: pointer;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  color: var(--main-black);
}

.popup-form__close:hover {
  color: var(--sec-dark-gray);
}

.popup-form__close svg {
  pointer-events: none;
}

.popup-form__close svg path {
  fill: currentColor;
}

.popup-form__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 30.05px;
}

.popup-form__subtitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin-top: 16px;
}

.popup-form__container {
  position: relative;
  z-index: 2;
}

.popup-form__container form {
  margin-top: 32px;
}

@media screen and (min-width: 768px) {
  .popup-form__wrapper {
    max-width: 520px;
    margin-left: auto;
    padding: 32px;
  }
  .popup-form__title {
    font-size: 24px;
  }
}

@media screen and (min-width: 1280px) {
  .popup-form__wrapper {
    max-width: 560px;
    padding: 40px;
  }
}

/* 404 */

.not-found {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  min-height: 500px;
  position: relative;
  overflow: hidden;
}

.not-found::before {
  content: "";
  position: absolute;
  left: -10vw;
  top: -10vw;
  width: 60vw;
  max-width: 300px;
  height: 60vw;
  max-height: 300px;
  background-image: url(/assets/img/boomerang-icon.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}

.not-found__title {
  font-size: 90px;
  font-weight: 600;
  text-align: center;
  color: var(--green);
  position: relative;
  z-index: 1;
}

.not-found__subtitle {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: var(--gray);
  position: relative;
  z-index: 1;
}

.not-found__button {
  margin-top: 24px;
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .not-found__title {
    font-size: 120px;
    letter-spacing: 5%;
  }
  .not-found::before {
    left: -50px;
    top: -50px;
  }
}

@media screen and (min-width: 1024px) {
  .not-found__title {
    font-size: 140px;
  }
  .not-found__subtitle {
    font-size: 24px;
  }
  .not-found::before {
    left: -100px;
    top: -100px;
    width: 400px;
    height: 400px;
    max-width: unset;
    max-height: unset;
  }
  .not-found__button {
    margin-top: 32px;
  }
}

/* BLOG */

.section-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.filter__link {
  font-size: 14px;
  line-height: 20px;
  padding: 4px 12px;
  border-radius: 32px;
  color: var(--black);
  background-color: var(--bg-gray);
}

.filter__link:hover {
  background-color: var(--blue);
  color: white;
}

.filter__link_selected {
  background-color: var(--green);
  color: white;
  pointer-events: none;
}

.blog__list {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(288px, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.blog__item {
  position: relative;
  border-radius: var(--b-radius);
  min-height: 420px;
  overflow: hidden;
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.15);
}

.blog__item-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--bg-gray);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 65%;
}

.blog__chips {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 14px;
}

.blog__chip {
  padding: 4px 8px;
  border-radius: 16px;
  background-color: var(--green);
  color: white;
  pointer-events: none;
}

.blog__item-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  border-top-left-radius: var(--b-radius);
  border-top-right-radius: var(--b-radius);
  -webkit-box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.15);
  color: var(--black);
  padding: 16px;
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  min-height: 164px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.blog__date {
  font-size: 12px;
  opacity: 0.5;
  margin-top: 8px;
}

.blog__item-title {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}

.blog__item-preview {
  font-size: 14px;
  margin-top: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
}

.blog__caption {
  margin-top: 16px;
  font-size: 16px;
  color: var(--green);
}

.blog__picture {
  width: 100%;
  border-radius: var(--b-radius);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  height: 64.27vw;
  max-height: 560px;
  max-width: 960px;
  margin: 16px auto 0;
  display: block;
}

.blog__detail-text {
  width: 100%;
  max-width: 800px;
  margin: 16px auto 0;
}

.ya-share2__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 16px;
}

.blog__slider {
  margin-top: 16px;
}

.blog__gallery-img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  height: 85vw;
  max-height: 350px;
  border-radius: var(--b-radius);
}

@media screen and (min-width: 768px) {
  .section-filter {
    gap: 16px;
    margin-top: 24px;
  }
  .blog__list {
    gap: 24px;
    margin-top: 24px;
  }
  .blog__item {
    min-height: 440px;
  }
  .blog__item-preview {
    font-size: 16px;
  }
  .blog__item-footer {
    min-height: 224px;
    padding: 24px;
  }
  .blog__caption {
    margin-top: 24px;
  }
  .ya-share2__container {
    margin-top: 24px;
  }
  .blog__detail-text {
    margin-top: 24px;
  }
  .blog__picture {
    margin-top: 24px;
  }
  .blog__slider {
    margin-top: 24px;
  }
}

@media screen and (min-width: 1024px) {
  .blog__item:hover .blog__item-footer {
    padding-bottom: 24px;
    min-height: 248px;
  }
}

@media screen and (min-width: 1280px) {
  .filter__link {
    font-size: 16px;
    line-height: 22px;
    padding: 6px 16px;
  }
  .blog__list {
    gap: 32px;
    margin-top: 32px;
  }
  .blog__caption {
    margin-top: 32px;
    font-size: 18px;
  }
  .blog__slider {
    margin-top: 32px;
  }
  .blog__gallery-img {
    max-height: 450px;
  }
}

@media screen and (min-width: 1440px) {
  .blog__list {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 40px;
    margin-top: 40px;
  }
  .blog__item {
    min-height: 532px;
  }
  .blog__gallery-img {
    max-height: 550px;
  }
}

/* ABOUT */

.about__text {
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  .about__text {
    margin-top: 24px;
  }
}

@media screen and (min-width: 1280px) {
  .about__text {
    margin-top: 32px;
  }
}

/* CONTACTS */

.contacts__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  margin-top: 16px;
}

.contacts__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.contacts__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

.contacts__info {
  max-width: 350px;
}

.contacts__info a {
  color: var(--black);
}

.contacts__info a:hover {
  color: var(--green);
}

.contacts__map {
  width: 100%;
  height: 300px;
  overflow: hidden;
  border-radius: var(--b-radius);
  background-color: var(--bg-gray);
}

@media screen and (min-width: 768px) {
  .contacts__block {
    margin-top: 24px;
  }
  .contacts__items {
    gap: 24px;
  }
  .contacts__item {
    gap: 16px;
  }

  .contacts__map {
    height: 400px;
  }
}

@media screen and (min-width: 1024px) {
  .contacts__block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 460px auto;
    grid-template-columns: 460px auto;
  }
  .contacts__items.watermark::after {
    content: unset;
  }
  .contacts__item:has(.js-get-request) {
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

/* SOCIALS */

.socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.social-icon {
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.social-icon_ig {
  background-image: url(/assets/img/icons/socials/instagram.svg);
}

.social-icon_tg {
  background-image: url(/assets/img/icons/socials/telegram.svg);
}

.social-icon_fb {
  background-image: url(/assets/img/icons/socials/facebook.svg);
}

.social-icon_vk {
  background-image: url(/assets/img/icons/socials/vk.svg);
}

.social-icon_yt {
  background-image: url(/assets/img/icons/socials/youtube.svg);
}

.social-icon_wa {
  background-image: url(/assets/img/icons/socials/whatsapp.svg);
}

.social-icon_x {
  background-image: url(/assets/img/icons/socials/x.svg);
}

.social-icon_ok {
  background-image: url(/assets/img/icons/socials/ok.svg);
}

@media screen and (min-width: 768px) {
  .socials {
    gap: 16px;
  }
  .social-icon {
    width: 40px;
    height: 40px;
  }
}

/* BOTTOM MENU */

.bottom-menu {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9;
  display: block;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.bottom-menu__main-button {
  background-color: white;
  background-image: url(/assets/img/icons/socials/social.svg);
  background-size: 40px 40px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  z-index: 10;
  width: 50px;
  height: 50px;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.bottom-menu__links {
  width: 40px;
  margin: 0 auto;
}

.bottom-menu__main-button:hover {
  background-color: var(--green);
}

.bottom-menu__main-button_active {
  background-color: var(--dark-blue);
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.3207 23.68L16.0006 16.0001M16.0006 16.0001L23.6807 8.32007M16.0006 16.0001L8.32061 8.32007M16.0006 16.0001L23.6807 23.6801' stroke='white' stroke-width='2.048' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 30px 30px;
}

.bottom-menu__link {
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 40px;
  height: 40px;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  border-radius: 50%;
  background-color: transparent;
  background-size: 40px 40px;
  background-position: center;
  background-repeat: no-repeat;
}

.bottom-menu__link_question {
  background-image: url(/assets/img/icons/socials/boomerang.svg);
}

.bottom-menu__link:hover {
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 1);
  box-shadow: 0 0 10px rgba(255, 255, 255, 1);
}

.bottom-menu__link_active:nth-child(1) {
  -webkit-transform: translateY(calc(-56px * 1 - 5px));
  transform: translateY(calc(-56px * 1 - 5px));
}
.bottom-menu__link_active:nth-child(2) {
  -webkit-transform: translateY(calc(-56px * 2));
  transform: translateY(calc(-56px * 2));
}
.bottom-menu__link_active:nth-child(3) {
  -webkit-transform: translateY(calc(-56px * 3));
  transform: translateY(calc(-56px * 3));
}
.bottom-menu__link_active:nth-child(4) {
  -webkit-transform: translateY(calc(-56px * 4));
  transform: translateY(calc(-56px * 4));
}
.bottom-menu__link_active:nth-child(5) {
  -webkit-transform: translateY(calc(-56px * 5));
  transform: translateY(calc(-56px * 5));
}
.bottom-menu__link_active:nth-child(6) {
  -webkit-transform: translateY(calc(-56px * 6));
  transform: translateY(calc(-56px * 6));
}
.bottom-menu__link_active:nth-child(7) {
  -webkit-transform: translateY(calc(-56px * 7));
  transform: translateY(calc(-56px * 7));
}
.bottom-menu__link_active:nth-child(8) {
  -webkit-transform: translateY(calc(-56px * 8));
  transform: translateY(calc(-56px * 8));
}

@media screen and (min-width: 1024px) {
  .bottom-menu {
    right: 40px;
    bottom: 40px;
  }
}

@media screen and (min-width: 1440px) {
  .bottom-menu {
    right: 60px;
    bottom: 60px;
  }
}

@media screen and (min-width: 1600px) {
}

/* GET PROPERTY */

.get-property__cost {
  display: none;
  font-size: 14px;
  font-weight: 400;
}

.get-property__cost:has(.get-property__cost-value_active) {
  display: block;
}

.get-property__cost-value,
.get-property__cost span {
  color: var(--green);
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  .get-property__cost {
    font-size: 16px;
  }
}

/* TOOL TIP */

.tooltip {
  display: inline-block;
  width: 15px;
  height: 15px;
  text-align: center;
  font-size: 12px;
  border-radius: 50%;
  background-color: var(--dark-blue);
  color: white;
  margin-left: 8px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tippy-box {
  background-color: var(--dark-blue);
  border-radius: var(--b-radius);
  max-width: 250px !important;
}

.tippy-arrow {
  color: var(--dark-blue);
}

.tippy-content {
  padding: 8px;
}

@media screen and (min-width: 768px) {
  .tippy-content {
    padding: 12px;
  }
}

.swiper-button,
.swiper-button-prev,
.swiper-button-next {
  width: 32px;
  height: 32px;
  border: none;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  transition: all 300ms ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-button:hover,
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: var(--green) !important;
  color: white !important;
}

.swiper-button:active,
.swiper-button-prev:active,
.swiper-button-next:active {
  background-color: rgba(255, 255, 255, 0.3);
  color: var(--black);
}

.swiper-button-disabled.swiper-button,
.swiper-button-disabled.swiper-button-prev,
.swiper-button-disabled.swiper-button-next {
  background-color: rgba(128, 149, 183, 0.2);
  border: none;
  pointer-events: none;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 16px;
  color: white;
}

.swiper-button-prev::after {
  transform: translateX(-2px);
}

.swiper-button-next::after {
  transform: translateX(2px);
}

.swiper-button.swiper-prev {
  transform: rotate(180deg);
}

main .swiper-pagination-bullet {
  background: white;
  opacity: 1;
  border-radius: 5px;
}

main .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--green) !important;
  width: 21px;
}

main .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 3px;
}

@media screen and (min-width: 1024px) {
  .swiper-button,
  .swiper-button-prev,
  .swiper-button-next {
    width: 40px;
    height: 40px;
  }
  .swiper-button-prev::after,
  .swiper-button-next::after {
    font-size: 24px;
  }
}

.language-button {
  color: var(--gray);
}

.language-button svg {
}

.language-button__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17.5px;
  height: 17.5px;
  border-radius: 50%;
  overflow: hidden;
}

.flex:has(.language-button),
.flex:has(.search-button) {
  align-items: center;
  flex-direction: row;
}

@media screen and (min-width: 1024px) {
  .language-button {
    padding: 14px;
  }
  .language-button__icon {
    width: 22px;
    height: 22px;
  }
}

/* PAGE NAV PAGINATION */

.content.pagination-container {
  margin-left: 0;
  margin-right: 0;
}

.pagination-container {
  margin-top: 32px;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.pagination__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--black);
  text-decoration: none;
  border-radius: var(--b-radius);
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.pagination__link:hover {
  background-color: var(--green);
  color: white;
}

.pagination__link_active {
  background-color: var(--blue);
  color: white;
}

.pagination__link_active:hover {
  background-color: var(--blue);
  color: white;
}

.pagination__link:active {
  background-color: var(--blue);
  color: white;
}

.pagination__button {
  display: block;
  width: 40px;
  height: 40px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.62012 3.95337L13.6668 8.00004L9.62012 12.0467' stroke='%230A0A0A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.3335 8H13.5535' stroke='%230A0A0A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
    center/16px no-repeat;
  background-color: white;
  border-radius: 10px;
  cursor: pointer;
  border: 1px solid var(--blue);
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  margin-left: 13px;
}

.pagination__button_disabled {
  border: 1px solid var(--bg-gray);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.62012 3.95337L13.6668 8.00004L9.62012 12.0467' stroke='%23F2F2F2' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.3335 8H13.5535' stroke='%23F2F2F2' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  cursor: default;
  pointer-events: none;
}

.pagination__button:hover {
  background-color: var(--green);
  color: white;
}

.pagination__button_left {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-right: 13px;
  margin-left: 0;
}

@media screen and (min-width: 1024px) {
  .pagination__link, .pagination__button {
    width: 48px;
    height: 48px;
  }
}

@media screen and (min-width: 1280px) {
  .pagination-container {
    margin-top: 64px;
  }
  .pagination {
    gap: 10px;
  }
  .pagination__button {
    margin-left: 10px;
  }
  .pagination__button_left {
    margin-right: 10px;
    margin-left: 0;
  }
}

.search-page {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.search__input-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}

.search__item-title {
  color: var(--blue);
}

a.search__item-title:hover {
  color: var(--green);
}

.search__item-text {
  margin-top: 8px;
}

.search__items-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.header .search-button {
  display: none;
}

.search-button {
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-button svg {
  width: 17.5px;
  height: 17.5px;
}

.search-button:hover svg path {
  fill: white !important;
}

.content:has(.search-page) {
  min-height: 400px;
}

@media screen and (min-width: 768px) {
  .search-page {
    margin-top: 32px;
    gap: 24px;
  }
  .search__input-wrapper {
    gap: 16px;
  }
  .search__items-list {
    gap: 24px;
  }
  .search__item-text {
    margin-top: 16px;
  }
}

@media screen and (min-width: 1024px) {
  .header .search-button {
    display: flex;
  }
  .search-button svg {
    width: 22px;
    height: 22px;
  }
}

/* @media screen and (min-width: 768px) {
}
 */

/* End */
/* /local/templates/b-rental/styles.css?174686077428671 */
/* /local/templates/b-rental/template_styles.css?174909053463942 */