.et-top {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: 30px;
  padding-top: 100px;
  min-height: 100vh; }
  .et-top.bg-top .et-top__media > * {
    object-position: top; }
  .et-top__logo {
    position: absolute; }
  .et-top__main {
    margin: auto 0;
    color: var(--white);
    text-align: center; }
    .et-top__main h1 {
      text-shadow: 0px 4px 60px rgba(50, 44, 88, 0.5); }
      .et-top__main h1.et-txt-cut {
        font-size: 122px; }
      .et-top__main h1.et-h2 {
        font-size: 86px; }
      .et-top__main h1.et-h3 {
        margin-top: 0.5em; }
    .et-top__main h2 {
      font-size: 86px; }
    .et-top__main h3 {
      margin-top: 0.5em; }
    .et-top__main h4 {
      font-weight: normal;
      text-transform: capitalize; }
    @media (max-width: 991px) {
      .et-top__main h1 {
        font-size: calc(50px + 50 * ((100vw - 320px) / 448)); }
        .et-top__main h1.et-txt-cut {
          font-size: calc(48px + 48 * ((100vw - 320px) / 448)); }
        .et-top__main h1.et-h2 {
          font-size: calc(36px + 36 * ((100vw - 320px) / 448)); }
        .et-top__main h1.et-h3 {
          font-size: 44px; } }
    @media (max-width: 767px) {
      .et-top__main h1.et-txt-cut {
        font-size: calc(44px + 44 * ((100vw - 320px) / 448)); } }
    @media (max-width: 575px) {
      .et-top__main h1 {
        font-size: calc(44px + 44 * ((100vw - 320px) / 448)); }
        .et-top__main h1.et-txt-cut {
          font-size: calc(36px + 36 * ((100vw - 320px) / 448)); }
        .et-top__main h1.et-h2 {
          font-size: calc(34px + 34 * ((100vw - 320px) / 448)); }
        .et-top__main h1.et-h3 {
          font-size: 44px; } }

.et-list {
  position: relative;
  padding-top: 40px; }
  .et-list .et-txt-bg {
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center; }
    @media (min-width: 769px) {
      .et-list .et-txt-bg {
        top: 70px; } }
    @media (max-width: 768px) {
      .et-list .et-txt-bg {
        position: absolute;
        top: 15px; } }
  .et-list__top {
    position: relative;
    padding-bottom: 2px; }
    .et-list__top-bg {
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 100%;
      height: 2px;
      background: var(--grad); }
  .et-list__title {
    margin-bottom: 30px;
    text-align: center; }
    @media (min-width: 1601px) {
      .et-list__title {
        font-size: calc(24px + 20 * ((100vw - 320px) / 1360)); } }
  .et-list__filters {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    width: 420px;
    height: 40px;
    max-width: 96%;
    margin: 0 auto;
    background: var(--grad-rev);
    border-radius: 20px;
    overflow: hidden; }
    .et-list__filters-item {
      position: relative;
      float: left;
      width: 140px;
      height: 100%;
      max-width: 33%;
      color: #FFFFFF;
      line-height: 40px;
      border-radius: 20px;
      text-align: center;
      cursor: pointer;
      z-index: 2; }
      .et-list__filters-item.active {
        background-color: rgba(51, 51, 51, 0.3); }
    @media (max-width: 767px) {
      .et-list__filters {
        font-size: 13px; } }

.et-list-sec {
  padding-bottom: 60px; }

.et-list__list {
  margin: 60px 0 30px 0; }
  .et-list__list-item {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: #FFFFFF; }
    @media (min-width: 993px) {
      .et-list__list-item {
        padding: 60px 0 30px; } }

@media (min-width: 577px) and (max-width: 992px) {
  .et-list__list-item {
    padding: 80px 0 30px; } }
    @media (max-width: 576px) {
      .et-list__list-item {
        padding: 90px 0 30px; } }
    .et-list__list-item-tag {
      position: absolute;
      top: 16px;
      height: 52px;
      line-height: 52px; }
      @media (min-width: 993px) {
        .et-list__list-item-tag {
          text-transform: uppercase; } }
      @media (max-width: 992px) {
        .et-list__list-item-tag {
          text-transform: capitalize; } }
      .et-list__list-item-tag:before {
        position: absolute;
        display: block;
        content: '';
        top: 0;
        width: 0;
        border: 0px solid transparent;
        border-bottom-width: 52px; }
      .et-list__list-item-tag.promo:before {
        border-bottom-color: #d52830; }
      .et-list__list-item-tag.new:before {
        border-bottom-color: #59ca50; }

@media (min-width: 993px) and (max-width: 1200px) {
  .et-list__list-item-inner {
    padding: 0 50px; } }
    .et-list__list-item-inner > * {
      width: 50%;
      min-width: 550px; }
      @media (max-width: 991px) {
        .et-list__list-item-inner > * {
          width: auto;
          min-width: 0; } }
    .et-list__list-item-inner > .et-h3 {
      margin-bottom: 20px; }
    .et-list__list-item-price {
      position: relative; }
      .et-list__list-item-price-current {
        background-color: var(--red);
        box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.5);
        z-index: 2; }
      .et-list__list-item-price-old {
        position: absolute;
        height: 26px;
        color: var(--black-2);
        line-height: 26px;
        background-color: var(--white);
        box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.5);
        z-index: 3; }
        @media (min-width: 577px) {
          .et-list__list-item-price-old {
            bottom: 100%; } }
        @media (max-width: 576px) {
          .et-list__list-item-price-old {
            bottom: calc(100% + 10px); } }
        .et-list__list-item-price-old:after {
          content: '';
          position: absolute;
          left: 15px;
          top: 50%;
          height: 2px;
          width: calc(100% - 25px);
          background: var(--red);
          transform: rotate(353deg); }
    .et-list__list-item-bottom {
      display: flex;
      align-items: center;
      margin-top: auto;
      padding-top: 90px; }
      @media (max-width: 576px) {
        .et-list__list-item-bottom {
          justify-content: space-between; } }
      @media (min-width: 577px) {
        .et-list__list-item-bottom-short {
          flex: none;
          width: 50px;
          height: 4px;
          background: var(--red); } }
      @media (max-width: 576px) {
        .et-list__list-item-bottom-short {
          display: none; } }
      .et-list__list-item-bottom > a {
        margin: 0 10px;
        height: 36px;
        width: 166px;
        color: var(--white);
        line-height: 32px;
        background-color: transparent;
        border: 2px solid var(--red);
        border-radius: 20px;
        text-align: center; }
        .et-list__list-item-bottom > a:hover {
          background-color: var(--red); }
      @media (min-width: 577px) {
        .et-list__list-item-bottom-long {
          flex: 1;
          height: 4px;
          background: var(--grad); } }
      @media (max-width: 576px) {
        .et-list__list-item-bottom-long {
          display: none; } }
  .et-list__list li {
    display: flex;
    position: relative;
    margin-top: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
    @media (min-width: 577px) {
      .et-list__list li {
        min-height: 360px; } }
    @media (max-width: 576px) {
      .et-list__list li {
        min-height: 500px;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3)), var(--bg-poster); } }
    @media (min-width: 577px) {
      .et-list__list li:nth-child(odd) {
        background-image: linear-gradient(to right, black, rgba(0, 0, 0, 0)), var(--bg-poster); } }
    .et-list__list li:nth-child(odd) .et-list__list-item-tag {
      right: 0;
      padding-right: 20px;
      padding-left: 10px; }
      .et-list__list li:nth-child(odd) .et-list__list-item-tag:before {
        right: 100%;
        border-left-width: 20px; }
      .et-list__list li:nth-child(odd) .et-list__list-item-tag.promo {
        background: linear-gradient(to left, #6d5a9b, #d52830); }
      .et-list__list li:nth-child(odd) .et-list__list-item-tag.new {
        background: linear-gradient(to left, #237d44, #59ca50); }
    .et-list__list li:nth-child(odd) .et-list__list-item-price-current {
      padding: 0 20px 0 30px;
      border-radius: 26px 0 0 26px; }
    .et-list__list li:nth-child(odd) .et-list__list-item-price-old {
      right: 0;
      padding: 0 15px 0 20px;
      border-radius: 13px 0 0 13px; }
    @media (min-width: 577px) {
      .et-list__list li:nth-child(even) {
        background-image: linear-gradient(to left, black, rgba(0, 0, 0, 0)), var(--bg-poster); } }
    .et-list__list li:nth-child(even) .et-list__list-item-inner .et-h3,
    .et-list__list li:nth-child(even) .et-list__list-item-inner div {
      margin-left: auto; }
      @media (max-width: 991px) {
        .et-list__list li:nth-child(even) .et-list__list-item-inner .et-h3,
        .et-list__list li:nth-child(even) .et-list__list-item-inner div {
          text-align: right; } }
      @media (max-width: 575px) {
        .et-list__list li:nth-child(even) .et-list__list-item-inner .et-h3,
        .et-list__list li:nth-child(even) .et-list__list-item-inner div {
          text-align: left; } }
    .et-list__list li:nth-child(even) .et-list__list-item-tag {
      left: 0;
      padding-right: 10px;
      padding-left: 20px; }
      .et-list__list li:nth-child(even) .et-list__list-item-tag:before {
        left: 100%;
        border-right-width: 20px; }
      .et-list__list li:nth-child(even) .et-list__list-item-tag.promo {
        background: linear-gradient(to right, #6d5a9b, #d52830); }
      .et-list__list li:nth-child(even) .et-list__list-item-tag.new {
        background: linear-gradient(to right, #237d44, #59ca50); }
    .et-list__list li:nth-child(even) .et-list__list-item-price {
      order: -1; }
      .et-list__list li:nth-child(even) .et-list__list-item-price-current {
        padding: 0 30px 0 20px;
        border-radius: 0 26px 26px 0; }
      .et-list__list li:nth-child(even) .et-list__list-item-price-old {
        left: 0;
        padding: 0 20px 0 15px;
        border-radius: 0 13px 13px 0; }
    .et-list__list li:nth-child(even) .et-list__list-item-bottom-short {
      order: 2; }
    .et-list__list li:nth-child(even) .et-list__list-item-bottom a {
      order: 1; }

@media (min-width: 993px) {
  .et-why-sec {
    overflow: hidden; } }

@media (max-width: 992px) {
  .et-why-sec {
    display: none; } }

@media (min-width: 993px) {
  .et-why {
    display: flex;
    justify-content: space-between; } }

@media (min-width: 993px) {
  .et-why__txt {
    flex: calc(100% / 8 * 6 - var(--halfGap));
    padding-top: 116px;
    padding-bottom: 60px; } }

@media (min-width: 993px) {
  .et-why__txt__artic {
    display: flex; }
    .et-why__txt__artic > p {
      flex: 0 0 50%; }
      .et-why__txt__artic > p:first-child {
        padding-right: var(--gap); } }

@media (min-width: 993px) {
  .et-why__bg {
    flex: calc(100% / 8 * 2 - var(--halfGap));
    position: relative; } }

@media (min-width: 993px) {
  .et-why__bg::after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-image: url("/images/common/why/bg.png");
    z-index: -1; } }

@media (min-width: 1201px) {
  .et-why__bg::after {
    background-position: left top;
    background-size: auto 120%;
    width: 120%;
    left: 0; } }

@media (min-width: 993px) and (max-width: 1200px) {
  .et-why__bg::after {
    left: -100px;
    right: calc(var(--halfGap) * -1);
    background-size: cover;
    background-position: left top; } }

@media (min-width: 993px) {
  .et-why__title {
    padding-bottom: 36px; } }

.et-questions-sec {
  margin-top: 50px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  background-color: #000; }
  .et-why-sec + .et-questions-sec {
    margin-top: 0; }
  @media (min-width: 2001px) {
    .et-questions-sec::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      width: 100vw;
      max-width: 2500px;
      left: 50%;
      transform: translate3d(-50%, 0, 0);
      background-image: url("/images/common/questions/bg-2500.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      pointer-events: none; } }

@media (min-width: 1501px) and (max-width: 2000px) {
  .et-questions-sec {
    background-image: url("/images/common/questions/bg-2000.jpg"); } }

@media (min-width: 1201px) and (max-width: 1500px) {
  .et-questions-sec {
    background-image: url("/images/common/questions/bg-1500.jpg"); } }

@media (min-width: 993px) and (max-width: 1200px) {
  .et-questions-sec {
    background-image: url("/images/common/questions/bg-1200.jpg"); } }

@media (min-width: 769px) and (max-width: 992px) {
  .et-questions-sec {
    background-image: url("/images/common/questions/bg-992.jpg"); } }

@media (min-width: 577px) and (max-width: 768px) {
  .et-questions-sec {
    background-image: url("/images/common/questions/bg-768.jpg"); } }
  @media (max-width: 576px) {
    .et-questions-sec {
      background-image: url("/images/common/questions/bg-576.jpg"); } }
  @media (min-width: 2001px) {
    .et-questions-sec {
      padding-top: 170px;
      padding-bottom: 170px; } }

@media (min-width: 993px) and (max-width: 2000px) {
  .et-questions-sec {
    padding-top: 136px;
    padding-bottom: 150px; } }

@media (min-width: 577px) and (max-width: 992px) {
  .et-questions-sec {
    padding-top: 133px;
    padding-bottom: 153px; } }
  @media (max-width: 576px) {
    .et-questions-sec {
      padding-top: 30px;
      padding-bottom: 75px; } }
  .et-questions-sec::after {
    content: '';
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%); }

.et-questions {
  position: relative;
  z-index: 1; }
  .et-questions .et-input-block--btn {
    align-items: flex-start; }
  @media (max-width: 576px) {
    .et-questions {
      text-align: center; } }
  .et-questions__title {
    padding-bottom: 6px; }
  .et-questions__subtitle {
    padding-bottom: 32px; }
    @media (min-width: 993px) {
      .et-questions__subtitle {
        max-width: 900px; } }
  .et-questions__form .et-input-block {
    max-width: 558px;
    width: 100%; }
  .et-questions__form .et-input-txt {
    width: 100%; }

/*# sourceMappingURL=promo.css.map */