/*mediaWidthFullHdDesktop-1700*/
/*mediaWidthHdDesktop-1520*/
/*mediaWidthBigDesktop-1400*/
/*mediaWidthDesktop -1200*/
/*WidthTabletLand-1024*/
/*WidthTabletLand-992*/
/*WidthTabletLand-768*/
/*WidthTabletLand-580*/
@font-face {
  font-family: Gilroy;
  font-display: auto;
  font-weight: 300;
  src: url(../fonts/Gilroy-Light.eot);
  src: url(../fonts/Gilroy-Light.eot) format("embedded-opentype");
  src: local("Gilroy-Light"), url(../fonts/Gilroy-Light.woff) format("woff"), url(../fonts/Gilroy-Light.woff2) format("woff2"), url(../fonts/Gilroy-Light.ttf) format("truetype");
}
@font-face {
  font-family: Gilroy;
  font-display: auto;
  font-weight: 400;
  src: url(../fonts/Gilroy-Regular.eot);
  src: url(../fonts/Gilroy-Regular.eot) format("embedded-opentype");
  src: local("Gilroy-Regular"), url(../fonts/Gilroy-Regular.woff) format("woff"), url(../fonts/Gilroy-Regular.woff2) format("woff2"), url(../fonts/Gilroy-Regular.ttf) format("truetype");
}
@font-face {
  font-family: Gilroy;
  font-display: auto;
  font-weight: 500;
  src: url(../fonts/Gilroy-Medium.eot);
  src: url(../fonts/Gilroy-Medium.eot) format("embedded-opentype");
  src: local("Gilroy-Medium"), url(../fonts/Gilroy-Medium.woff) format("woff"), url(../fonts/Gilroy-Medium.woff2) format("woff2"), url(../fonts/Gilroy-Medium.ttf) format("truetype");
}
@font-face {
  font-family: Gilroy;
  font-display: auto;
  font-weight: 600;
  src: url(../fonts/Gilroy-Semibold.eot);
  src: url(../fonts/Gilroy-Semibold.eot) format("embedded-opentype");
  src: local("Gilroy-Semibold"), url(../fonts/Gilroy-Semibold.woff) format("woff"), url(../fonts/Gilroy-Semibold.woff2) format("woff2"), url(../fonts/Gilroy-Semibold.ttf) format("truetype");
}
@font-face {
  font-family: Gilroy;
  font-display: auto;
  font-weight: 700;
  src: url(../fonts/Gilroy-Bold.eot);
  src: url(../fonts/Gilroy-Bold.eot) format("embedded-opentype");
  src: local("Gilroy-Bold"), url(../fonts/Gilroy-Bold.woff) format("woff"), url(../fonts/Gilroy-Bold.woff2) format("woff2"), url(../fonts/Gilroy-Bold.ttf) format("truetype");
}
@font-face {
  font-family: Gilroy;
  font-display: auto;
  font-weight: 800;
  src: url(../fonts/Gilroy-Extrabold.eot);
  src: url(../fonts/Gilroy-Extrabold.eot) format("embedded-opentype");
  src: local("Gilroy-Extrabold"), url(../fonts/Gilroy-Extrabold.woff) format("woff"), url(../fonts/Gilroy-Extrabold.woff2) format("woff2"), url(../fonts/Gilroy-Extrabold.ttf) format("truetype");
}
html, body, div, span, applet, object, iframe, main,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, button, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  outline: none;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

main, article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
  display: block;
}

html {
  font: 400 2.5vw/1.5rem "Gilroy", sans-serif;
}
@media screen and (min-width: 768px) {
  html {
    font-size: 1.125vw;
  }
}
@media (min-width: 1400px) {
  html {
    font-size: 16px;
  }
}

body {
  color: #69707B;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
}

html,
body {
  min-height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #1D1F22;
  font-weight: 700;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
  color: #0D78D5;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.h1 a:hover,
.h2 a:hover,
.h3 a:hover,
.h4 a:hover,
.h5 a:hover,
.h6 a:hover {
  color: #0D78D5;
}

h1,
.h1 {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

h2,
.h2 {
  font-size: 1.75rem;
  line-height: 2.25rem;
}

h3,
.h3 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

h4,
.h4 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}

h5,
.h5 {
  font-size: 1rem;
  line-height: 1.5rem;
}

h6,
.h6 {
  font-size: 1rem;
  line-height: 1.5rem;
}

img,
svg {
  outline: none;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

strong {
  font-weight: 700;
}

ul,
ol {
  list-style: none;
}

.container {
  width: 81.25rem;
  max-width: calc(100vw - 2rem);
  gap: 2rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.container.container_secondary {
  width: 60rem;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

@media screen and (max-width: 767px) {
  .hide-m {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .hide-no-m {
    display: none !important;
  }
}

.layout__formular {
  padding: 1.25rem;
  border-radius: 0.25rem;
  background-color: #F0F4F6;
}
@media screen and (min-width: 768px) {
  .layout__formular {
    padding: 2rem;
  }
}
.layout__formular .layout__form {
  gap: 1rem;
  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) {
  .layout__formular .layout__form.layout__form_secondary {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .layout__formular .layout__form.layout__form_secondary {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .layout__formular .layout__form.layout__form_tertiary {
    display: grid;
    grid-template-columns: 2fr 1fr;
  }
}
.layout__formular.layout__form_tertiary {
  padding: 0;
  background: unset;
}

.form__item {
  display: grid;
  position: relative;
  grid-gap: 1.5rem;
}
@media screen and (min-width: 768px) {
  .form__item.form__item_row {
    grid-row: span 2;
  }
}
@media screen and (min-width: 768px) {
  .form__item.form__item_col {
    grid-column: span 2;
  }
}
.form__item.form__item_secodnary .jcf-number .jcf-btn-dec:not(:hover),
.form__item.form__item_secodnary .jcf-number .jcf-btn-inc:not(:hover) {
  background-color: #ffffff;
}
.form__item.form__item_tiny .form__input {
  height: 2.5rem;
}
.form__item.form__item_tiny .form__symbol {
  top: 0.75rem;
}
.form__item.form__item_before .form__symbol {
  left: 1.25rem;
}
.form__item.form__item_before .form__input {
  padding-left: 3.25rem;
}
.form__item.form__item_after .form__symbol {
  right: 1.25rem;
}
.form__item.form__item_after .form__input,
.form__item.form__item_after .jcf-select-text {
  padding-right: 3.25rem;
}

.form__symbol {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  top: 1rem;
}
.form__symbol .form__ico {
  width: 100%;
  height: 100%;
  fill: #97A2AC;
  opacity: 0.5;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.form__input {
  color: #1D1F22;
  background-color: #ffffff;
  font-size: 0.875rem;
  line-height: 1rem;
  height: 3rem;
  font-weight: 400;
  font-family: "Gilroy", sans-serif;
  padding: 1rem 1.25rem;
  width: 100%;
  border-radius: 0.125rem;
  border: 0;
  margin: 0;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.form__input:disabled {
  opacity: 0.5;
}
.form__input.error {
  border-color: #0D78D5;
}
.form__input::-webkit-input-placeholder {
  opacity: 1;
  color: #69707B;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.form__input::-moz-placeholder {
  opacity: 1;
  color: #69707B;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.form__input:-ms-input-placeholder {
  opacity: 1;
  color: #69707B;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.form__input::-ms-input-placeholder {
  opacity: 1;
  color: #69707B;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.form__input::placeholder {
  opacity: 1;
  color: #69707B;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.form__input:focus ~ .form__symbol .form__ico, .form__input:hover ~ .form__symbol .form__ico {
  fill: #0D78D5;
  opacity: 1;
}
.form__input:focus::-webkit-input-placeholder, .form__input:hover::-webkit-input-placeholder {
  color: #1D1F22;
}
.form__input:focus::-moz-placeholder, .form__input:hover::-moz-placeholder {
  color: #1D1F22;
}
.form__input:focus:-ms-input-placeholder, .form__input:hover:-ms-input-placeholder {
  color: #1D1F22;
}
.form__input:focus::-ms-input-placeholder, .form__input:hover::-ms-input-placeholder {
  color: #1D1F22;
}
.form__input:focus::placeholder, .form__input:hover::placeholder {
  color: #1D1F22;
}
.form__input.form__input_textarea {
  width: 100%;
  min-height: 5.25rem;
  height: auto;
  resize: none;
}
.form__input.form__input_textareaSecondary {
  min-height: 4.5rem;
  height: auto;
}

.checkbox .checkbox__label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.checkbox .checkbox__input {
  position: absolute;
  opacity: 0;
}
.checkbox .checkbox__input:checked ~ .checkbox__ico.checkbox__ico_before {
  opacity: 0;
}
.checkbox .checkbox__input:checked ~ .checkbox__ico.checkbox__ico_after {
  opacity: 1;
}
.checkbox .checkbox__input:disabled ~ .checkbox__text {
  pointer-events: none;
}
.checkbox .checkbox__input.error ~ .checkbox__text {
  color: #0D78D5;
}
.checkbox .checkbox__text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  opacity: 0.75;
  padding-left: 2rem;
  position: relative;
  cursor: pointer;
}
.checkbox .checkbox__text.checkbox__text_secondary {
  color: #1D1F22;
  font-weight: 500;
}
.checkbox .checkbox__text a {
  text-decoration: underline;
}
.checkbox .checkbox__subtext {
  opacity: 0.5;
}
.checkbox .checkbox__ico {
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.checkbox .checkbox__ico.checkbox__ico_before {
  opacity: 1;
}
.checkbox .checkbox__ico.checkbox__ico_after {
  opacity: 0;
}
.checkbox input[type=radio] ~ .checkbox__text:before, .checkbox input[type=radio] ~ .checkbox__text:after {
  border-radius: 50%;
}

.jcf-number {
  width: 8.25rem;
  height: 2.5rem;
  padding: 0 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.jcf-number input {
  font-size: 1.125rem;
  line-height: 2.5rem;
  font-weight: 700;
  padding: 0 0.125rem;
  background-color: transparent;
  height: 100%;
  width: 100%;
  border: 0;
  border-radius: 0;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  text-overflow: ellipsis;
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance: textfield;
}
.jcf-number input::-webkit-outer-spin-button, .jcf-number input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.jcf-number .jcf-btn-dec,
.jcf-number .jcf-btn-inc {
  color: #97A2AC;
  background-color: #F0F4F6;
  border-radius: 0.125rem;
  position: absolute;
  top: 0;
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.jcf-number .jcf-btn-dec path,
.jcf-number .jcf-btn-dec rect,
.jcf-number .jcf-btn-inc path,
.jcf-number .jcf-btn-inc rect {
  fill: #1D1F22;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.jcf-number .jcf-btn-dec:hover,
.jcf-number .jcf-btn-inc:hover {
  background-color: #1D88E5;
}
.jcf-number .jcf-btn-dec:hover path,
.jcf-number .jcf-btn-dec:hover rect,
.jcf-number .jcf-btn-inc:hover path,
.jcf-number .jcf-btn-inc:hover rect {
  fill: #ffffff;
}
.jcf-number .jcf-btn-dec svg,
.jcf-number .jcf-btn-inc svg {
  width: 1rem;
  height: 1rem;
}
.jcf-number .jcf-btn-dec {
  left: 0;
}
.jcf-number .jcf-btn-inc {
  right: 0;
}

.attach {
  width: 100%;
  gap: 0.65rem;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  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;
  cursor: pointer;
  position: relative;
}
@media screen and (min-width: 768px) {
  .attach {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.attach:not(.attach_secondary) {
  font-size: 0.75rem;
  line-height: 2rem;
}
.attach .attach__input {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.attach .attach__symbol {
  width: 2rem;
  height: 2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 0.125rem;
  border: 1px solid #1D88E5;
  fill: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.attach .attach__ico {
  width: 0.75rem;
  height: 0.75rem;
}
.attach .attach__title {
  color: #1D1F22;
  font-weight: 700;
}
.attach .attach__text {
  color: #97A2AC;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form__rating .rating__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.form__rating .rating__item.rating__item_active .rating__ico {
  fill: #E5C51D;
}
.form__rating .rating__label {
  width: 1.25rem;
  height: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  cursor: pointer;
  position: relative;
}
.form__rating .rating__input {
  position: absolute;
  left: -9999px;
}
.form__rating .rating__ico {
  width: 100%;
  height: 100%;
  fill: #ffffff;
}

.form__range {
  gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.form__range .range__slider {
  height: 0.25rem;
  background-color: #F0F4F6;
  border: 0 !important;
  position: relative;
}
.form__range .range__slider .ui-slider-range {
  position: absolute;
  z-index: 10;
  font-size: 0.7em;
  display: block;
  border: 0;
  top: 0;
  height: 100%;
  background-color: #1D88E5;
}
.form__range .range__slider .ui-slider-range.ui-widget-header {
  background-color: #1D88E5;
}
.form__range .range__slider .ui-slider-handle {
  position: absolute;
  top: -0.25em;
  margin-left: -0.25rem;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none;
  width: 0.5rem;
  height: 0.75rem;
  border-radius: 0.125rem;
  border: 0;
  z-index: 11;
  background-color: #1D88E5;
}
.form__range .range__slider .ui-slider-handle::before {
  content: "";
  width: 0.125rem;
  height: 0.125rem;
  background-color: #ffffff;
  z-index: 2;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.form__range .range__form {
  gap: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.form__range .range__form::before {
  color: #1D1F22;
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-weight: 700;
  content: "-";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.form__range .range__input {
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 700;
  background-color: #F0F4F6;
  border-radius: 0.125rem;
  padding: 0.25rem;
  height: 2rem;
  text-align: center;
}

::-webkit-scrollbar {
  width: 0.25rem;
  height: 0.25rem;
}

::-webkit-scrollbar-track {
  background: #ffffff;
}

::-webkit-scrollbar-thumb {
  background-color: #1D88E5;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #1D88E5;
}

.btn {
  color: #ffffff;
  background-color: #1D88E5;
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 700;
  height: 3rem;
  padding: 0.125rem 0.75rem;
  border: 0.125rem solid #1D88E5;
  border-radius: 0.125rem;
  gap: 0.5rem;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  outline: none;
  text-align: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 768px) {
  .btn {
    padding: 0.125rem 1.25rem;
  }
}
.btn:disabled {
  color: #ffffff;
  background-color: #97A2AC;
}
.btn:hover, .btn:active {
  color: #1D88E5;
  background-color: transparent;
}
.btn:hover .btn__ico, .btn:active .btn__ico {
  fill: #1D88E5;
}
.btn .btn__ico {
  width: 1.25rem;
  height: 1.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  fill: #ffffff;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media screen and (max-width: 767px) {
  .btn.btn_ico {
    padding: 0.125rem 0.5rem;
  }
  .btn.btn_ico .btn__text {
    display: none;
  }
}
.btn.btn_tiny {
  height: 2.5rem;
}
.btn.btn_secondary {
  color: #1D88E5;
  background-color: transparent;
}
.btn.btn_secondary:hover, .btn.btn_secondary:active {
  color: #ffffff;
  background-color: #1D88E5;
}
.btn.btn_secondary:hover .btn__ico, .btn.btn_secondary:active .btn__ico {
  fill: #ffffff;
}
.btn.btn_secondary .btn__ico {
  fill: #1D88E5;
}
.btn.btn_tertiary {
  color: #1D88E5;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn.btn_tertiary:hover, .btn.btn_tertiary:active {
  color: #ffffff;
  background-color: #1D88E5;
  border-color: #1D88E5;
}
.btn.btn_tertiary:hover .btn__ico, .btn.btn_tertiary:active .btn__ico {
  fill: #ffffff;
}
.btn.btn_tertiary .btn__ico {
  fill: #1D88E5;
}
.btn.btn_quarty {
  color: #1D88E5;
  background-color: transparent;
}
.btn.btn_quarty:hover, .btn.btn_quarty:active {
  color: #ffffff;
  background-color: #1D88E5;
}
.btn.btn_quarty:hover .btn__ico, .btn.btn_quarty:active .btn__ico {
  fill: #ffffff;
}
.btn.btn_quarty .btn__ico {
  fill: #1D88E5;
}

@media screen and (max-width: 767px) {
  .wysiwyg { /* kill text wrap around images */
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.wysiwyg img,
.wysiwyg svg {
}
.wysiwyg h1:not(:last-child),
.wysiwyg h2:not(:last-child),
.wysiwyg h3:not(:last-child),
.wysiwyg h4:not(:last-child),
.wysiwyg h5:not(:last-child),
.wysiwyg h6:not(:last-child) {
  margin: 0 0 0.5rem;
}
.wysiwyg p:not(:last-child),
.wysiwyg ul:not(:last-child),
.wysiwyg ol:not(:last-child) {
  margin-bottom: 1rem;
}
.wysiwyg iframe {
  width: 100%;
  height: 20rem;
}
.wysiwyg iframe:not(:last-child) {
  margin-bottom: 2rem;
}

.wysiwyg ul {
  list-style: none;
}

.wysiwyg ul li {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 2rem;
  overflow: hidden; /* without it li bullet will overflow images */
  min-width: 10rem;
}

.wysiwyg ul li:before {
  content: "";
  position: absolute;
  background-image: url("../img/check.png");
  background-repeat: no-repeat;
  background-size: cover;

  left: 0;
  top: 0.37rem;
  width: 0.875rem;
  height: 0.875rem;
}


.wysiwyg ol {
  counter-reset: my-awesome-counter;
}
.wysiwyg ol li {
  gap: 0.5rem;
  counter-increment: my-awesome-counter;
}
.wysiwyg ol li::before {
  padding-right: 0.25rem
}
.wysiwyg ol li::before {
  content: counter(my-awesome-counter) ". ";
  color: #1D88E5;
  font-weight: 700;
}
.wysiwyg a {
  color: #1D88E5;
  text-decoration: none;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.wysiwyg a:hover {
  color: #0D78D5;
}
.wysiwyg strong {
  color: #1D1F22;
}

.datatable {
  max-width: calc(100vw - 2rem);
  overflow: hidden;
  overflow-x: auto;
}
.datatable:not(:last-child) {
  margin-bottom: 2rem;
}
.datatable table {
  min-width: 60rem;
  table-layout: unset;
}
.datatable td,
.datatable th {
  white-space: nowrap;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  width: 100%;
}
table:not(.table_layout) {
  table-layout: fixed;
}
table:not(:last-child) {
  margin-bottom: 2rem;
}
table td,
table th {
  text-align: left;
  padding: 0.5rem 0.5rem;
}
table th {
  color: #97A2AC;
  background-color: #F0F4F6;
  font-size: 0.75rem;
  line-height: 2rem;
  font-weight: 700;
  text-transform: uppercase;
}
table tr:nth-child(even) td {
  background-color: #F7F8F7;
}
table td {
  color: #1D1F22;
}

.layout__accordion .accordion__list {
  display: grid;
  gap: 0.5rem;
}
.layout__accordion .accordion__item.accordion__item_active .accordion__header {
  color: #1D1F22;
}
.layout__accordion .accordion__item.accordion__item_active .accordion__ico {
  fill: #1D1F22;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.layout__accordion .accordion__header {
  color: #97A2AC;
  background-color: #F0F4F6;
  font-weight: 700;
  padding: 0.5rem 1.25rem;
  grid-gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: uppercase;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.layout__accordion .accordion__media {
  width: 2.5rem;
  height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layout__accordion .accordion__ico {
  width: 1rem;
  height: 1rem;
  fill: #97A2AC;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.layout__accordion .accordion__main {
  padding: 0.5rem 1.25rem;
  display: none;
}

.layout__tabs {
  gap: 1rem;
  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) {
  .layout__tabs {
    gap: 3rem;
  }
}
.layout__tabs .tabs__header {
  position: relative;
  display: none;
}
@media screen and (min-width: 768px) {
  .layout__tabs .tabs__header {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .layout__tabs .tabs__header::before {
    content: "";
    position: absolute;
    top: calc(100% + 1.5rem);
    left: 0;
    width: 100%;
    height: 0.125rem;
    background-color: #F0F4F6;
  }
}
.layout__tabs .tabs__header .tabs__list {
  gap: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  overflow-x: auto;
}
@media screen and (min-width: 768px) {
  .layout__tabs .tabs__header .tabs__list {
    gap: 3rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    overflow: visible;
  }
}
.layout__tabs .tabs__header .tabs__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}
.layout__tabs .tabs__header .tabs__item:hover .tabs__title {
  color: #1D1F22;
}
.layout__tabs .tabs__header .tabs__item.tabs__item_active::before {
  width: 100%;
}
.layout__tabs .tabs__header .tabs__item.tabs__item_active .tabs__title {
  color: #1D1F22;
}
@media screen and (min-width: 768px) {
  .layout__tabs .tabs__header .tabs__item::before {
    content: "";
    position: absolute;
    top: calc(100% + 1.5rem);
    left: 0;
    width: 0;
    height: 0.125rem;
    background-color: #1D88E5;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
}
.layout__tabs .tabs__title {
  color: #69707B;
  font-size: 1.25rem;
  line-height: 2.5rem;
  font-weight: 500;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 768px) {
  .layout__tabs .tabs__title {
    font-size: 1.75rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .layout__tabs .tabs__main .tabs__list {
    gap: 1rem;
    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) {
  .layout__tabs .tabs__main .tabs__item:not(:first-child) {
    display: none;
  }
}

.swiper-initialized {
  position: relative;
  overflow: hidden;
}
.swiper-initialized .swiper-slide {
  height: auto;
}

.swiper__button {
  width: 3rem;
  height: 3.75rem;
  background-color: #1D88E5;
  border: 0.125rem solid #1D88E5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  z-index: 2;
  top: 50%;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.swiper__button.swiper__button_prev {
  left: 0;
}
.swiper__button.swiper__button_next {
  right: 0;
}
.swiper__button.swiper-button-disabled {
  opacity: 0.5;
}
.swiper__button:hover {
  background-color: #ffffff;
}
.swiper__button:hover .swiper__ico {
  fill: #1D88E5;
}

.swiper__ico {
  width: 1.25rem;
  height: 1.25rem;
  fill: #ffffff;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  overflow: hidden;
  overflow-y: auto;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.layout.layout_ready-load {
  visibility: visible;
  opacity: 1;
}
.layout .layout__main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.layout__header {
  background-color: #ffffff;
}
.layout__header.layout__header_menu-active .header__menu {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.layout__header.layout__header_menu-active .header__burger .burger__item {
  width: 2rem;
  margin-bottom: 0;
}
.layout__header.layout__header_menu-active .header__burger .burger__item:nth-child(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.layout__header.layout__header_menu-active .header__burger .burger__item:nth-child(2) {
  display: none;
}
.layout__header.layout__header_menu-active .header__burger .burger__item:nth-child(3) {
  margin-top: -0.25rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.layout__header.layout__header_menu-active ~ * {
  opacity: 0.1;
}
.layout__header.layout__header_active .header__user .user__item.user__item_burger .user__ico {
  fill: #1D88E5;
}

.header__primary {
  padding: 4.5rem 0 1.125rem;
  color: #ffffff;
  background-color: #1D1F22;
}
@media screen and (min-width: 768px) {
  .header__primary {
    padding: 1.125rem 0;
  }
}
.header__primary .container {
  gap: 0.5rem 1rem;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
  .header__primary .container {
    gap: 2rem;
    grid-template-columns: 10.625rem 15rem 20.5rem 8.875rem auto;
  }
}

.header__logo {
  -webkit-box-ordinal-group: -1;
      -ms-flex-order: -2;
          order: -2;
}
@media screen and (min-width: 768px) {
  .header__logo {
    -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
            order: unset;
  }
}
.header__logo .logo__link {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header__logo img,
.header__logo svg {
  height: 7rem;
  width: 17.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  .header__logo img,
.header__logo svg {
    height: 3.75rem;
    width: 10.75rem;
  }
}

.header__burger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .header__burger {
    display: none;
  }
}
.header__burger .burger__item {
  width: 2rem;
  background-color: #69707B;
  height: 0.25rem;
  border-radius: 0.5rem;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.header__burger .burger__item:not(:last-child) {
  margin-bottom: 0.25rem;
}

.header__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (min-width: 768px) {
  .header__contact {
    -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
            order: unset;
    display: unset;
  }
}
.header__contact.contact_primary {
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.header__contact.contact_primary .contact__list {
  gap: 0.125rem;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .header__contact.contact_primary .contact__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header__contact.contact_primary .contact__item:hover .contact__link {
  color: #1D88E5;
}
.header__contact.contact_primary .contact__link {
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  gap: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 768px) {
  .header__contact.contact_primary .contact__link {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.header__contact.contact_primary .contact__ico {
  width: 1.25rem;
  height: 1.25rem;
  fill: #1D88E5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .header__contact.contact_primary .contact__ico {
    width: 0.75rem;
    height: 0.75rem;
  }
}
.header__contact.contact_primary .contact__socials {
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .header__contact.contact_primary .contact__socials .socials__item {
    display: none;
  }
  .header__contact.contact_primary .contact__socials .socials__item:nth-child(1), .header__contact.contact_primary .contact__socials .socials__item:nth-child(2) {
    display: block;
  }
}
.header__contact.contact_primary .contact__socials .socials__item:hover .socials__ico {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.header__contact.contact_primary .contact__socials .socials__link {
  width: 2.25rem;
  height: 2.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .header__contact.contact_primary .contact__socials .socials__link {
    width: 1rem;
    height: 1rem;
  }
}
.header__contact.contact_primary .contact__socials .socials__ico {
  width: 100%;
  height: 100%;
  fill: #ffffff;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.header__contact.contact_secondary {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
@media screen and (min-width: 768px) {
  .header__contact.contact_secondary {
    -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
            order: unset;
  }
}
.header__contact.contact_secondary .contact__list {
  gap: 0 1.25rem;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .header__contact.contact_secondary .contact__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.header__contact.contact_secondary .contact__item:hover .contact__link {
  color: #1D88E5;
}
.header__contact.contact_secondary .contact__link {
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 768px) {
  .header__contact.contact_secondary .contact__link {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.header__contact.contact_secondary .contact__text {
  color: #0D78D5;
  font-size: 1rem;
  line-height: 1.25rem;
  display: block;
}
@media screen and (min-width: 768px) {
  .header__contact.contact_secondary .contact__text {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

.header__user {
  -webkit-box-ordinal-group: -2;
      -ms-flex-order: -3;
          order: -3;
  grid-column: span 2;
}
@media screen and (min-width: 768px) {
  .header__user {
    -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
            order: unset;
    grid-column: unset;
  }
}
@media screen and (max-width: 767px) {
  .header__user {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 1rem 0.75rem;
    z-index: 22;
    background-color: #1D1F22;
  }
}
.header__user .user__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header__user .user__item:nth-child(2) {
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .header__user .user__item:nth-child(2) {
    margin-left: unset;
  }
}
.header__user .user__item:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.04);
}
@media screen and (min-width: 768px) {
  .header__user .user__item.user__item_burger {
    display: none;
  }
}
.header__user .user__item:hover .user__ico {
  fill: #1D88E5;
}
.header__user .user__item:hover .user__value {
  color: #ffffff;
  background-color: #1D88E5;
}
.header__user .user__item:hover .user__text {
  color: #1D88E5;
}
.header__user .user__link {
  gap: 1.25rem;
  padding: 0.5rem 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .header__user .user__link {
    padding: 0.5rem 1.5rem;
  }
}
.header__user .user__ico {
  width: 1.75rem;
  height: 1.75rem;
  fill: #97A2AC;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 768px) {
  .header__user .user__ico {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.header__user .user__value {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 800;
  border-radius: 50%;
  color: #1D1F22;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  position: absolute;
  top: 0;
  left: 1.5rem;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 768px) {
  .header__user .user__value {
    left: 2.5rem;
  }
}
.header__user .user__text {
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  display: none;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 768px) {
  .header__user .user__text {
    display: inherit;
  }
}

.header__secondary {
  background-color: #F7F8F7;
}
.header__secondary .container {
  gap: 0;
  display: grid;
  max-width: 100vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  .header__secondary .container {
    gap: 2rem 0.75rem;
    grid-template-columns: auto 16.5rem;
  }
}
.header__secondary .header__dropdown {
  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 (max-width: 767px) {
  .header__secondary .header__dropdown {
    position: fixed;
    top: 0;
    z-index: 111;
    height: 100vh;
    width: 25rem;
    max-width: 90vw;
    background: #ffffff;
    -webkit-transform: translateX(0vw);
            transform: translateX(0vw);
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  .header__secondary .header__dropdown::before {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    width: 100vw;
    height: 100%;
  }
}
.header__secondary .header__dropdown .dropdown__header {
  padding: 1.125rem 1rem;
  gap: 0.75rem;
  font-weight: 700;
  border-bottom: 0.125rem solid #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #1D88E5;
}
@media screen and (min-width: 768px) {
  .header__secondary .header__dropdown .dropdown__header {
    display: none;
  }
}
.header__secondary .header__dropdown .dropdown__ico {
  width: 1rem;
  height: 1rem;
  fill: #ffffff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.header__secondary .header__dropdown .dropdown__main {
  overflow: hidden;
  overflow-y: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: calc(100% - 4.5rem);
}
@media screen and (min-width: 768px) {
  .header__secondary .header__dropdown .dropdown__main {
    display: grid;
    gap: 0.75rem;
    height: unset;
    grid-template-columns: 10.625rem auto;
    overflow: visible;
  }
}

.header__catalog.header__catalog_active .catalog__symbol .catalog__ico:nth-child(1) {
  opacity: 0;
  visibility: hidden;
}
.header__catalog.header__catalog_active .catalog__symbol .catalog__ico:nth-child(2) {
  width: 1rem;
  height: 1rem;
  opacity: 1;
  visibility: visible;
}
.catalog__ico {
    padding-bottom: 0.5rem;
}
.header__catalog .catalog__header {
  padding: 1.125rem 1rem;
  gap: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: #ffffff;
  background-color: #1D88E5;
}
@media screen and (min-width: 768px) {
  .header__catalog .catalog__header {
    padding: 1.125rem 2rem;
  }
}
.header__catalog .catalog__symbol {
  width: 1.5rem;
  height: 1.5rem;
  fill: #ffffff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}
.header__catalog .catalog__symbol .catalog__ico {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.header__catalog .catalog__symbol .catalog__ico:nth-child(1) {
  opacity: 1;
  visibility: visible;
}
.header__catalog .catalog__symbol .catalog__ico:nth-child(2) {
  opacity: 0;
  visibility: hidden;
}
.header__catalog .catalog__title {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 800;
  text-transform: uppercase;
}
.header__catalog .catalog__main {
  padding: 1rem;
  display: none;
  background-color: #ffffff;
  -webkit-box-shadow: 0 1.25rem 2.5rem rgba(200, 200, 200, 0.15);
          box-shadow: 0 1.25rem 2.5rem rgba(200, 200, 200, 0.15);
}
@media screen and (min-width: 768px) {
  .header__catalog .catalog__main {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 100;
    padding: 2rem;
  }
}
.header__catalog .catalog__main .catalog__list {
  gap: 1rem;
  display: grid;
}
@media screen and (min-width: 768px) {
  .header__catalog .catalog__main .catalog__list {
    gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
.header__catalog .catalog__main .catalog__item {
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.header__catalog .catalog__main .catalog__item:hover .catalog__ico {
  fill: #1D88E5;
}
.header__catalog .catalog__main .catalog__item:hover .catalog__link {
  color: #1D88E5;
}
.header__catalog .catalog__main .catalog__link {
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.catalog__link {
    padding-bottom: 0.5rem;
}
.header__catalog .catalog__main .catalog__ico {
  width: 0.875rem;
  height: 0.875rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  fill: #1D1F22;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.header__catalog .catalog__main .catalog__link {
  color: #1D1F22;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.header__catalog .catalog__main .catalog__sublist {
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.header__catalog .catalog__main .catalog__subitem:hover .catalog__sublink, .header__catalog .catalog__main .catalog__subitem.catalog__subitem_active .catalog__sublink {
  color: #ffffff;
  background-color: #1D88E5;
}
.header__catalog .catalog__main .catalog__sublink {
  color: #1D1F22;
  background-color: #F0F4F6;
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 800;
  border-radius: 0.125rem;
  padding: 0.5rem 1.25rem;
  display: block;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.header__callback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (min-width: 768px) {
  .header__callback {
    display: unset;
  }
}

.header__menu .menu__list {
  padding: 1rem 0;
  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) {
  .header__menu .menu__list {
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.header__menu .menu__item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 768px) {
  .header__menu .menu__item {
    gap: 0;
    width: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.header__menu .menu__item.menu__item_active .menu__link, .header__menu .menu__item:hover .menu__link {
  color: #1D88E5;
}
.header__menu .menu__link {
  color: #1D1F22;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 800;
  padding: 0.5rem 1rem;
  width: 100%;
  cursor: pointer;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 768px) {
  .header__menu .menu__link {
    padding: 1.125rem 1.25rem;
  }
}
.header__menu .menu__nav {
  background-color: #ffffff;
  z-index: 100;
  display: none;
  -webkit-box-shadow: 0 1.25rem 2.5rem rgba(200, 200, 200, 0.15);
          box-shadow: 0 1.25rem 2.5rem rgba(200, 200, 200, 0.15);
}
@media screen and (min-width: 768px) {
  .header__menu .menu__nav {
    padding: 1.5rem;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
  }
}
.header__menu .nav__list {
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .header__menu .nav__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .header__menu .nav__item:nth-child(even) .nav__subnav {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.header__menu .nav__subnav {
  margin: 1rem -1rem 0;
  width: calc(100% + 5rem);
  max-width: 100vw;
  border-radius: 0.25rem;
  background-color: #F7F8F7;
  overflow: hidden;
  display: none;
}
@media screen and (min-width: 768px) {
  .header__menu .nav__subnav {
    width: calc(200% + 10rem);
  }
}
.header__menu .nav__sublist {
  display: grid;
}
@media screen and (min-width: 768px) {
  .header__menu .nav__sublist {
    grid-template-columns: repeat(2, 1fr);
  }
}
.header__menu .nav__item {
  padding: 0.75rem 1rem;
  gap: 0 0.5rem;
  display: grid;
  grid-template-columns: auto 2.5rem;
}
.header__menu .nav__item.nav__item_active .nav__symbol {
  background-color: #1D88E5;
}
.header__menu .nav__item.nav__item_active .nav__ico:nth-child(1) {
  opacity: 0;
  visibility: hidden;
}
.header__menu .nav__item.nav__item_active .nav__ico:nth-child(2) {
  opacity: 1;
  visibility: visible;
}
.header__menu .nav__subitem:hover .nav__sublink, .header__menu .nav__subitem.nav__subitem_active .nav__sublink {
  background-color: #F0F4F6;
}
.header__menu .nav__link,
.header__menu .nav__sublink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #1D1F22;
  background-color: transparent;
  font-size: 0.875rem;
  line-height: 1rem;
  gap: 1rem;
  font-weight: 800;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.header__menu .nav__link:hover,
.header__menu .nav__sublink:hover {
  color: #1D88E5;
}
.header__menu .nav__sublink {
  padding: 1rem;
}
.header__menu .nav__picture,
.header__menu .nav__subpicture {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.header__menu .nav__picture img,
.header__menu .nav__subpicture img {
  width: 100%;
  height: 100%;
}
.header__menu .nav__symbol,
.header__menu .nav__subsymbol {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.25rem;
  background-color: #1D1F22;
  position: relative;
  cursor: pointer;
}
.header__menu .nav__ico {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.header__menu .nav__ico:nth-child(1) {
  width: 0.75rem;
  height: 0.75rem;
  opacity: 1;
  visibility: visible;
}
.header__menu .nav__ico:nth-child(2) {
  width: 0.75rem;
  height: 0.125rem;
  opacity: 0;
  visibility: hidden;
}

.header__search {
  padding: 0.5rem 1rem 1rem;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  background-color: #1D1F22;
}
@media screen and (min-width: 768px) {
  .header__search {
    padding: 0.625rem 0;
    background-color: unset;
    -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
            order: unset;
  }
}

@media screen and (max-width: 767px) {
  .layout__header:not(.layout__header_active) .header__dropdown {
    -webkit-transform: translateX(-100vw);
            transform: translateX(-100vw);
    visibility: hidden;
    opacity: 0;
  }
}

.layout__footer {
  position: relative;
}
.layout__footer .footer__primary {
  color: #ffffff;
  background-color: #1D1F22;
  padding: 4rem 0;
}
.layout__footer .footer__secondary {
  color: #69707B;
  background-color: #ffffff;
  font-size: 0.75rem;
  line-height: 1.25rem;
  padding: 1.5rem 0;
}
.layout__footer .container {
  display: grid;
  gap: 1.5rem 0.5rem;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
  .layout__footer .container {
    gap: 2.5rem 5rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.footer__menu {
  grid-column: span 2;
}
@media screen and (min-width: 768px) {
  .footer__menu {
    grid-column: span 4;
  }
}
.footer__menu .menu__list {
  grid-column: span 2;
  display: grid;
  gap: 1rem;
}
@media screen and (min-width: 768px) {
  .footer__menu .menu__list {
    grid-column: span 4;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2.5rem 5rem;
  }
}
.footer__menu .menu__item {
  gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.footer__menu .menu__item.menu__item_active .menu__ico {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.footer__menu .menu__header {
  gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer__menu .menu__title {
  color: #1D88E5;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.footer__menu .menu__ico {
  width: 1.25rem;
  height: 1.25rem;
  fill: #1D88E5;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 768px) {
  .footer__menu .menu__ico {
    display: none;
  }
}
.footer__menu .menu__main {
  display: none;
}
@media screen and (min-width: 768px) {
  .footer__menu .menu__main {
    display: block;
  }
}
.footer__menu .menu__nav .nav__list {
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.footer__menu .menu__nav .nav__item:hover .nav__link, .footer__menu .menu__nav .nav__item.nav__item_active .nav__link {
  color: #1D88E5;
}
.footer__menu .menu__nav .nav__link {
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.footer__logo .logo__link {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer__logo img,
.footer__logo svg {
  height: 3.75rem;
  width: 10.75rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.footer__contact {
  grid-column: span 2;
}
.footer__contact .contact__list {
  gap: 1.25rem 0.5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
  .footer__contact .contact__list {
    gap: 1.25rem 5rem;
  }
}
.footer__contact .contact__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.footer__contact .contact__title {
  color: #1D88E5;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.footer__contact .contact__sublist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.footer__contact .contact__subitem:hover .contact__link {
  color: #1D88E5;
}
.footer__contact .contact__link {
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.75rem;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.footer__contact .contact__symbol {
  width: 1rem;
  height: 1rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.footer__contact .contact__ico {
  width: 100%;
  height: 100%;
  fill: #1D88E5;
}
.footer__contact .contact__subtext {
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 500;
}
.footer__contact .contact__subtext {
  color: #97A2AC;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.footer__copyright {
  grid-column: span 2;
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}
@media screen and (min-width: 768px) {
  .footer__copyright {
    -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
            order: unset;
  }
}

.footer__support {
  grid-column: span 2;
}
@media screen and (min-width: 768px) {
  .footer__support {
    text-align: right;
  }
}

.footer__socials .socials__list {
  gap: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.footer__socials .socials__item:hover .socials__ico {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.footer__socials .socials__link {
  width: 2rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.footer__socials .socials__ico {
  width: 100%;
  height: 100%;
  fill: #ffffff;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.layout__scroll {
  position: fixed;
  bottom: 2rem;
  right: 1rem;
  z-index: 11;
}
@media screen and (min-width: 768px) {
  .layout__scroll {
    bottom: 4rem;
  }
}
.layout__scroll .scroll__link {
  width: 3rem;
  height: 3rem;
  background-color: #0D78D5;
  border: 0.125rem solid #0D78D5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.layout__scroll .scroll__link:hover {
  background-color: transparent;
}
.layout__scroll .scroll__link:hover .scroll__ico {
  fill: #0D78D5;
}
.layout__scroll .scroll__ico {
  width: 1.25rem;
  height: 1.25rem;
  fill: #ffffff;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.modal-init {
  cursor: pointer;
}

.layout__modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  cursor: pointer;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  background: rgba(17, 17, 17, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 768px) {
  .layout__modal {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.layout_modal-active .layout__modal {
  visibility: visible;
  opacity: 1;
}

.modal__layout {
  cursor: auto;
  width: 100%;
  height: auto;
  max-height: 100vh;
  gap: 0.5rem;
  padding: 1.5rem;
  overflow: hidden;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #F0F4F6;
  border-radius: 1rem 1rem 0 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 768px) {
  .modal__layout {
    max-width: 26rem;
    padding: 2rem;
    gap: 1.5rem;
    border-radius: 1rem;
  }
}
.modal__layout.modal__layout_active {
  visibility: visible;
  opacity: 1;
}
.modal__layout .modal__header {
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal__layout .modal__action {
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .modal__layout .modal__action:hover .action__ico {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
.modal__layout .modal__action .action__ico {
  width: 100%;
  height: 100%;
  fill: #1D88E5;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.layout__section {
  padding: 1rem 0;
  gap: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
@media screen and (min-width: 768px) {
  .layout__section {
    padding: 2rem 0;
  }
}
.layout__section.layout__section_padding {
  padding: 4rem 0;
}
.layout__section.layout__section_secondary {
  background-color: #F7F8F7;
}
.layout__section.layout__section_tertiary {
  background-color: #F0F4F6;
}
.layout__section:first-child {
  padding-top: 1.125rem;
}
@media screen and (min-width: 768px) {
  .layout__section:first-child {
    padding-top: 1.5rem;
  }
}
.layout__section .container.container_sidebar {
  gap: 2rem;
  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) {
  .layout__section .container.container_sidebar {
    display: grid;
    grid-template-columns: 17.5rem auto;
  }
}
@media screen and (min-width: 768px) {
  .layout__section .container.container_sidebar .section__header,
.layout__section .container.container_sidebar .section__footer {
    grid-column: span 2;
  }
}
.layout__section .section__main {
  gap: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.layout__section .section__sidebar {
  gap: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.layout__section .section__sidebar.section__sidebar_secondary {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media screen and (min-width: 768px) {
  .layout__section .section__sidebar.section__sidebar_secondary {
    -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
            order: unset;
  }
}
.layout__section .section__navigation {
  display: none;
}
@media screen and (min-width: 768px) {
  .layout__section .section__navigation {
    display: block;
  }
}
.layout__section .section__navigation.section__navigation_secondary .swiper__button {
  -webkit-transform: translateY(-25%);
          transform: translateY(-25%);
}
.layout__section .section__navigation .swiper__button.swiper__button_prev {
  left: 0.5rem;
}
@media (min-width: 1200px) {
  .layout__section .section__navigation .swiper__button.swiper__button_prev {
    left: calc(50% - 45.5rem);
  }
}
.layout__section .section__navigation .swiper__button.swiper__button_next {
  right: 0.5rem;
}
@media (min-width: 1200px) {
  .layout__section .section__navigation .swiper__button.swiper__button_next {
    right: calc(50% - 45.5rem);
  }
}

.section__subsection {
  gap: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.section__filter,
.subsection__filter {
  color: #69707B;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.section__sorting,
.subsection__sorting {
  gap: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section__sorting .sorting__list,
.subsection__sorting .sorting__list {
  gap: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section__sorting .sorting__item,
.subsection__sorting .sorting__item {
  color: #1D1F22;
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.section__sorting .sorting__item.sorting__item_active, .section__sorting .sorting__item:hover,
.subsection__sorting .sorting__item.sorting__item_active,
.subsection__sorting .sorting__item:hover {
  color: #1D88E5;
}
.section__sorting .sorting__item.sorting__item_active .sorting__ico, .section__sorting .sorting__item:hover .sorting__ico,
.subsection__sorting .sorting__item.sorting__item_active .sorting__ico,
.subsection__sorting .sorting__item:hover .sorting__ico {
  fill: #1D88E5;
}
.section__sorting .sorting__text,
.subsection__sorting .sorting__text {
  font-weight: 700;
}
.section__sorting .sorting__ico,
.subsection__sorting .sorting__ico {
  width: 0.5rem;
  height: 0.375rem;
  fill: #1D1F22;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 768px) {
  .section__sorting .sorting__ico,
.subsection__sorting .sorting__ico {
    -webkit-transform: translateY(0.125rem);
            transform: translateY(0.125rem);
  }
}

.section__view,
.subsection__view {
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section__view .view__value,
.subsection__view .view__value {
  color: #1D1F22;
  font-weight: 700;
}

.section__header .container,
.subsection__header {
  gap: 0.5rem;
  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) {
  .section__header .container,
.subsection__header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.subsection__header.subsection__header_secondary {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.subsection__ico {
  width: 2rem;
  height: 2rem;
}
@media screen and (min-width: 768px) {
  .subsection__ico {
    display: none;
  }
}

.section__footer,
.section__footer .container {
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.layout__breadcrumbs {
  padding: 1.25rem 0;
}
.layout__breadcrumbs .breadcrumbs__list {
  gap: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.layout__breadcrumbs .breadcrumbs__item {
  gap: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.layout__breadcrumbs .breadcrumbs__item:not(:last-child)::after {
  content: "/";
  -webkit-transform: translateY(-0.125rem);
          transform: translateY(-0.125rem);
}
.layout__breadcrumbs .breadcrumbs__item:not(:last-child):hover .breadcrumbs__link {
  color: #1D88E5;
}
.layout__breadcrumbs .breadcrumbs__link {
  color: #69707B;
  font-size: 0.75rem;
  line-height: 1.2rem;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.layout__breadcrumbs .breadcrumbs__ico {
  width: 0.875rem;
  height: 0.875rem;
  fill: #1D88E5;
}
.layout__breadcrumbs + .layout__main .layout__section:first-child {
  padding-top: 0;
}

.layout__navigation {
  padding: 0.5rem 1.25rem;
  border-radius: 0.125rem;
  background-color: #F0F4F6;
  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;
}
.layout__navigation .navigation__button {
  color: #1D1F22;
  background: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.layout__navigation .navigation__button:hover {
  color: #0D78D5;
}
.layout__navigation .navigation__pagination {
  gap: 0.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.layout__navigation .navigation__pagination .pagination__item {
  color: #1D1F22;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 800;
  border-radius: 0.125rem;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.layout__navigation .navigation__pagination .pagination__item:hover, .layout__navigation .navigation__pagination .pagination__item.pagination__item_active {
  background-color: #ffffff;
}

.section__sidebar {
  gap: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.section__sidebar.section__sidebar_hide {
  display: none;
}
@media screen and (min-width: 768px) {
  .section__sidebar.section__sidebar_hide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.section__sidebar.section__sidebar_hide .group__header {
  display: none;
}
@media screen and (min-width: 768px) {
  .section__sidebar.section__sidebar_hide .group__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.sidebar__group {
  gap: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sidebar__group.group_secondary {
  display: none;
}
@media screen and (min-width: 768px) {
  .sidebar__group.group_secondary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.sidebar__group .group__header {
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  justify-content-display: flex;
}
.sidebar__group .group__title {
  font-size: 1.75rem;
  line-height: 2rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .sidebar__group .group__title {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
.sidebar__group .group__ico {
  width: 2rem;
  height: 2rem;
}
@media screen and (min-width: 768px) {
  .sidebar__group .group__ico {
    display: none;
  }
}
.sidebar__group .group__symbol {
  width: 2rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.sidebar__group .group__symbol img,
.sidebar__group .group__symbol svg {
  width: 100%;
  height: 100%;
}

.sidebar__categories .categories__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sidebar__categories .categories__item.categories__item_active .categories__symbol .categories__ico {
  fill: #1D88E5;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sidebar__categories .categories__header {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sidebar__categories .categories__title {
  color: #1D1F22;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 600;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.sidebar__categories .categories__symbol {
  width: 3rem;
  height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.sidebar__categories .categories__symbol:hover .categories__ico {
  fill: #1D88E5;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sidebar__categories .categories__ico {
  width: 0.875rem;
  height: 0.875rem;
  fill: #1D1F22;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.sidebar__categories .categories__main {
  display: none;
}
.sidebar__categories .categories__sublist {
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sidebar__categories .categories__item:not(:last-child) {
  border-bottom: 1px dashed #97A2AC;
}
.sidebar__categories .categories__sublink {
  color: #1D1F22;
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 600;
  border-radius: 0.125rem;
  padding: 0.5rem 1rem;
  background-color: #F0F4F6;
}

.sidebar__video .video__list {
  gap: 1.5rem;
  display: grid;
}
.sidebar__video .video__link {
  padding-top: 66.6%;
  display: block;
  position: relative;
}
.sidebar__video .video__link:hover::before {
  border-color: #0D78D5;
  opacity: 1;
}
.sidebar__video .video__link::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  border: 0.25rem solid #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  z-index: 2;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.sidebar__video .video__link img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.sidebar__gallery .gallery__list.gallery__list_primary {
  gap: 1.5rem;
  display: grid;
}
.sidebar__gallery .gallery__list.gallery__list_primary .gallery__link {
  padding-top: 66.6%;
  display: block;
  position: relative;
}
.sidebar__gallery .gallery__list.gallery__list_primary .gallery__link:hover::before {
  border-color: #0D78D5;
  opacity: 1;
}
.sidebar__gallery .gallery__list.gallery__list_primary .gallery__link::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  border: 0.25rem solid #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  z-index: 2;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.sidebar__gallery .gallery__list.gallery__list_primary img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.sidebar__gallery .gallery__list.gallery__list_secondary {
  gap: 0.75rem;
  padding-bottom: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  overflow-x: auto;
}
@media screen and (min-width: 768px) {
  .sidebar__gallery .gallery__list.gallery__list_secondary {
    padding-bottom: 0;
    overflow: visible;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.sidebar__gallery .gallery__list.gallery__list_secondary .gallery__item {
  width: 42vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .sidebar__gallery .gallery__list.gallery__list_secondary .gallery__item {
    width: auto;
  }
}
.sidebar__gallery .gallery__list.gallery__list_secondary .gallery__link {
  padding-top: 140%;
  display: block;
  position: relative;
}
.sidebar__gallery .gallery__list.gallery__list_secondary .gallery__link:hover::before {
  border-color: #0D78D5;
  opacity: 1;
}
.sidebar__gallery .gallery__list.gallery__list_secondary .gallery__link::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  border: 0.25rem solid #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  z-index: 2;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.sidebar__gallery .gallery__list.gallery__list_secondary .gallery__link:hover .gallery__symbol {
  opacity: 1;
}
.sidebar__gallery .gallery__list.gallery__list_secondary .gallery__symbol {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.sidebar__gallery .gallery__list.gallery__list_secondary .gallery__ico {
  width: 1.25rem;
  height: 1.25rem;
  fill: #1D88E5;
}
.sidebar__gallery .gallery__list.gallery__list_secondary img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.sidebar__testimonials .testimonials__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sidebar__testimonials .testimonials__item {
  padding-bottom: 1rem;
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sidebar__testimonials .testimonials__item:not(:first-child) {
  padding-top: 1rem;
}
.sidebar__testimonials .testimonials__item:not(:last-child) {
  border-bottom: 1px dashed rgba(151, 162, 172, 0.3);
}
.sidebar__testimonials .testimonials__header {
  gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sidebar__testimonials .testimonials__date {
  color: #97A2AC;
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 600;
}
.sidebar__testimonials .testimonials__rating {
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sidebar__testimonials .testimonials__rating .rating__item {
  width: 1rem;
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.sidebar__testimonials .testimonials__rating .rating__item.rating__item_secondary .rating__ico {
  fill: #E5C51D;
}
.sidebar__testimonials .testimonials__rating .rating__ico {
  width: 100%;
  height: 100%;
  fill: rgba(151, 162, 172, 0.3);
}
.sidebar__testimonials .testimonials__main {
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sidebar__testimonials .testimonials__title {
  color: #1D1F22;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 700;
}
.sidebar__support .support__list {
  gap: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sidebar__support .support__link {
  gap: 1.25rem;
  padding: 1.25rem 1.5rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sidebar__support .support__link:hover::before {
  border-color: #0D78D5;
}
.sidebar__support .support__link::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.25rem solid rgba(29, 31, 34, 0.05);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  z-index: 2;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.sidebar__support .support__media {
  width: 4.5rem;
  height: 3.75rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
.sidebar__support .support__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
}
.sidebar__support .support__main {
  gap: 0.5rem;
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.sidebar__support .support__title {
  color: #1D1F22;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  display: block;
}
.sidebar__support .support__text {
  color: #69707B;
  font-size: 0.75rem;
  line-height: 1rem;
  display: block;
}

.sidebar__categories .categories__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sidebar__categories .categories__item:not(:first-child) .categories__link {
  padding-top: 0.875rem;
}
.sidebar__categories .categories__item:not(:last-child) {
  border-bottom: 1px dashed rgba(151, 162, 172, 0.3);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.sidebar__categories .categories__item:hover .categories__text, .sidebar__categories .categories__item.categories__item_active .categories__text {
  color: #1D88E5;
}
.sidebar__categories .categories__item.categories__item_active:not(:last-child) {
  border-color: transparent;
}
.sidebar__categories .categories__link {
  padding-bottom: 0.875rem;
  gap: 0.5rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}
.sidebar__categories .categories__text {
  color: #1D1F22;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.sidebar__categories .categories__ico {
  width: 0.875rem;
  height: 0.875rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.sidebar__categories .categories__sublist {
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sidebar__categories .categories__subitem:hover .categories__sublink {
  color: #ffffff;
  background-color: #1D88E5;
}
.sidebar__categories .categories__sublink {
  color: #1D1F22;
  background-color: #F0F4F6;
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 600;
  padding: 0.5rem 1rem;
  border-radius: 0.125rem;
  display: block;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.sidebar__filter .filter__list {
  gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sidebar__filter .filter__item {
  gap: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sidebar__filter .filter__title {
  color: #69707B;
  font-size: 0.875rem;
  line-height: 1rem;
}
.sidebar__filter .filter__main {
  gap: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* ARTICLE */
.layout__article {
  gap: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.article__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: 1rem;
}
@media screen and (min-width: 768px) {
  .article__header {
    -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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.article__date {
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.article__date .date__ico {
  width: 1.5rem;
  height: 1.5rem;
  fill: #1D88E5;
}

.article__map .map__list {
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.article__map .map__item:hover .map__link {
  color: #ffffff;
  background-color: #1D88E5;
  border-color: #1D88E5;
}
.article__map .map__link {
  color: #69707B;
  padding: 0.5rem 1.25rem;
  border: 0.125rem solid #F0F4F6;
  background-color: transparent;
  border-radius: 0.125rem;
  display: block;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.article__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: 1rem;
}
@media screen and (min-width: 768px) {
  .article__footer {
    -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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.article__socials {
  gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.article__socials .socials__list {
  gap: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.article__socials .socials__item .socials__ico {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.article__socials .socials__link {
  width: 2rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.article__socials .socials__ico {
  width: 100%;
  height: 100%;
  fill: #ffffff;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.article__main {
  gap: 1rem;
}

.article__main {
  display: -webkit-box;
  display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.clump-wrapper .clump-content {
  display: -webkit-box;
  -webkit-line-clamp: 9999999;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.clump-wrapper.clumped .clump-content {
  -webkit-line-clamp: 4;
}
@media screen and (max-width: 767px) {
  .clump-wrapper.clumped-m .clump-content {
    -webkit-line-clamp: 4;
  }
}
@media screen and (min-width: 768px) {
  .clump-wrapper.clumped-no-m .clump-content {
    -webkit-line-clamp: 4;
  }
}


/* ARTICLES */
.layout__articles .articles__list {
  gap: 1.5rem;
  display: grid;
}
@media screen and (min-width: 768px) {
  .layout__articles .articles__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 1.5rem;
  }
}
.layout__articles .articles__item {
  gap: 1rem;
  display: grid;
}
@media screen and (min-width: 768px) {
  .layout__articles .articles__item {
    gap: 1.5rem;
    grid-template-columns: 1fr 2fr;
  }
}
.layout__articles .articles__media .articles__link {
  padding-top: 50%;
  display: block;
  position: relative;
  position: relative;
}
.layout__articles .articles__media .articles__link:hover::before {
  border-color: #0D78D5;
  opacity: 1;
}
.layout__articles .articles__media .articles__link::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  border: 0.25rem solid #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  z-index: 2;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 768px) {
  .layout__articles .articles__media .articles__link {
    padding-top: 100%;
  }
}
.layout__articles .articles__media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.layout__articles .articles__main {
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.layout__articles .articles__title {
  color: #1D1F22;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.layout__articles .articles__title:hover {
  color: #1D88E5;
}
.layout__articles .articles__text {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* table */
.layout__table .table__header {
  border-radius: 0.125rem;
  background-color: #F0F4F6;
  display: none;
}
@media screen and (min-width: 768px) {
  .layout__table .table__header {
    display: inherit;
  }
}
.layout__table .table__header .table__list {
  padding: 0;
}
.layout__table .table__header .table__item {
  padding: 0.25rem 1.25rem;
}
.layout__table .table__main .table__list {
  border-bottom: 1px dashed rgba(151, 162, 172, 0.2);
}
.layout__table .table__title {
  color: #97A2AC;
  font-size: 0.75rem;
  line-height: 2rem;
  font-weight: 700;
  text-transform: uppercase;
}
.layout__table .table__list {
  gap: 1rem;
  padding: 1rem 0;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  grid-template-columns: auto 6rem 9.25rem 6rem 1.5rem;
}
@media screen and (min-width: 768px) {
  .layout__table .table__list {
    gap: 0.5rem;
    padding: 0;
    grid-template-columns: 4rem auto 9.25rem 9.25rem 9.25rem 4rem;
  }
}
.layout__table .table__item {
  color: #1D1F22;
}
@media screen and (min-width: 768px) {
  .layout__table .table__item {
    padding: 1.25rem;
  }
}
.layout__table .table__item:first-child {
  display: none;
}
@media screen and (min-width: 768px) {
  .layout__table .table__item:first-child {
    display: unset;
  }
}
.layout__table .table__item:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.layout__table .table__link {
  gap: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layout__table .table__link:hover .table__name {
  color: #1D88E5;
}
.layout__table .table__img {
  width: 4.5em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: none;
}
@media screen and (min-width: 768px) {
  .layout__table .table__img {
    width: 6.875rem;
    display: unset;
  }
}
.layout__table .table__name {
  color: #1D1F22;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.layout__table .table__text {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .layout__table .table__text {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
.layout__table .table__ico {
  width: 0.75rem;
  height: 0.75rem;
  fill: #1D1F22;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.layout__table .table__ico:hover {
  fill: #1D88E5;
}
/* CHECKOUT */
.layout__checkout .checkout__form {
  gap: 1.5rem;
  display: grid;
}
@media screen and (min-width: 768px) {
  .layout__checkout .checkout__form {
    grid-template-columns: repeat(3, 1fr);
  }
}

.checkout__personal {
  padding: 1.25rem;
  border-radius: 0.25rem;
  background-color: #F0F4F6;
  gap: 1rem;
  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) {
  .checkout__personal {
    padding: 2rem;
  }
}

.checkout__data {
  gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.checkout__data .data__group {
  padding: 1.25rem;
  border-radius: 0.25rem;
  gap: 0.75rem;
  background-color: #F0F4F6;
  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) {
  .checkout__data .data__group {
    padding: 1.25rem 2rem;
  }
}
.checkout__data .data__title {
  color: #1D1F22;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.checkout__data .data__main {
  gap: 1rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.checkout__data .form__item.form__item_secondary {
  grid-column: span 2;
}

.checkout__order {
  color: #ffffff;
  background-color: #0D78D5;
  border-radius: 0.25rem;
}
.checkout__order .order__header {
  padding: 1.25rem;
  background-color: #1D88E5;
}
@media screen and (min-width: 768px) {
  .checkout__order .order__header {
    padding: 1.5rem 2rem;
  }
}
.checkout__order .order__title {
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 700;
}
.checkout__order .order__layout {
  padding: 1.25rem;
  gap: 1.25rem;
  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) {
  .checkout__order .order__layout {
    padding: 1.5rem 2rem;
  }
}
.checkout__order .order__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.checkout__order .order__item {
  padding-bottom: 1rem;
  display: grid;
  grid-template-columns: auto 6rem;
  gap: 0.5rem;
  border-bottom: 1px dashed rgba(240, 244, 246, 0.3);
}
@media screen and (min-width: 768px) {
  .checkout__order .order__item {
    grid-template-columns: 1fr 1fr;
  }
}
.checkout__order .order__item:not(:first-child) {
  padding-top: 1rem;
}
.checkout__order .order__item:last-child .order__key {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.checkout__order .order__item:last-child .order__value {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 800;
}
.checkout__order .order__key {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.checkout__order .order__value {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700;
  text-align: right;
}
.checkout__order .order__footer {
  gap: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.checkout__order .checkbox__text {
  color: #ffffff;
}

/* POST */
.layout__post {
  gap: 2rem;
  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) {
  .layout__post {
    gap: 4.5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.post__sidebar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 32.875rem;
  display: none;
}
@media screen and (min-width: 768px) {
  .post__sidebar {
    display: block;
  }
}

.post__layout {
  gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.post__header {
  display: block;
}
@media screen and (min-width: 768px) {
  .post__header {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .post__main:not(.post__main_active) {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

.post__footer {
  display: block;
}
@media screen and (min-width: 768px) {
  .post__footer {
    display: none;
  }
}

.post__gallery .gallery__list {
  gap: 0.5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
  .post__gallery .gallery__list {
    gap: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.post__gallery .gallery__link {
  padding-top: 65%;
  border-radius: 0.25rem;
  display: block;
  overflow: hidden;
  position: relative;
  position: relative;
}
.post__gallery .gallery__link:hover::before {
  border-color: #0D78D5;
  opacity: 1;
}
.post__gallery .gallery__link::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  border: 0.25rem solid #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  z-index: 2;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.post__gallery .gallery__link img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

/* PRODUCTS */
.layout__products {
  gap: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.layout__products .products__list {
  overflow: hidden;
}
.layout__products .products__list:not(.products__list_carousel) {
  gap: 0.75rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
  .layout__products .products__list:not(.products__list_carousel) {
    gap: 1.25rem 1.5rem;
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .layout__products .products__list:not(.products__list_carousel).products__list_secondary {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .layout__products .products__list:not(.products__list_carousel).products__list_tertiary {
    grid-template-columns: repeat(3, 1fr);
  }
}
.layout__products .products__item {
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  border-radius: 0.125rem;
  -webkit-box-shadow: 0 1.25rem 2.5rem rgba(200, 200, 200, 0);
          box-shadow: 0 1.25rem 2.5rem rgba(200, 200, 200, 0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.layout__products .products__item:hover {
  background-color: #ffffff;
  -webkit-box-shadow: 0 1.25rem 2.5rem rgba(200, 200, 200, 0.15);
          box-shadow: 0 1.25rem 2.5rem rgba(200, 200, 200, 0.15);
}
.layout__products .products__tags {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 4;
}
.layout__products .products__tags .tags__list {
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.layout__products .products__tags .tags__item {
  width: 2rem;
  height: 2rem;
  background-color: #F0F4F6;
  border-radius: 0.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.layout__products .products__tags .tags__item:hover, .layout__products .products__tags .tags__item.tags__item_active {
  background-color: #1D88E5;
}
.layout__products .products__tags .tags__item:hover .tags__ico, .layout__products .products__tags .tags__item.tags__item_active .tags__ico {
  fill: #ffffff;
}
.layout__products .products__tags .tags__ico {
  width: 1.25rem;
  height: 1.25rem;
  fill: #1D88E5;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.layout__products .products__media .products__link {
  padding-top: 66.6%;
  position: relative;
  overflow: hidden;
  display: block;
  position: relative;
}
.layout__products .products__media .products__link:hover::before {
  border-color: #0D78D5;
  opacity: 1;
}
.layout__products .products__media .products__link::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  border: 0.25rem solid #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  z-index: 2;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.layout__products .products__media img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.layout__products .products__layout {
  gap: 1.25rem;
  padding: 0.5rem 0.5rem 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.layout__products .products__main {
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.layout__products .products__title {
  color: #1D1F22;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 768px) {
  .layout__products .products__title {
    -webkit-line-clamp: 2;
  }
}
.layout__products .products__title:hover {
  color: #1D88E5;
}
.layout__products .products__text {
  font-size: 0.875rem;
  line-height: 1.125rem;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .layout__products .products__text {
    -webkit-line-clamp: 4;
  }
}
.layout__products .products__footer {
  gap: 0.25rem;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 1fr 1fr;
}
.layout__products .products__sale {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  grid-column: span 2;
}
.layout__products .products__sale .sale__text {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.layout__products .products__sale .sale__text:not(.sale__text_secondary) {
  color: #1D1F22;
  text-decoration: line-through;
}
.layout__products .products__sale .sale__text.sale__text_secondary {
  color: #ffffff;
  background-color: #1D88E5;
  padding: 0.125rem 0.5rem;
}
.layout__products .products__price {
  color: #1D1F22;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 768px) {
  .layout__products .btn {
    padding: 0.125rem 0.5rem;
  }
}

/* PRODUCT */
.layout__product {
  gap: 1.5rem;
  display: grid;
}
@media screen and (min-width: 768px) {
  .layout__product {
    gap: 1.5rem 3.75rem;
    grid-template-columns: 44.5rem auto;
  }
}
.layout__product .product__media {
  gap: 0.75rem;
  display: grid;
  grid-template-columns: 5rem calc(100% - 5.75rem);
}
@media screen and (min-width: 768px) {
  .layout__product .product__media {
    grid-template-columns: 7.75rem 36rem;
  }
}

.product__slider {
  height: 20rem;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .product__slider {
    height: 29.375rem;
  }
}
.product__slider.slider_primary .slider__symbol {
  width: 4rem;
  height: 4rem;
}
.product__slider.slider_primary .slider__symbol .slider__ico {
  width: 1.5rem;
  height: 1.5rem;
}
.product__slider.slider_secondary {
  padding: 1.25rem 0;
}
.product__slider.slider_secondary .slider__symbol {
  width: 2rem;
  height: 2rem;
}
.product__slider.slider_secondary .slider__symbol .slider__ico {
  width: 0.875rem;
  height: 0.75rem;
}
.product__slider.slider_secondary .swiper__button {
  -webkit-transform: none;
          transform: none;
}
.product__slider.slider_secondary .slider__item {
  position: relative;
  cursor: pointer;
  border-radius: 0.125rem;
  overflow: hidden;
}
.product__slider.slider_secondary .slider__item.swiper-slide-thumb-active::before {
  opacity: 1;
  border-color: #1D88E5;
}
.product__slider.slider_secondary .slider__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.125rem solid #ffffff;
  opacity: 0.15;
  border-radius: 0.125rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 2;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.product__slider .slider__item {
  position: relative;
}
.product__slider .slider__item img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.product__slider .slider__symbol {
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #1D88E5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.product__slider .slider__symbol .slider__ico {
  fill: #ffffff;
}
.product__slider .swiper__button {
  width: 100%;
  height: 1.25rem;
  border: 0;
  background-color: #ffffff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  z-index: 2;
}
.product__slider .swiper__button.swiper__button_prev {
  bottom: auto;
  top: 0;
  left: 0;
}
.product__slider .swiper__button.swiper__button_next {
  top: auto;
  bottom: 0;
  left: 0;
}
.product__slider .swiper__button .swiper__ico {
  width: 1.25rem;
  height: 1.25rem;
  fill: #1D88E5;
}

.product__layout {
  gap: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.product__header {
  gap: 1rem;
  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;
}

.product__art {
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product__art .art__text {
  color: #69707B;
}
.product__art .art__value {
  color: #1D1F22;
  font-weight: 700;
}

.product__status {
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product__status .status__ico {
  width: 0.75rem;
  height: 0.75rem;
  fill: #1D88E5;
}
.product__status .status__text {
  color: #1D88E5;
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 700;
}

.product__main {
  background-color: #F0F4F6;
  gap: 1.25rem;
  padding: 1.25rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 768px) {
  .product__main {
    gap: 2rem 1.25rem;
    grid-template-columns: 8.25rem auto auto;
  }
}

.product__actions .actions__list {
  gap: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .product__actions .actions__list {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.product__actions .actions__item {
  width: 100%;
  height: 2.5rem;
  border-radius: 0.125rem;
  background-color: #ffffff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 768px) {
  .product__actions .actions__item {
    width: 2.5rem;
  }
}
.product__actions .actions__item:hover {
  background-color: #1D88E5;
}
.product__actions .actions__item:hover .actions__ico {
  fill: #ffffff;
}
.product__actions .actions__ico {
  width: 1.75rem;
  height: 1.75rem;
  fill: #1D88E5;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.product__quantity .jcf-number {
  min-width: 100%;
}

.product__order {
  grid-column: span 2;
}
.product__order .order__list {
  gap: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product__order .order__item {
  width: 100%;
}

.product__price {
  grid-column: span 2;
}
.product__price .price__list {
  gap: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product__price .price__item.price__item_primary {
  color: #1D1F22;
  font-size: 2rem;
  line-height: 2.25rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .product__price .price__item.price__item_primary {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
.product__price .price__item.price__item_secondary {
  color: #69707B;
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 500;
  text-decoration: line-through;
}
@media screen and (min-width: 768px) {
  .product__price .price__item.price__item_secondary {
    font-size: 1.75rem;
    line-height: 2rem;
  }
}

.product__footer {
  gap: 1.25rem;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 768px) {
  .product__footer {
    gap: 2.5rem 2rem;
    grid-template-columns: 9.5rem auto auto;
  }
}

.product__support .support__link {
  color: #1D1F22;
  background-color: #F0F4F6;
  border-radius: 0.25rem;
  padding: 0.75rem 1rem;
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.product__support .support__link:hover {
  color: #ffffff;
  background-color: #1D88E5;
}
.product__support .support__link:hover .support__ico {
  fill: #ffffff;
}
.product__support .support__ico {
  width: 1.25rem;
  height: 1.25rem;
  fill: #1D88E5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.product__support .support__text {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .product__socials {
    grid-column: span 2;
  }
}
.product__socials .socials__list {
  gap: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.product__socials .socials__item:hover .socials__link {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.product__socials .socials__link {
  width: 2rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.product__socials .socials__ico {
  width: 100%;
  height: 100%;
  fill: #ffffff;
}

.product__data {
  grid-column: span 2;
}
@media screen and (min-width: 768px) {
  .product__data {
    grid-column: span 3;
  }
}
.product__data .data__list {
  gap: 1rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (min-width: 768px) {
  .product__data .data__list {
    gap: 1.5rem;
  }
}
.product__data .data__item {
  gap: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.product__data .data__symbol {
  background-color: #0D78D5;
  border-radius: 0.125rem;
  width: 3rem;
  height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product__data .data__ico {
  width: 2rem;
  height: 2rem;
  fill: #ffffff;
}
.product__data .data__media {
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.product__data .data__title {
  color: #1D1F22;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 600;
}
.product__data .data__text {
  color: #97A2AC;
  font-size: 0.55rem;
  line-height: 0.75rem;
}
@media screen and (min-width: 768px) {
  .product__data .data__text {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.product__data br {
  display: none;
}
@media screen and (min-width: 768px) {
  .product__data br {
    display: inherit;
  }
}

.product__information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
}
.product__information .information__ico {
  width: 1rem;
  height: 1rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.product__information .information__text {
  color: #69707B;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
@media screen and (min-width: 768px) {
  .product__information .information__text {
    font-size: 0.875rem;
    line-height: 1rem;
  }
}

/* SLIDER */
.layout__slider {
  gap: 0.5rem;
  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) {
  .layout__slider {
    gap: 1.5rem;
  }
}

.slider__primary {
  display: none;
}
@media screen and (min-width: 768px) {
  .slider__primary {
    display: unset;
  }
}
.slider__primary .slider__item {
  height: 25rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .slider__primary .slider__item {
    height: 27.5rem;
  }
}
.slider__primary .slider__item::before {
  content: "";
  position: absolute;
  border: 1rem solid #ffffff;
  border-radius: 0.125rem;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.slider__primary .slider__main {
  position: absolute;
  padding: 1.25rem;
  color: #ffffff;
  background-color: rgba(29, 31, 34, 0.8);
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
  width: 100%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 0;
  bottom: 0;
  gap: 1rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .slider__primary .slider__main {
    max-width: 33.25rem;
    padding: 1.25rem 2rem;
    left: 2rem;
    bottom: 2rem;
    gap: 2rem;
    -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;
  }
}
.slider__primary .slider__title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .slider__primary .slider__title {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
.slider__primary .slider__media {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.slider__primary .slider__media img {
  width: 100%;
  height: 100%;
}

.slider__preview .preview__list {
  gap: 0.5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
  .slider__preview .preview__list {
    gap: 1.25rem;
    grid-template-columns: repeat(4, 1fr);
  }
}
.slider__preview .preview__item:hover .preview__link::before, .slider__preview .preview__item.preview__item_active .preview__link::before {
  border-color: #1D88E5;
  opacity: 1;
}
.slider__preview .preview__item:hover .preview__media::before, .slider__preview .preview__item.preview__item_active .preview__media::before {
  opacity: 1;
}
.slider__preview .preview__link {
  height: 7rem;
  padding: 1rem;
  gap: 1rem;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  position: relative;
}
.slider__preview .preview__link:hover::before {
  border-color: #0D78D5;
  opacity: 1;
}
.slider__preview .preview__link::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  border: 0.25rem solid #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  z-index: 2;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 768px) {
  .slider__preview .preview__link {
    height: 10.25rem;
    padding: 1.25rem 1.25rem 1.25rem 0;
  }
}
.slider__preview .preview__media {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.slider__preview .preview__media::before {
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 31, 34, 0)), to(rgb(29, 31, 34)));
  background: linear-gradient(to bottom, rgba(29, 31, 34, 0) 0%, rgb(29, 31, 34) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.slider__preview .preview__media img {
  width: 100%;
  height: 100%;
}
.slider__preview .preview__symbol {
  width: 1.5rem;
  height: 1.5rem;
  background-color: #1D88E5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .slider__preview .preview__symbol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.slider__preview .preview__ico {
  width: 0.875rem;
  height: 0.875rem;
  fill: #ffffff;
}
.slider__preview .preview__title {
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 0.75rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .slider__preview .preview__title {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

/* STEPS */
.layout__steps .steps__list {
  display: grid;
}
@media screen and (min-width: 768px) {
  .layout__steps .steps__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .layout__steps .steps__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.layout__steps .steps__item {
  padding: 0.5rem 0;
  gap: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .layout__steps .steps__item {
    min-height: 6.875rem;
    padding: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .layout__steps .steps__item:nth-child(2n+1) {
    background-color: #F7F8F7;
  }
}
.layout__steps .steps__symbol {
  color: #ffffff;
  background-color: #0D78D5;
  font-size: 1rem;
  min-width: 1.5rem;
  line-height: 1.25rem;
  padding: 0.25rem 0.5rem;
  font-weight: 700;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layout__steps .steps__text {
  color: #1D1F22;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.layout__steps .steps__text a {
  color: #1D88E5;
}

/* GALLERY */
.layout__gallery .gallery__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
@media screen and (min-width: 768px) {
  .layout__gallery .gallery__list {
    gap: 1.5rem;
  }
}
.layout__gallery .gallery__item:hover .gallery__link::before {
  border-color: #1D88E5;
}
.layout__gallery .gallery__link {
  padding-top: 66.6%;
  border-radius: 0.125rem;
  display: block;
  position: relative;
}
.layout__gallery .gallery__link::before {
  content: "";
  position: absolute;
  border: 0.25rem solid rgba(29, 31, 34, 0.05);
  border-radius: 0.125rem;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.layout__gallery img,
.layout__gallery iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* PARTNERS */
.layout__partners .partners__item {
  width: 8.125rem;
  height: 5.75rem;
}
.layout__partners .partners__link {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
.layout__partners .partners__link:hover::before {
  border-color: #0D78D5;
  opacity: 1;
}
.layout__partners .partners__link::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  border: 0.25rem solid #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  z-index: 2;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.layout__partners .partners__link img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

/* CONTACT */
.layout__contact .contact__list {
  gap: 1rem;
  display: grid;
}
@media screen and (min-width: 768px) {
  .layout__contact .contact__list {
    gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
.layout__contact .contact__item {
  gap: 1rem;
  display: grid;
  grid-template-columns: 3.5rem auto;
}
.layout__contact .contact__symbol {
  width: 3rem;
  background-color: #0D78D5;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layout__contact .contact__ico {
  width: 1.875rem;
  height: 1.875rem;
  fill: #ffffff;
}
.layout__contact .contact__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.contact-phones {
  gap: 0rem, 1.25rem;
  display: grid;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
}
@media screen and (min-width: 768px) {
  .contact-phones {
    grid-template-columns: repeat(2, 2fr);
  }
}
@media screen and (max-width: 767px) {
  .contact-phones {
    grid-template-columns: repeat(2, 0.3fr);
  }
}
.layout__contact .contact__title {
  color: #1D1F22;
  opacity: 0.85;
  font-weight: 700;
}
.layout__contact .contact__text {
  color: #69707B;
  opacity: 0.75;
  font-weight: 500;
}

.contact__socials {
  gap: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.contact__socials .socials__item .socials__ico {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.contact__socials .socials__link {
  width: 1.5rem;
  height: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.contact__socials .socials__ico {
  width: 100%;
  height: 100%;
  fill: #ffffff;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

/* TESTIMONIALS */
.layout__testimonials {
  gap: 1.5rem;
  display: grid;
}
.layout__testimonials .testimonials__list {
  overflow: hidden;
  gap: 1.25rem 1.5rem;
  display: grid;
}
@media screen and (min-width: 768px) {
  .layout__testimonials .testimonials__list {
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .layout__testimonials .testimonials__list.testimonials__list_secondary {
    grid-template-columns: repeat(2, 1fr);
  }
}
.layout__testimonials .testimonials__list.testimonials__list_secondary .testimonials__item {
  gap: 1.5rem;
}
@media screen and (min-width: 768px) {
  .layout__testimonials .testimonials__list.testimonials__list_secondary .testimonials__item {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 0.5rem 1rem;
  }
}
.layout__testimonials .testimonials__item {
  gap: 0.5rem;
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.layout__testimonials .testimonials__media {
  display: grid;
  grid-row: span 2;
}
.layout__testimonials .testimonials__media .testimonials__link {
  padding-top: 50%;
  position: relative;
  position: relative;
}
.layout__testimonials .testimonials__media .testimonials__link:hover::before {
  border-color: #0D78D5;
  opacity: 1;
}
.layout__testimonials .testimonials__media .testimonials__link::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  border: 0.25rem solid #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  z-index: 2;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 768px) {
  .layout__testimonials .testimonials__media .testimonials__link {
    padding-top: 100%;
  }
}
.layout__testimonials .testimonials__media .testimonials__link:hover .testimonials__symbol {
  opacity: 1;
}
.layout__testimonials .testimonials__media .testimonials__link img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.layout__testimonials .testimonials__symbol {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.layout__testimonials .testimonials__symbol .testimonials__ico {
  width: 1.25rem;
  height: 1.25rem;
  fill: #1D88E5;
}
.layout__testimonials .testimonials__header {
  gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layout__testimonials .testimonials__date {
  color: #97A2AC;
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 600;
}
.layout__testimonials .testimonials__rating {
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.layout__testimonials .testimonials__rating .rating__item {
  width: 1rem;
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.layout__testimonials .testimonials__rating.rating__item_secondary .rating__ico {
  fill: #E5C51D;
}
.layout__testimonials .rating__ico {
  width: 100%;
  height: 100%;
  fill: rgba(151, 162, 172, 0.3);
}
.layout__testimonials .testimonials__main {
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.layout__testimonials .testimonials__title {
  color: #1D1F22;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.layout__testimonials .testimonials__text {
  height: 100%;
}

/* PROJECTS */
.layout__projects .projects__list:not(.swiper-initialized) {
  gap: 1rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
  .layout__projects .projects__list:not(.swiper-initialized) {
    gap: 2rem 1.5rem;
    grid-template-columns: repeat(5, 1fr);
  }
}
.layout__projects .projects__link {
  padding-top: 100%;
  display: block;
  position: relative;
  position: relative;
}
.layout__projects .projects__link:hover::before {
  border-color: #0D78D5;
  opacity: 1;
}
.layout__projects .projects__link::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  border: 0.25rem solid #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  z-index: 2;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.layout__projects .projects__link img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.layout__projects .projects__title {
  color: #1D1F22;
  background-color: rgba(255, 255, 255, 0.75);
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700;
  padding: 1rem;
  width: 100%;
  position: absolute;
  text-align: center;
  left: 0;
  bottom: 0;
}
@media screen and (min-width: 768px) {
  .layout__projects .projects__title {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

/* CERTIFICATES */
.layout__certificates .certificates__list {
  gap: 1rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (min-width: 768px) {
  .layout__certificates .certificates__list {
    gap: 2rem 1.5rem;
  }
}
.layout__certificates .certificates__link {
  padding-top: 100%;
  display: block;
  position: relative;
  position: relative;
}
.layout__certificates .certificates__link:hover::before {
  border-color: #0D78D5;
  opacity: 1;
}
.layout__certificates .certificates__link::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  border: 0.25rem solid #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  z-index: 2;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.layout__certificates .certificates__link:hover .certificates__symbol {
  opacity: 1;
}
.layout__certificates .certificates__link img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.layout__certificates .certificates__symbol {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.layout__certificates .certificates__ico {
  width: 1.25rem;
  height: 1.25rem;
  fill: #1D88E5;
}

/* QUARANTEES */
.layout__quarantees .quarantees__list {
  gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.layout__quarantees .quarantees__item {
  gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .layout__quarantees .quarantees__item {
    gap: 2rem;
  }
}
.layout__quarantees .quarantees__index {
  color: #ffffff;
  background-color: #1D88E5;
  font-size: 1.5rem;
  line-height: 1rem;
  font-weight: 700;
  width: 3rem;
  height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  position: relative;
}
.layout__quarantees .quarantees__index:hover::before {
  border-color: #0D78D5;
  opacity: 1;
}
.layout__quarantees .quarantees__index::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  border: 0.25rem solid #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  z-index: 2;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 768px) {
  .layout__quarantees .quarantees__index {
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 700;
    width: 4rem;
    height: 4rem;
  }
}

/* COMPARISON */
.layout__comparison {
  position: relative;
}
.layout__comparison .swiper__button {
  position: absolute;
  top: 10rem;
  display: none !important;
}
@media (min-width: 1400px) {
  .layout__comparison .swiper__button {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
.layout__comparison .swiper__button.swiper__button_prev {
  left: -4rem;
}
.layout__comparison .swiper__button.swiper__button_next {
  right: -4rem;
}
.layout__comparison .comparison__list {
  overflow: hidden;
  overflow-x: auto;
}
@media screen and (min-width: 768px) {
  .layout__comparison .comparison__list {
    overflow: visible;
  }
}
.layout__comparison .comparison__item {
  width: 50%;
}
@media screen and (min-width: 768px) {
  .layout__comparison .comparison__item {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  .layout__comparison .comparison__item.swiper-slide-active, .layout__comparison .comparison__item.swiper-slide-active + .comparison__item, .layout__comparison .comparison__item.swiper-slide-active + .comparison__item + .comparison__item, .layout__comparison .comparison__item.swiper-slide-active + .comparison__item + .comparison__item + .comparison__item {
    opacity: 1;
    visibility: visible;
  }
}
.layout__comparison .comparison__header {
  position: relative;
}
.layout__comparison .comparison__symbol {
  width: 0.75rem;
  height: 0.75rem;
  top: 0;
  right: 0;
  position: absolute;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .layout__comparison .comparison__symbol {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.layout__comparison .comparison__picture {
  aspect-ratio: 1/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;
}
@media screen and (min-width: 768px) {
  .layout__comparison .comparison__picture {
    aspect-ratio: 1/1;
  }
}
.layout__comparison .comparison__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.layout__comparison .comparison__group {
  padding: 0.75rem;
  border-bottom: 1px dotted #F0F4F6;
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.layout__comparison .comparison__text {
  color: #69707B;
}
.layout__comparison .comparison__subtext {
  color: #1D1F22;
  font-size: 1.125rem;
  line-height: 1.125rem;
  font-weight: 500;
}
.layout__comparison .comparison__subtext.comparison__subtext_secondary {
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .layout__comparison .comparison__subtext.comparison__subtext_secondary {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
.layout__comparison .comparison__subtext.comparison__subtext_link {
  color: #1D1F22;
  @inclued transition;
}
.layout__comparison .comparison__subtext.comparison__subtext_link:hover {
  color: #0D78D5;
}
.layout__comparison .comparison__footer {
  padding: 1.5rem 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

/* ROUTE */
.layout__route .route__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.layout__route .route__item {
  aspect-ratio: 1/0.75;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .layout__route .route__item {
    aspect-ratio: 1/0.25;
  }
}
.layout__route .route__item iframe {
  width: 100%;
  height: 100%;
}

/* DETAILS */
.layout__details .details__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.layout__details .details__item {
  display: grid;
  padding: 1rem 1.5rem;
}
.layout__details .details__item:nth-child(odd) {
  background-color: #F0F4F6;
}
@media screen and (min-width: 768px) {
  .layout__details .details__item {
    gap: 1rem;
    grid-template-columns: 25rem auto;
  }
}
.layout__details .details__title {
  color: #69707B;
  opacity: 0.75;
  font-weight: 500;
}
.layout__details .details__text {
  color: #1D1F22;
  opacity: 0.85;
  font-weight: 700;
}

/* REVIEW */
.layout__review .review__list {
  gap: 0.5rem;
  display: grid;
}
@media screen and (min-width: 768px) {
  .layout__review .review__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.layout__review .review__item {
  aspect-ratio: 2/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  cursor: pointer;
}
.layout__review iframe {
  width: 100%;
  height: 100%;
}