/* stylelint-disable */
* {
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif; }

.container {
  margin: 0 auto;
  max-width: 1110px; }

button {
  font-family: 'Roboto', sans-serif;
  cursor: pointer; }

.opros {
  font-family: 'Roboto', sans-serif; }
  .opros__page {
    display: none; }
    .opros__page.page-title, .opros__page.page-final {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #086497;
      padding: 15px 52px;
      width: 100%;
      gap: 1rem;
    }
      @media (max-width: 768px) {
        .opros__page.page-title, .opros__page.page-final {
          padding: 10px 12px; } }
      @media (max-width: 576px) {
        .opros__page.page-title, .opros__page.page-final {
          flex-direction: column;
          padding: 19px 0 32px 0;
          align-items: center; } }
      .opros__page.page-title.hide, .opros__page.page-final.hide {
        display: none; }
      .opros__page.page-title:hover .img__elem, .opros__page.page-final:hover .img__elem {
        transform: rotate(40deg) scale(1.05); }
      .opros__page.page-title .page__img, .opros__page.page-final .page__img {
        position: relative; }
        @media (max-width: 1280px) {
          .opros__page.page-title .page__img, .opros__page.page-final .page__img {
            flex: 0 0 300px; } }
        @media (max-width: 768px) {
          .opros__page.page-title .page__img, .opros__page.page-final .page__img {
            flex: 0 0 250px;
            width: 250px; } }
        .opros__page.page-title .page__img .img__elem, .opros__page.page-final .page__img .img__elem {
          position: absolute;
          z-index: 0;
          left: 0;
          transition: 0.6s;
          max-width: 100%; }
        .opros__page.page-title .page__img .img__septik, .opros__page.page-final .page__img .img__septik {
          z-index: 3;
          position: relative;
          max-width: 100%; }
      .opros__page.page-title .page__info, .opros__page.page-final .page__info {
        flex: 0 0 520px; }
        @media (max-width: 768px) {
          .opros__page.page-title .page__info, .opros__page.page-final .page__info {
            flex: 0 0 448px; } }
        @media (max-width: 768px) {
          .opros__page.page-title .page__info, .opros__page.page-final .page__info {
            flex: 0 0 450px; } }
        @media (max-width: 576px) {
          .opros__page.page-title .page__info, .opros__page.page-final .page__info {
            text-align: center;
            flex: 0 0 100%; } }
        .opros__page.page-title .page__info .page__title, .opros__page.page-final .page__info .page__title {
          font-weight: 700;
          font-size: 36px;
          letter-spacing: 1px;
          text-transform: uppercase;
          color: #ade4ff;
          margin: 0 0 15px 0; }
          @media (max-width: 768px) {
            .opros__page.page-title .page__info .page__title, .opros__page.page-final .page__info .page__title {
              font-size: 26px; } }
          @media (max-width: 576px) {
            .opros__page.page-title .page__info .page__title, .opros__page.page-final .page__info .page__title {
              font-size: 20px; } }
        .opros__page.page-title .page__info .page__text, .opros__page.page-final .page__info .page__text {
          font-weight: 400;
          font-size: 20px;
          line-height: 120%;
          letter-spacing: -0.1px;
          color: #ffffff;
          margin-bottom: 30px; }
          @media (max-width: 768px) {
            .opros__page.page-title .page__info .page__text, .opros__page.page-final .page__info .page__text {
              font-size: 18px; } }
        .opros__page.page-title .page__info .page__start, .opros__page.page-final .page__info .page__start {
          padding: 15px 0;
          width: 230px;
          background: #e36e14;
          border-radius: 10px;
          font-weight: 400;
          font-size: 18px;
          text-transform: uppercase;
          color: #fff;
          border: none; }
          @media (max-width: 768px) {
            .opros__page.page-title .page__info .page__start, .opros__page.page-final .page__info .page__start {
              padding: 10px 0;
              width: 200px; } }
          @media (max-width: 576px) {
            .opros__page.page-title .page__info .page__start, .opros__page.page-final .page__info .page__start {
              font-size: 16px; } }
          .opros__page.page-title .page__info .page__start:hover, .opros__page.page-final .page__info .page__start:hover {
            background: #b85911; }
    .opros__page.page-item {
      display: none;
      transition: 0.5s; }
      .opros__page.page-item.show {
        display: flex; }
        @media (max-width: 576px) {
          .opros__page.page-item.show {
            flex-wrap: wrap;
            border: 2px solid #00abff;
            border-radius: 10px;
            padding: 15px 20px; } }
      .opros__page.page-item .page__title {
        font-weight: 700;
        font-size: 24px;
        line-height: 110%;
        text-transform: uppercase;
        color: #086497; }
        @media (max-width: 1280px) {
          .opros__page.page-item .page__title {
            font-size: 18px; } }
      .opros__page.page-item .page__quest {
        align-items: center;
        letter-spacing: 0.45px;
        font-weight: 700;
        font-size: 18px;
        line-height: 30px;
        color: #111111; }
        @media (max-width: 1280px) {
          .opros__page.page-item .page__quest {
            font-size: 16px; } }
      @media (max-width: 576px) {
        .opros__page.page-item .page__info {
          width: 100%; } }
      .opros__page.page-item .page__info .page__answ {
        display: grid;
        grid-template-columns: auto auto;
        gap: 15px;
        margin-bottom: 41px; }
        @media (max-width: 576px) {
          .opros__page.page-item .page__info .page__answ {
            grid-template-columns: 100%; } }
        .opros__page.page-item .page__info .page__answ.answ-column {
          grid-template-columns: 100%; }
        .opros__page.page-item .page__info .page__answ .answ__item {
          display: flex;
          align-items: center; }
          .opros__page.page-item .page__info .page__answ .answ__item.active .item__check:before {
            content: '';
            width: 70%;
            height: 70%;
            background: #f57c1f;
            border-radius: 2px;
            position: absolute;
            margin: 0 auto;
            left: 0;
            right: 0;
            top: 3px;
            bottom: 0; }
          .opros__page.page-item .page__info .page__answ .answ__item .item__tel {
            background: rgba(225, 228, 235, 0.1);
            border: 1px solid #96c8ed;
            border-radius: 5px;
            font-weight: 300;
            font-size: 20px;
            line-height: 28px;
            letter-spacing: 2px;
            padding: 8px 20px;
            width: 385px;
            color: #617e8c; }
            @media (max-width: 576px) {
              .opros__page.page-item .page__info .page__answ .answ__item .item__tel {
                flex: 0 0 280px;
                font-size: 20px;
                padding: 4px 10px; } }
          .opros__page.page-item .page__info .page__answ .answ__item .item__check {
            border: 1px solid #3fa9f5;
            border-radius: 4px;
            width: 25px;
            flex: 0 0 25px;
            height: 25px;
            display: inline-block;
            margin-right: 9px;
            position: relative; }
            @media (max-width: 576px) {
              .opros__page.page-item .page__info .page__answ .answ__item .item__check {
                margin-bottom: auto; } }
      .opros__page.page-item .page__info .info__buttons {
        margin-top: auto;
        display: flex; }
        @media (max-width: 576px) {
          .opros__page.page-item .page__info .info__buttons {
            width: 100%;
            justify-content: space-between; } }
      .opros__page.page-item .page__info .page__next,
      .opros__page.page-item .page__info .page__prev {
        background: #f57c1f;
        border-radius: 10px;
        padding: 12px 15px;
        text-transform: uppercase;
        color: #ffffff;
        border: none;
        max-width: 123px;
        display: flex;
        align-items: center;
        font-size: 18px;
        line-height: 110%; }
        .opros__page.page-item .page__info .page__next svg,
        .opros__page.page-item .page__info .page__prev svg {
          margin-bottom: 5px;
          margin-right: 8px; }
        .opros__page.page-item .page__info .page__next:hover,
        .opros__page.page-item .page__info .page__prev:hover {
          background: #b85911; }
      .opros__page.page-item .page__info .page__prev {
        background: #3fa9f5;
        margin-right: 19px; }
        .opros__page.page-item .page__info .page__prev:hover {
          background: #2a9ff2; }
      .opros__page.page-item .page__img {
        display: flex;
        flex: 0 0 212px;
        align-items: center;
        position: relative;
        justify-content: center; }
        @media (max-width: 576px) {
          .opros__page.page-item .page__img {
            flex: 0 0 100%;
            margin-top: 20px; } }
        .opros__page.page-item .page__img .img__step {
          position: absolute;
          bottom: 73px;
          left: 71px;
          letter-spacing: 0.45px;
          font-weight: 700;
          font-size: 18px;
          line-height: 30px;
          color: #ffffff; }
          @media (max-width: 576px) {
            .opros__page.page-item .page__img .img__step {
              color: #3fa9f5;
              text-align: center;
              position: initial; } }
        @media (max-width: 576px) {
          .opros__page.page-item .page__img .img__item {
            display: none; } }
    .opros__page.page-final {
      display: none; }
      .opros__page.page-final.show {
        display: flex; }

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