:root {
  /* Переменные настроек */
  --align-text-h: left;
  --font-weight-h: 500;
  --line-height-h: 1.2;
  --font-weight-p: 400;
  --align-text-p: left;
  --line-height-p: 1.5;

  --mb-h1: 8px;
  --mb-h2: 8px;
  --mb-h3: 8px;
  --mb-h4: 8px;
  --mb-h5: 8px;
  --mb-h6: 8px;
  --mb-p: 0;

  --font-size-h1: 40px;
  --font-size-h2: 38px;
  --font-size-h3: 26px;
  --font-size-h4: 24px;
  --font-size-h5: 24px;
  --font-size-h6: 22px;
  --font-size-p: 16px;

  --font-size-h1-tablet: 36px;
  --font-size-h2-tablet: 30px;
  --font-size-h3-tablet: 22px;
  --font-size-h4-tablet: 20px;
  --font-size-h5-tablet: 20px;
  --font-size-h6-tablet: 18px;
  --font-size-p-tablet: 16px;

  --font-size-h1-mob: 28px;
  --font-size-h2-mob: 26px;
  --font-size-h3-mob: 20px;
  --font-size-h4-mob: 18px;
  --font-size-h5-mob: 18px;
  --font-size-h6-mob: 16px;
  --font-size-p-mob: 16px;

  /* размеры и отступы текста */
  --size-h1_desktop: var(--font-size-h1);
  --size-h1_laptop: var(--font-size-h1);
  --size-h1_tablet: var(--font-size-h1-tablet);
  --size-h1_phone: var(--font-size-h1-mob);
  --padding-h1: 0;
  --margin-h1: 0 0 var(--mb-h1) 0;
  --line-height-h1: var(--line-height-h);
  --size-h2_desktop: var(--font-size-h2);
  --size-h2_laptop: var(--font-size-h2);
  --size-h2_tablet: var(--font-size-h2-tablet);
  --size-h2_phone: var(--font-size-h2-mob);
  --padding-h2: 0;
  --margin-h2: 0 0 var(--mb-h2) 0;
  --line-height-h2: var(--line-height-h);
  --size-h3_desktop: var(--font-size-h3);
  --size-h3_laptop: var(--font-size-h3);
  --size-h3_tablet: var(--font-size-h3-tablet);
  --size-h3_phone: var(--font-size-h3-mob);
  --padding-h3: 0;
  --margin-h3: 0 0 var(--mb-h3) 0;
  --line-height-h3: var(--line-height-h);
  --size-h4_desktop: var(--font-size-h4);
  --size-h4_laptop: var(--font-size-h4);
  --size-h4_tablet: var(--font-size-h4-tablet);
  --size-h4_phone: var(--font-size-h4-mob);
  --padding-h4: 0;
  --margin-h4: 0 0 var(--mb-h4) 0;
  --line-height-h4: var(--line-height-h);
  --size-h5_desktop: var(--font-size-h5);
  --size-h5_laptop: var(--font-size-h5);
  --size-h5_tablet: var(--font-size-h5-tablet);
  --size-h5_phone: var(--font-size-h5-mob);
  --padding-h5: 0;
  --margin-h5: 0 0 var(--mb-h5) 0;
  --line-height-h5: var(--line-height-h);
  --size-h6_desktop: var(--font-size-h6);
  --size-h6_laptop: var(--font-size-h6);
  --size-h6_tablet: var(--font-size-h6-tablet);
  --size-h6_phone: var(--font-size-h6-mob);
  --padding-h6: 0;
  --margin-h6: 0 0 var(--mb-h6) 0;
  --line-height-h6: var(--line-height-h);
  --txt-titanic: 60px;
  --txt-giant: 34px;
  --txt-big: 26px;
  --txt-middle: 22px;
  --txt-small: 18px;
  --txt-tiny: 14px;
  --txt-min: 12px;
  --txt-main: var(--font-size-p);
  --padding-p: 0;
  --margin-p: var(--mb-p);
  /* --line-height-p: 1.5; INFO: ГЛОБАЛЬНАЯ ПЕРЕМЕННАЯ*/
  --txt-align-p: var(--align-text-p);
  --padding-span: 0;
  --margin-span: 0;
  --line-height-span: 1.5;
  --txt-align-span: left;
  --line-height-main: 1.3;

  /* Шрифты */
  --font-family-h: "Ubuntu", sans-serif;
  --font-family-p: "Ubuntu", sans-serif;

  /* текст */
  --font-weight-200: 200;
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --font-weight-800: 800;
  --font-weight-900: 900;

  /* цвета текста */
  --color-txt-black: #000000;
  --color-txt-white: #ffffff;
  --color-txt-main: #6C584C;

  /* оттенки главного текста */

  --color-txt-100: #eae4e1;
  --color-txt-300: #c0afa5;
  --color-txt-500: #957a6a;
  --color-txt-800: #3c312a;

  /* прозрачные и полупрозрачные цвета */

  --color-transparent: transparent;
  --color-black-50: #00000080;
  --color-black-49: #0000001e;
  --color-white-11: #ffffff1c;

  /* цвета фона */

  --color-body: #f0ead25c;
  --color-light: #F3F4F5;
  --color-dark: #000000;
  --color-red: #e74c3c;
  --color-yellow: #fffb04;

  --color-landsc: #f0ead2;
  --color-primary: #adc178;
  --color-secondary: #6c584c;
  --color-accent: #A98467;

  --linear-prim-secon: linear-gradient(var(--color-primary), var(--color-secondary));
  --linear-prim-acc: linear-gradient(var(--color-primary), var(--color-accent));
  --linear-secon-acc: linear-gradient(var(--color-secondary), var(--color-accent));
  --radial-prim-secon: radial-gradient(var(--color-primary), var(--color-secondary));
  --radial-prim-acc: radial-gradient(var(--color-primary), var(--color-accent));
  --radial-secon-acc: radial-gradient(var(--color-secondary), var(--color-accent));

  /* оттенки */

  --color-landsc-100: #f2edd9;
  --color-landsc-300: #d9c98c;
  --color-landsc-500: #bfa640;
  --color-landsc-800: #4d4219;

  --color-primary-100: #eaefdc;
  --color-primary-300: #c0cf96;
  --color-primary-500: #96af50;
  --color-primary-800: #3c4620;

  --color-secondary-100: #eae4e1;
  --color-secondary-300: #c0afa5;
  --color-secondary-500: #957a6a;
  --color-secondary-800: #3c312a;

  --color-accent-100: #ede5de;
  --color-accent-300: #c8b09d;
  --color-accent-500: #a37b5c;
  --color-accent-800: #413125;

  /* тени */

  --shadow-light-min: 0px 0px 5px var(--color-light);
  --shadow-dark-min: 0px 0px 5px var(--color-dark);
  --shadow-landsc-min: 0px 0px 5px var(--color-landsc);
  --shadow-primary-min: 0px 0px 5px var(--color-primary);
  --shadow-secondary-min: 0px 0px 5px var(--color-secondary);
  --shadow-accent-min: 0px 0px 5px var(--color-accent);

  --shadow-light-small: 0px 0px 10px var(--color-light);
  --shadow-dark-small: 0px 0px 10px var(--color-dark);
  --shadow-landsc-small: 0px 0px 10px var(--color-landsc);
  --shadow-primary-small: 0px 0px 10px var(--color-primary);
  --shadow-secondary-small: 0px 0px 10px var(--color-secondary);
  --shadow-accent-small: 0px 0px 10px var(--color-accent);

  --shadow-light-medium: 0px 0px 20px var(--color-light);
  --shadow-dark-medium: 0px 0px 20px var(--color-dark);
  --shadow-landsc-medium: 0px 0px 20px var(--color-landsc);
  --shadow-primary-medium: 0px 0px 20px var(--color-primary);
  --shadow-secondary-medium: 0px 0px 20px var(--color-secondary);
  --shadow-accent-medium: 0px 0px 20px var(--color-accent);

  --shadow-light-big: 0px 0px 30px var(--color-light);
  --shadow-dark-big: 0px 0px 30px var(--color-dark);
  --shadow-landsc-big: 0px 0px 30px var(--color-landsc);
  --shadow-primary-big: 0px 0px 30px var(--color-primary);
  --shadow-secondary-big: 0px 0px 30px var(--color-secondary);
  --shadow-accent-big: 0px 0px 30px var(--color-accent);

  /* радиусы */

  --radius-small: 4px;
  --radius-medium: 8px;
  --radius-big: 16px;
  --radius-circle: 100%;

  /* ссылки */
  --margin-a: 0;
  --line-height-a: 1.5;
  --font-weight-a: 600;
  --txt-decor-line-through-a: none;
  --color-a: var(var(--color-accent-500));
  --color-a-hover: var(var(--color-accent-800));

  /* размер переключателей */
  --width-switch-min: 30px;
  --height-switch-min: 16px;
  --top-point-min: 3px;
  --left-point-min: 2px;
  --width-point-min: 10px;
  --height-point-min: 10px;

  /* размеры блоков */

  --width-container: 1440px;
  --width-bl-10: 10%;
  --width-bl-20: 20%;
  --width-bl-25: 25%;
  --width-bl-30: 30%;
  --width-bl-33: 33.33%;
  --width-bl-40: 40%;
  --width-bl-41: 41.66%;
  --width-bl-50: 50%;
  --width-bl-60: 60%;
  --width-bl-66: 66.66%;
  --width-bl-58: 58.33%;
  --width-bl-70: 70%;
  --width-bl-75: 75%;
  --width-bl-80: 80%;
  --width-bl-90: 90%;
  --width-bl-100: 100%;

  --width-tiny-px: 10px;
  --width-min-px: 16px;
  /* используется для размеров чакбосов и размеров иконок */
  --width-small-px: 36px;
  /* используется для пагинации */
  --width-middle-px: 46px;
  /* используется для круглых кнопок, для пагинации, иконки социальных сетей */
  --width-big-px: 60px;
  /* для крупных кнопок, размеры иконок в блоках "преимущества" */
  --width-giant-px: 96px;
  /* кнопки слайдера promo-slider*/

  --width-num-list-px: 22px;
  --height-num-list-px: 22px;

  --height-1: 1px;
  --height-50: 50%;
  --height-100: 100%;
  --height-auto: auto;
  --height-screen-50: 50vh;
  --height-screen-80: 80vh;
  --height-screen-100: 100vh;

  --height-tiny-px: 10px;
  --height-min-px: 16px;
  /* используется для размеров чакбосов и элементов формы типа "радио" */
  --height-small-px: 36px;
  /* для высоты элементов формы (поля ввода и кнопки) */
  --height-middle-px: 46px;
  /* для высоты элементов формы (поля ввода и кнопки) */
  --height-big-px: 60px;
  /* для крупных кнопок, размеры иконок в блоках "преимущества" */
  --height-giant-px: 150px;
  /* ограничевает высоту поля textarea */

  /* стандартные границы блоков */

  --border-min: 1px;
  --border-small: 3px;
  --border-medium: 4px;
  --border-big: 6px;

  --border-solid: solid;

  /* переменные точек перегиба */

  --desktop-screen: 1920px;
  --laptop-screen: 1140px;
  --tablet-screen: 1139px;
  --tel-screen: 641px;

  /* переменный элементов секции */

  --width-section-bl: 100%;
  --mr-section-bl: 50px 0 0 0;

  --mr-section-subtitle: 0 0 10px 0;

  /* прозрачность */

  --opacity-0: 0;
  --opacity-50: .5;
  --opacity-75: .75;
  --opacity-1: 1;

  /* анимации */

  --transition-2s: all 0.2s linear;
  --transition-3s: all 0.3s linear;

  --movement-left: 0%;
  --movement-top: 0%;

  /* фильтры */

  --filter-invent-twice: invert(100%) contrast(200%);
  --filter-non-invent-twice: invert(100%) contrast(200%);
  --filter-gray: grayscale(100%);
  --filter-blur: blur(5px);

  /* отступы */

  --pd-fluid: 15px;
  --pd-ol: 20px;
  --mr-container: 0 auto;

  --mr-min: 5px;
  --mr-small: 10px;
  --mr-medium: 15px;
  --mr-big: 20px;
  --mr-giant: 30px;
  --mr-auto: auto;
  --mr-zero: 0;

  --mr-x-y-min: 4px 8px;
  --mr-x-y-small: 6px 10px;
  --mr-x-y-medium: 10px 18px;
  --mr-x-y-big: 15px 25px;

  --mr-x-auto: 0 auto;
  --mr-y-auto: auto 0;

  --pd-container: 0 20px;
  --pd-container-phone: 0 15px;

  --pd-min: 5px;
  --pd-micro: 10px;
  --pd-small: 15px;
  --pd-medium: 25px;
  --pd-big: 30px;
  --pd-giant: 45px;

  --pd-x-y-min: 4px 8px;
  --pd-x-y-small: 6px 12px;
  --pd-x-y-medium: 10px 18px;
  --pd-x-y-big: 15px 25px;
  --pd-x-y-giant: 30px 20px;

  --pd-round-btn-s: 10px;
  --pd-round-btn-m: 15px;

  --pd-zero: 0;

  --gap-min: 5px;
  --gap-small: 10px;
  --gap-medium: 20px;
  --gap-big: 30px;
  --gap-giant: 40px;

  /* переменные блоков */

  --pagin-margin: 15px auto 0 auto;

  --crumbs-item-margin: 4px 0;
  --crumbs-img-width: 16px;
  --crumbs-img-height: 16px;
  --crumbs-img-margin: 0 4px 0 8px;
  --crumbs-img-vertical-align: top;

  /* значки */
  --badge-padding: 4px 10px;
  --badge-opacity: .4;
  --badge-radius-small: 4px;
  --badge-radius-medium: 10px;
  --badge-radius-big: 50%;
}

* {
  padding: 0px;
  margin: 0px;
  border: none;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  margin: 0;
  height: 100%;
}

body {
  margin: 0;
  color: var(--color-txt-main);
  background-color: var(--color-body);
  font-family: var(--font-family-p)
}

aside,
nav,
footer,
header,
section,
main {
  display: block;
  font-family: inherit;
}

/* списки */

ul,
ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  color: inherit;
  font-family: inherit;
}
ul li {
  display: flex;
  align-items: center;
}

ul li::before {
  content: '';
  display: inline-block;
  width: var(--width-tiny-px);
  min-width: var(--width-tiny-px);
  height: var(--height-tiny-px);
  line-height: var(--height-tiny-px);
  background: var(--color-accent);
  border-radius: var(--radius-circle);
  line-height: var(--height-small-px);
  margin-right: var(--margin-right-small);
}

footer ul li::before, header ul li::before {
  display: none;
}

ol {
  padding-left: var(--pd-ol);
}

ol li {
  display: flex;
  padding-left: 26px;
  position: relative;
  line-height: var(--list-line-height);
  counter-increment: step;
}

ol li::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: counter(step);
  color: var(--color-landsc);
  background: var(--color-accent);
  border-radius: var(--radius-circle);
  display: inline-block;
  font-size: var(--txt-tiny); 
  font-weight: var(--font-weight-500);
  width: var(--width-num-list-px);
  min-width: var(--width-num-list-px);
  height: var(--height-num-list-px);
  line-height: var(--height-num-list-px);
  margin-right: var(--margin-right-middle);
  text-align: center;
  vertical-align: top;
}

li {
  font-weight: var(--font-weight-400);
  font-size: var(--txt-main);
  line-height: var(--line-height-main);
}

address {
  font-style: normal;
}

/* Текст */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: inherit;
  font-family: var(--font-family-h);

  text-align: var(--align-text-h);
}

p,
.p {
  color: inherit;
  font-family: inherit;
}

h1,
.h1,
.h1>p,
.h1>span,
.h1>a {
  margin: var(--margin-h1);
  padding: var(--padding-h1);
  font-weight: var(--font-weight-500);
  font-size: var(--size-h1_desktop);
  line-height: var(--line-height-h1);
}

@media (max-width: 1440px) {

  h1,
  .h1,
  .h1>p,
  .h1>span,
  .h1>a {
    font-size: var(--size-h1_laptop);
  }
}

@media (max-width: 1140px) {

  h1,
  .h1,
  .h1>p,
  .h1>span,
  .h1>a {
    font-size: var(--size-h1_tablet);
  }
}

@media (max-width: 641px) {

  h1,
  .h1,
  .h1>p,
  .h1>span,
  .h1>a {
    font-size: var(--size-h1_phone);
  }
}

h2,
.h2,
.h2>p,
.h2>span,
.h2>a {
  margin: var(--margin-h2);
  padding: var(--padding-h2);
  font-weight: var(--font-weight-500);
  font-size: var(--size-h2_desktop);
  line-height: var(--line-height-h2);
}

@media (max-width: 1440px) {

  h2,
  .h2,
  .h2>p,
  .h2>span,
  .h2>a {
    font-size: var(--size-h2_laptop);
  }
}

@media (max-width: 1140px) {

  h2,
  .h2,
  .h2>p,
  .h2>span,
  .h2>a {
    font-size: var(--size-h2_tablet);
  }
}

@media (max-width: 641px) {

  h2,
  .h2,
  .h2>p,
  .h2>span,
  .h2>a {
    font-size: var(--size-h2_phone);
  }
}

h3,
.h3,
.h3>p,
.h3>span,
.h3>a {
  margin: var(--margin-h3);
  padding: var(--padding-h3);
  font-weight: var(--font-weight-500);
  font-size: var(--size-h3_desktop);
  line-height: var(--line-height-h3);
}

@media (max-width: 1440px) {

  h3,
  .h3,
  .h3>p,
  .h3>span,
  .h3>a {
    font-size: var(--size-h3_laptop);
  }
}

@media (max-width: 1140px) {

  h3,
  .h3,
  .h3>p,
  .h3>span,
  .h3>a {
    font-size: var(--size-h3_tablet);
  }
}

@media (max-width: 641px) {

  h3,
  .h3,
  .h3>p,
  .h3>span,
  .h3>a {
    font-size: var(--size-h3_phone);
  }
}

h4,
.h4,
.h4>p,
.h4>span,
.h4>a {
  margin: var(--margin-h4);
  padding: var(--padding-h4);
  font-weight: var(--font-weight-500);
  font-size: var(--size-h4__desktop);
  line-height: var(--line-height-h4);
}

@media (max-width: 1440px) {

  h4,
  .h4,
  .h4>p,
  .h4>span,
  .h4>a {
    font-size: var(--size-h4_laptop);
  }
}

@media (max-width: 1140px) {

  h4,
  .h4,
  .h4>p,
  .h4>span,
  .h4>a {
    font-size: var(--size-h4_tablet);
  }
}

@media (max-width: 641px) {

  h4,
  .h4,
  .h4>p,
  .h4>span,
  .h4>a {
    font-size: var(--size-h4_phone);
  }
}

h5,
.h5,
.h5>p,
.h5>span,
.h5>a {
  margin: var(--margin-h5);
  padding: var(--padding-h5);
  font-weight: var(--font-weight-500);
  font-size: var(--size-h5__desktop);
  line-height: var(--line-height-h5);
}

@media (max-width: 1440px) {

  h5,
  .h5,
  .h5>p,
  .h5>span,
  .h5>a {
    font-size: var(--size-h5_laptop);
  }
}

@media (max-width: 1140px) {

  h5,
  .h5,
  .h5>p,
  .h5>span,
  .h5>a {
    font-size: var(--size-h5_tablet);
  }
}

@media (max-width: 641px) {

  h5,
  .h5,
  .h5>p,
  .h5>span,
  .h5>a {
    font-size: var(--size-h5_phone);
  }
}

h6,
.h6,
.h6>p,
.h6>span,
.h6>a {
  margin: var(--margin-h6);
  padding: var(--padding-h6);
  font-weight: var(--font-weight-500);
  font-size: var(--size-h6_desktop);
  line-height: var(--line-height-h6);
}

@media (max-width: 1440px) {

  h6,
  .h6,
  .h6>p,
  .h6>span,
  .h6>a {
    font-size: var(--size-h6_laptop);
  }
}

@media (max-width: 1140px) {

  h6,
  .h6,
  .h6>p,
  .h6>span,
  .h6>a {
    font-size: var(--size-h6_tablet);
  }
}

@media (max-width: 641px) {

  h6,
  .h6,
  .h6>p,
  .h6>span,
  .h6>a {
    font-size: var(--size-h6_phone);
  }
}

p,
.p,
.p>p,
.p>span,
.p>a {
  margin: var(--margin-p) 0;
  padding: var(--padding-p);
  font-size: var(--txt-main);
  text-align: var(--txt-align-p);
  line-height: var(--line-height-p);
  font-weight: var(--font-weight-400);
}

span,
.span,
.span>p,
.span>span,
.span>a {
  margin: var(--margin-span);
  padding: var(--padding-span);
  font-size: var(--txt-main);
  text-align: var(--txt-align-span);
  line-height: var(--line-height-span);
  font-weight: var(--font-weight-400);
}

/* ссылки */

a,
.a,
.link {
  cursor: pointer;
  font-family: inherit;
  margin: var(--margin-a);
  color: var(--color-a);
  font-size: var(--txt-main);
  font-weight: var(--font-weight-a);
  line-height: var(--line-height-a);
  text-decoration: var(--txt-decor-line-through-a);
}

a:hover,
.a:hover,
.link:hover {
  color: var(--color-a-hover);
}

.txt-upper-case {
  text-transform: uppercase;
}

.txt-upper-case {
  text-transform: uppercase;
}

/* жирность текста */

.txt-extra-light,
.txt-extra-light>p,
.txt-extra-light>span,
.btn.txt-extra-light {
  font-weight: var(--font-weight-200);
}

.txt-light,
.txt-light>p,
.txt-light>span,
.btn.txt-light {
  font-weight: var(--font-weight-300);
}

.txt-regular,
.txt-regular>p,
.txt-regular>span,
.btn.txt-regular {
  font-weight: var(--font-weight-400);
}

.txt-medium,
.txt-medium>p,
.txt-medium>span,
.btn.txt-medium {
  font-weight: var(--font-weight-500);
}

.txt-semi-bold,
.txt-semi-bold>p,
.txt-semi-bold>span,
.btn.txt-semi-bold {
  font-weight: var(--font-weight-600);
}

.txt-bold,
.txt-bold>p,
.txt-bold>span,
.btn.txt-bold {
  font-weight: var(--font-weight-700);
}

.txt-extra-bold,
.txt-extra-bold>p,
.txt-extra-bold>span,
.btn.txt-extra-bold {
  font-weight: var(--font-weight-800);
}

/* другие свойства текста */

.txt-decor-line-through {
  text-decoration: line-through;
}

/* линии */

.line-simple {
  width: var(--width-bl-100);
  height: var(--height-1);
}

/* изображения и видео */

img,
svg {
  width: var(--width-bl-100);
  height: auto;
}

.object-fit-cover,
.object-fit-cover img {
  object-fit: cover;
}

/* элементы формы */
/* поле ввода */

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"] {
  text-align: left;
  font-size: var(--txt-main);
  color: var(--color-txt-main);
  width: var(--width-bl-100);
  height: var(--height-middle-px);
  padding: var(--pd-x-y-small);
  border-radius: var(--radius-small);
  -moz-border-radius: var(--radius-small);
  -webkit-border-radius: var(--radius-small);
  background: var(--color-light);
  border: var(--border-min) var(--border-solid) var(--color-secondary);
}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="tel"]::placeholder {
  font-family: inherit;
  font-size: var(--txt-main);
  color: var(--color-txt-300);
  font-weight: var(--font-weight-500);
}

input::-ms-clear {
  display: none;
}

/* большое поле ввода */
textarea {
  /* resize: none; */
  font-family: inherit;
  font-size: var(--txt-main);
  color: var(--color-txt-main);
  width: var(--width-bl-100);
  padding: var(--pd-x-y-small);
  height: var(--height-giant-px);
  border-radius: var(--radius-small);
  -moz-border-radius: var(--radius-small);
  -webkit-border-radius: var(--radius-small);
  background: var(--color-light);
  border: var(--border-min) var(--border-solid) var(--color-secondary);
}

textarea::placeholder {
  font-family: inherit;
  font-size: var(--txt-main);
  color: var(--color-txt-300);
  font-weight: var(--font-weight-500);
}

.input-field-hint {
  font-size: var(--txt-min);
  /* color: var(--color-txt-500); */
}

.input-error-message {
  position: absolute;
  display: none;
  font-size: var(--txt-min);
  color: var(--color-red);
}

input[type="text"].input--standart,
input[type="password"].input--standart,
input[type="tel"].input--standart {
  height: var(--height-middle-px);
}

label,
.label,
label p,
label span {
  font-size: var(--txt-min);
  font-weight: var(--font-weight-400);
}

/* кнопки */

button,
input[type="submit"],
.btn {
  outline: none;
  cursor: pointer;
  box-shadow: none;
  text-align: center;
  height: var(--height-middle-px);
  padding: var(--pd-x-y-small);
  font-size: var(--txt-main);
  transition: var(--transition-2s);
  color: var(--color-landsc);
  font-weight: var(--font-weight-500);
  background-color: var(--color-primary);
  border-radius: var(--radius-small);
  -moz-border-radius: var(--radius-small);
  -webkit-border-radius: var(--radius-small);
  border: var(--border-min) var(--border-solid) var(--color-secondary);
}

button:hover,
input[type="submit"]:hover,
.btn:hover {
  background-color: var(--color-accent);
  /* background-color: var(--color-secondary-500); */
  /* color: var(--color-txt-300); */
}

button:active,
button.active,
input[type="submit"]:active,
input[type="submit"].active,
.btn.active,
.btn:active {
  background-color: var(--color-secondary-800);
  color: var(--color-txt-300);
  border: var(--border-min) var(--border-solid) var(--color-secondary-500);
}

button:disabled,
button.disabled,
.btn.disabled,
input[type="submit"]:disabled,
input[type="submit"].disabled {
  cursor: not-allowed;
  color: var(--color-txt-300);
  opacity: var(--opacity-1);
  border: var(--border-min) var(--border-solid) var(--color-accent-500);
  background-color: var(--color-secondary-100);
}

input:focus,
input:active,
button:focus,
button:active,
textarea:focus,
textarea:active {
  outline: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.btn-invert .btn {
  color: var(--color-txt-main);
  background: var(--color-landsc);
}

.btn-invert .btn:hover {
  color: var(--color-landsc);
  background-color: var(--color-secondary);
}

.btn-normal>.btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-btn {
  width: var(--width-bl-100);
}

.search-btn {
  border-radius: 0 var(--radius-small) var(--radius-small) 0;
  color: var(--color-txt-main);
  background: var(--color-light);
  border-top: var(--border-min) var(--border-solid) var(--color-secondary);
  border-bottom: var(--border-min) var(--border-solid) var(--color-secondary);
  border-right: var(--border-min) var(--border-solid) var(--color-secondary);
  border-left: 0;
}

input[type="text"].search-input {
  border-radius: var(--radius-small) 0 0 var(--radius-small);
  border-top: var(--border-min) var(--border-solid) var(--color-secondary);
  border-bottom: var(--border-min) var(--border-solid) var(--color-secondary);
  border-left: var(--border-min) var(--border-solid) var(--color-secondary);
  border-right: 0;
}

legend {
  display: block;
}

/* дополнительные кнопки */

.btn--small {
  padding: var(--pd-x-y-min);
  font-size: var(--txt-min);
}

.btn--medium {
  padding: var(--pd-x-y-medium);
  font-size: var(--text-big);
}

.btn--big {
  padding: var(--pd-x-y-big);
  font-size: var(--text-big);
}

.btn--round-small {
  width: var(--width-small-px);
  height: var(--height-small-px);
  border-radius: var(--radius-circle);
}

.btn--round-medium {
  width: var(--width-middle-px);
  height: var(--height-middle-px);
  border-radius: var(--radius-circle);
}

.btn--round-big {
  width: var(--width-big-px);
  height: var(--height-big-px);
  border-radius: var(--radius-circle);
}

@media (max-width: 641px) {
  .btn--round-big {
    width: var(--width-big-px);
    height: var(--width-big-px);
    padding: var(--pd-round-btn-m);
  }
}

.transparent--btn {
  color: var(--color-txt-main);
  background-color: var(--color-transparent);
}

.btn--standart {
  height: var(--height-middle-px);
}

/* чекбоксы */

input[type="checkbox"] {
  position: absolute;
  opacity: var(--opacity-0);
}

.label-checkbox {
  position: relative;
}

input[type="checkbox"]+label {
  display: inline-flex;
  align-items: center;
  user-select: none;
}

input[type="checkbox"]+label::before {
  content: '';
  display: inline-block;
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: var(--mr-min);
  width: var(--width-min-px);
  height: var(--height-min-px);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  border-radius: var(--radius-small);
  -moz-border-radius: var(--radius-small);
  -webkit-border-radius: var(--radius-small);
  border: var(--border-min) var(--border-solid) var(--color-primary-300);
}

input[type="checkbox"]:checked+label::before {
  border-color: var(--color-primary-800);
  background-color: var(--color-secondary);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили при наведении курсора на checkbox */
input[type="checkbox"]:not(:disabled):active+label::before {
  border-color: var(--color-accent);
}

/* стили для активного состояния чекбокса (при нажатии на него) */
input[type="checkbox"]:not(:disabled):active+label::before {
  background-color: var(--color-secondary-500);
  border-color: var(--color-secondary-100);
}

/* стили для чекбокса, находящегося в фокусе */
input[type="checkbox"]:focus+label::before {
  box-shadow: var(--color-secondary);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
input[type="checkbox"]:focus:not(:checked)+label::before {
  border-color: var(--color-secondary-800);
}

/* стили для чекбокса, находящегося в состоянии disabled */
input[type="checkbox"]:disabled+label::before {
  background-color: var(--color-secondary-100);
}

/* стили элемента радто */

.fieldset-radio,
fieldset {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: var(--gap-medium);
  padding: var(--pd-small);
  width: var(--width-bl-100);
  border-radius: var(--radius-small);
  -moz-border-radius: var(--radius-small);
  -webkit-border-radius: var(--radius-small);
  border: var(--border-min) var(--border-solid) var(--color-accent);
}

input[type="radio"] {
  appearance: none;
  cursor: pointer;
  position: relative;
  border-radius: var(--radius-circle);
  width: var(--width-min-px);
  height: var(--height-min-px);
  transition: var(--transition-2s);
  margin-right: var(--mr-min);
  top: var(--radio-top);
  border: var(--border-small) var(--border-solid) var(--color-primary-300);
}

input[type="radio"]:checked {
  border: var(--border-big) var(--border-solid) var(--color-secondary);
}

/* стили  переключателя */

input[type="checkbox"].input-switch-min {
  cursor: pointer;
  width: var(--width-switch-min);
  height: var(--height-switch-min);
}

label.label-switch-min {
  cursor: pointer;
  width: var(--width-switch-min);
  height: var(--height-switch-min);
  background: var(--color-primary);
  border-radius: var(--radius-big);
}

label.label-switch-min:after {
  content: '';
  position: absolute;
  top: var(--top-point-min);
  left: var(--top-point-min);
  width: var(--width-point-min);
  height: var(--height-point-min);
  background: var(--color-accent);
  border-radius: var(--radius-circle);
  transition: 0.3s;
  display: block;
}

input.input-switch-min:checked+label:after {
  left: calc(100% - 5px);
  transform: translateX(-100%);
}

input[type="checkbox"].input-switch-min+label::before {
  display: none;
}

/* select */

select {
  appearance: none;
  font-family: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-size: var(--txt-main);
  width: var(--width-bl-100);
  height: var(--height-small-px);
  color: var(--color-txt-main);
  padding: var(--pd-x-y-small);
  background: var(--color-light);
  border-radius: var(--radius-small);
  -moz-border-radius: var(--radius-small);
  -webkit-border-radius: var(--radius-small);
  border: var(--border-min) var(--border-solid) var(--color-secondary);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="6"><path d="M0 0l6 6 6-6z" fill="%23333"/></svg>');
  background-position: right 10px center;
  background-repeat: no-repeat;
  padding-right: var(--pd-giant);
}

select:hover {
  border-color: var(--color-secondary);
}

select:focus {
  outline: none;
}

/* Стиль для отключенного состояния */
select:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: var(--color-landsc-500);
}

/* Стиль для элемента с атрибутом required */
select:required {
  border: 4px solid var(--color-red);
}

/* Работает не везде */
option {
  padding: 10px;
  cursor: pointer;
  background-color: var(--color-landsc);
  color: var(--color-txt-main);
}

option:hover {
  color: var(--color-txt-800);
  background-color: var(--color-secondary);
}

/* курсор */

.cursor-pointer {
  cursor: pointer;
}

/* индекс видимости */
.z-put-away {
  z-index: -1;
}

.z-min {
  z-index: 1;
}

.z-small {
  z-index: 9;
}

.z-medium {
  z-index: 999;
}

.z-big {
  z-index: 99999;
}

.z-giant {
  z-index: 9999999999;
}

/* классы - flex */

.flex {
  display: flex;
}

/*  */
.max-two>* {
  flex: 1 0 var(--width-bl-25);
}

.max-two-min>* {
  flex: 1 0 calc(var(--width-bl-50) - var(--gap-min));
}

.max-two-small>* {
  flex: 1 0 calc(var(--width-bl-50) - var(--gap-small));
}

.max-two-medium>* {
  flex: 1 0 calc(var(--width-bl-50) - var(--gap-medium));
}

.max-two-big>* {
  flex: 1 0 calc(var(--width-bl-50) - var(--gap-big));
}

.max-two-giant>* {
  flex: 1 0 calc(var(--width-bl-50) - var(--gap-giant));
}

/*  */
.max-four>* {
  flex: 1 0 var(--width-bl-25);
}

.max-four-min>* {
  flex: 1 0 calc(var(--width-bl-25) - 3 * var(--gap-min) / 4);
}

.max-four-small>* {
  flex: 1 0 calc(var(--width-bl-25) - 3 * var(--gap-small) / 4);
}

.max-four-medium>* {
  flex: 1 0 calc(var(--width-bl-25) - 3 * var(--gap-medium) / 4);
}

.max-four-big>* {
  flex: 1 0 calc(var(--width-bl-25) - 3 * var(--gap-big) / 4);
}

.max-four-giant>* {
  flex: 1 0 calc(var(--width-bl-25) - 3 * var(--gap-giant) / 4);
}

/*  */
.flex-direct-col {
  flex-direction: column;
}

@media (max-width: 1920px) {
  .flex-col-desktop {
    flex-direction: column;
  }
}

@media (max-width: 1440px) {
  .flex-col-laptop {
    flex-direction: column;
  }
}

@media (max-width: 1139px) {
  .flex-col-tablet {
    flex-direction: column;
  }
}

@media (max-width: 641px) {
  .flex-col-tel {
    flex-direction: column;
  }
}

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

.align-start {
  align-items: start;
}

.align-stretch {
  align-items: stretch;
}

.align-normal {
  align-items: normal;
}

.align-center {
  align-items: center;
}

.content-flex-start {
  align-content: flex-start;
}

.justify-center {
  justify-content: center;
}

.justify-flex-start {
  justify-content: flex-start;
}

.justify-flex-end {
  justify-content: end;
}

.space-between {
  justify-content: space-between;
}

.space-around {
  justify-content: space-around;
}

.justify-start {
  justify-content: start;
}

.justify-right {
  justify-content: right;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-direction-row {
  flex-direction: row;
}

.flex-1 {
  flex: 1;
}

.stretch-last-elem {
  flex: 1 1 auto;
}

/* flex отступы */

.gap-min {
  gap: var(--gap-min);
}

.gap-small {
  gap: var(--gap-small);
}

.gap-medium {
  gap: var(--gap-medium);
}

.gap-big {
  gap: var(--gap-big);
}

.gap-giant {
  gap: var(--gap-giant);
}

/* позиционирование элементов */

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-fixed {
  position: fixed;
}

.position-centering {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.position-centeringX {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.position-centeringY {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.left {
  left: 0;
}

.right {
  right: 0;
}

.top {
  top: 0;
}

.bottom {
  bottom: 0;
}

/* прокрутка блоков */

.overflow-auto {
  overflow: auto;
  /* прокрутка появляется при необходимости */
}

.overflow-scroll {
  overflow: scroll;
  /* прокрутка всегда видна */
}

.overflow-visible {
  overflow: visible;
  /* по умолчанию — содержимое выходит за блок */
}

/* что нибудь скрыть */

.overflow-hid {
  overflow: hidden;
}

.visibility-hid {
  visibility: hidden;
}

@media (max-width: 1920px) {
  .visibility-hid-desktop {
    visibility: hidden;
  }
}

@media (max-width: 1440px) {
  .visibility-hid-laptop {
    visibility: hidden;
  }
}

@media (max-width: 1139px) {
  .visibility-hid-tablet {
    visibility: hidden;
  }
}

@media (max-width: 641px) {
  .visibility-hid-tel {
    visibility: hidden;
  }
}

.display-none {
  display: none;
}

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

@media (max-width: 1440px) {
  .display-none-laptop {
    display: none;
  }
}

@media (max-width: 1139px) {
  .display-none-tablet {
    display: none;
  }
}

@media (max-width: 641px) {
  .display-none-tel {
    display: none;
  }
}

.opacity-1 {
  opacity: var(--opacity-1);
}

.opacity-75 {
  opacity: var(--opacity-75);
}

.opacity-50 {
  opacity: var(--opacity-50);
}

.opacity-0 {
  opacity: var(--opacity-0);
}

/* показать */

.visibility-vis {
  visibility: visible;
}

@media (max-width: 1920px) {
  .visibility-vis-desktop {
    visibility: visible;
  }
}

@media (max-width: 1440px) {
  .visibility-vis-laptop {
    visibility: visible;
  }
}

@media (max-width: 1139px) {
  .visibility-vis-tablet {
    visibility: visible;
  }
}

@media (max-width: 641px) {
  .visibility-vis-tel {
    visibility: visible;
  }
}

.display-block {
  display: block;
}

.display-inline-block {
  display: inline-block;
}

@media (max-width: 1920px) {
  .display-block-desktop {
    display: block;
  }
}

@media (max-width: 1440px) {
  .display-block-laptop {
    display: block;
  }
}

@media (max-width: 1139px) {
  .display-block-tablet {
    display: block;
  }
}

@media (max-width: 641px) {
  .display-block-tel {
    display: block;
  }
}

/*  */

@media (max-width: 1920px) {
  .display-inline-block-desktop {
    display: inline-block;
  }
}

@media (max-width: 1440px) {
  .display-inline-block-laptop {
    display: inline-block;
  }
}

@media (max-width: 1139px) {
  .display-inline-block-tablet {
    display: inline-block;
  }
}

@media (max-width: 641px) {
  .display-inline-block-tel {
    display: inline-block;
  }
}

/*  */


@media (max-width: 1920px) {
  .display-flex-desktop {
    display: flex;
  }
}

@media (max-width: 1440px) {
  .display-flex-laptop {
    display: flex;
  }
}

@media (max-width: 1139px) {
  .display-flex-tablet {
    display: flex;
  }
}

@media (max-width: 641px) {
  .display-flex-tel {
    display: flex;
  }
}

/* анимирование блока */

.trans-linear-2s {
  transition: var(--transition-2s);
}

.trans-linear-3s {
  transition: var(--transition-3s);
}

/* фильтры */

.filter-invent-twice {
  filter: var(--filter-invent-twice);
}

.filter-non-invent-twice {
  filter: var(--filter-non-invent-twice);
}

.filter-gray {
  filter: var(--filter-gray);
}

.filter-blur {
  filter: var(--filter-blur);
}

.filter-blur-backd {
  backdrop-filter: var(--filter-blur);
}

/* цвета блоков */

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

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

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

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

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

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

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

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

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

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

/* оттенки текста для фона */

.color-bg-txt-100 {
  background-color: var(--color-txt-100);
}

.color-bg-txt-300 {
  background-color: var(--color-txt-300);
}

.color-bg-txt-500 {
  background-color: var(--color-txt-500);
}

.color-bg-txt-800 {
  background-color: var(--color-txt-800);
}

/* фоновые оттенки */

.color-bg-landsc-100 {
  background-color: var(--color-landsc-100);
}

.color-bg-landsc-300 {
  background-color: var(--color-landsc-300);
}

.color-bg-landsc-500 {
  background-color: var(--color-landsc-500);
}

.color-bg-landsc-800 {
  background-color: var(--color-landsc-800);
}

.color-bg-primary-100 {
  background-color: var(--color-primary-100);
}

.color-bg-primary-300 {
  background-color: var(--color-primary-300);
}

.color-bg-primary-500 {
  background-color: var(--color-primary-500);
}

.color-bg-primary-800 {
  background-color: var(--color-primary-800);
}

.color-bg-secondary-100 {
  background-color: var(--color-secondary-100);
}

.color-bg-secondary-300 {
  background-color: var(--color-secondary-300);
}

.color-bg-secondary-500 {
  background-color: var(--color-secondary-500);
}

.color-bg-secondary-800 {
  background-color: var(--color-secondary-800);
}

.color-bg-accent-100 {
  background-color: var(--color-accent-100);
}

.color-bg-accent-300 {
  background-color: var(--color-accent-300);
}

.color-bg-accent-500 {
  background-color: var(--color-accent-500);
}

.color-bg-accent-800 {
  background-color: var(--color-accent-800);
}

/* градиенты */

.linear-prim-secon {
  background: var(--linear-prim-secon);
}

.linear-prim-acc {
  background: var(--linear-prim-acc);
}

.linear-secon-acc {
  background: var(--linear-secon-acc);
}

.radial-prim-secon {
  background: var(--radial-prim-secon);
}

.radial-prim-acc {
  background: var(--radial-prim-acc);
}

.radial-secon-acc {
  background: var(--radial-secon-acc);
}

/* цвета для вектора */

.svg-landsc {
  fill: var(--color-landsc);
}

.svg-primary {
  fill: var(--color-primary);
}

.svg-secondary {
  fill: var(--color-secondary);
}

.svg-accent {
  fill: var(--color-accent);
}

/* цвета текста */

.color-txt-red {
  color: var(--color-red);
}

.color-txt-yellow {
  color: var(--color-yellow);
}

.color-txt-black {
  color: var(--color-txt-black);
}

.color-txt-white {
  color: var(--color-txt-white);
}

.color-txt-main {
  color: var(--color-txt-main);
}

/* оттенки главного цвета */

.color-txt-100 {
  color: var(--color-txt-100);
}

.color-txt-300 {
  color: var(--color-txt-300);
}

.color-txt-500 {
  color: var(--color-txt-500);
}

.color-txt-800 {
  color: var(--color-txt-800);
}

/* цвета текста в цвет фона */

.color-txt-light,
.color-txt-light>i {
  color: var(--color-light);
}

.color-txt-dark,
.color-txt-dark>i {
  color: var(--color-dark);
}

.color-txt-landsc,
.color-txt-landsc>i {
  color: var(--color-landsc);
}

.color-txt-primary,
.color-txt-primary>i {
  color: var(--color-primary);
}

.color-txt-secondary,
.color-txt-secondary>i {
  color: var(--color-secondary);
}

.color-txt-accent,
.color-txt-accent>i {
  color: var(--color-accent);
}

/* цвета текста в цвет оттенков */

.color-txt-light-300,
.color-txt-light-300>i {
  color: var(--color-landsc-300);
}

.color-secondary-300,
.color-secondary-300>i {
  color: var(--color-secondary-300);
}

/* радиусы */

.radius-small {
  border-radius: var(--radius-small);
  -moz-border-radius: var(--radius-small);
  -webkit-border-radius: var(--radius-small);
}

.radius-medium {
  border-radius: var(--radius-medium);
  -moz-border-radius: var(--radius-medium);
  -webkit-border-radius: var(--radius-medium);
}

.radius-big {
  border-radius: var(--radius-big);
  -moz-border-radius: var(--radius-big);
  -webkit-border-radius: var(--radius-big);
}

.radius-circle {
  border-radius: var(--radius-circle);
  -moz-border-radius: var(--radius-circle);
  -webkit-border-radius: var(--radius-circle);
}

/* тени */

.shadow-light-min {
  box-shadow: var(--shadow-light-min);
}

.shadow-dark-min {
  box-shadow: var(--shadow-dark-min);
}

.shadow-landsc-min {
  box-shadow: var(--shadow-landsc-min);
}

.shadow-primary-min {
  box-shadow: var(--shadow-primary-min);
}

.shadow-secondary-min {
  box-shadow: var(--shadow-secondary-min);
}

.shadow-accent-min {
  box-shadow: var(--shadow-accent-min);
}

.shadow-light-small {
  box-shadow: var(--shadow-light-small);
}

.shadow-dark-small {
  box-shadow: var(--shadow-dark-small);
}

.shadow-landsc-small {
  box-shadow: var(--shadow-landsc-small);
}

.shadow-primary-small {
  box-shadow: var(--shadow-primary-small);
}

.shadow-secondary-small {
  box-shadow: var(--shadow-secondary-small);
}

.shadow-accent-small {
  box-shadow: var(--shadow-accent-small);
}

.shadow-light-medium {
  box-shadow: var(--shadow-light-medium);
}

.shadow-dark-medium {
  box-shadow: var(--shadow-dark-medium);
}

.shadow-landsc-medium {
  box-shadow: var(--shadow-landsc-medium);
}

.shadow-primary-medium {
  box-shadow: var(--shadow-primary-medium);
}

.shadow-secondary-medium {
  box-shadow: var(--shadow-secondary-medium);
}

.shadow-accent-medium {
  box-shadow: var(--shadow-accent-medium);
}

.shadow-light-big {
  box-shadow: var(--shadow-light-big);
}

.shadow-dark-big {
  box-shadow: var(--shadow-dark-big);
}

.shadow-landsc-big {
  box-shadow: var(--shadow-landsc-big);
}

.shadow-primary-big {
  box-shadow: var(--shadow-primary-big);
}

.shadow-secondary-big {
  box-shadow: var(--shadow-secondary-big);
}

.shadow-accent-big {
  box-shadow: var(--shadow-accent-big);
}

/* границы */

.border-min {
  border: var(--border-min) var(--border-solid) var(--color-secondary);
}

.border-min-top {
  border-top: var(--border-min) var(--border-solid) var(--color-secondary);
}

.border-min-bottom {
  border-bottom: var(--border-min) var(--border-solid) var(--color-secondary);
}

.border-min-left {
  border-left: var(--border-min) var(--border-solid) var(--color-secondary);
}

.border-min-right {
  border-right: var(--border-min) var(--border-solid) var(--color-secondary);
}

.border-small {
  border: var(--border-small) var(--border-solid) var(--color-secondary);
}

.border-small-top {
  border-top: var(--border-small) var(--border-solid) var(--color-secondary);
}

.border-small-bottom {
  border-bottom: var(--border-small) var(--border-solid) var(--color-secondary);
}

.border-small-left {
  border-left: var(--border-small) var(--border-solid) var(--color-secondary);
}

.border-small-right {
  border-right: var(--border-small) var(--border-solid) var(--color-secondary);
}

.border-medium {
  border: var(--border-medium) var(--border-solid) var(--color-secondary);
}

.border-medium-top {
  border-top: var(--border-medium) var(--border-solid) var(--color-secondary);
}

.border-medium-bottom {
  border-bottom: var(--border-medium) var(--border-solid) var(--color-secondary);
}

.border-medium-left {
  border-left: var(--border-medium) var(--border-solid) var(--color-secondary);
}

.border-medium-right {
  border-right: var(--border-medium) var(--border-solid) var(--color-secondary);
}

.border-big {
  border: var(--border-big) var(--border-solid) var(--color-secondary);
}

.border-big-top {
  border-top: var(--border-big) var(--border-solid) var(--color-secondary);
}

.border-big-bottom {
  border-bottom: var(--border-big) var(--border-solid) var(--color-secondary);
}

.border-big-left {
  border-left: var(--border-big) var(--border-solid) var(--color-secondary);
}

.border-big-right {
  border-right: var(--border-big) var(--border-solid) var(--color-secondary);
}

/* БЛОКИ */

/* размеры контейнеров */

.section-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: var(--mr-section-bl);
  width: var(--width-section-bl);
}

.section-title {
  margin: var(--mr-container);
  padding: var(--pd-container);
  flex: var(--width-container);
  max-width: var(--width-container);
}

@media (max-width: 641px) {
  .section-title {
    padding: var(--pd-container-phone);
  }
}

.txt-center,
.txt-center p,
.txt-center span {
  text-align: center;
}

@media (max-width: 1139px) {

  .txt-center-tablet,
  .txt-center-tablet p,
  .txt-center-tablet span {
    text-align: center;
  }
}

.txt-left,
.txt-left p,
.txt-left span {
  text-align: left;
}

.txt-right,
.txt-right p,
.txt-right span {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.section-subtitle {
  margin: var(--mr-section-subtitle);
  padding: var(--pd-container);
  flex: var(--width-container);
  max-width: var(--width-container);
}

@media (max-width: 641px) {
  .section-subtitle {
    padding: var(--pd-container-phone);
  }
}

.subtitle-center p {
  text-align: center;
}

.subtitle-left p {
  text-align: left;
}

.subtitle-right p {
  text-align: right;
}

.container {
  margin: var(--mr-container);
  padding: var(--pd-container);
  width: var(--width-bl-100);
  max-width: var(--width-container);
}

@media (max-width: 641px) {
  .container {
    padding: var(--pd-container-phone);
  }
}

.container-fluid {
  max-width: var(--width-bl-100);
  width: var(--width-bl-100);
}

/* мини блок */

.bl-min {
  width: var(--width-bl-25);
}

@media (max-width: 1140px) {
  .bl-min {
    width: var(--width-bl-50);
  }
}

/* мини блок с отступами, используется с соответствующим классом отступов */

.gap-min>.bl-min,
.bl-min-gap-min {
  width: calc(var(--width-bl-25) - 3 * var(--gap-min) / 4);
}

@media (max-width: 1140px) {

  .gap-min>.bl-min,
  .bl-min-gap-min {
    width: calc(var(--width-bl-50) - var(--gap-min) / 2);
  }
}

/* ___________ */

.gap-small>.bl-min,
.bl-min-gap-small {
  width: calc(var(--width-bl-25) - 3 * var(--gap-small) / 4);
}

@media (max-width: 1140px) {

  .gap-small>.bl-min,
  .bl-min-gap-small {
    width: calc(var(--width-bl-50) - var(--gap-small) / 2);
  }
}

/* ___________ */

.gap-medium>.bl-min,
.bl-min-gap-medium {
  width: calc(var(--width-bl-25) - 3 * var(--gap-medium) / 4);
}

@media (max-width: 1140px) {

  .gap-medium>.bl-min,
  .bl-min-gap-medium {
    width: calc(var(--width-bl-50) - var(--gap-medium) / 2);
  }
}

/* ___________ */

.gap-big>.bl-min,
.bl-min-gap-big {
  width: calc(var(--width-bl-25) - 3 * var(--gap-big) / 4);
}

@media (max-width: 1140px) {

  .gap-big>.bl-min,
  .bl-min-gap-big {
    width: calc(var(--width-bl-50) - var(--gap-big) / 2);
  }
}

/* ___________ */

.gap-giant>.bl-min,
.bl-min-gap-giant {
  width: calc(var(--width-bl-25) - 3 * var(--gap-giant) / 4);
}

@media (max-width: 1140px) {

  .gap-giant>.bl-min,
  .bl-min-gap-giant {
    width: calc(var(--width-bl-50) - var(--gap-giant) / 2);
  }
}

/* малый блок */

.bl-small {
  width: var(--width-bl-33);
}

@media (max-width: 1140px) {
  .bl-small {
    width: var(--width-bl-50);
  }
}

@media (max-width: 641px) {
  .bl-small {
    width: var(--width-bl-100);
  }
}

/* малый блок с отступами, используется с соответствующим классом отступов */

.gap-min>.bl-small,
.bl-small-gap-min {
  width: calc(var(--width-bl-33) - 2 * var(--gap-min) / 3);
}

@media (max-width: 1140px) {

  .gap-min>.bl-small,
  .bl-small-gap-min {
    width: calc(var(--width-bl-50) - var(--gap-min) / 2);
  }
}

@media (max-width: 641px) {

  .gap-min>.bl-small,
  .bl-small-gap-min {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-small>.bl-small,
.bl-small-gap-small {
  width: calc(var(--width-bl-33) - 2 * var(--gap-small) / 3);
}

@media (max-width: 1140px) {

  .gap-small>.bl-small,
  .bl-small-gap-small {
    width: calc(var(--width-bl-50) - var(--gap-small) / 2);
  }
}

@media (max-width: 641px) {

  .gap-small>.bl-small,
  .bl-small-gap-small {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-medium>.bl-small,
.bl-small-gap-medium {
  width: calc(var(--width-bl-33) - 2 * var(--gap-medium) / 3);
}

@media (max-width: 1140px) {

  .gap-medium>.bl-small,
  .bl-small-gap-medium {
    width: calc(var(--width-bl-50) - var(--gap-medium) / 2);
  }
}

@media (max-width: 641px) {

  .gap-medium>.bl-small,
  .bl-small-gap-medium {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-big>.bl-small,
.bl-small-gap-big {
  width: calc(var(--width-bl-33) - 2 * var(--gap-big) / 3);
}

@media (max-width: 1140px) {

  .gap-big>.bl-small,
  .bl-small-gap-big {
    width: calc(var(--width-bl-50) - var(--gap-big) / 2);
  }
}

@media (max-width: 641px) {

  .gap-big>.bl-small,
  .bl-small-gap-big {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-giant>.bl-small,
.bl-small-gap-giant {
  width: calc(var(--width-bl-33) - 2 * var(--gap-giant) / 3);
}

@media (max-width: 1140px) {

  .gap-giant>.bl-small,
  .bl-small-gap-giant {
    width: calc(var(--width-bl-50) - var(--gap-giant) / 2);
  }
}

@media (max-width: 641px) {

  .gap-giant>.bl-small,
  .bl-small-gap-giant {
    width: var(--width-bl-100);
  }
}

/* средний блок */

.bl-medium {
  width: var(--width-bl-50);
}

@media (max-width: 1140px) {
  .bl-medium {
    width: var(--width-bl-100);
  }
}

/* средний блок с отступами на два блока, используется с соответствующим классом отступов */

.gap-min>.bl-medium,
.bl-medium-gap-min {
  width: calc(var(--width-bl-50) - var(--gap-min)/2);
}

@media (max-width: 1140px) {

  .gap-min>.bl-medium,
  .bl-medium-gap-min {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-small>.bl-medium,
.bl-medium-gap-small {
  width: calc(var(--width-bl-50) - var(--gap-small)/2);
}

@media (max-width: 1140px) {

  .gap-small>.bl-medium,
  .bl-medium-gap-small {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-medium>.bl-medium,
.bl-medium-gap-medium {
  width: calc(var(--width-bl-50) - var(--gap-medium)/2);
}

@media (max-width: 1140px) {

  .gap-medium>.bl-medium,
  .bl-medium-gap-medium {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-big>.bl-medium,
.bl-medium-gap-big {
  width: calc(var(--width-bl-50) - var(--gap-big)/2);
}

@media (max-width: 1140px) {

  .gap-big>.bl-medium,
  .bl-medium-gap-big {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-giant>.bl-medium,
.bl-medium-gap-giant {
  width: calc(var(--width-bl-50) - var(--gap-giant)/2);
}

@media (max-width: 1140px) {

  .gap-giant>.bl-medium,
  .bl-medium-gap-giant {
    width: var(--width-bl-100);
  }
}

/* большой блок */

.bl-big {
  width: var(--width-bl-100);
}

/* дополнительные блоки */

.width-bl-10 {
  width: var(--width-bl-10);
}

/* ___________ */

.gap-min>.width-bl-10,
.bl-10-gap-min {
  width: calc(var(--width-bl-10) - 9 * var(--gap-min) / 10);
}

@media (max-width: 1140px) {

  .gap-min>.width-bl-10,
  .bl-10-gap-min {
    width: calc(var(--width-bl-20) - 4 * var(--gap-min) / 5);
  }
}

@media (max-width: 641px) {

  .gap-min>.width-bl-10,
  .bl-10-gap-min {
    width: calc(var(--width-bl-50) - var(--gap-min) / 2);
  }
}

/* ___________ */

.gap-small>.width-bl-10,
.bl-10-gap-small {
  width: calc(var(--width-bl-10) - 9 * var(--gap-small) / 10);
}

@media (max-width: 1140px) {

  .gap-small>.width-bl-10,
  .bl-10-gap-small {
    width: calc(var(--width-bl-20) - 4 * var(--gap-small) / 5);
  }
}

@media (max-width: 641px) {

  .gap-small>.width-bl-10,
  .bl-10-gap-small {
    width: calc(var(--width-bl-50) - var(--gap-small) / 2);
  }
}

/* ___________ */

.gap-medium>.width-bl-10,
.bl-10-gap-medium {
  width: calc(var(--width-bl-10) - 9 * var(--gap-medium) / 10);
}

@media (max-width: 1140px) {

  .gap-medium>.width-bl-10,
  .bl-10-gap-medium {
    width: calc(var(--width-bl-20) - 4 * var(--gap-medium) / 5);
  }
}

@media (max-width: 641px) {

  .gap-medium>.width-bl-10,
  .bl-10-gap-medium {
    width: calc(var(--width-bl-50) - var(--gap-medium) / 2);
  }
}

/* ___________ */

.gap-big>.width-bl-10,
.bl-10-gap-big {
  width: calc(var(--width-bl-10) - 9 * var(--gap-big) / 10);
}

@media (max-width: 1140px) {

  .gap-big>.width-bl-10,
  .bl-10-gap-big {
    width: calc(var(--width-bl-20) - 4 * var(--gap-big) / 5);
  }
}

@media (max-width: 641px) {

  .gap-big>.width-bl-10,
  .bl-10-gap-big {
    width: calc(var(--width-bl-50) - var(--gap-big) / 2);
  }
}

/* ___________ */

.gap-giant>.width-bl-10,
.bl-10-gap-giant {
  width: calc(var(--width-bl-10) - 9 * var(--gap-giant) / 10);
}

@media (max-width: 1140px) {

  .gap-giant>.width-bl-10,
  .bl-10-gap-big {
    width: calc(var(--width-bl-20) - 4 * var(--gap-giant) / 5);
  }
}

@media (max-width: 641px) {

  .gap-giant>.width-bl-10,
  .bl-10-gap-big {
    width: calc(var(--width-bl-50) - var(--gap-giant) / 2);
  }
}

/* ___________ */

.width-bl-20 {
  width: var(--width-bl-20);
}

/* ___________ */

.gap-min>.width-bl-20,
.bl-20-gap-min {
  width: calc(var(--width-bl-20) - 4 * var(--gap-min) / 5);
}

@media (max-width: 1139px) {

  .gap-min>.width-bl-20,
  .bl-20-gap-min {
    width: calc(var(--width-bl-50) - var(--gap-min) / 2);
  }
}

/* ___________ */

.gap-small>.width-bl-20,
.bl-20-gap-small {
  width: calc(var(--width-bl-20) - 4 * var(--gap-small) / 5);
}

@media (max-width: 1139px) {

  .gap-small>.width-bl-20,
  .bl-20-gap-small {
    width: calc(var(--width-bl-50) - var(--gap-small) / 2);
  }
}

/* ___________ */

.gap-medium>.width-bl-20,
.bl-20-gap-medium {
  width: calc(var(--width-bl-20) - 4 * var(--gap-medium) / 5);
}

@media (max-width: 1139px) {

  .gap-medium>.width-bl-20,
  .bl-20-gap-medium {
    width: calc(var(--width-bl-50) - var(--gap-medium) / 2);
  }
}

/* ___________ */

.gap-big>.width-bl-20,
.bl-20-gap-big {
  width: calc(var(--width-bl-20) - 4 * var(--gap-big) / 5);
}

@media (max-width: 1139px) {

  .gap-big>.width-bl-20,
  .bl-20-gap-big {
    width: calc(var(--width-bl-50) - var(--gap-big) / 2);
  }
}

/* ___________ */

.gap-giant>.width-bl-20,
.bl-20-gap-giant {
  width: calc(var(--width-bl-20) - 4 * var(--gap-giant) / 5);
}

@media (max-width: 1139px) {

  .gap-giant>.width-bl-20,
  .bl-20-gap-giant {
    width: calc(var(--width-bl-50) - var(--gap-giant) / 2);
  }
}

/* ___________ */

.width-bl-25 {
  width: var(--width-bl-25);
}

/* ___________ */

.gap-min>.width-bl-25,
.bl-25-gap-min {
  width: calc(var(--width-bl-25) - 3 * var(--gap-min) / 4);
}

@media (max-width: 1139px) {

  .gap-min>.width-bl-25,
  .bl-25-gap-min {
    width: calc(var(--width-bl-50) - var(--gap-min) / 2);
  }
}

/* ___________ */

.gap-small>.width-bl-25,
.bl-25-gap-small {
  width: calc(var(--width-bl-25) - 3 * var(--gap-small) / 4);
}

@media (max-width: 1139px) {

  .gap-small>.width-bl-25,
  .bl-25-gap-small {
    width: calc(var(--width-bl-50) - var(--gap-small) / 2);
  }
}

/* ___________ */

.gap-medium>.width-bl-25,
.bl-25-gap-medium {
  width: calc(var(--width-bl-25) - 3 * var(--gap-medium) / 4);
}

@media (max-width: 1139px) {

  .gap-medium>.width-bl-25,
  .bl-25-gap-medium {
    width: calc(var(--width-bl-50) - var(--gap-medium) / 2);
  }
}

/* ___________ */

.gap-big>.width-bl-25,
.bl-25-gap-big {
  width: calc(var(--width-bl-25) - 3 * var(--gap-big) / 4);
}

@media (max-width: 1139px) {

  .gap-big>.width-bl-25,
  .bl-25-gap-big {
    width: calc(var(--width-bl-50) - var(--gap-big) / 2);
  }
}

/* ___________ */

.gap-giant>.width-bl-25,
.bl-25-gap-giant {
  width: calc(var(--width-bl-25) - 3 * var(--gap-giant) / 4);
}

@media (max-width: 1139px) {

  .gap-giant>.width-bl-25,
  .bl-25-gap-giant {
    width: calc(var(--width-bl-50) - var(--gap-giant) / 2);
  }
}

/* ___________ */

.width-bl-30 {
  width: var(--width-bl-30);
}

/* ___________ */

.gap-min>.width-bl-30,
.bl-30-gap-min {
  width: calc(var(--width-bl-30) - var(--gap-min) / 2);
}

@media (max-width: 1139px) {

  .gap-min>.width-bl-30,
  .bl-30-gap-min {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-small>.width-bl-30,
.bl-30-gap-small {
  width: calc(var(--width-bl-30) - var(--gap-small) / 2);
}

@media (max-width: 1139px) {

  .gap-small>.width-bl-30,
  .bl-30-gap-small {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-medium>.width-bl-30,
.bl-30-gap-medium {
  width: calc(var(--width-bl-30) - var(--gap-medium) / 2);
}

@media (max-width: 1139px) {

  .gap-medium>.width-bl-30,
  .bl-30-gap-medium {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-big>.width-bl-30,
.bl-30-gap-big {
  width: calc(var(--width-bl-30) - var(--gap-big) / 2);
}

@media (max-width: 1139px) {

  .gap-big>.width-bl-30,
  .bl-30-gap-big {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-giant>.width-bl-30,
.bl-30-gap-giant {
  width: calc(var(--width-bl-30) - var(--gap-giant) / 2);
}

@media (max-width: 1139px) {

  .gap-giant>.width-bl-30,
  .bl-30-gap-giant {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.width-bl-33 {
  width: var(--width-bl-33);
}

/* ___________ */

.gap-min>.width-bl-33,
.bl-33-gap-min {
  width: calc(var(--width-bl-33) - 2 * var(--gap-min) / 3);
}

@media (max-width: 1139px) {

  .gap-min>.width-bl-33,
  .bl-33-gap-min {
    width: calc(var(--width-bl-50) - var(--gap-min) / 2);
  }
}

@media (max-width: 641px) {

  .gap-min>.width-bl-33,
  .bl-33-gap-min {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-small>.width-bl-33,
.bl-33-gap-small {
  width: calc(var(--width-bl-33) - 2 * var(--gap-small) / 3);
}

@media (max-width: 1139px) {

  .gap-small>.width-bl-33,
  .bl-33-gap-small {
    width: calc(var(--width-bl-50) - var(--gap-small) / 2);
  }
}

@media (max-width: 641px) {

  .gap-small>.width-bl-33,
  .bl-33-gap-small {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-medium>.width-bl-33,
.bl-33-gap-medium {
  width: calc(var(--width-bl-33) - 2 * var(--gap-medium) / 3);
}

@media (max-width: 1139px) {

  .gap-medium>.width-bl-33,
  .bl-33-gap-medium {
    width: calc(var(--width-bl-50) - var(--gap-medium) / 2);
  }
}

@media (max-width: 641px) {

  .gap-medium>.width-bl-33,
  .bl-33-gap-medium {
    width: var(--width-bl-100);
  }
}


/* ___________ */

.gap-big>.width-bl-33,
.bl-33-gap-big {
  width: calc(var(--width-bl-33) - 2 * var(--gap-big) / 3);
}

@media (max-width: 1139px) {

  .gap-big>.width-bl-33,
  .bl-33-gap-big {
    width: calc(var(--width-bl-50) - var(--gap-big) / 2);
  }
}

@media (max-width: 641px) {

  .gap-big>.width-bl-33,
  .bl-33-gap-big {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-giant>.width-bl-33,
.bl-33-gap-giant {
  width: calc(var(--width-bl-33) - 2 * var(--gap-giant) / 3);
}

@media (max-width: 1139px) {

  .gap-giant>.width-bl-33,
  .bl-33-gap-giant {
    width: calc(var(--width-bl-50) - var(--gap-giant) / 2);
  }
}

@media (max-width: 641px) {

  .gap-giant>.width-bl-33,
  .bl-33-gap-giant {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.width-bl-40 {
  width: var(--width-bl-40);
}

/* ___________ */

.gap-min>.width-bl-40,
.bl-40-gap-min {
  width: calc(var(--width-bl-40) - var(--gap-min) / 2);
}

@media (max-width: 1139px) {

  .gap-min>.width-bl-40,
  .bl-40-gap-min {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-small>.width-bl-40,
.bl-40-gap-small {
  width: calc(var(--width-bl-40) - var(--gap-small) / 2);
}

@media (max-width: 1139px) {

  .gap-small>.width-bl-40,
  .bl-40-gap-small {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-medium>.width-bl-40,
.bl-40-gap-medium {
  width: calc(var(--width-bl-40) - var(--gap-medium) / 2);
}

@media (max-width: 1139px) {

  .gap-medium>.width-bl-40,
  .bl-40-gap-medium {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-big>.width-bl-40,
.bl-40-gap-big {
  width: calc(var(--width-bl-40) - var(--gap-big) / 2);
}

@media (max-width: 1139px) {

  .gap-big>.width-bl-40,
  .bl-40-gap-big {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-giant>.width-bl-40,
.bl-40-giant-giant {
  width: calc(var(--width-bl-40) - var(--gap-giant) / 2);
}

@media (max-width: 1139px) {

  .giant-giant>.width-bl-40,
  .bl-40-gap-giant {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.width-bl-41 {
  width: var(--width-bl-41);
}

.width-bl-50 {
  width: var(--width-bl-50);
}

/* ___________ */

.gap-min>.width-bl-50,
.bl-50-gap-min {
  width: calc(var(--width-bl-50) - var(--gap-min) / 2);
}

@media (max-width: 1139px) {

  .gap-min>.width-bl-50,
  .bl-50-gap-min {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-small>.width-bl-50,
.bl-50-gap-small {
  width: calc(var(--width-bl-50) - var(--gap-small) / 2);
}

@media (max-width: 1139px) {

  .gap-small>.width-bl-50,
  .bl-50-gap-small {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-medium>.width-bl-50,
.bl-50-gap-medium {
  width: calc(var(--width-bl-50) - var(--gap-medium) / 2);
}

@media (max-width: 1139px) {

  .gap-medium>.width-bl-50,
  .bl-50-gap-medium {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-big>.width-bl-50,
.bl-50-gap-big {
  width: calc(var(--width-bl-50) - var(--gap-big) / 2);
}

@media (max-width: 1139px) {

  .gap-big>.width-bl-50,
  .bl-50-gap-big {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-giant>.width-bl-50,
.bl-50-gap-giant {
  width: calc(var(--width-bl-50) - var(--gap-giant) / 2);
}

@media (max-width: 1139px) {

  .gap-giant>.width-bl-50,
  .bl-50-gap-giant {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.width-bl-58 {
  width: var(--width-bl-58);
}

.width-bl-60 {
  width: var(--width-bl-60);
}

/* ___________ */

.gap-min>.width-bl-60,
.bl-60-gap-min {
  width: calc(var(--width-bl-60) - var(--gap-min) / 2);
}

@media (max-width: 1139px) {

  .gap-min>.width-bl-60,
  .bl-60-gap-min {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-small>.width-bl-60,
.bl-60-gap-small {
  width: calc(var(--width-bl-60) - var(--gap-small) / 2);
}

@media (max-width: 1139px) {

  .gap-small>.width-bl-60,
  .bl-60-gap-small {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-medium>.width-bl-60,
.bl-60-gap-medium {
  width: calc(var(--width-bl-60) - var(--gap-medium) / 2);
}

@media (max-width: 1139px) {

  .gap-medium>.width-bl-60,
  .bl-60-gap-medium {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-big>.width-bl-60,
.bl-60-gap-big {
  width: calc(var(--width-bl-60) - var(--gap-big) / 2);
}

@media (max-width: 1139px) {

  .gap-big>.width-bl-60,
  .bl-60-gap-big {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-giant>.width-bl-60,
.bl-60-gap-giant {
  width: calc(var(--width-bl-60) - var(--gap-giant) / 2);
}

@media (max-width: 1139px) {

  .gap-giant>.width-bl-60,
  .bl-60-gap-giant {
    width: var(--width-bl-100);
  }
}

/* ___________ */


.width-bl-66 {
  width: var(--width-bl-66);
}

.width-bl-70 {
  width: var(--width-bl-70);
}

/* ___________ */

.gap-min>.width-bl-70,
.bl-70-gap-min {
  width: calc(var(--width-bl-70) - var(--gap-min) / 2);
}

@media (max-width: 1139px) {

  .gap-min>.width-bl-70,
  .bl-70-gap-min {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-small>.width-bl-70,
.bl-70-gap-small {
  width: calc(var(--width-bl-70) - var(--gap-small) / 2);
}

@media (max-width: 1139px) {

  .gap-small>.width-bl-70,
  .bl-70-gap-small {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-medium>.width-bl-70,
.bl-70-gap-medium {
  width: calc(var(--width-bl-70) - var(--gap-medium) / 2);
}

@media (max-width: 1139px) {

  .gap-medium>.width-bl-70,
  .bl-70-gap-medium {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-big>.width-bl-70,
.bl-70-gap-big {
  width: calc(var(--width-bl-70) - var(--gap-big) / 2);
}

@media (max-width: 1139px) {

  .gap-big>.width-bl-70,
  .bl-70-gap-big {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-giant>.width-bl-70,
.bl-70-gap-giant {
  width: calc(var(--width-bl-70) - var(--gap-giant) / 2);
}

@media (max-width: 1139px) {

  .gap-giant>.width-bl-70,
  .bl-70-gap-giant {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.width-bl-75 {
  width: var(--width-bl-75);
}

/* ___________ */

.gap-min>.width-bl-75,
.bl-75-gap-min {
  width: calc(var(--width-bl-75) - var(--gap-min) / 2);
}

@media (max-width: 1139px) {

  .gap-min>.width-bl-75,
  .bl-75-gap-min {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-small>.width-bl-75,
.bl-75-gap-small {
  width: calc(var(--width-bl-75) - var(--gap-small) / 2);
}

@media (max-width: 1139px) {

  .gap-small>.width-bl-75,
  .bl-75-gap-small {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-medium>.width-bl-75,
.bl-75-gap-medium {
  width: calc(var(--width-bl-75) - var(--gap-medium) / 2);
}

@media (max-width: 1139px) {

  .gap-medium>.width-bl-75,
  .bl-75-gap-medium {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-big>.width-bl-75,
.bl-75-gap-big {
  width: calc(var(--width-bl-75) - var(--gap-big) / 2);
}

@media (max-width: 1139px) {

  .gap-big>.width-bl-75,
  .bl-75-gap-big {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-giant>.width-bl-75,
.bl-75-gap-giant {
  width: calc(var(--width-bl-75) - var(--gap-giant) / 2);
}

@media (max-width: 1139px) {

  .gap-giant>.width-bl-75,
  .bl-75-gap-giant {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.width-bl-80 {
  width: var(--width-bl-80);
}

/* ___________ */

.gap-min>.width-bl-80,
.bl-80-gap-min {
  width: calc(var(--width-bl-80) - var(--gap-min) / 2);
}

@media (max-width: 1139px) {

  .gap-min>.width-bl-80,
  .bl-80-gap-min {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-small>.width-bl-80,
.bl-80-gap-small {
  width: calc(var(--width-bl-80) - var(--gap-small) / 2);
}

@media (max-width: 1139px) {

  .gap-small>.width-bl-80,
  .bl-80-gap-small {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-medium>.width-bl-80,
.bl-80-gap-medium {
  width: calc(var(--width-bl-80) - var(--gap-medium) / 2);
}

@media (max-width: 1139px) {

  .gap-medium>.width-bl-80,
  .bl-80-gap-medium {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-big>.width-bl-80,
.bl-80-gap-big {
  width: calc(var(--width-bl-80) - var(--gap-big) / 2);
}

@media (max-width: 1139px) {

  .gap-big>.width-bl-80,
  .bl-80-gap-big {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-giant>.width-bl-80,
.bl-80-gap-giant {
  width: calc(var(--width-bl-80) - var(--gap-giant) / 2);
}

@media (max-width: 1139px) {

  .gap-giant>.width-bl-80,
  .bl-80-gap-giant {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.width-bl-90 {
  width: var(--width-bl-90);
}

/* ___________ */

.gap-min>.width-bl-90,
.bl-90-gap-min {
  width: calc(var(--width-bl-90) - var(--gap-min) / 2);
}

@media (max-width: 1139px) {

  .gap-min>.width-bl-90,
  .bl-90-gap-min {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-small>.width-bl-90,
.bl-90-gap-small {
  width: calc(var(--width-bl-90) - var(--gap-small) / 2);
}

@media (max-width: 1139px) {

  .gap-small>.width-bl-90,
  .bl-90-gap-small {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-medium>.width-bl-90,
.bl-90-gap-medium {
  width: calc(var(--width-bl-90) - var(--gap-medium) / 2);
}

@media (max-width: 1139px) {

  .gap-medium>.width-bl-90,
  .bl-90-gap-medium {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-big>.width-bl-90,
.bl-90-gap-big {
  width: calc(var(--width-bl-90) - var(--gap-big) / 2);
}

@media (max-width: 1139px) {

  .gap-big>.width-bl-90,
  .bl-90-gap-big {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-giant>.width-bl-90,
.bl-90-gap-giant {
  width: calc(var(--width-bl-90) - var(--gap-giant) / 2);
}

@media (max-width: 1139px) {

  .gap-giant>.width-bl-90,
  .bl-90-gap-giant {
    width: var(--width-bl-100);
  }
}

/* дополнтельные блоки для конструкций в 25%, 20% и 10% */

.gap-min>.width-bl-25-double,
.bl-25-double-gap-min {
  width: calc(var(--width-bl-25) - var(--gap-min) / 2);
}

@media (max-width: 1139px) {

  .gap-min>.width-bl-25-double,
  .bl-25-double-gap-min {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-small>.width-bl-25-double,
.bl-25-double-gap-small {
  width: calc(var(--width-bl-25) - var(--gap-small) / 2);
}

@media (max-width: 1139px) {

  .gap-small>.width-bl-25-double,
  .bl-25-double-gap-small {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-medium>.width-bl-25-double,
.bl-25-double-gap-medium {
  width: calc(var(--width-bl-25) - var(--gap-medium) / 2);
}

@media (max-width: 1139px) {

  .gap-medium>.width-bl-25-double,
  .bl-25-double-gap-medium {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-big>.width-bl-25-double,
.bl-25-double-gap-big {
  width: calc(var(--width-bl-25) - var(--gap-big) / 2);
}

@media (max-width: 1139px) {

  .gap-big>.width-bl-25-double,
  .bl-25-double-gap-big {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-giant>.width-bl-25-double,
.bl-25-double-gap-giant {
  width: calc(var(--width-bl-25) - var(--gap-giant) / 2);
}

@media (max-width: 1139px) {

  .gap-giant>.width-bl-25-double,
  .bl-25-double-gap-giant {
    width: var(--width-bl-100);
  }
}


/* _____20%______ */

.gap-min>.width-bl-20-double,
.bl-20-double-gap-min {
  width: calc(var(--width-bl-20) - var(--gap-min) / 2);
}

@media (max-width: 1139px) {

  .gap-min>.width-bl-20-double,
  .bl-20-double-gap-min {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-small>.width-bl-20-double,
.bl-20-double-gap-small {
  width: calc(var(--width-bl-25) - var(--gap-small) / 2);
}

@media (max-width: 1139px) {

  .gap-small>.width-bl-20-double,
  .bl-20-double-gap-small {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-medium>.width-bl-20-double,
.bl-20-double-gap-medium {
  width: calc(var(--width-bl-20) - var(--gap-medium) / 2);
}

@media (max-width: 1139px) {

  .gap-medium>.width-bl-20-double,
  .bl-20-double-gap-medium {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-big>.width-bl-20-double,
.bl-20-double-gap-big {
  width: calc(var(--width-bl-20) - var(--gap-big) / 2);
}

@media (max-width: 1139px) {

  .gap-big>.width-bl-20-double,
  .bl-20-double-gap-big {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-giant>.width-bl-20-double,
.bl-20-double-gap-giant {
  width: calc(var(--width-bl-20) - var(--gap-giant) / 2);
}

@media (max-width: 1139px) {

  .gap-giant>.width-bl-20-double,
  .bl-20-double-gap-giant {
    width: var(--width-bl-100);
  }
}

/* _____10%______ */

.gap-min>.width-bl-10-double,
.bl-10-double-gap-min {
  width: calc(var(--width-bl-10) - var(--gap-min) / 2);
}

@media (max-width: 1139px) {

  .gap-min>.width-bl-10-double,
  .bl-10-double-gap-min {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-small>.width-bl-10-double,
.bl-10-double-gap-small {
  width: calc(var(--width-bl-10) - var(--gap-small) / 2);
}

@media (max-width: 1139px) {

  .gap-small>.width-bl-10-double,
  .bl-10-double-gap-small {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-medium>.width-bl-10-double,
.bl-10-double-gap-medium {
  width: calc(var(--width-bl-10) - var(--gap-medium) / 2);
}

@media (max-width: 1139px) {

  .gap-medium>.width-bl-10-double,
  .bl-10-double-gap-medium {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-big>.width-bl-10-double,
.bl-10-double-gap-big {
  width: calc(var(--width-bl-10) - var(--gap-big) / 2);
}

@media (max-width: 1139px) {

  .gap-big>.width-bl-10-double,
  .bl-10-double-gap-big {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.gap-giant>.width-bl-10-double,
.bl-10-double-gap-giant {
  width: calc(var(--width-bl-10) - var(--gap-giant) / 2);
}

@media (max-width: 1139px) {

  .gap-giant>.width-bl-10-double,
  .bl-10-double-gap-giant {
    width: var(--width-bl-100);
  }
}

/* ___________ */

.width-bl-100 {
  width: var(--width-bl-100);
}

@media (max-width: 1140px) {
  .width-bl-laptop-100 {
    width: var(--width-bl-100);
  }
}

@media (max-width: 1139px) {
  .width-bl-tablet-100 {
    width: var(--width-bl-100);
  }
}

@media (max-width: 641px) {
  .width-bl-screen-100 {
    width: var(--width-bl-100);
  }
}

@media (max-width: 1140px) {
  .width-bl-laptop-50 {
    width: var(--width-bl-50);
  }
}

.width-bl-auto {
  width: auto;
}

/* Дополнительные блоки в пикселях */

.width-min-px {
  width: var(--width-min-px);
}

.width-small-px {
  width: var(--width-small-px);
}

.width-middle-px {
  width: var(--width-middle-px);
}

.width-big-px {
  width: var(--width-big-px);
}

.width-giant-px {
  width: var(--width-giant-px);
}

/* максимальная ширина в разных расширениях */

@media (max-width: 1920px) {
  .container .width-100-desktop {
    width: var(--width-bl-100);
  }
}

@media (max-width: 1140px) {
  .container .width-100-laptop {
    width: 100%;
  }
}

@media (max-width: 1139px) {
  .container .width-100-tablet {
    width: 100%;
  }
}

@media (max-width: 641px) {
  .container .width-100-tel {
    width: 100%;
  }
}

/* высоты элементов */

.height-1 {
  height: var(--height-1);
}

.height-50 {
  height: var(--height-50);
}

.height-100 {
  height: var(--height-100);
}

.height-auto {
  height: var(--height-auto);
}

.height-screen-50 {
  height: var(--height-screen-50);
}

.height-screen-80 {
  height: var(--height-screen-80);
}

.height-screen-100 {
  height: var(--height-screen-100);
}

/* Дополнительные высоты элементов в пикселях */

.height-min-px {
  height: var(--height-min-px);
}

.height-small-px {
  height: var(--height-small-px);
}

.height-middle-px {
  height: var(--height-middle-px);
}

.height-big-px {
  height: var(--height-big-px);
}

.height-giant-px {
  height: var(--height-giant-px);
}

/* Значки (Badge) */

.badge {
  display: flex;
  align-items: center;
  padding: var(--badge-padding);
  position: relative;
}

.badge span {
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.badge::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  opacity: var(--badge-opacity);
}

.badge-radius-small {
  border-radius: var(--badge-radius-small);
}

.badge-radius-small::after {
  border-radius: var(--badge-radius-small);
}

.badge-radius-medium {
  border-radius: var(--badge-radius-medium);
}

.badge-radius-medium::after {
  border-radius: var(--badge-radius-medium);
}

.badge-radius-big {
  border-radius: var(--badge-radius-big);
}

.badge-radius-big::after {
  border-radius: var(--badge-radius-big);
}

/* цвета значков (Badge) */

.badge-background-300::after {
  background-color: var(--color-landsc-300);
}

.badge-secondary-300::after {
  background-color: var(--color-secondary-300);
}

.badge-background::after {
  background-color: var(--color-landsc);
}

.badge-primary::after {
  background-color: var(--color-primary);
}

.badge-secondary::after {
  background-color: var(--color-secondary);
}

.badge-accent::after {
  background-color: var(--color-accent);
}

.badge-background-300::before {
  background-color: var(--color-landsc-300);
}

.badge-secondary-300::before {
  background-color: var(--color-secondary-300);
}

.badge-background::before {
  background-color: var(--color-landsc);
}

.badge-primary::before {
  background-color: var(--color-primary);
}

.badge-secondary::before {
  background-color: var(--color-secondary);
}

.badge-accent::before {
  background-color: var(--color-accent);
}

/* изображение в значках (Badge) */

.badge__img {
  width: 20px;
  height: 20px;
  border-radius: var(--radius-circle);
}

/* маркер в значках (Badge) */

.badge-marker {
  position: relative;
}

.badge-marker::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 13px;
  width: 10px;
  height: 10px;
  border-radius: var(--radius-circle);
}

/* граници значков (Badge) */

.border-light-300 {
  border: 1px solid var(--color-landsc-300);
}

.border-secondary-300 {
  border: 1px solid var(--color-secondary-300);
}

.border-background {
  border: 1px solid var(--color-landsc);
}

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

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

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

/* внешние отступы */

.mr-auto {
  margin: var(--mr-auto);
}

.mr-left-auto {
  margin-left: var(--mr-auto);
}

.mr-right-auto {
  margin-right: var(--mr-auto);
}

.mr-section-bl {
  margin: var(--mr-section-bl);
}

.mr-min {
  margin: var(--mr-min);
}

.mr-small {
  margin: var(--mr-small);
}

.mr-medium {
  margin: var(--mr-medium);
}

.mr-big {
  margin: var(--mr-big);
}

.mr-giant {
  margin: var(--mr-giant);
}

.mr-zero-auto {
  margin: 0 auto;
}

.mr-zero {
  margin: var(--mr-zero);
}

.mr-x-min {
  margin-left: var(--mr-min);
  margin-right: var(--mr-min);
}

.mr-x-small {
  margin-right: var(--mr-small);
  margin-left: var(--mr-small);
}

.mr-x-medium {
  margin-right: var(--mr-medium);
  margin-left: var(--mr-medium);
}

.mr-x-big {
  margin-right: var(--mr-big);
  margin-left: var(--mr-big);
}

.mr-x-giant {
  margin-right: var(--mr-giant);
  margin-left: var(--mr-giant);
}

.mr-x-auto {
  margin: var(--mr-x-auto);
}

.mr-y-auto {
  margin: var(--mr-y-auto);
}

.mr-y-min {
  margin-top: var(--mr-min);
  margin-bottom: var(--mr-min);
}

.mr-y-small {
  margin-top: var(--mr-small);
  margin-bottom: var(--mr-small);
}

.mr-y-medium {
  margin-top: var(--mr-medium);
  margin-bottom: var(--mr-medium);
}

.mr-y-big {
  margin-top: var(--mr-big);
  margin-bottom: var(--mr-big);
}

.mr-y-giant {
  margin-top: var(--mr-giant);
  margin-bottom: var(--mr-giant);
}

.mr-top-min {
  margin-top: var(--mr-min);
}

.mr-top-small {
  margin-top: var(--mr-small);
}

.mr-top-medium {
  margin-top: var(--mr-medium);
}

.mr-top-big {
  margin-top: var(--mr-big);
}

.mr-top-giant {
  margin-top: var(--mr-giant);
}

.mr-bottom-min {
  margin-bottom: var(--mr-min);
}

.mr-bottom-small {
  margin-bottom: var(--mr-small);
}

.mr-bottom-medium {
  margin-bottom: var(--mr-medium);
}

.mr-bottom-big {
  margin-bottom: var(--mr-big);
}

.mr-bottom-giant {
  margin-bottom: var(--mr-giant);
}

.mr-left-min {
  margin-left: var(--mr-min);
}

.mr-left-small {
  margin-left: var(--mr-small);
}

.mr-left-medium {
  margin-left: var(--mr-medium);
}

.mr-left-big {
  margin-left: var(--mr-big);
}

.mr-left-giant {
  margin-left: var(--mr-giant);
}

.mr-right-min {
  margin-right: var(--mr-min);
}

.mr-right-small {
  margin-right: var(--mr-small);
}

.mr-right-medium {
  margin-right: var(--mr-medium);
}

.mr-right-big {
  margin-right: var(--mr-big);
}

.mr-right-giant {
  margin-right: var(--mr-giant);
}

.mr-auto-left {
  margin-left: auto;
}

.mr-auto-right {
  margin-right: auto;
}

/* ___________________ */

.mr-item-left-min {
  margin-left: var(--mr-min);
}

.mr-item-left-min:first-child {
  margin-left: var(--mr-zero);
}

.mr-item-right-min {
  margin-right: var(--mr-min);
}

.mr-item-right-min:last-child {
  margin-right: var(--mr-zero);
}

/* ___________________ */

.mr-item-left-small {
  margin-left: var(--mr-small);
}

.mr-item-left-small:first-child {
  margin-left: var(--mr-zero);
}

.mr-item-right-small {
  margin-right: var(--mr-small);
}

.mr-item-right-small:last-child {
  margin-right: var(--mr-zero);
}

/* ___________________ */

.mr-item-left-medium {
  margin-left: var(--mr-medium);
}

.mr-item-left-medium:first-child {
  margin-left: var(--mr-zero);
}

.mr-item-right-medium {
  margin-right: var(--mr-medium);
}

.mr-item-right-medium:last-child {
  margin-right: var(--mr-zero);
}

/* ___________________ */

.mr-item-left-big {
  margin-left: var(--mr-big);
}

.mr-item-left-big:first-child {
  margin-left: var(--mr-zero);
}

.mr-item-right-big {
  margin-right: var(--mr-big);
}

.mr-item-right-big:last-child {
  margin-right: var(--mr-zero);
}

/* внутренние отступы */

.pd-min {
  padding: var(--pd-min);
}

.pd-micro {
  padding: var(--pd-micro);
}

.pd-small {
  padding: var(--pd-small);
}

.pd-medium {
  padding: var(--pd-medium);
}

.pd-big {
  padding: var(--pd-big);
}

.pd-giant {
  padding: var(--pd-giant);
}

.pd-zero {
  padding: var(--pd-zero);
}

.pd-x-zero {
  padding-left: 0;
  padding-right: 0;
}

.pd-x-min {
  padding-left: var(--pd-min);
  padding-right: var(--pd-min);
}

.pd-x-micro {
  padding-left: var(--pd-micro);
  padding-right: var(--pd-micro);
}

.pd-x-small {
  padding-left: var(--pd-small);
  padding-right: var(--pd-small);
}

.pd-x-medium {
  padding-left: var(--pd-medium);
  padding-right: var(--pd-medium);
}

.pd-x-big {
  padding-left: var(--pd-big);
  padding-right: var(--pd-big);
}

.pd-y-zero {
  padding-top: 0;
  padding-bottom: 0;
}

.pd-y-min {
  padding-top: var(--pd-min);
  padding-bottom: var(--pd-min);
}

.pd-y-micro {
  padding-top: var(--pd-micro);
  padding-bottom: var(--pd-micro);
}

.pd-y-small {
  padding-top: var(--pd-small);
  padding-bottom: var(--pd-small);
}

.pd-y-medium {
  padding-top: var(--pd-medium);
  padding-bottom: var(--pd-medium);
}

.pd-y-big {
  padding-top: var(--pd-big);
  padding-bottom: var(--pd-big);
}

.pd-x-y-min {
  padding: var(--pd-x-y-min);
}

.pd-x-y-small {
  padding: var(--pd-x-y-small);
}

.pd-x-y-medium {
  padding: var(--pd-x-y-medium);
}

.pd-x-y-big {
  padding: var(--pd-x-y-big);
}

.pd-x-y-giant {
  padding: var(--pd-x-y-giant);
}

.pd-top-small {
  padding-top: var(--pd-small);
}

.pd-top-micro {
  padding-top: var(--pd-micro);
}

.pd-top-medium {
  padding-top: var(--pd-medium);
}

.pd-top-big {
  padding-top: var(--pd-big);
}

.pd-top-giant {
  padding-top: var(--pd-giant);
}

.pd-bottom-min {
  padding-bottom: var(--pd-min);
}

.pd-bottom-micro {
  padding-bottom: var(--pd-micro);
}

.pd-bottom-small {
  padding-bottom: var(--pd-small);
}

.pd-bottom-medium {
  padding-bottom: var(--pd-medium);
}

.pd-bottom-big {
  padding-bottom: var(--pd-big);
}

.pd-left-min {
  padding-left: var(--pd-min);
}

.pd-left-micro {
  padding-left: var(--pd-micro);
}

.pd-left-small {
  padding-left: var(--pd-small);
}

.pd-left-medium {
  padding-left: var(--pd-medium);
}

.pd-left-big {
  padding-left: var(--pd-big);
}

.pd-right-min {
  padding-right: var(--pd-min);
}

.pd-right-micro {
  padding-right: var(--pd-micro);
}

.pd-right-small {
  padding-right: var(--pd-small);
}

.pd-right-medium {
  padding-right: var(--pd-medium);
}

.pd-right-big {
  padding-right: var(--pd-big);
}

/* размеры шрифтов */
.txt-titanic,
.txt-titanic>i,
.txt-titanic>p,
.txt-titanic>span {
  font-size: var(--txt-titanic);
}

.txt-giant,
.txt-giant>i,
.txt-giant>p,
.txt-giant>span {
  font-size: var(--txt-giant);
}

.txt-big,
.txt-big>i,
.txt-big>p,
.txt-big>span {
  font-size: var(--txt-big);
}

.txt-middle,
.txt-middle>i,
.txt-middle>p,
.txt-middle>span {
  font-size: var(--txt-middle);
}

.txt-main,
.txt-main>i,
.txt-main>p,
.txt-main>span {
  font-size: var(--txt-main);
}

.txt-small,
.txt-small>i,
.txt-small>p,
.txt-small>span {
  font-size: var(--txt-small);
}

.txt-tiny,
.txt-tiny>i,
.txt-tiny>p,
.txt-tiny>span {
  font-size: var(--txt-tiny);
}

.txt-min,
.txt-min>i,
.txt-min>p,
.txt-min>span {
  font-size: var(--txt-min);
}

/* HotFIX */
.wpcf7-form fieldset {
  display: none;
}

/*
#wrapper>main>div[data-gjs-type] {
    height: 100%;
}
*/

/* заглушки */

.ontacts-map__bl>div>div>div {
  width: var(--width-bl-100);
  display: block;
  height: 100%;
}

.ontacts-map__bl>div>div {
  height: 100%;
}

.ontacts-map__plug {
  width: 100%;
  height: 100%;
  border-color: #3655DC;
  border-width: 4px;
  border-style: dashed;
}

.ontacts__plug {
  width: 100%;
  height: 100%;
  border-color: #3655DC;
  border-width: 4px;
  border-style: dashed;
}

body.wp-theme-bazarix .ontacts__plug {
  display: none;
}

.offer-card__slider>div,
.exposition-bl__product>div {
  height: 100%;
}


.itc-slider:has(.ontacts__plug) {
  height: 100%;
}

.itc-slider-wrapper:has(.ontacts__plug) {
  height: 100%;
}

.itc-slider-items:has(.ontacts__plug) {
  height: 100%;
} 

/* зона добовления блока */

.download-btn {
  background: #3655DC;
  padding: 12px 20px;
  border-width: 0;
  border-radius: 0;
  font-size: 18px;
  text-transform: uppercase;
  outline: none;
  cursor: pointer;
  text-align: center;
  font-weight: var(--font-weight-500);
}

.download-btn {
  color: #F0EFF7;
}

div[phpb-content-container] {
  position: relative;
  background-color: #3654dc1a;
  min-height: 100vh;
}

.exposition-bl__form input[type="submit"]:hover {
  color: var(--color-txt-main);
  background-color: var(--color-landsc);
}

/* div[phpb-content-container]::after,
div[phpb-content-container]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10%;
  height: 20px;
  border-radius: 10px;
  color: #3655DC;       
  background: currentColor;
  transform-origin: center;
}

div[phpb-content-container]::after {
  transform: translate(-50%, -50%) rotate(45deg);
}

div[phpb-content-container]::before {
  transform: translate(-50%, -50%) rotate(-45deg);
} */


/* Базарикс фильтры настроек */

.woocommerce-MyAccount-navigation ul li::before  {
  display: none;
}