.page_desc {
  margin-bottom: 30px;
  color: #3C3C4B;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px; }

.breadcrumbs {
  margin-bottom: 30px; }
  .breadcrumbs ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .breadcrumbs ul li {
      margin-right: 3px; }
      .breadcrumbs ul li:last-child {
        margin-right: 0; }
      .breadcrumbs ul li a, .breadcrumbs ul li span {
        font-family: "Roboto Slab", serif;
        color: #3C3C4B;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.25px; }

.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 0 20px;
  color: #FFFF;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.25px;
  text-decoration: none;
  background: #D90368;
  border-radius: 12px;
  border: none;
  box-shadow: none;
  cursor: pointer; }
  .btn.gray {
    color: rgba(60, 60, 75, 0.5);
    font-weight: 400;
    background: 0 0; }

.btn[disabled] {
  background: #8A9094; }

.btn:hover {
  color: #FFFF; }

.gray:hover {
  color: rgba(60, 60, 75, 0.5); }

header .h_top {
  padding: 20px 0;
  background: #FFFF; }
  header .h_top .h_top_wrap, header .h_top .h_col {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    header .h_top .h_top_wrap .h_phone, header .h_top .h_col .h_phone {
      display: flex;
      align-items: center;
      text-decoration: none;
      color: #3C3C4B;
      font-size: 20px;
      line-height: 24px;
      letter-spacing: 0.5px; }
    header .h_top .h_top_wrap .h_soc, header .h_top .h_col .h_soc {
      margin-left: 18px; }

main.page {
  padding: 42px 0 64px; }

footer .f_top .f_top_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 28px 0;
  border-top: 1px solid #E0E0E0; }
  footer .f_top .f_top_wrap .f_col {
    display: flex;
    align-items: center; }
  footer .f_top .f_top_wrap p, footer .f_top .f_top_wrap a {
    margin: 0;
    color: #8A9094;
    font-size: 12px;
    line-height: 16px; }
  footer .f_top .f_top_wrap a:hover {
    text-decoration: none; }
  footer .f_top .f_top_wrap .links {
    margin-right: 40px; }
    footer .f_top .f_top_wrap .links a:not(:last-child) {
      margin-right: 31px; }
  footer .f_top .f_top_wrap .app a:not(:last-child) {
    margin-right: 17px; }

.page .page_wrap .top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start; }
  .page .page_wrap .top .info {
    width: calc(100% - 300px);
    padding-right: 20px; }
  .page .page_wrap .top .features {
    width: 100%;
    max-width: 300px;
    margin-bottom: 20px;
    padding: 34px 20px 42px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 2px 6px 2px rgba(189, 189, 189, 0.2), 0px 1px 2px 0px rgba(189, 189, 189, 0.4); }
    .page .page_wrap .top .features strong {
      display: block;
      margin-bottom: 18px;
      color: #3C3C4B;
      font-family: arantxa-st, sans-serif;
      font-size: 15px;
      line-height: 20px;
      font-weight: 400;
      letter-spacing: 0.25px; }
    .page .page_wrap .top .features div {
      display: flex;
      align-items: flex-start;
      margin-bottom: 18px; }
      .page .page_wrap .top .features div:last-child {
        margin-bottom: 0; }
      .page .page_wrap .top .features div p {
        width: calc(100% - 32px);
        margin: 0;
        color: #3C3C4B;
        font-size: 12px;
        line-height: 16px; }
      .page .page_wrap .top .features div svg {
        max-height: 24px;
        margin-top: -2px;
        margin-right: 8px; }
.page .page_wrap .bottom .faq {
  width: calc(100% - 320px);
  margin-bottom: 55px; }

.info {
  margin-bottom: 20px; }
  .info .info_wrap {
    padding: 20px;
    background: #FFFF;
    border-radius: 12px;
    box-shadow: 0px 2px 6px 2px rgba(189, 189, 189, 0.2), 0px 1px 2px 0px rgba(189, 189, 189, 0.4); }
    .info .info_wrap .title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 14px; }
      .info .info_wrap .title span {
        position: relative;
        display: flex;
        align-items: center;
        color: #D90368;
        font-size: 20px;
        font-family: arantxa-st, sans-serif;
        line-height: 1; }
        .info .info_wrap .title span::after {
          content: "";
          display: none;
          width: 58px;
          height: 24px;
          margin-top: 4px;
          margin-left: 8px;
          background: url(../images/stock.svg);
          background-position: center;
          background-size: cover; }
      .info .info_wrap .title img {
        max-height: 40px; }
    .info .info_wrap .price {
      display: block;
      margin: 24px 0 12px;
      color: #3C3C4B;
      font-size: 20px;
      font-family: arantxa-st, sans-serif;
      line-height: 24px; }
    .info .info_wrap p {
      margin: 0 0 20px;
      color: #3C3C4B;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.25px; }
      .info .info_wrap p:last-child {
        margin-bottom: 0; }
      .info .info_wrap p strong {
        font-family: arantxa-st, sans-serif;
        font-size: 15px;
        font-weight: 400; }
      .info .info_wrap p a {
        color: #D90368;
        text-decoration: none; }

@media(max-width: 768px) {
  .info {
    margin-bottom: 22px; }
    .info .info_wrap p strong {
      line-height: 20px;
      letter-spacing: 0.25px; }

  .page .page_wrap .top {
    flex-direction: column; }
    .page .page_wrap .top .info {
      width: 100%;
      padding-right: 0; }
    .page .page_wrap .top .features {
      max-width: none; }
  .page .page_wrap .bottom .faq {
    width: 100%;
    margin-bottom: 0; } }
@media(max-width: 340px) {
  .info .info_wrap, .page .page_wrap .top .features {
    padding: 15px; } }
.faq {
  margin-bottom: 180px; }
  .faq .faq_wrap {
    padding: 20px 20px 40px;
    background: #FFFF;
    border-radius: 12px;
    box-shadow: 0px 2px 6px 2px rgba(189, 189, 189, 0.2), 0px 1px 2px 0px rgba(189, 189, 189, 0.4); }
    .faq .faq_wrap .faq_list {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      .faq .faq_wrap .faq_list li.view-item {
        border-bottom: 1px solid #E0E0E0; }
        .faq .faq_wrap .faq_list li.view-item:last-child {
          border-bottom: none; }
        .faq .faq_wrap .faq_list li.view-item.active .view-item_header svg {
          transform: rotate(180deg); }
        .faq .faq_wrap .faq_list li.view-item.active .view-item_content {
          display: block; }
        .faq .faq_wrap .faq_list li.view-item .view-item_header {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 20px 0;
          cursor: pointer; }
          .faq .faq_wrap .faq_list li.view-item .view-item_header span {
            color: #3C3C4B;
            font-family: arantxa-st, sans-serif;
            font-size: 15px;
            line-height: 20px;
            letter-spacing: 0.25px; }
          .faq .faq_wrap .faq_list li.view-item .view-item_header svg {
            transition: transform 0.3s; }
        .faq .faq_wrap .faq_list li.view-item .view-item_content {
          display: none;
          padding-bottom: 20px; }
          .faq .faq_wrap .faq_list li.view-item .view-item_content p {
            margin: 0 0 20px;
            color: #3C3C4B;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 0.25px; }
            .faq .faq_wrap .faq_list li.view-item .view-item_content p:last-child {
              margin-bottom: 0; }
            .faq .faq_wrap .faq_list li.view-item .view-item_content p strong {
              font-size: 15px;
              font-weight: 400; }
            .faq .faq_wrap .faq_list li.view-item .view-item_content p a {
              color: #D90368;
              text-decoration: none; }

@media(max-width: 768px) {
  .faq {
    margin-bottom: 237px; }
    .faq .faq_wrap h2 {
      font-size: 15px;
      line-height: 20px;
      letter-spacing: 0.25px; } }
@media(max-width: 340px) {
  .faq .faq_wrap {
    padding: 15px 15px 30px; }
    .faq .faq_wrap .faq_list li.view-item .view-item_header {
      padding: 15px 0; }
      .faq .faq_wrap .faq_list li.view-item .view-item_header span {
        width: calc(100% - 20px);
        padding-right: 4px; } }
.tariff .swiper-scrollbar {
  bottom: 36px;
  height: 4px;
  background: #FFFF;
  z-index: -1; }
  .tariff .swiper-scrollbar .swiper-scrollbar-drag {
    display: none; }

.line {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: red; }

.tariff {
  margin-bottom: 20px; }
  .tariff .tariff_wrap .tariff_nav {
    position: relative;
    display: flex;
    margin: 0 0 43px;
    padding: 0;
    list-style-type: none; }
    .tariff .tariff_wrap .tariff_nav::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -4px;
      width: 100%;
      height: 4px;
      background: #FFFF;
      border-radius: 2px; }
    .tariff .tariff_wrap .tariff_nav li {
      display: flex;
      justify-content: center;
      flex: 1 0 auto; }
      .tariff .tariff_wrap .tariff_nav li.active a {
        color: #3C3C4B; }
        .tariff .tariff_wrap .tariff_nav li.active a::after {
          width: 100%; }
      .tariff .tariff_wrap .tariff_nav li a {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        padding: 8px 0;
        color: rgba(60, 60, 75, 0.5);
        font-size: 15px;
        font-family: arantxa-st, sans-serif;
        line-height: 20px;
        letter-spacing: 0.25px;
        text-decoration: none;
        white-space: nowrap;
        text-align: center;
        transition: 0.3s; }
        .tariff .tariff_wrap .tariff_nav li a::after {
          content: "";
          position: absolute;
          left: 50%;
          bottom: -4px;
          width: 0;
          height: 4px;
          background: #D90368;
          border-radius: 2px;
          transform: translateX(-50%);
          transition: 0.3s;
          z-index: 2; }
        .tariff .tariff_wrap .tariff_nav li a:hover::after {
          width: 100%; }
  .tariff .tariff_wrap .swiper {
    display: none; }
  .tariff .tariff_wrap .tariff_nav_slide {
    margin: 0 0 40px;
    padding: 0;
    list-style-type: none; }
    .tariff .tariff_wrap .tariff_nav_slide li.active a {
      color: #3C3C4B; }
      .tariff .tariff_wrap .tariff_nav_slide li.active a::after {
        width: 100%; }
    .tariff .tariff_wrap .tariff_nav_slide li a {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      padding: 8px 0;
      color: rgba(60, 60, 75, 0.5);
      font-size: 15px;
      font-family: arantxa-st, sans-serif;
      line-height: 20px;
      letter-spacing: 0.25px;
      text-decoration: none;
      white-space: nowrap;
      text-align: center;
      transition: 0.3s; }
      .tariff .tariff_wrap .tariff_nav_slide li a::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -4px;
        width: 0;
        height: 4px;
        background: #D90368;
        border-radius: 2px;
        transform: translateX(-50%);
        transition: 0.3s;
        z-index: 2; }
  .tariff .tariff_wrap .tariff_list {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .tariff .tariff_wrap .tariff_list li {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 20px 15px 25px;
      background: #FFFF;
      border-radius: 12px; }
      .tariff .tariff_wrap .tariff_list li.stock .title span::after {
        display: block; }
      .tariff .tariff_wrap .tariff_list li .title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 19px; }
        .tariff .tariff_wrap .tariff_list li .title span {
          position: relative;
          display: flex;
          align-items: center;
          color: #D90368;
          font-size: 20px;
          font-family: arantxa-st, sans-serif;
          line-height: 1; }
          .tariff .tariff_wrap .tariff_list li .title span::after {
            content: "";
            display: none;
            width: 58px;
            height: 24px;
            margin-top: 4px;
            margin-left: 8px;
            background: url(../images/stock.svg);
            background-position: center;
            background-size: cover; }
        .tariff .tariff_wrap .tariff_list li .title img {
          max-height: 40px; }
      .tariff .tariff_wrap .tariff_list li .description {
        min-height: 60px;
        margin-bottom: 21px;
        color: #3C3C4B;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.25px; }
      .tariff .tariff_wrap .tariff_list li .features {
        margin-bottom: 22px;
        padding: 18px 6px;
        background: #F7F7F7;
        border-radius: 12px; }
        .tariff .tariff_wrap .tariff_list li .features div {
          display: flex;
          align-items: flex-start;
          margin-bottom: 18px; }
          .tariff .tariff_wrap .tariff_list li .features div:last-child {
            margin-bottom: 0; }
          .tariff .tariff_wrap .tariff_list li .features div p {
            width: calc(100% - 32px);
            margin: 0;
            color: #3C3C4B;
            font-size: 12px;
            line-height: 16px; }
          .tariff .tariff_wrap .tariff_list li .features div svg {
            max-height: 24px;
            margin-top: -2px;
            margin-right: 8px; }
      .tariff .tariff_wrap .tariff_list li .price {
        margin-bottom: 22px;
        color: #3C3C4B;
        font-size: 20px;
        font-family: arantxa-st, sans-serif;
        line-height: 24px; }
        .tariff .tariff_wrap .tariff_list li .price .old {
          padding-left: 4px;
          color: rgba(60, 60, 75, 0.5);
          font-size: 12px;
          font-family: "Roboto Slab", serif;
          font-weight: 400;
          line-height: 16px;
          text-decoration: line-through; }

@media(max-width: 996px) {
  .tariff .tariff_wrap .tariff_list {
    grid-template-columns: repeat(2, 1fr); }
    .tariff .tariff_wrap .tariff_list li .description {
      min-height: 53px; } }
@media(max-width: 768px) {
  .tariff {
    margin-bottom: 0; }
    .tariff h2 {
      margin-bottom: 12px; }
    .tariff .tariff_wrap .col:first-child {
      width: calc(100% + 40px);
      margin: 0 -20px 0;
      padding-left: 20px;
      white-space: nowrap;
      overflow-x: auto;
      -ms-overflow-style: none;
      scrollbar-width: none; }
      .tariff .tariff_wrap .col:first-child::-webkit-scrollbar {
        display: none; }
    .tariff .tariff_wrap .tariff_nav {
      display: none;
      margin-bottom: 40px; }
      .tariff .tariff_wrap .tariff_nav::after {
        width: calc(100% + 100px); }
      .tariff .tariff_wrap .tariff_nav li {
        flex: unset; }
        .tariff .tariff_wrap .tariff_nav li.active a:hover::after {
          width: 100%; }
        .tariff .tariff_wrap .tariff_nav li a {
          padding-left: 14px;
          padding-right: 14px; }
          .tariff .tariff_wrap .tariff_nav li a:hover::after {
            width: 0; }
    .tariff .tariff_wrap .swiper {
      display: block; }
    .tariff .tariff_wrap .tariff_list {
      grid-template-columns: repeat(1, 1fr); }
      .tariff .tariff_wrap .tariff_list li {
        padding: 24px 15px 25px; }
        .tariff .tariff_wrap .tariff_list li .description {
          min-height: unset; }
        .tariff .tariff_wrap .tariff_list li .btn {
          width: 136px;
          padding: 0; } }
@media(max-width: 340px) {
  .tariff .tariff_wrap .tariff_list li {
    padding: 15px; }
    .tariff .tariff_wrap .tariff_list li .btn {
      width: auto;
      padding: 0 10px; } }
.simplebar-track {
  right: -4px; }

.simplebar-track.simplebar-vertical {
  width: 4px;
  background: #F7F7F7; }

.simplebar-scrollbar {
  width: 4px;
  height: 164px; }

.simplebar-scrollbar::before {
  right: 0;
  left: 0;
  width: 4px;
  background: #BDBDBD; }

#confirm .btn {
  display: none; }

.over {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.32);
  z-index: 20; }

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 20; }
  .modal .modal_wrap {
    position: relative;
    width: 100%;
    max-width: 460px;
    min-height: 300px;
    padding: 32px 32px 30px;
    background: #FFFF;
    border-radius: 12px;
    box-shadow: 0px 2px 6px 2px rgba(189, 189, 189, 0.2), 0px 1px 2px 0px rgba(189, 189, 189, 0.4); }
    .modal .modal_wrap .close {
      position: absolute;
      top: 12px;
      right: 12px;
      cursor: pointer; }
    .modal .modal_wrap h2 {
      margin-bottom: 28px; }
    .modal .modal_wrap p {
      margin-bottom: 46px;
      color: #3C3C4B;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.25px; }
    .modal .modal_wrap form {
      text-align: right; }
    .modal .modal_wrap .list {
      text-align: left; }
    .modal .modal_wrap .form_tariff.mob {
      margin: 0 0 28px; }
      .modal .modal_wrap .form_tariff.mob strong {
        margin-right: 20px; }
        .modal .modal_wrap .form_tariff.mob strong:last-child {
          margin-right: 0; }
    .modal .modal_wrap .form_tariff:not(.mob) {
      margin: 0 0 20px;
      padding: 13px 15px 17px;
      background: #F7F7F7;
      border-radius: 12px; }
    .modal .modal_wrap .form_tariff div {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 8px; }
    .modal .modal_wrap .form_tariff strong {
      color: #3C3C4B;
      font-family: arantxa-st, sans-serif;
      font-size: 20px;
      line-height: 24px; }
    .modal .modal_wrap .form_tariff span {
      color: #3C3C4B;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.25px; }
    .modal .modal_wrap .form_row {
      margin-bottom: 30px; }
      .modal .modal_wrap .form_row input[type="text"], .modal .modal_wrap .form_row input[type="email"] {
        width: 100%;
        height: 40px;
        padding: 0 12px;
        color: #3C3C4B;
        font-size: 14px;
        letter-spacing: 0.25px;
        border: 1px solid #E0E0E0;
        border-radius: 12px; }
        .modal .modal_wrap .form_row input[type="text"]::placeholder, .modal .modal_wrap .form_row input[type="email"]::placeholder {
          color: #3C3C4B;
          font-size: 14px;
          letter-spacing: 0.25px;
          opacity: 1; }
      .modal .modal_wrap .form_row label {
        margin: 0 0 4px 0;
        color: #000;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.25px; }
        .modal .modal_wrap .form_row label span {
          color: #D90368; }
    .modal .modal_wrap .form_check {
      margin-bottom: 18px; }
      .modal .modal_wrap .form_check.client {
        margin-bottom: 28px; }
        .modal .modal_wrap .form_check.client label::before {
          margin-top: 0.5px; }
      .modal .modal_wrap .form_check.processing label::before {
        margin-top: 2px; }
      .modal .modal_wrap .form_check input {
        display: none; }
        .modal .modal_wrap .form_check input:checked + label::before {
          background: url(../images/ic_checkbox-active.svg);
          background-position: center; }
      .modal .modal_wrap .form_check label {
        position: relative;
        display: flex;
        align-items: flex-start; }
        .modal .modal_wrap .form_check label::before {
          content: "";
          display: block;
          width: 20px;
          height: 20px;
          margin-right: 12px;
          background: url(../images/ic_checkbox.svg);
          background-position: center; }
        .modal .modal_wrap .form_check label p {
          margin: 0; }
        .modal .modal_wrap .form_check label a {
          color: #D90368;
          font-weight: 700;
          text-decoration: none; }

@media(max-width: 768px) {
  .modal .modal_wrap {
    padding: 32px 29px 30px 32px; }
    .modal .modal_wrap .list {
      max-height: 274px; }
    .modal .modal_wrap .form_tariff {
      display: none; }
      .modal .modal_wrap .form_tariff.mob {
        display: block; }
    .modal .modal_wrap .form_row label {
      color: rgba(60, 60, 75, 0.5); }
    .modal .modal_wrap .btn {
      margin-top: 30px; } }
@media(max-width: 480px) {
  #confirm .btn {
    display: block;
    margin-top: 0;
    float: right; }
  #confirm .modal_wrap {
    min-height: auto;
    padding: 32px 32px 30px; }

  .modal .modal_wrap {
    width: 90%;
    max-width: none; }
    .modal .modal_wrap .list {
      max-height: 290px; }
    .modal .modal_wrap .form_check.client {
      margin-bottom: 23px; }
    .modal .modal_wrap .form_check label p {
      width: calc(100% - 32px); } }
@media(max-width: 996px) {
  header .h_top {
    padding: 20px 0 16px; }
    header .h_top .h_top_wrap .h_phone {
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.25px; }
      header .h_top .h_top_wrap .h_phone svg {
        width: 21px;
        height: 21px;
        margin-left: 12px; }

  main.page {
    padding: 20px 0 40px; }

  footer .f_top .f_top_wrap {
    padding: 21px 0 22px; } }
@media(max-width: 850px) {
  footer .f_top .f_top_wrap {
    flex-direction: column; }
    footer .f_top .f_top_wrap .f_col {
      width: 100%;
      flex-direction: column;
      align-items: flex-start; }
      footer .f_top .f_top_wrap .f_col:first-child {
        margin-top: 20px;
        order: 2; }
    footer .f_top .f_top_wrap .links {
      margin-right: 0;
      margin-bottom: 20px; }
      footer .f_top .f_top_wrap .links a {
        display: block; }
        footer .f_top .f_top_wrap .links a:not(:last-child) {
          margin-right: 0;
          margin-bottom: 5px; }
    footer .f_top .f_top_wrap .app a:not(:last-child) {
      margin-right: 20px; }
    footer .f_top .f_top_wrap .app a img {
      height: 28px; } }
@media(max-width: 768px) {
  h1, h2 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: unset; }

  .page_desc {
    margin-bottom: 12px; }

  .breadcrumbs {
    margin-bottom: 18px; } }
@media(max-width: 340px) {
  header .h_top .h_top_wrap .h_logo img {
    height: 30px; } }

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