/* /css/pages/landings.m.css (10.49 KB) */
/* /css/pages/landings/price/landingsPriceFull.m.css (3.66 KB) */
@media only screen and (max-width: 900px){ .top-content .landing_margin-S{ margin: 32px 0; } .top-content .landing_margin-M{ margin: 48px 0; } .top-content .landing_margin-L{ margin: 64px 0; } .top-content .landing_margin-XL{ margin: 80px 0; } .top-content .landing_margin-XXL{ margin: 140px 0; } .top-content .landing_padding-XS{ padding-top: 16px; padding-bottom: 16px; } .top-content .landing_padding-S{ padding-top: 24px; padding-bottom: 24px; } .top-content .landing_padding-M{ padding-top: 32px; padding-bottom: 32px; } .top-content .landing_padding-L{ padding-top: 48px; padding-bottom: 48px; } .top-content .landing_padding-XL{ padding-top: 64px; padding-bottom: 64px; } .top-content .landing_padding-XXL{ padding-top: 90px; padding-bottom: 90px; } .landing_h1-1{ font-size: var(--landing-h1-2); } .landing_h1-2{ font-size: var(--landing-h1-3); } .landing_h2-1{ font-size: var(--landing-h2-2); } .landing_h2-2{ font-size: var(--landing-h2-3); } .landing_h2-3{ font-size: var(--landing-h2-4); } .landing .section .wrapper{ width: auto; min-width: 0; padding: 0 76px; } .landing .section p.sub-title{ font-size: 16px; } .landing:not(.main) .section.main-banner{ height: 320px; } .landing:not(.main) .main-banner .info-block{ margin-left: calc(50% - 300px + 20px); } .landing:not(.main) .main-banner-bg{ background-size: auto 391px; } .landing .circles_row .els{ justify-content: center; } .landing .circles_row .el{ width: 250px; } .landing .circles_row .el:nth-child(2n + 1){ margin-right: 56px } .landing .circles_row .el:nth-child(2n + 3):before{ content: ''; } .landing .circles_row .el:before{ right: calc(100% + 56px / 2 - (30px + 2px) * (1 / 2 - 1 / 1.4 / 2)); } .landing .circles_row .el:after{ left: calc(100% + 56px / 2 - (30px + 2px) * (1 / 2 + 1 / 1.4 / 2)); } .landing .circles_row .el h2.title{ min-height: 0; } .landing .section_with_img .wrapper{ text-align: center; flex-direction: column-reverse; } .landing .section_with_img .wrapper > div{ width: 100%; } .landing .section_with_img .img, .landing .section_with_img.section_with_img_right .img{ background-position: center; width: 100% !important; margin: 0; order: 0; } .landing .indicators .flex.around{ width: 100%; } .landing .support .social-icons{ width: 210px; justify-content: center; } .landing .legal_entities ul{ max-width: 480px; padding-left: 17px; margin: auto; text-align: left; } .landing .experts .owl-carousel .img{ left: calc(50% - 53px); } .landing .experts .owl-carousel .head, .landing .experts .owl-carousel .name{ text-align: center; } .landing .partners .partners_wrapper a{ margin-left: calc(33% - 190px) !important; order: 3 !important; } .landing .partners .partners_wrapper a:nth-child(3n+1){ margin-left: 0 !important; } .landing .partners .partners_wrapper a.adidas{ order: 0 !important; } .landing .partners .partners_wrapper a.tpprf{ order: 1 !important; } .tariff_title_pc{ padding-top: 163px; font-size: 12px; } .tariff_name{ font-size: 28px; } .tariff_value{ font-size: 16px; } .tariff_in_month{ font-size: 13px; } .tariff_discount > div{ width: 73px; height: 73px; margin-top: -38px; font-size: 24px; } } @media only screen and (max-width: 869px){ .min_width_870{ display: none !important; } .landing .section:not(.main-banner){ padding: 36px 0; } .landing .circles_row .el{ width: 100%; padding-bottom: 50px; } .landing .circles_row .el:last-child{ padding-bottom: 0; } .landing .circles_row .el:nth-child(2n + 1){ margin-right: 0; } .landing .circles_row .el:nth-child(2n + 3):before{ content: initial; } .landing .circles_row .el .image{ width: 110px; height: 110px; } .landing .circles_row .el:after { top: auto; bottom: calc(40px - (30px + 2px) * (1 / 2 - 1 / 1.4 / 2)); left: calc(50% - (30px + 2px) / 2); transform: rotate(135deg); } .landing .circles_row p.info{ font-size: 16px; } .landing .tariff .read_more + label{ width: 100%; height: 50px; padding-right: 24px; color: #516376; font-size: 16px; display: flex; position: absolute; top: 0; right: 0; left: 0; align-items: center; justify-content: flex-end; } .landing .tariff .read_more ~ .read_more_text{ max-height: 0 !important; } .landing .tariff .read_more:checked ~ .read_more_text{ max-height: 1000px !important; } .landing .tariff .read_more_text{ width: 100%; overflow: hidden !important; } .tariff_table{ display: block; } .tariff_title_pc{ display: none; } .tariff_title_mobile{ color: #6d7d8e; text-transform: lowercase; display: flex; align-items: flex-end; } .tariff_title_mobile > div{ width: 25%; padding-right: 5px; } .tariff_title_mobile > div:nth-child(2){ padding-left: 1px; } .tariff_title_mobile > div:nth-child(3){ text-align: center; } .tariff_content{ background: #22374e; width: 100%; margin-top: 5px; text-align: left; display: flex; position: relative; flex-wrap: wrap; align-items: center; } .tariff_content > div, .tariff_price{ border: none !important; border-radius: 0 !important; } .tariff_content > div:not(.read_more_text){ width: 25%; height: 50px; font-size: 20px; font-weight: normal; line-height: 50px; } .tariff_name{ padding: 0 0 0 30px; } .tariff_in_month{ display: none; } .tariff_discount{ height: inherit; display: block; text-align: center; transform: skew(-17.3deg); -webkit-transform: skew(-17.3deg); } .tariff_content:nth-child(3) .tariff_discount{ background: #677789; } .tariff_content:nth-child(4) .tariff_discount{ background: #0088C3; } .tariff_content:nth-child(5) .tariff_discount{ background: #02A488; } .tariff_content:nth-child(6) .tariff_discount{ background: #FFA324; } .tariff_content:nth-child(7) .tariff_discount{ background: #ED4C4B; } .tariff_content:nth-child(8) .tariff_discount{ background: #B56CD0; } .tariff_discount > div{ border-radius: 0; background: none !important; width: auto; height: inherit; margin-top: 0; font-size: inherit; font-weight: normal; transform: skew(17.3deg); -webkit-transform: skew(17.3deg); } .tariff_price{ height: 45px; padding: 0; color: #707d8a; font-weight: normal; display: flex; justify-content: space-between; align-items: center; } .tariff_price_title{ padding-left: 28px; font-size: 13px; display: block; } .tariff_price_title br{ display: none; } .tariff_price_value{ padding: 0 18px; font-size: 16px; flex-shrink: 0; } } @media only screen and (max-width: 802px){ .landing .partners .partners_wrapper a{ background-size: calc(190 / 802 * 100vw); width: 23.5vw; height: 16.25vw; margin: 0 !important; } } @media only screen and (max-width: 690px){ .top-content .landing_margin-S{ margin: 24px 0; } .top-content .landing_margin-M{ margin: 32px 0; } .top-content .landing_margin-L{ margin: 48px 0; } .top-content .landing_margin-XL{ margin: 64px 0; } .top-content .landing_margin-XXL{ margin: 80px 0; } .landing_h1-1{ font-size: var(--landing-h1-3); } .landing_h1-2{ font-size: var(--landing-h1-4); } .landing_h2-1{ font-size: var(--landing-h2-3); } .landing_h2-2{ font-size: var(--landing-h2-4); } } @media only screen and (max-width: 613px){ .landing .section .wrapper{ padding: 0 38px; } .landing .section .owl-carousel .owl-nav{ width: calc(100% + 40px); left: -20px; } .landing:not(.main) .section.main-banner{ height: 280px; } .landing:not(.main) .main-banner-bg{ background-size: auto 280px; } .landing .main-banner .wrapper{ padding: 0; } .landing:not(.main) .main-banner .info-block{ padding-top: 19px !important; margin: 0 auto !important; position: static; display: flex; flex-direction: column; align-items: center; } .landing .main-banner h1{ text-align: center; } .landing .experts .owl-carousel .owl-nav{ width: calc(100% - 20px); top: auto; left: 10px; z-index: 0; } .landing .experts .owl-carousel .owl-dots{ padding: 25px 0; } .landing .experts .owl-carousel .owl-dot{ z-index: 1; } } @media only screen and (max-width: 479px){ .landing .section.main-banner .info-block{ width: 300px; } .landing .section p.sub-title{ font-weight: normal; text-align: center; } .landing .section .wrapper{ padding: 0 20px; } .landing .section .owl-carousel .owl-nav{ width: calc(100% - 20px); top: auto; left: 10px; z-index: 0; } .landing .section .owl-carousel .owl-nav > *:before{ font-size: 30px; } .landing .section .owl-carousel .owl-dots{ padding: 15px 0; } .landing .section .owl-carousel .owl-dot{ width: 12px; height: 12px; z-index: 1; } .landing .main-banner{ height: 270px; } .landing .main-banner-bg{ background-size: auto 270px; } .landing .main-banner .info-block{ padding-top: 36px; } .landing .main-banner h1{ font-size: 20px; } .landing .main-banner .btn.btn-large{ padding: 19px 20px; font-size: 14px; font-weight: normal; } .landing .main-banner .btn.btn-large span{ display: none; } .landing .section_descr .wrapper .icons{ order: 1; margin-bottom: 30px; } .landing .circles_row .el:after{ width: 20px; height: 20px; bottom: calc(40px - (20px + 2px) * (1 / 2 - 1 / 1.4 / 2)); left: calc(50% - (20px + 2px) / 2); } .landing .circles_row .el .image{ width: 70px; height: 70px; } .landing .experts .owl-carousel .text{ background: none; padding: 55px 0 0; } .landing .experts .owl-carousel .text .name{ font-weight: normal; } .landing .experts .owl-carousel .text .profession{ color: inherit; font-size: 14px !important; } .landing .experts .owl-carousel .text .profession a{ color: #00bd9a; text-decoration: none; } .tariff_title_mobile > div:nth-child(1){ width: 20%; } .tariff_title_mobile > div:nth-child(2){ width: 35%; } .tariff_name{ width: 20% !important; padding-left: 15px; } .tariff_value{ width: 35% !important; } .read_more + label{ padding-right: 10px; } .tariff_price_title{ padding-left: 14px; } .tariff_price_value{ padding: 0 9px; font-size: 16px; } } @media only screen and (max-width: 375px){ .top-content .landing_margin-S{ margin: 16px 0; } .top-content .landing_margin-M{ margin: 24px 0; } .top-content .landing_margin-L{ margin: 32px 0; } .top-content .landing_margin-XL{ margin: 48px 0; } .top-content .landing_margin-XXL{ margin: 64px 0; } .landing_h1-1{ font-size: var(--landing-h1-4); } .landing_h2-1{ font-size: var(--landing-h2-4); } } .landingsPrice_header { background: linear-gradient(var(--color-white) 95%, transparent 100%); flex-direction: column; gap: 0; align-items: stretch; } .landingsPrice_headerContent { border: none; padding: var(--top-padding-4) 0; gap: var(--top-gap-4); } .landingsPrice_headerContentTitle { font-size: 24px; } .landingsPrice_headerTariffs { padding: var(--top-padding-5) 5px 15px 5px; gap: var(--top-gap-4); } .landingsPrice_headerTariff { --landingsPrice_headerTariff-color: var(--color-text-1); cursor: pointer; pointer-events: auto; color: var(--color-text-1); flex-basis: 100%; transition: var(--transition-fast); } .landingsPrice_headerTariffDiscount { display: none; } [data-tariff="xs"] { background-color: var(--color-layout-front-3); color: var(--color-text-1); } [data-tariff="xs"]:hover { background-color: var(--color-layout-front-6); } [data-tariff="s"] { background-color: var(--color-layout-front-primary-3); color: var(--color-text-primary-alt); } [data-tariff="s"]:hover { background-color: var(--color-layout-front-primary-6); } [data-tariff="m"] { background-color: var(--color-layout-front-positive-3); color: var(--color-text-positive-alt); } [data-tariff="m"]:hover { background-color: var(--color-layout-front-positive-6); } [data-tariff="l"] { background-color: var(--color-layout-front-warning-3); color: var(--color-text-warning-alt); } [data-tariff="l"]:hover { background-color: var(--color-layout-front-warning-6) } [data-tariff="xl"] { background-color: var(--color-layout-front-negative-3); color: var(--color-text-negative-alt); } [data-tariff="xl"]:hover { background-color: var(--color-layout-front-negative-6) } [data-tariff].landingsPrice_headerTariff-active { background-color: var(--landingsPrice_headerTariff-color); box-shadow: 0 0 0 var(--top-padding-1) var(--color-layout-front-1), 0 0 0 calc(var(--top-padding-1) + 1px) var(--landingsPrice_headerTariff-color); color: var(--color-text-white); transform: translateY(0px); } [data-tariff="xs"].landingsPrice_headerTariff-active { --landingsPrice_headerTariff-color: var(--color-theme-925); } [data-tariff="s"].landingsPrice_headerTariff-active { --landingsPrice_headerTariff-color: var(--color-bg-primary-1); } [data-tariff="m"].landingsPrice_headerTariff-active { --landingsPrice_headerTariff-color: var(--color-bg-positive-1); } [data-tariff="l"].landingsPrice_headerTariff-active { --landingsPrice_headerTariff-color: var(--color-bg-warning-1); } [data-tariff="xl"].landingsPrice_headerTariff-active { --landingsPrice_headerTariff-color: var(--color-bg-negative-1); } .landingPrice_tariffsPrices { margin-top: 0; } .landingPrice_tariffPrice { border: none; border-radius: var(--top-radius-4); width: 100%; padding: var(--top-padding-3); display: none; justify-content: space-between; gap: var(--top-gap-2); } .landingPrice_tariffPriceDiscountText { display: inline; align-self: center; } .landingPrice_tariffPriceText { flex-shrink: 0; } [data-active-tariff="xs"] [data-tariff="price_xs"], [data-active-tariff="s"] [data-tariff="price_s"], [data-active-tariff="m"] [data-tariff="price_m"], [data-active-tariff="l"] [data-tariff="price_l"], [data-active-tariff="xl"] [data-tariff="price_xl"] { display: flex; } .landingsPrice_rowCell { width: 94px; display: none; } [data-active-tariff="xs"] .landingsPrice_rowCell-xs, [data-active-tariff="s"] .landingsPrice_rowCell-s, [data-active-tariff="m"] .landingsPrice_rowCell-m, [data-active-tariff="l"] .landingsPrice_rowCell-l, [data-active-tariff="xl"] .landingsPrice_rowCell-xl { display: flex; }