@media screen and (max-width: 1023px) {
  .header {
    top: 25px;
  }
  .header_inner {
    height: 51px;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  .header .main_logo {
    padding: 10px;
    margin: -6px 0;
  }
  .header .main_logo img {
    width: 49px;
    height: 49px;
  }
  .header .lg_list a {
    font-size: 140%;
    line-height: 19px;
  }
  .header .lg_list:after {
    display: none;
  }
  .header .ucom_logo a {
    border: none;
    border-radius: 0;
    padding: 0;
    font-family: "ucom_sans";
  }
  .header .ucom_logo a:before {
    margin-right: 8px;
    margin-top: 4px;
  }
}
@media screen and (max-width: 1023px) {
  .footer .ucom_logo img {
    height: 28px;
  }
  .footer .socials {
    margin-right: -10px;
  }
  .footer .socials li {
    padding-left: 0;
  }
  .footer .socials a {
    margin: -10px 0;
    padding: 10px;
  }
  .footer .copyrights {
    font-size: 120%;
    line-height: 14px;
  }
}
@media screen and (min-width: 576px) and (max-width: 1023px) {
  .footer:before, .footer:after {
    height: 40px;
  }
  .footer .page_container:before {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 575px) {
  .footer:before, .footer:after {
    height: 30px;
  }
  .footer .page_container:before {
    margin-bottom: 20px;
  }
  .footer .ucom_logo img {
    width: auto;
    height: 28px;
  }
  .footer .socials {
    margin-right: -10px;
  }
  .footer .socials li {
    padding-left: 0;
  }
  .footer .socials a {
    margin: -10px 0;
    padding: 10px;
  }
  .footer .copyrights {
    font-size: 120%;
    line-height: 14px;
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 20px;
    order: 2;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .popup_title {
    font-size: 160%;
    line-height: 21px;
    margin-right: 40px;
  }

  .popup_close {
    font-size: 0;
    line-height: 0;
    position: absolute;
    padding: 12px;
    top: 18px;
    right: 18px;
    z-index: 10;
  }
  .popup_close:before {
    display: block;
    font-size: 2.4rem;
  }

  .popup_btns {
    margin-top: 34px;
  }

  .socials_popup .popup_container {
    width: 100%;
    max-width: 280px;
    padding: 30px;
    position: relative;
    z-index: 2;
    border-radius: 30px;
    margin: 0 auto;
  }
  .socials_popup .unlimit_apps {
    margin: 25px -5px -5px;
  }
  .socials_popup .unlimit_apps li {
    padding: 5px;
  }
  .socials_popup .unlimit_apps img {
    height: 26px;
  }
  .socials_popup .popup_btns {
    margin: 0;
  }

  .success_popup .popup_inner,
.fail_popup .popup_inner {
    padding: 0;
  }
  .success_popup .popup_container,
.fail_popup .popup_container {
    width: 100%;
    max-width: 360px;
    padding: 30px;
    position: relative;
    z-index: 2;
    border-radius: 0;
    margin: 0 auto;
  }

  .join_popup .popup_inner {
    padding: 0;
  }
  .join_popup .popup_container {
    width: 100%;
    max-width: 360px;
    padding: 30px;
    position: relative;
    z-index: 2;
    border-radius: 0;
    margin: 0 auto;
  }
  .join_popup .tab_section {
    display: flex;
    flex-direction: column;
  }
  .join_popup .package_name {
    order: -1;
    font-size: 200%;
    line-height: 27px;
  }
  .join_popup .popup_close:before {
    font-size: 2.8rem;
  }
  .join_popup .tab_btns {
    display: flex;
    margin-bottom: 20px;
  }
  .join_popup .tab_btns button {
    padding: 12px 16px;
    font-size: 120%;
    line-height: 16px;
    border-radius: 10px;
    white-space: nowrap;
  }
  .join_popup .join_title {
    font-size: 160%;
    margin-bottom: 10px;
  }
  .join_popup .join_description {
    font-size: 120%;
    line-height: 16px;
  }

  .success_popup .icon_success,
.success_popup .icon_error,
.fail_popup .icon_success,
.fail_popup .icon_error {
    font-size: 440%;
  }
  .success_popup .icon_success:before,
.success_popup .icon_error:before,
.fail_popup .icon_success:before,
.fail_popup .icon_error:before {
    margin-bottom: 20px;
  }
  .success_popup .popup_container,
.fail_popup .popup_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .success_popup .callback_title,
.fail_popup .callback_title {
    font-size: 240%;
    margin-bottom: 10px;
  }
  .success_popup .callback_info,
.fail_popup .callback_info {
    font-size: 160%;
  }

  .btn {
    padding: 13px 28px;
    font-size: 140%;
    line-height: 19px;
  }

  .order_form {
    margin-top: 26px;
  }
  .order_form .checkbox_field {
    padding-top: 15px;
  }
  .order_form .checkbox_field .check_btn {
    font-size: 120%;
    line-height: 15px;
  }
  .order_form .field_block {
    margin-bottom: 15px;
  }
  .order_form .field_block .error_hint {
    position: relative;
    padding: 0;
    top: auto;
    left: auto;
  }
  .order_form .field_block .error_hint:before {
    height: 2px;
  }
  .order_form .field_block input {
    font-size: 120%;
    line-height: 16px;
    padding: 12px 14px;
  }
}
@media screen and (max-width: 575px) {
  .success_popup .popup_inner,
.fail_popup .popup_inner,
.join_popup .popup_inner {
    flex-direction: row;
  }
  .success_popup .popup_inner:before, .success_popup .popup_inner:after,
.fail_popup .popup_inner:before,
.fail_popup .popup_inner:after,
.join_popup .popup_inner:before,
.join_popup .popup_inner:after {
    display: none;
  }
  .success_popup .popup_container,
.fail_popup .popup_container,
.join_popup .popup_container {
    min-height: inherit;
    max-width: 100%;
  }
  .success_popup .btn,
.fail_popup .btn,
.join_popup .btn {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .packages_list .swiper-slide {
    flex: 0 0 45%;
    max-width: 45%;
  }
}
@media screen and (max-width: 1023px) {
  .packages_section {
    padding-top: 80px;
  }

  .packages_list {
    margin: 60px -15px 0;
    padding: 0 20px;
  }
  .packages_list .swiper-slide {
    padding: 0 10px;
  }

  .package_block {
    padding: 20px;
  }
  .package_block > img {
    width: 168px;
  }
  .package_block .include_block {
    padding: 10px 15px;
    font-size: 140%;
  }
  .package_block .price_block {
    padding-left: 5px;
  }
  .package_block .unlimit_includes {
    margin-bottom: 10px;
    padding: 15px;
  }
  .package_block .unlimit_includes .include_type {
    font-size: 160%;
    line-height: 21px;
  }
  .package_block .unlimit_includes .popup_btn {
    top: 5px;
    right: 5px;
  }
  .package_block .block_footer {
    padding-top: 40px;
  }
  .package_block .package_name {
    font-size: 260%;
    padding-bottom: 20px;
    padding-top: 10px;
  }
  .package_block .price_size {
    font-size: 200%;
  }
  .package_block .price_size:before {
    font-size: 1.3rem;
  }
  .package_block .btn {
    padding: 13px 26px;
    font-size: 140%;
    line-height: 22px;
    border-radius: 19px;
  }

  .apps_list img {
    height: 26px;
  }
  .apps_list .socials_count {
    width: 26px;
    height: 26px;
  }
  .apps_list .socials_count span {
    font-size: 120%;
  }

  .faq_section {
    padding-top: 80px;
    margin: 0 -15px;
  }
  .faq_section .section_inner {
    padding: 30px;
    border-radius: 30px;
  }
  .faq_section .faq_list {
    margin-top: 20px;
  }
  .faq_section .faq_list li {
    padding: 20px;
  }
  .faq_section .faq_list li.opened .answer_block {
    max-height: 180px;
  }
  .faq_section .faq_list .question_block {
    font-size: 140%;
    line-height: 19px;
  }
  .faq_section .faq_list .answer_block {
    font-size: 120%;
    line-height: 16px;
  }
  .faq_section .faq_list .answer_block:before {
    height: 10px;
  }

  .join_and_win {
    padding-top: 80px;
  }
  .join_and_win .section_inner {
    margin: 40px -10px 0;
  }
  .join_and_win .info_block,
.join_and_win .image_block {
    padding: 0 10px;
  }
  .join_and_win .info_inner {
    padding: 30px;
    border-radius: 30px;
  }
  .join_and_win .ticker_block {
    padding: 30px;
  }
  .join_and_win .info_text {
    font-size: 140%;
    margin-top: 20px;
  }
  .join_and_win .pdf_btn {
    margin-top: 40px;
  }
  .join_and_win .ticker_inner {
    left: -5%;
  }

  .advantages_list {
    margin-top: 20px;
  }
  .advantages .text_block {
    font-size: 180%;
  }
}
@media screen and (max-width: 767px) {
  .join_and_win .image_block {
    flex: 0 0 100%;
    max-width: 100%;
    aspect-ratio: 318/249;
  }
  .join_and_win .info_block {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 16px;
    order: 2;
  }

  .advantages_list {
    position: relative;
  }
  .advantages_list .swiper-slide {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .advantages_list .swiper-slide-active .text_block,
.advantages_list .swiper-slide-active .apps_list {
    opacity: 1;
  }
  .advantages_list .text_block,
.advantages_list .apps_list {
    opacity: 0;
    -o-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .advantages_list .slider_dots {
    position: absolute;
    top: 20px;
    margin-top: clamp(0px, 97.8%, 338px);
    z-index: 10;
    pointer-events: none;
    display: flex;
    justify-content: center;
  }
  .advantages_list .text_block {
    margin-top: 50px;
  }
  .advantages_list .swiper-pagination-bullet {
    display: block;
    width: 10px;
    height: 10px;
    border: 1px solid #ffffff;
    margin: 0 5px;
    opacity: 1;
  }
  .advantages_list .swiper-pagination-bullet-active {
    background: #ffffff;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .packages_list .swiper-slide {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
}
@media screen and (min-width: 481px) and (max-width: 575px) {
  .packages_list .swiper-slide {
    flex: 0 0 83.3%;
    max-width: 83.3%;
  }
}
@media screen and (max-width: 480px) {
  .packages_list .swiper-slide {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .join_and_win .pdf_btn {
    width: 100%;
    text-align: center;
  }
}

/*# sourceMappingURL=index-m.css.map */
