:root {
  --txt50: calc(12px + 3vw);
  --txt40: calc(10px + 2.5vw);
  --txt32: calc(8px + 2vw);
  --txt24: calc(6px + 1.5vw);
  --txt21: calc(9px + 1vw);
  --txt20: calc(8px + 1vw);
  --txt18: calc(12px + 0.5vw);
  --txt16: calc(10px + 0.5vw);
  --txt15: calc(9px + 0.5vw);
  --txt14: calc(8px + 0.5vw);
  --txt12: calc(6px + 0.5vw);
  --step10: 8vw;
  --step3: 2.5vw;
  --step2: 1.8vw;
  --step5: 4vw;
  --step16: 13vw;
  --step18: 15vw;
}
@media (min-width: 1200px) {
  :root {
    --txt50: 50px;
    --txt40: 40px;
    --txt32: 32px;
    --txt24: 24px;
    --txt21: 21px;
    --txt20: 20px;
    --txt19: 19px;
    --txt18: 18px;
    --txt17: 17px;
    --txt16: 16px;
    --txt15: 15px;
    --txt14: 14px;
    --txt12: 12px;
    --step10: 100px;
    --step3: 30px;
    --step2: 20px;
    --step5: 50px;
    --step18: 180px;
    --step16: 160px;
  }
}
@font-face {
  font-family: 'Montserrat';
  src: local('Montserrat-Regular'), local('Montserrat-Regular'), url('fonts/Montserrat-Regular.woff2') format('woff2'), url('fonts/Montserrat-Regular.woff') format('woff'), url('fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: local('Montserrat-SemiBold'), local('Montserrat-SemiBold'), url('fonts/Montserrat-SemiBold.woff2') format('woff2'), url('fonts/Montserrat-SemiBold.woff') format('woff'), url('fonts/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: local('Montserrat-Medium'), local('Montserrat-Medium'), url('fonts/Montserrat-Medium.woff2') format('woff2'), url('fonts/Montserrat-Medium.woff') format('woff'), url('fonts/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: local('Montserrat-Bold'), local('Montserrat-Bold'), url('fonts/Montserrat-Bold.woff2') format('woff2'), url('fonts/Montserrat-Bold.woff') format('woff'), url('fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}
body {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: var(--txt20);
  line-height: 125%;
  color: #000000;
  background-color: #fafafa;
}
a {
  color: #000000;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
.container {
  max-width: 1350px;
  margin: 0 auto;
  position: relative;
}
.section {
  padding: 4vw 6vw;
  position: relative;
  margin: 0 2vw var(--txt16);
}
.nav-fix__section {
  padding: 0 8vw;
  height: 100%;
}
.section-header {
  background: #FFFFFF;
  border-radius: var(--step10);
  margin-top: 99px !important;
  padding-bottom: var(--step16);
}
@media (min-width: 1600px) {
  .section {
    margin: 0 auto var(--txt16);
    max-width: 1500px;
  }
  .nav-fix__section {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 6vw;
  }
}
.anchor {
  cursor: pointer;
}
.nav-fix {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 20;
  height: 100px;
  background-color: #fafafa;
}
.nav-fix__container {
  height: 100%;
  border-bottom: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 0.5;
}
.nav__logo img {
  width: 100%;
  max-width: 213px;
  min-width: 150px;
}
.nav__logo {
  display: flex;
  flex-direction: column;
}
.nav__logo span {
  font-size: 12px;
  line-height: 110%;
  padding-left: 37px;
}
.nav__menu {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
.nav__menu li {
  list-style: none;
  margin: 0px 1em 0.5em 1em;
  font-size: var(--txt16);
  font-weight: 600;
  line-height: 125%;
  color: #000;
  white-space: nowrap;
}
.nav__menu li .anchor:hover {
  text-decoration: underline;
}
.nav__phone {
  font-weight: 700;
  font-size: var(--txt19);
  line-height: 150%;
  color: #000;
  white-space: nowrap;
  text-decoration: none;
}
.nav__call {
  font-weight: 600;
  font-size: 12px;
  line-height: 150%;
  color: #9B9B9B;
  display: block;
  text-align: right;
  cursor: pointer;
}
.nav__call:hover {
  text-decoration: underline;
}
.popup-fade {
  display: none;
}
.popup-fade:before {
  content: '';
  background: #000;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  z-index: 9999;
}
.popup {
  position: fixed;
  top: 20%;
  left: 10%;
  width: 80%;
  background: #F6F6F6;
  border: 1px solid #E4E4E4;
  backdrop-filter: blur(5px);
  border-radius: 20px;
  padding: 2vw 3vw;
  z-index: 99999;
  opacity: 1;
}
.consultation .popup {
  top: 30%;
  left: 20%;
  width: 60%;
}
.call .popup {
  background: #FFFFFF url(../img/logo_fon.png) right bottom no-repeat;
  background-size: contain;
  border-radius: var(--step5);
  padding: var(--step5) var(--step5);
}
.popup-close {
  position: absolute;
  top: var(--step5);
  right: var(--step5);
  font-weight: 400;
  font-size: var(--txt22);
  line-height: 100%;
  color: #6C6C6C;
  text-decoration: none;
}
h1 {
  font-weight: 600;
  font-size: var(--txt50);
  line-height: 125%;
  color: #000;
  margin-bottom: 1em;
}
h2 {
  font-weight: 600;
  font-size: var(--txt40);
  line-height: 125%;
  color: #000;
  margin: 2em 0 2em;
}
h3 {
  font-weight: 700;
  font-size: var(--txt16);
  line-height: 125%;
  color: #000;
  margin-bottom: 1em;
  margin-top: 2em;
}
.header__wrap {
  display: grid;
  gap: var(--step10);
  margin-bottom: var(--step10);
  grid-template-columns: 6fr 6fr;
  grid-template-areas: "text slide" "link info";
}
.header__text {
  font-size: var(--txt24);
  grid-area: text;
}
.header__slide {
  grid-area: slide;
  min-width: 100%;
  position: relative;
}
.header__info {
  grid-area: info;
  display: flex;
  justify-content: space-between;
  font-size: var(--txt20);
  line-height: 115%;
  color: #000;
}
.header__info div {
  text-align: right;
  flex-grow: 1;
}
.header__info span {
  font-weight: 400;
  font-size: var(--txt50);
  line-height: 125%;
  color: #B30838;
  display: block;
}
.header__link {
  grid-area: link;
}
.header-link__nav {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.header-link__nav span {
  font-size: var(--txt18);
  line-height: 175%;
  color: #000000;
  border: 1px solid #E4E4E4;
  border-radius: 30px;
  white-space: nowrap;
  padding: 0 10px;
  margin: 0 10px 10px 0;
}
.header-link__nav span:hover {
  color: #B30838;
  border: 1px solid #B30838;
  cursor: pointer;
}
.header-carousel .owl-stage {
  height: 100%;
}
.header-carousel .owl-item {
  height: 100%;
}
.header-carousel .owl-stage-outer,
.header-carousel {
  height: 100%;
}
.header-carousel {
  height: 100%;
}
.header-carousel .carousel-item {
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  height: 100%;
  width: 100%;
  border-radius: var(--step3);
  color: #FFFFFF;
  font-size: var(--txt24);
  line-height: 125%;
  font-weight: 500;
  padding: 0 10px 25px var(--step16);
  background-position: center center;
  background-size: cover;
  text-shadow: 1px 1px 1em #666;
  min-height: 200px;
}
.carousel-meeting {
  background-image: url(../img/meeting.jpg);
}
.carousel-classes {
  background-image: url(../img/classes.jpg);
}
.carousel-conference {
  background-image: url(../img/conference.jpg);
}
.header-carousel .nav-btn {
  height: 40px;
  position: absolute;
  width: 40px;
  cursor: pointer;
  top: calc(50% - 20px) !important;
  font-size: var(--txt32);
  line-height: 40px;
  color: #fff;
}
.header-carousel .nav-btn svg {
  stroke: #fff;
  fill: none;
  width: var(--txt15);
  height: var(--txt32);
}
.header-carousel .nav-btn:hover svg {
  stroke: #E4E4E4 !important;
}
.header-carousel .owl-prev.disabled,
.header-carousel .owl-next.disabled {
  pointer-events: none;
  opacity: 0.2;
}
.header-carousel .next-slide svg {
  transform: rotate(180deg);
}
.header-carousel .prev-slide {
  left: 20px;
}
.header-carousel .next-slide {
  right: 20px;
}
.feedback-carousel .nav-btn,
.advice-carousel .nav-btn,
.logo-carousel .nav-btn {
  height: 15px;
  width: 36px;
  cursor: pointer;
  margin: 0 10px;
}
.feedback-carousel .nav-btn svg,
.advice-carousel .nav-btn svg,
.logo-carousel .nav-btn svg {
  fill: black;
  width: 36px;
  height: 15px;
}
.feedback-carousel .nav-btn:hover svg,
.advice-carousel .nav-btn:hover svg,
.logo-carousel .nav-btn:hover svg {
  fill: #E4E4E4 !important;
}
.feedback-carousel .owl-prev.disabled,
.feedback-carousel .owl-next.disabled,
.advice-carousel .owl-prev.disabled,
.advice-carousel .owl-next.disabled,
.logo-carousel .owl-prev.disabled,
.logo-carousel .owl-next.disabled {
  pointer-events: none;
  opacity: 0.2;
}
.feedback-carousel .next-slide svg,
.advice-carousel .next-slide svg,
.logo-carousel .next-slide svg {
  transform: rotate(180deg);
}
.feedback-carousel .owl-nav,
.advice-carousel .owl-nav,
.logo-carousel .owl-nav {
  text-align: center;
  margin-top: var(--step5);
}
.conference-gallery .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  width: 100%;
  margin-top: -25px;
}
.conference-gallery .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}
.conference-gallery .owl-dots .owl-dot span {
  width: var(--step5);
  height: 5px;
  margin: 5px 7px;
  background: #fff;
  display: block;
  transition: opacity 0.2s ease;
  border-radius: 10px;
  opacity: 0.5;
}
.conference-gallery .owl-dots .owl-dot.active span,
.conference-gallery .owl-dots .owl-dot:hover span {
  opacity: 1;
}
.btn {
  width: var(--step18);
  height: var(--step18);
  min-width: 130px;
  min-height: 130px;
  background: #B30838;
  border: 1em solid #FFFFFF;
  border-radius: 50%;
  font-size: var(--txt20);
  line-height: 115%;
  font-weight: 600;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.header__btn {
  position: absolute;
  z-index: 10;
  margin-top: -100px;
  margin-left: -60px;
}
.header-form__btn {
  position: absolute;
  z-index: 1;
  margin-top: 80px;
  left: 0;
}
.pr {
  position: relative;
}
.header-region {
  background: #FAFAFA;
  border-radius: 20px;
  height: 44px;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-region__tab {
  font-weight: 400;
  font-size: var(--txt18);
  line-height: 125%;
  color: #000000;
  padding: 0 0.9em;
  display: inline-flex;
  align-items: center;
  border-radius: 20px;
  height: 100%;
  cursor: pointer;
}
.header-region span.active {
  background-color: #B30838;
  color: #fff;
}
.header-region__metro {
  width: fit-content;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1.2em;
  margin-bottom: var(--step5);
}
.header-region__metro span {
  font-weight: 400;
  font-size: var(--txt16);
  line-height: 20px;
  color: #000000;
  padding: 0 40px 0 30px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  opacity: 0.5;
}
.header-region__metro span.active,
.header-region__metro span:hover {
  opacity: 1;
}
.header-region__metro span::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.metro_tehno::before {
  background-image: url(../img/metro_tehno.svg);
}
.metro_izm::before {
  background-image: url(../img/metro_izm.svg);
}
.header-form {
  background: #F5F5F5;
  border-radius: var(--step5);
  padding: var(--step3) var(--step10) var(--step5);
  font-size: var(--txt16);
  line-height: 125%;
  font-weight: 400;
}
.header-form__container {
  display: grid;
  grid-template-columns: 5fr 6fr;
  gap: var(--step3);
}
.form__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--step3);
}
.form {
  /* для элемента input c type="radio" */
  /* для элемента label связанного с .custom-radio */
  /* создание в label псевдоэлемента  before со следующими стилями */
  /* стили при наведении курсора на радио */
  /* стили для активной радиокнопки (при нажатии на неё) */
  /* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
  /* стили для радиокнопки, находящейся в состоянии checked */
  /* стили для радиокнопки, находящейся в состоянии disabled */
  /* для элемента input c type="checkbox" */
  /* для элемента label, связанного с .custom-checkbox */
  /* создание в label псевдоэлемента before со следующими стилями */
  /* стили при наведении курсора на checkbox */
  /* стили для активного чекбокса (при нажатии на него) */
  /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
  /* стили для чекбокса, находящегося в состоянии checked */
  /* стили для чекбокса, находящегося в состоянии disabled */
}
.form input {
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 0.9em 1em;
  font-size: var(--txt14);
  line-height: 125%;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #000;
  margin-bottom: 1em;
  width: 100%;
  background: #fff;
}
.form input::placeholder {
  color: #6C6C6C;
  font-weight: 400;
}
.form input:focus,
.form input:active {
  border: 1px solid #B30838;
  outline: none;
}
.form .people {
  width: auto;
}
.form .radio,
.form .checkbox {
  margin-bottom: 0.5em;
}
.form .custom-radio {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: fit-content;
}
.form .custom-radio + label {
  display: inline-flex;
  align-items: baseline;
  user-select: none;
}
.form .custom-radio + label::before {
  content: '';
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 50%;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
.form .custom-radio:not(:disabled):not(:checked) + label:hover::before {
  border-color: #520017;
}
.form .custom-radio:not(:disabled):active + label::before {
  background-color: #520017;
  border-color: #520017;
}
.form .custom-radio:focus:not(:checked) + label::before {
  border-color: #520017;
}
.form .custom-radio:checked + label::before {
  border-color: #B30838;
  background-color: #B30838;
}
.form .custom-radio:disabled + label::before {
  background-color: #e9ecef;
}
.form .custom-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: fit-content;
}
.form .custom-checkbox + label {
  display: inline-flex;
  align-items: baseline;
  user-select: none;
}
.form .custom-checkbox + label::before {
  content: '';
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60% 60%;
}
.form .custom-checkbox:not(:disabled):not(:checked) + label:hover::before {
  border-color: #520017;
}
.form .custom-checkbox:not(:disabled):active + label::before {
  background-color: #520017;
  border-color: #520017;
}
.form .custom-checkbox:focus:not(:checked) + label::before {
  border-color: #520017;
}
.form .custom-checkbox:checked + label::before {
  border-color: #B30838;
  background-color: #B30838;
  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");
}
.form .custom-checkbox:disabled + label::before {
  background-color: #e9ecef;
}
.form .datetimepicker {
  width: 180px;
  padding-right: 40px;
  position: relative;
  background-position: 150px center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
.form .datetimepicker.icon-date {
  background-image: url(../img/calendar.svg);
  margin-right: var(--step3);
}
.form .datetimepicker.icon-time {
  background-image: url(../img//watch.svg);
}
.order__btn {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 5400;
  white-space: nowrap;
  padding: 0.9em 1em;
  font-size: var(--txt14);
  line-height: 125%;
  text-align: center;
  color: #fff;
  background: #B30838;
  border-radius: 10px;
  width: 100%;
}
.order__btn:hover {
  cursor: pointer;
  opacity: 0.8;
}
.advantage__container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.advantage__item {
  background: #FFFFFF;
  border-radius: 10px;
  padding: var(--step3);
  font-weight: 400;
  font-size: var(--txt16);
  line-height: 115%;
  color: #000;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
}
.advantage__item svg {
  height: 56px;
  width: 56px;
  margin-bottom: var(--step3);
}
.advantage__title {
  font-weight: 500;
  color: #B30838;
  font-size: var(--txt20);
  line-height: 125%;
  margin-bottom: 10px;
}
/*.feedback-carousel .owl-stage {
	display: flex;
}*/
.feedback__item {
  display: grid;
  grid-template-columns: 3fr 6fr;
  gap: 20px;
  min-height: 520px;
}
.feedback__pic {
  background-color: #fff;
  border-radius: var(--step3);
  padding: var(--step3);
  text-align: center;
  min-width: 100%;
}
.feedback__pic img {
  margin: 0 auto;
}
.feedback__pic-author img {
  border-radius: 50%;
  width: 80%!important;
}
.feedback__content {
  background: #f3f3f3;
  border-radius: var(--step3);
  padding: var(--step3);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.feedback__content::before {
  position: absolute;
  content: "";
  background: url(../img/text.svg) left no-repeat;
  width: var(--step10);
  height: var(--step10);
  background-size: 70% 70%;
  right: var(--step5);
  top: var(--step5);
}
.feedback__name {
  font-weight: 500;
  font-size: var(--txt20);
  line-height: 125%;
  color: #000;
  width: 60%;
  margin-bottom: 10px;
}
.feedback__post {
  font-weight: 400;
  font-size: var(--txt15);
  line-height: 125%;
  color: #000;
  width: 60%;
  margin-bottom: var(--step5);
}
.feedback__text {
  font-weight: 400;
  font-size: var(--txt20);
  line-height: 135%;
  color: #000;
}
.video {
  position: relative;
  padding-bottom: 56.25%;
  /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
  border-radius: 20px;
}
.item-video {
  height: 300px;
  border-radius: 20px;
}
.owl-carousel .owl-video-wrapper,
.owl-video-tn,
.owl-carousel iframe {
  border-radius: 20px;
}
.owl-carousel .owl-video-play-icon {
  background-image: url(../img/play.svg);
  background-size: contain;
}
.item-video .owl-video-tn {
  position: relative;
  border-radius: 20px;
}
.item-video .owl-video-tn::before {
  position: absolute;
  color: #fff;
  font-weight: 500;
  width: 100%;
  overflow: hidden;
  font-size: var(--txt20);
  text-shadow: 1px 1px 1em #666;
  height: 25px;
  bottom: 45px;
  left: var(--step3);
}
.item-video .owl-video-tn::after {
  position: absolute;
  color: #fff;
  font-weight: 400;
  width: 100%;
  overflow: hidden;
  font-size: var(--txt15);
  text-shadow: 1px 1px 1em #666;
  height: 20px;
  bottom: 20px;
  left: var(--step3);
}
.video_grebenuk .owl-video-tn {
  background-image: url(../files/video_grebenuk.jpg) !important;
}
.video_grebenuk .owl-video-tn::before {
  content: "Михаил Гребенюк";
}
.video_grebenuk .owl-video-tn::after {
  content: "Основатель компании GREBENUKRESULTING";
}
.video_halilov .owl-video-tn {
  background-image: url(../files/video_halilov.jpg) !important;
}
.video_halilov .owl-video-tn::before {
  content: "Дамир Халилов";
}
.video_halilov .owl-video-tn::after {
  content: "Владелец SMM-агентства GREENPR";
}
.video_pshinnik .owl-video-tn {
  background-image: url(../files/video_pshinnik.jpg) !important;
}
.video_pshinnik .owl-video-tn::before {
  content: "Кирилл Пшинник";
}
.video_pshinnik .owl-video-tn::after {
  content: "Генеральный директор компании МЕГАПРОРЫВ";
}
.video_reutov .owl-video-tn {
  background-image: url(../files/video_reutov.jpg) !important;
}
.video_reutov .owl-video-tn::before {
  content: "Реутов Антон";
}
.video_reutov .owl-video-tn::after {
  content: "Эксперт по коммерческой недвижимости";
}
.video_vorvuleva .owl-video-tn {
  background-image: url(../files/video_vorvuleva.jpg) !important;
}
.video_vorvuleva .owl-video-tn::before {
  content: "Наталья Ворвулева";
}
.video_vorvuleva .owl-video-tn::after {
  content: "Руководитель проекта компании AUTOBOSS";
}
.video_ilayhov .owl-video-tn {
  background-image: url(../files/video_ilayhov.jpg) !important;
}
.video_ilayhov .owl-video-tn::before {
  content: "Максим Ильяхов";
}
.video_ilayhov .owl-video-tn::after {
  content: "Создатель сервиса Главред";
}
.video_dubrovin .owl-video-tn {
  background-image: url(../files/video_dubrovin.jpg) !important;
}
.video_dubrovin .owl-video-tn::before {
  content: "Константин Дубровин";
}
.video_dubrovin .owl-video-tn::after {
  content: "Управляющий партнёр компании MOKO RECRUITING";
}
.video_kalaev .owl-video-tn {
  background-image: url(../files/video_kalaev.jpg) !important;
}
.video_kalaev .owl-video-tn::before {
  content: "Владимир Калаев";
}
.video_kalaev .owl-video-tn::after {
  content: "Генеральный директор сервиса Pepper Ninja";
}
.video_inshakov .owl-video-tn {
  background-image: url(../files/video_inshakov.jpg) !important;
}
.video_inshakov .owl-video-tn::before {
  content: "Дмитрий Иншаков";
}
.video_inshakov .owl-video-tn::after {
  content: "Генеральный директор Franklin Covey и David Allen Company в России";
}
.video_mann .owl-video-tn {
  background-image: url(../files/video_mann.jpg) !important;
}
.video_mann .owl-video-tn::before {
  content: "Игорь Манн";
}
.video_mann .owl-video-tn::after {
  content: "Маркетер, консультант, спикер, автор";
}
.video_raybkina .owl-video-tn {
  background-image: url(../files/video_raybkina.jpg) !important;
}
.video_raybkina .owl-video-tn::before {
  content: "Елена Рябинкина";
}
.video_raybkina .owl-video-tn::after {
  content: "Event-manager";
}
.video_berejnay .owl-video-tn {
  background-image: url(../files/video_berejnay.jpg) !important;
}
.video_berejnay .owl-video-tn::before {
  content: "Виктория Бережная";
}
.video_berejnay .owl-video-tn::after {
  content: "Учебный центр БИЗНЕС АРТ";
}
.video_kruchkov .owl-video-tn {
  background-image: url(../files/video_kruchkov.jpg) !important;
}
.video_kruchkov .owl-video-tn::before {
  content: "Максим Крючков";
}
.video_kruchkov .owl-video-tn::after {
  content: "Директор по маркетингу компании ИНФОБИЗНЕС 2.0";
}
.video_denisova .owl-video-tn {
  background-image: url(../files/video_denisova.jpg) !important;
}
.video_denisova .owl-video-tn::before {
  content: "Ариадна Денисова";
}
.video_denisova .owl-video-tn::after {
  content: "Президент национальной Ассоциации профессионалов в сфере мотивации и оргразвития";
}
.owl-carousel .owl-video-tn {
  background-size: cover !important;
}
.order {
  background: #FFFFFF url(../img/logo_fon.png) right bottom no-repeat;
  background-size: contain;
  border-radius: var(--step5);
  padding: var(--step10) var(--step5);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--step3);
  align-items: center;
}
.order .form input {
  border: 1px solid #D9D9D9;
}
.order h2 {
  margin: 0;
}
.order p {
  font-weight: 400;
  font-size: var(--txt12);
  line-height: 125%;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 20px;
}
.call-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--step3);
  align-items: center;
}
.call-container .form input {
  border: 1px solid #D9D9D9;
}
.call-container h3 {
  margin: 0;
}
.call-container p {
  font-weight: 400;
  font-size: var(--txt12);
  line-height: 125%;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 20px;
}
.logos {
  background: #FFFFFF;
  border-radius: var(--step5);
  padding: var(--step5) var(--step16);
}
.logos h2 {
  max-width: 350px;
  margin: 1em auto 2em;
  text-align: center;
}
.logo-carousel_item {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1px;
  background-color: #E6E6E6;
}
.logo-item {
  background-color: #FFFFFF;
  text-align: center;
  padding: var(--step5);
  display: inline-flex;
  align-items: center;
}
.logo-item img {
  max-width: 100%;
  width: auto !important;
  margin: 0 auto;
}
.service_container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 300px  300px  300px;
  gap: 20px;
  grid-template-areas: "service-1 service-1 service-2" "service-3 service-4 service-5" "service-6 service-6 service-6";
}
.service_container div {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-flex;
  align-items: flex-end;
  justify-content: flex-start;
  height: 100%;
  color: #fff;
  border-radius: 10px;
  padding: 20px;
}
.service-1 {
  background-image: url(../img/service-1.png);
  grid-area: service-1;
}
.service-2 {
  background-image: url(../img/service-2.png);
  grid-area: service-2;
}
.service-3 {
  background-image: url(../img/service-3.png);
  grid-area: service-3;
}
.service-4 {
  background-image: url(../img/service-4.png);
  grid-area: service-4;
}
.service-5 {
  background-image: url(../img/service-5.png);
  grid-area: service-5;
}
.service-6 {
  background-image: url(../img/service-6.png);
  grid-area: service-6;
}
.section-footer {
  background: #fff;
  border-radius: var(--step10) var(--step10) 0px 0px;
  padding-top: var(--step3);
  padding-bottom: var(--step3);
}
.section-footer p {
  font-size: var(--txt18);
  line-height: 125%;
  margin-bottom: var(--step3);
}
.section-footer .footer__container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--step3);
}
.section-footer .footer_title {
  font-size: var(--txt20);
  line-height: 125%;
  font-weight: 500;
  color: #848484;
  margin-bottom: var(--step3);
}
.section-footer .footer_strong {
  font-weight: 500;
}
.section-footer .footer_logo {
  width: 100%;
  max-width: 300px;
  margin-bottom: var(--step3);
}
.section-footer .footer-nav span {
  font-size: var(--txt16);
  line-height: 150%;
  font-weight: 500;
  color: #000000;
  margin: 0 0px 20px 0;
  display: block;
  width: 100%;
}
.section-footer .footer-nav span:hover {
  cursor: pointer;
  color: #6C6C6C;
}
.filter__container {
  margin: 0 0 var(--step2) 0;
  padding-bottom: var(--step2);
  border-bottom: 1px solid #E6E6E6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.filter__clean {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 0 var(--step5) 0;
}
.filter__clean span {
  font-weight: 500;
  font-size: var(--txt15);
  line-height: 125%;
  color: #565656;
  cursor: pointer;
}
.filter__links {
  border: 1px solid #E6E6E6;
  border-radius: 20px;
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.filter-select select {
  appearance: none;
  background: rgba(250, 250, 255, 0.1);
  border: none;
  margin: 0;
  width: fit-content;
  padding: 0 30px 0 5px;
  font-weight: 300;
  font-family: 'Montserrat', sans-serif;
  font-size: var(--txt18);
  line-height: 100%;
  color: #000000;
  z-index: 1;
  outline: none;
}
.filter-select select::-ms-expand {
  display: none;
}
.filter-select {
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;
  width: fit-content;
  border: 0;
  font-size: var(--txt18);
  cursor: pointer;
  line-height: 100%;
  font-weight: 300;
  align-items: flex-start;
  justify-self: end;
}
.filter-select select,
.filter-select::after {
  grid-area: select;
}
.filter-select::after {
  content: "";
  justify-self: end;
  width: 8px;
  height: 8px;
  margin-right: 10px;
  margin-top: 3px;
  border-top: 0.5px solid #000;
  border-right: 0.5px solid #000;
  transform: rotate(135deg);
}
.filter__center {
  border-right: 1px solid #E6E6E6;
  height: var(--txt18);
  width: 15px;
  margin-right: 15px;
}
.tabs-nav {
  display: flex;
  flex-wrap: wrap;
}
.tabs-nav a {
  font-size: var(--txt18);
  line-height: 175%;
  color: #000000;
  border: 1px solid #E4E4E4;
  border-radius: 30px;
  white-space: nowrap;
  padding: 0 10px;
  margin: 0 10px 10px 0;
  text-decoration: none;
}
.tabs-nav a:hover {
  color: #B30838;
  border: 1px solid #B30838;
  cursor: pointer;
}
.tabs-nav a.active {
  color: #B30838;
  border: 1px solid #B30838;
}
.tab_container {
  gap: 0;
  border-top: 1px solid #E4E4E4;
}
.tab_container__left {
  border-right: 1px solid #E4E4E4;
  padding-top: var(--step3);
}
.tab_container__right {
  padding-left: var(--step3);
  padding-top: var(--step3);
}
.tabs-discription {
  margin-bottom: var(--step3);
  padding-right: var(--step1);
}
.tabs-discription p {
  line-height: 125%;
  margin-bottom: 0.8em;
}
.conference-classes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--step10) 20px;
}
.conference-class {
  min-width: 100%;
  position: relative;
  padding-bottom: var(--step10);
}
.conference-gallery img {
  border-radius: 20px 20px 0px 0px;
}
.conference-tools {
  display: none;
  transition: all 0.5s ease;
  height: 0;
  margin: 20px 0 0 0;
  border-top: 1px solid #E6E6E6;
}
.conference-tools .order__btn {
  margin-top: var(--step5);
  display: block;
  max-width: 200px;
}
.conference-description {
  transition: all 0.5s ease;
  position: absolute;
  bottom: 0;
  width: 100%;
  transform: translateY(10%);
  background-color: #fafafa;
  z-index: 10;
}
.conference-tools ul {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
  padding: 0;
}
.conference-tools ul li {
  font-size: var(--txt12);
  line-height: 150%;
  color: #525252;
  border: 1px solid #E6E6E6;
  border-radius: 5px;
  white-space: nowrap;
  padding: 0 5px;
  margin: 0 8px 8px 0;
  text-decoration: none;
  list-style: none;
}
.conference-tools ul a:hover {
  color: #B30838;
  border: 1px solid #B30838;
  cursor: pointer;
}
.conference-description:hover {
  transform: translateY(-10%);
}
.conference-description:hover .conference-tools {
  display: block;
  height: auto;
  margin-bottom: -10%;
}
.conference-title {
  font-weight: 500;
  font-size: var(--txt24);
  line-height: 125%;
  color: #343434;
  margin: 20px 0;
}
.conference-charactheristics {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.conference-charactheristics span {
  font-size: var(--txt15);
  line-height: 100%;
  padding-left: 30px;
  flex-grow: 0.5;
  background: url(../img/people.svg) center left no-repeat;
  background-size: contain;
  margin-right: 25px;
}
.conference-charactheristics span.conference-icon-square {
  background-image: url(../img/size.svg);
}
.conference-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-top: 20px;
}
.conference-price span {
  font-size: var(--txt15);
  color: #B30838;
  line-height: 100%;
  flex-grow: 0.5;
  margin-right: 25px;
  padding-left: 30px;
}
.conference-price span::before {
  content: ' \20BD';
  font-family: arial;
  font-weight: 500;
  font-size: var(--txt21);
  position: absolute;
  top: 0;
  left: 0;
}
.video_wrap {
	width: 90%;
	margin: 0 auto;
}
video.video_mp4 {
	width: 100%; height: auto; max-height: 100%;
}
@media (max-width: 1000px) {
  .nav__container {
    display: block;
    position: absolute;
    top: 50px;
    left: 0;
    background: #f5f6f6;
    width: 100%;
    transition: all 0.4s ease;
    left: -120%;
    padding: 4vw;
  }
  .nav-fix__section {
    padding: 0;
    height: 100%;
  }
  .nav__menu {
    display: block;
  }
  .nav__container.open-menu {
    left: 0;
    padding-left: 10vw;
  }
  .menu-burger {
    position: relative;
    width: 25px;
    height: 23px;
    display: block;
  }
  .menu-burger span,
  .menu-burger:after,
  .menu-burger:before {
    height: 2px;
    width: 100%;
    position: absolute;
    background: #515758;
    margin: 0 auto;
  }
  .menu-burger span {
    top: 11px;
  }
  .menu-burger:after,
  .menu-burger:before {
    content: '';
  }
  .menu-burger:after {
    bottom: 4px;
  }
  .menu-burger:before {
    top: 5px;
  }
  .menu-burger.open-menu span {
    opacity: 0;
    transition: 0.5s;
  }
  .menu-burger.open-menu:before {
    transform: rotate(38deg);
    top: 10px;
    transition: 0.4s;
  }
  .menu-burger.open-menu:after {
    transform: rotate(-38deg);
    bottom: 10px;
    transition: 0.4s;
  }
  .nav-fix {
    height: 60px;
  }
  .nav-fix__container {
    padding: 8px 10vw;
    border-bottom: 0;
  }
  .section-header {
    margin-top: 60px !important;
  }
  .fixed-pade {
    overflow: hidden;
  }
  .nav__menu li {
    margin-left: 0;
  }
  .nav__call {
    text-align: left;
  }
  .header__wrap {
    grid-template-columns: 1fr;
    grid-template-areas: "text" "slide" "link" "info";
  }
  .advantage__container {
    grid-template-columns: 1fr 1fr;
  }
  .service_container {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 200px  200px  200px 200px;
    gap: 20px;
    grid-template-areas: "service-1 service-1" "service-2 service-3" "service-4 service-5" "service-6 service-6";
  }
  .conference-classes {
    grid-template-columns: 1fr 1fr;
  }
  .item-video {
    height: 200px;
  }
  .filter__container {
    flex-wrap: wrap;
  }
  .video_wrap {
	width:100%;
}
}
@media (max-width: 767px) {
  .header-link__nav {
    margin: 20px 0 0px 0;
  }
  .header-carousel .carousel-item {
    align-items: flex-start;
    padding: 25px;
  }
  .header__btn {
    margin-top: -80px;
    margin-left: -20px;
  }
  .header-form__container {
    grid-template-columns: 1fr;
  }
  .form__container {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .advantage__container {
    grid-template-columns: 1fr;
  }
  .advantage__item svg {
    height: 35px;
    width: 35px;
    position: absolute;
    left: 15px;
  }
  .advantage__item {
    justify-content: center;
    padding-left: 70px;
  }
  .feedback__item {
    grid-template-columns: 1fr;
    grid-template-rows: 150px auto;
    gap: 20px;
    height: 100%;
  }
  .feedback__pic img {
    width: auto !important;
    height: 100%;
  }
  .service_container {
    grid-template-rows: 100px  100px  100px 100px;
    gap: 10px;
  }
  .order {
    grid-template-columns: 1fr;
  }
  .form .btn {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    white-space: nowrap;
    padding: 0.9em 1em;
    font-size: var(--txt14);
    line-height: 125%;
    text-align: center;
    color: #fff;
    background: #B30838;
    border-radius: 10px;
    width: 100%;
    position: static;
    border: none;
    height: auto;
    margin: 0;
    min-height: 20px;
  }
  .conference-classes {
    grid-template-columns: 1fr;
  }
  .item-video {
    height: 150px;
  }
  .logos {
    background: #FFFFFF;
    border-radius: var(--step5);
    padding: var(--step3);
  }
  .conference-description {
    cursor: pointer;
  }
  .popup {
    width: 80%;
    left: 10%;
  }
  .section-footer .footer__container {
    grid-template-columns: 1fr;
  }
  .owl-carousel .owl-video-play-icon {
    height: 40px;
    width: 40px;
    margin-left: -20px;
    margin-top: -20px;
  }
}