/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@charset "UTF-8";
.blocker {
  padding: 0; }

@media (max-width: 479px) {
  .modal a.close-modal {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 9; } }

@media (max-width: 479px) {
  .popup-mini.modal a.close-modal {
    position: absolute;
    right: 30px;
    z-index: 9; } }

/*Попап с формой*/
.popup-mini.modal {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.popup-mini {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  /* .popup-mini__container */
  /* .popup-mini__smallcontainer */
  /* .popup-mini__wrapper */
  /* .popup-mini__text */
  /* .popup-mini__form */ }
  @media (max-width: 1232px) {
    .popup-mini {
      padding-left: 24px;
      padding-right: 24px; } }
  .popup-mini__container {
    padding-top: 60px;
    padding-bottom: 80px; }
    @media (max-width: 520px) {
      .popup-mini__container {
        padding-top: 24px;
        padding-bottom: 40px; } }
  @media (max-width: 479px) {
    .popup-mini__smallcontainer {
      padding-left: 0;
      padding-right: 0; } }
  .popup-mini__smallcontainer p {
    margin-bottom: 12px;
    font-size: var(--font-size-big-text); }
  .popup-mini__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 24px;
    padding-right: 24px; }
    @media (max-width: 992px) {
      .popup-mini__wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 44px; } }
    @media (max-width: 600px) {
      .popup-mini__wrapper {
        padding-left: 0;
        padding-right: 0; } }
  .popup-mini__text {
    width: 100%;
    max-width: 476px; }
    @media (max-width: 992px) {
      .popup-mini__text {
        max-width: none; } }
  @media (max-width: 992px) {
    .popup-mini__text h2 {
      max-width: none;
      margin-bottom: 24px; } }
  .popup-mini__text span {
    display: block;
    margin-top: 20px; }
  .popup-mini__form {
    padding: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 992px) {
      .popup-mini__form {
        padding: 0; } }
    @media (max-width: 767px) {
      .popup-mini__form {
        padding: 0; } }
  .popup-mini .w-form {
    width: 100%;
    max-width: 500px;
    padding: 55px 60px 64px;
    background-color: white;
    border-radius: var(--border-radius);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); }
    @media (max-width: 992px) {
      .popup-mini .w-form {
        max-width: none; } }
    @media (max-width: 520px) {
      .popup-mini .w-form {
        padding: 32px 24px 32px; } }
    @media (max-width: 420px) {
      .popup-mini .w-form {
        padding: 32px 16px 32px; } }
  .popup-mini .w-form p {
    font-size: 20px;
    font-weight: 900; }
  .popup-mini .w-form-done {
    display: none; }
  .popup-mini .w-form-fail {
    display: none; }
  .popup-mini .form .btn_std {
    width: 100%;
    max-width: none;
    font-family: 'Stolzl';
    margin-bottom: 0;
    border-radius: var(--border-radius);
    /*    outline: none;
        border: none;
        padding: 17px 24px 16px 24px;
        width: 100%;
        border-radius: 64px;
        cursor: pointer;
        margin-top: 40px;*/ }
    @media (max-width: 420px) {
      .popup-mini .form .btn_std {
        font-size: 15px; } }
  .popup-mini .form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    position: relative; }
    @media (max-width: 865px) {
      .popup-mini .form {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        width: 100%;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto; } }
  .popup-mini .form .input_std {
    background-color: transparent;
    outline: none;
    font-family: 'Stolzl';
    border: none;
    padding: 13px 8px 12px 8px;
    border-bottom: 1px solid #908E8F;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-top: 24px;
    font-size: 18px;
    font-weight: 400; }
    @media (max-width: 420px) {
      .popup-mini .form .input_std {
        width: 100%; } }
  .popup-mini .form .input_std:focus {
    border-bottom: 2px solid var(--text-color);
    background-color: white; }
  .popup-mini .final_h2 span {
    background-color: var(--prime-color);
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 4px;
    padding-bottom: 4px; }
  .popup-mini label.w-checkbox {
    position: static;
    bottom: -40px;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-color); }
    @media (max-width: 865px) {
      .popup-mini label.w-checkbox {
        position: static;
        margin-top: 10px; } }
  .popup-mini label.w-checkbox a {
    color: var(--text-color); }
  .popup-mini label.w-checkbox span {
    padding-left: 10px;
    opacity: .6; }
  .popup-mini .form .checkbox.style-a {
    margin-top: 32px; }
  .popup-mini .checkbox.style-a {
    margin-top: 12px;
    display: inline-block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .popup-mini .checkbox.style-a input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .popup-mini .checkbox.style-a input:checked ~ .checkbox__checkmark {
    background-color: #040405; }
  .popup-mini .checkbox.style-a .checkbox__checkmark:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    opacity: 0;
    -webkit-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease; }
  .popup-mini .checkbox.style-a .checkbox__body {
    color: var(--disable-color);
    line-height: 1.4;
    font-size: clamp(0.625rem, 0.565rem + 0.3vw, 0.75rem); }
  .popup-mini .checkbox.style-a input:checked ~ .checkbox__checkmark:after {
    opacity: 1; }

/*конец Начните*/
/*Попапы*/
.popup_block {
  overflow: hidden; }

.popup-wide {
  max-width: 1100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  /* .popup-wide__wrapper */
  /* .popup-wide__item */ }
  @media (max-width: 520px) {
    .popup-wide {
      padding: 0; } }
  .popup-wide__container {
    overflow-y: auto;
    max-height: 60vh;
    padding: 32px 38px;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    background-color: white; }
    @media (max-width: 520px) {
      .popup-wide__container {
        padding-top: 20px;
        padding-bottom: 40px;
        padding-left: 24px;
        padding-right: 24px; } }
  .popup-wide__container h3 {
    margin-top: 24px;
    margin-bottom: 16px; }
  .popup-wide__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 32px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px; }
    @media (max-width: 840px) {
      .popup-wide__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }
  .popup-wide__wrapper.one_col {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr; }
    @media (max-width: 840px) {
      .popup-wide__wrapper.one_col {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }
  .popup-wide__item p {
    font-size: 14px;
    line-height: 1.3em; }
  .popup-wide__item p:not(:last-child) {
    margin-bottom: 8px; }
  .popup-wide__item .note_big {
    padding-top: 8px;
    padding-bottom: 6px;
    padding-left: 24px; }
  .popup-wide__item ul, .popup-wide__item ol {
    padding-left: 20px;
    font-size: 14px;
    line-height: 1.2em;
    margin-top: 12px;
    margin-bottom: 16px; }
  .popup-wide__item ul li, .popup-wide__item ol li {
    list-style: disc; }
  .popup-wide__item ul li:not(:last-child) {
    margin-bottom: 4px; }
  @media (max-width: 840px) {
    .popup-wide__item:not(:last-child) {
      margin-bottom: 32px; } }
  .popup-wide__item img:not(:last-child) {
    margin-bottom: 32px; }

.popup-mini {
  width: 100%;
  max-width: 500px;
  /* .popup-mini__container */
  /* .popup-mini__btns */ }
  .popup-mini__container h3 {
    margin-top: 24px;
    margin-bottom: 16px; }
  .popup-mini__item p {
    font-size: 14px;
    line-height: 1.3em; }
  .popup-mini__item p:not(:last-child) {
    margin-bottom: 8px; }
  .popup-mini__item .note_big {
    padding-top: 8px;
    padding-bottom: 6px;
    padding-left: 24px; }
  .popup-mini__item ul, .popup-mini__item ol {
    padding-left: 20px;
    font-size: 14px;
    line-height: 1.2em;
    margin-top: 12px;
    margin-bottom: 16px; }
  .popup-mini__item ul li {
    list-style: disc; }
  .popup-mini__item ul li:not(:last-child), .popup-mini__item ol li:not(:last-child) {
    margin-bottom: 4px; }
  .popup-mini__container {
    padding: 32px 38px;
    background-color: white;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    position: relative; }
    @media (max-width: 520px) {
      .popup-mini__container {
        padding-top: 24px;
        padding-bottom: 40px; } }

.popup {
  /*.popup__btns*/ }
  .popup__btns {
    position: relative;
    padding: 32px 38px 32px;
    width: 100%;
    max-width: 1326px;
    margin: 0px auto;
    position: relative;
    z-index: 3;
    background-color: var(--bg-light-color);
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    overflow: hidden;
    -webkit-box-shadow: 0px -3px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -3px 30px 0px rgba(0, 0, 0, 0.1); }
    @media (max-width: 520px) {
      .popup__btns {
        padding: 24px; } }
  .popup__btns.one_btn {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr; }
  .popup__btns.two_btn {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px  1fr;
    grid-template-columns: 1fr  1fr;
    grid-gap: 24px; }
    @media (max-width: 840px) {
      .popup__btns.two_btn {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 16px; } }
  .popup__btns a {
    max-width: none; }
  .popup__btns a {
    margin-bottom: 0;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1em;
    height: 44px;
    padding-top: 0;
    padding-bottom: 0; }
  .popup__btns:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--bg-light-color);
    position: absolute;
    top: 0;
    left: 0; }
  .popup__btns.one_btn a {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto; }

/*конец Попапы*/
label {
  display: block;
  margin-bottom: 8px; }

/* Стили для полей ввода */
input[type="text"],
input[type="tel"],
input[type="email"] {
  width: 100%;
  max-width: 500px;
  min-width: 202px;
  padding: 12px 6px;
  /* border: 1px solid #F0F0F0;*/
  border-radius: 0px;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  color: #575555;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  padding-right: 18px;
  position: relative;
  margin-top: 4px;
  z-index: 1;
  /* Убедимся, что поле находится выше иконки */ }

input[type="checkbox"] {
  display: none; }

/* Стили для поля при фокусе */
input:focus {
  border-color: #a49276;
  outline: none; }

/* Стили для валидации */
input.valid {
  border-color: #11719a; }

input.invalid {
  border-color: #ffa31a; }

/* Стили для подписи */
.form__field {
  position: relative;
  padding-right: 10px;
  padding-top: 4px;
  width: 100%; }

.error-container {
  display: none;
  /* Скрыт по умолчанию */
  position: absolute;
  top: 110px;
  /* Отступ от нижней границы родительского элемента */
  right: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 1.2; }

.form_std .error-container {
  top: 70px; }

/* Переопределение для сообщения об ошибке внутри контейнера */
.nameErrorCont .error-message,
.companyErrorCont .error-message,
.positionErrorCont .error-message,
.phoneErrorCont .error-message,
.emailErrorCont .error-message {
  opacity: 1 !important;
  /* Принудительно делаем текст видимым */
  position: static;
  /* Сообщение располагается в потоке контейнера */
  color: #a8b1b8;
  font-size: 12px;
  font-weight: 300;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  line-height: 1.2;
  margin: 0; }

/* Новый общий стиль для информационных контейнеров */
.info-container {
  display: none;
  /* Скрыт по умолчанию */
  position: absolute;
  top: 64px;
  /* Отступ от нижней границы родительского элемента */
  right: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 1.2; }

/* Стили для информационного сообщения внутри контейнера для E-mail */
.emailInfoCont .info-message {
  opacity: 1 !important;
  /* Обязательно делаем сообщение видимым */
  position: static;
  /* Располагается в потоке контейнера */
  color: #55b039;
  /* Зеленый цвет для информации */
  font-size: 12px;
  font-weight: 300;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  margin: 0; }

/* Стили для иконки ошибки */
.error-icon {
  position: absolute;
  bottom: 7%;
  right: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  z-index: 2; }

/* Показ иконки, когда поле не валидно */
input.invalid + .error-icon {
  opacity: 1; }

.info-message {
  color: #55b039;
  /* Зеленый цвет для информации */ }

.info-message a {
  color: #6b70d3 !important;
  /* Зеленый цвет для информации */ }

/* Показ сообщений об ошибках и информации */
input.invalid + .error-icon + .error-message {
  opacity: 1; }

/* Показ сообщений об ошибках и информации */
input.invalid + .error-icon + .error-container {
  opacity: 1; }

/* Исправлено позиционирование для сообщения об опечатке */
input.valid + .error-icon + .info-message {
  opacity: 1; }

/* Стили для кнопки */
.main__form button {
  width: 100%;
  max-width: 518px;
  padding: 14px;
  background-color: #ffa31a;
  color: #fff;
  border: 1px solid var(--button-color-secondary);
  border-radius: 20px;
  font-size: 22px;
  line-height: 28px;
  cursor: not-allowed;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  margin: 2px 0 22px 0;
  font-weight: 600; }

button.enabled {
  background-color: #28a745;
  cursor: pointer; }

/* Стили для кастомного чекбокса */
.form-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  cursor: pointer;
  font-size: 16px;
  color: #000;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  padding-top: 10px;
  padding-bottom: 6px; }

.form-checkbox:last-of-type {
  cursor: pointer;
  font-size: 16px;
  color: #000;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  padding-top: 0;
  padding-bottom: 0; }

.custom-checkbox {
  display: none;
  /* Прячем оригинальный чекбокс */ }

/* Контейнер для иконки чекбокса */
.custom-checkbox-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  margin-right: 8px; }

/* Прячем обе иконки по умолчанию */
.custom-checkbox-icon svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  -o-transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
  opacity: 0; }

/* Иконка для неактивного чекбокса */
.custom-checkbox-icon .unchecked {
  opacity: 1; }

/* Показ иконки при включении чекбокса */
.custom-checkbox:checked + .custom-checkbox-icon .checked {
  opacity: 1;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); }

/* Прячем неактивную иконку при включении */
.custom-checkbox:checked + .custom-checkbox-icon .unchecked {
  opacity: 0;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9); }

/* Показать сообщение об ошибке при невалидном состоянии */
.custom-checkbox.invalid + .custom-checkbox-icon + .text-checkbox + .error-message {
  opacity: 1;
  font-size: 13px;
  bottom: -14px; }

/* текст чекбокс */
.text-checkbox {
  color: #c7c7c7 !important;
  margin: -2px 0 0 8px;
  color: rgba(36, 34, 37, 0.6);
  font-size: 12px;
  font-weight: 300;
  line-height: 1.2; }

.text-checkbox a {
  color: #c7c7c7; }

.link-agree {
  color: #c7c7c7; }

input.form__input.input_std.tf.w-input {
  width: 100%;
  font-size: 16px; }

input::-webkit-input-placeholder {
  /*  color: #11719a;
    opacity: 0.8;*/ }

input::-moz-placeholder {
  /*  color: #11719a;
    opacity: 0.8;*/ }

input:-ms-input-placeholder {
  /*  color: #11719a;
    opacity: 0.8;*/ }

input::-ms-input-placeholder {
  /*  color: #11719a;
    opacity: 0.8;*/ }

input::placeholder {
  /*  color: #11719a;
    opacity: 0.8;*/ }

input::-webkit-input-placeholder {
  /*  color: #11719a;
    opacity: 0.8;*/ }

input::-moz-placeholder {
  /*  color: #11719a;
    opacity: 0.8;*/ }

input:-ms-input-placeholder {
  /*  color: #11719a;
    opacity: 0.8;*/ }

input::-ms-input-placeholder {
  /*  color: #11719a;
    opacity: 0.8;*/ }

input::placeholder {
  /*  color: #11719a;
    opacity: 0.8;*/ }

input::-webkit-input-placeholder {
  /* Chrome/Safari */
  /*    color: #11719a;*/ }

input::-moz-placeholder {
  /* Firefox 18- */
  /*    opacity: 0.8;
    color: #11719a;*/ }

input:-ms-input-placeholder {
  /* IE 10+ */
  /*    color: #11719a;
      opacity: 0.8;*/ }

.form-checkbox error-message {
  bottom: -12px; }

.top_form_mp {
  padding-right: 0; }

.w-form-fail {
  display: none;
  margin-top: 10px;
  padding: 10px;
  background-color: #ffdede; }

#formCallback-top {
  width: 100%; }

#formCallback-top .w-input {
  /*    color: #11719a;
      opacity: 0.8;*/ }

.form_mp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.js-order-1 {
  margin-bottom: 32px; }

#free3days .js-order-2 {
  margin-bottom: 32px; }

#main_form_c .error-message {
  background: #fff;
  border-radius: 6px;
  font-size: 13px;
  padding: 2px 4px; }

#form_free_day .error-message {
  background: #fff;
  border-radius: 6px;
  font-size: 13px;
  padding: 2px 4px; }

#form_free_day .thank_you {
  color: #fff; }

#form_free_day .btn-reg.main.tf_btn_m {
  margin-top: 32px; }

@media screen and (max-width: 768px) {
  .error-message,
  .info-message {
    position: absolute;
    bottom: -12px;
    /* Исправлено, чтобы текст не перекрывался */
    left: 0;
    opacity: 0;
    /* Изначально скрыто */
    -webkit-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    /* Плавное появление и исчезновение */
    z-index: 3;
    /* Сообщение должно быть выше всех элементов */
    font-weight: 300; }

  .form__field {
    width: 100%;
    padding-top: 2px; }

  .error-icon {
    bottom: 23%;
    right: 6%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }

  .top_form_mp {
    padding-right: 16px; } }
	
	
	
.banner {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: #00000094;
    z-index: 100;
}
.banner.hide {
	display:none;
}
.banner .container {
    position: relative;
}
.banner .container a {}
.banner .container a:hover {
	opacity:1;
}
.banner .container a img {}
.banner .container .banner_close {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 5px;
    right: 6px;
    cursor: pointer;
    transition: all 0.2s;
}
.banner .container .banner_close:hover {
    transform: rotate(90deg);
}
.banner .container .banner_close span {
    position: absolute;
    width: 25px;
    height: 2px;
    background: #000;
    display: block;
    top: 11px;
    right: 0;
}
.banner .container .banner_close span:nth-child(1) {
    transform: rotate(45deg);
}
.banner .container .banner_close span:nth-child(2) {
    transform: rotate(-45deg);
}