/* Start:/local/templates/redcom.ru/cmp/style.min.css?1699838547850791*/
on__list-link {
    padding: 8px 14px;
}@charset "UTF-8";

@font-face {
    font-family: 'Leto Sans Condensed';
    src:         local('Leto Sans Thin'), local('LetoSans-Thin');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSans-Thin.woff2');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSans-Thin.woff');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSans-Thin.ttf');
    font-weight: 100;
    font-style:  normal;
}

@font-face {
    font-family: 'Leto Sans Condensed';
    src:         local('Leto Sans Condensed Regular'), local('LetoSansCondensed-Regular');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSansCondensed-Regular.woff2');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSansCondensed-Regular.woff');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSansCondensed-Regular.ttf');
    font-weight: normal;
    font-style:  normal;
}

@font-face {
    font-family: 'Leto Sans Condensed';
    src:         local('Leto Sans Bold'), local('LetoSans-Bold');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSans-Bold.woff2');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSans-Bold.woff');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSans-Bold.ttf');
    font-weight: bold;
    font-style:  normal;
}

@font-face {
    font-family: 'Leto Sans Condensed';
    src:         local('Leto Sans Condensed Thin'), local('LetoSansCondensed-Thin');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSansCondensed-Thin.woff2');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSansCondensed-Thin.woff');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSansCondensed-Thin.ttf');
    font-weight: 100;
    font-style:  normal;
}

@font-face {
    font-family: 'Leto Sans';
    src:         local('Leto Sans Thin'), local('LetoSans-Thin');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSans-Thin.woff2');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSans-Thin.woff');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSans-Thin.ttf');
    font-weight: 100;
    font-style:  normal;
}

@font-face {
    font-family: 'Leto Sans';
    src:         local('Leto Sans Regular'), local('LetoSans-Regular');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSans-Regular.woff2');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSans-Regular.woff');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSans-Regular.ttf');
    font-weight: normal;
    font-style:  normal;
}

@font-face {
    font-family: 'Leto Sans';
    src:         local('Leto Sans Bold'), local('LetoSans-Bold');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSans-Bold.woff2');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSans-Bold.woff');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSans-Bold.ttf');
    font-weight: bold;
    font-style:  normal;
}

@font-face {
    font-family: 'Leto Sans';
    src:         local('Leto Sans  Thin'), local('LetoSans-Thin');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSans-Thin.woff2');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSans-Thin.woff');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LetoSans-Thin.ttf');
    font-weight: 100;
    font-style:  normal;
}

@font-face {
    font-family: 'Lato-Bold';
    src:         local('Lato Bold'), local('Lato-Bold');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype');
    src:         url(/local/templates/redcom.ru/cmp/../fonts/Lato-Bold.woff) format('woff');
    src:         url(/local/templates/redcom.ru/cmp/../fonts/Lato-Bold.ttf);
    font-weight: 700;
    font-style:  normal;
}

@font-face {
    font-family: 'Lato-BoldItalic';
    src:         local('Lato Bold Italic'), local('Lato-BoldItalic');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype');
    src:         url(/local/templates/redcom.ru/cmp/../fonts/Lato-BoldItalic.woff) format('woff');
    src:         url(/local/templates/redcom.ru/cmp/../fonts/Lato-BoldItalic.ttf);
    font-weight: 700;
    font-style:  italic;
}

@font-face {
    font-family: 'Lato-Italic';
    src:         local('Lato Italic'), local('Lato-Italic');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/LatoItalic.eot?#iefix') format('embedded-opentype');
    src:         url(/local/templates/redcom.ru/cmp/../fonts/LatoItalic.woff) format('woff');
    src:         url(/local/templates/redcom.ru/cmp/../fonts/Lato-Italic.ttf);
    font-weight: 400;
    font-style:  italic;
}

@font-face {
    font-family: 'Lato-Light';
    src:         local('Lato Light'), local('Lato-Light');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/Lato-Light.eot?#iefix') format('embedded-opentype');
    src:         url(/local/templates/redcom.ru/cmp/../fonts/Lato-Light.woff2) format('woff2');
    src:         url(/local/templates/redcom.ru/cmp/../fonts/Lato-Light.woff) format('woff');
    src:         url(/local/templates/redcom.ru/cmp/../fonts/Lato-Light.ttf);
    font-weight: 300;
    font-style:  normal;
}

@font-face {
    font-family: 'Lato-LightItalic';
    src:         local('Lato Light Italic'), local('Lato-LightItalic');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/Lato-Light.eot?#iefix') format('embedded-opentype');
    src:         url(/local/templates/redcom.ru/cmp/../fonts/Lato-Light.woff) format('woff');
    src:         url(/local/templates/redcom.ru/cmp/../fonts/Lato-Light.ttf);
    font-weight: 300;
    font-style:  italic;
}

@font-face {
    font-family: 'Lato-Regular';
    src:         local('Lato Regular'), local('Lato-Regular');
    src:         url('/local/templates/redcom.ru/cmp/../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype');
    src:         url(/local/templates/redcom.ru/cmp/../fonts/Lato-Regular.woff2) format('woff2');
    src:         url(/local/templates/redcom.ru/cmp/../fonts/Lato-Regular.woff) format('woff');
    src:         url(/local/templates/redcom.ru/cmp/../fonts/Lato-Regular.ttf);
    font-weight: 400;
    font-style:  normal;
}

html,
body {
    height: 100%;
    /* height: auto; */
    overflow-x: hidden;
    position: relative;
}
/* html,
body,
main {
scroll-padding-top: 172px;
} */
/* pageScrollingOffset в футере */
.form input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.banner {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    background-color:  #FFDF42;
    font-family:       'Leto Sans', sans-serif;
}

.banner__bonus {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    padding:          12px 0 12px;
}

@media (min-width: 1240px) {
    header.header:not(.start) .banner__bonus {
        margin-left: -8px;
    }
    header.header:not(.start) button.banner__bonus-btn {
        margin-right: 8px;
    }
}

.banner__bonus-btn {
    width:              34px;
    height:             34px;
    background-color:   #fff;
    border:             0;
    border-radius:      50%;
    display:            -webkit-box;
    display:            -ms-flexbox;
    display:            flex;
    -webkit-box-pack:   center;
    -ms-flex-pack:      center;
    justify-content:    center;
    -webkit-box-align:  center;
    -ms-flex-align:     center;
    align-items:        center;
    position:           relative;
    cursor:             pointer;
    -webkit-transition: all 0.2s;
    -o-transition:      all 0.2s;
    transition:         all 0.2s;
}

.banner__bonus-btn:hover {
    background-color: #000;
}

.banner__bonus-btn:hover span {
    background-color: #fff;
}

.banner__bonus-btn span {
    display:          block;
    width:            2px;
    height:           14px;
    background-color: #000;
    position:         absolute;
    border-radius:    20px;
}

.banner__bonus-btn span:first-child {
    -webkit-transform: rotate(45deg);
    -ms-transform:     rotate(45deg);
    transform:         rotate(45deg);
}

.banner__bonus-btn span:last-child {
    -webkit-transform: rotate(-45deg);
    -ms-transform:     rotate(-45deg);
    transform:         rotate(-45deg);
}

.banner__info {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
}

.banner p {
    margin-right: 50px;
}

.banner__info-title {
    font-size:   18px;
    line-height: 23px;
    font-weight: 700;
}

.banner__info-text {
    font-family: 'Lato-Regular', sans-serif;
    font-size:   14px;
    line-height: 16px;
    width:       438px;
}

.banner__info-link {
    font-size:       14px;
    line-height:     21px;
    position:        relative;
    padding-right:   25px;
    text-decoration: none;
}

.banner__info-link:hover {
    text-decoration: underline;
}

.banner__info-link::after {
    content:            '';
    position:           absolute;
    background-image:   url(/local/templates/redcom.ru/cmp/../img/arrow-right.svg);
    width:              15px;
    height:             13px;
    top:                3px;
    right:              0;
    -webkit-transition: all 0.2s;
    -o-transition:      all 0.2s;
    transition:         all 0.2s;
}

.banner__info-link:hover::after {
    right: -4px;
}

.tarif {
    margin-top:            50px;
    padding:               11px 12px;
    width:                 342px;
    height:                232px;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    font-family:           'Leto Sans', sans-serif;
}

.tarif__item {
    -webkit-transition: all 0.2s;
    -o-transition:      all 0.2s;
    transition:         all 0.2s;
}

.tarif__item-link {
    display:            -webkit-box;
    display:            -ms-flexbox;
    display:            flex;
    -webkit-box-align:  center;
    -ms-flex-align:     center;
    align-items:        center;
    padding:            16px 44px 10px 46px;
    text-decoration:    none;
    background:         #F8F8F8;
    border-radius:      15px;
    -webkit-transition: all 0.2s;
    -o-transition:      all 0.2s;
    transition:         all 0.2s;
}

.tarif__item-link:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform:     translateY(-5px);
    transform:         translateY(-5px);
}

.tarif__item-link:active {
    color: #fff;
}

.tarif__item-link--hundred:hover svg path:not(:nth-child(1)) {
    fill: #705BDE;
}

.tarif__item-link--twohundred:hover svg path:not(:nth-child(1)) {
    fill: #4BCEAD;
}

.tarif__item-link--threehundred:hover svg path:not(:nth-child(1)) {
    fill: #E94090;
}

.tarif__item-link--hundred:active {
    background: #705BDE;
}

.tarif__item-link--twohundred:active {
    background: #4BCEAD;
}

.tarif__item-link--threehundred:active {
    background: #E94090;
}

.tarif__item-text {
    margin-left:  10px;
    margin-right: 5px;
    font-size:    14px;
    line-height:  18px;
}

.tarif__item-text + span {
    font-weight: 700;
    font-size:   18px;
    line-height: 23px;
}

.support {
    background:     -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background:     linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    border-radius:  20px;
    color:          #fff;
    width:          524px;
    padding-top:    24px;
    padding-left:   34px;
    padding-bottom: 30px;
}

.support__title {
    font-weight:   700;
    font-size:     24px;
    line-height:   30px;
    margin-bottom: 8px;
    font-family:   'Leto Sans', sans-serif;
}

.support__text {
    font-size:     20px;
    line-height:   130%;
    margin-bottom: 40px;
    width:         420px;
    font-family:   'Lato', sans-serif;
}

.support__phone {
    padding-left:    60px;
    font-size:       18px;
    font-family:     'Leto Sans', sans-serif;
    font-weight:     700;
    line-height:     23px;
    text-decoration: none;
    position:        relative;
}

.support__phone:hover {
    text-decoration: underline;
}

.support__phone::before {
    content:          '';
    position:         absolute;
    width:            50px;
    height:           50px;
    background-image: url(/local/templates/redcom.ru/cmp/../img/phone.svg);
    top:              -14px;
    left:             0;
}

.header {
    position:           fixed;
    width:              100%;
    height:             auto;
    -webkit-transition: top 0.8s;
    -o-transition:      top 0.8s;
    transition:         top 0.8s;
    top:                0;
    background-color:   #fff;
    z-index:            1010;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition:      all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;
}

.header.start {
    position:           absolute;
    /* top: -172px; */
    -webkit-transition: none;
    -o-transition:      none;
    transition:         none;
}

.header.scroll-down {
    -webkit-transform: translateY(-136%);
    -ms-transform:     translateY(-136%);
    transform:         translateY(-136%);
}

.top-line {
    padding:       22px 0;
    border-bottom: 1px solid #DEDEDE;
    position:      relative;
}

.bottom-line {
    border-bottom: 1px solid #DEDEDE;
}

.wrap-top-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap:     50px;
}

@media (min-width: 1240px) {
    header.header:not(.start) .wrap-top-line {
        margin-right: 8px;
        margin-left: -8px;
    }
}
.wrap-top-line .logo-img-tablet {
    display: none;
}

.wrap-top-line .wrap-dropdown-tablet {
    display: none;
}

.wrap-top-line .wrap-dropdown-tablet-text {
    position:    relative;
    margin-top:  6px;
    font-family: 'Leto Sans', sans-serif;
    font-style:  normal;
    font-weight: 400;
    font-size:   14px;
    line-height: 1;
    color:       #707070;
}

.wrap-top-line .wrap-dropdown-tablet-text::after {
    position:          absolute;
    content:           '';
    background-image:  url(/local/templates/redcom.ru/cmp/../img/dropdown-arrow.svg);
    background-repeat: no-repeat;
    display:           block;
    width:             10px;
    height:            6px;
    top:               3px;
    right:             -15px;
}

.wrap-top-line .wrap-panel {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    width:            100%;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
}

.wrap-top-line .wrap-panel ul.group-btn-left,
.wrap-top-line .wrap-panel ul.group-btn-right {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    list-style:        none;
    padding-left:      0;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
}

.wrap-top-line .wrap-panel ul.group-btn-left {
    gap: 24px;
}

.wrap-top-line .wrap-panel ul.group-btn-left li a {
    display:         -webkit-box;
    display:         -ms-flexbox;
    display:         flex;
    position:        relative;
    padding:         6px 12px 6px 22px;
    border:          2px solid #4bcead;
    border-radius:   15px;
    text-decoration: none;
    font-family:     'Leto Sans', sans-serif;
    font-style:      normal;
    font-weight:     400;
    font-size:       16px;
    line-height:     20px;
}

.wrap-top-line .wrap-panel ul.group-btn-left li a:hover {
    background: #4bcead;
    color:      #fff;
}

.wrap-top-line .wrap-panel ul.group-btn-left li a:hover::before {
    color: #fff;
}

.wrap-top-line .wrap-panel ul.group-btn-left li a::before {
    content:    '●';
    width:      8px;
    height:     8px;
    color:      #4bcead;
    text-align: center;
    position:   absolute;
    top:        6px;
    left:       8px;
    font-size:  12px;
}

.wrap-top-line .wrap-panel ul.group-btn-left li a.blue {
    border: 2px solid #00A1FF;
}

.wrap-top-line .wrap-panel ul.group-btn-left li a.blue:hover {
    background: #00A1FF;
}

.wrap-top-line .wrap-panel ul.group-btn-left li a.blue::before {
    color: #00A1FF;
}

.wrap-top-line .wrap-panel ul.group-btn-left li a.blue:hover::before {
    color: #fff;
}

.wrap-top-line .wrap-panel ul.group-btn-left li a.purple {
    border: 2px solid #E94090;
}

.wrap-top-line .wrap-panel ul.group-btn-left li a.purple:hover {
    background: #E94090;
}

.wrap-top-line .wrap-panel ul.group-btn-left li a.purple::before {
    color: #E94090;
}

.wrap-top-line .wrap-panel ul.group-btn-left li a.purple:hover::before {
    color: #fff;
}

.wrap-top-line .wrap-btns-tablet {
    display: none;
}

ul.group-btn-right li:nth-child(1) {
    margin-right:  64px;
    height:        110%;
    border-bottom: 6px solid transparent;
    margin-bottom: -40px;
}

ul.group-btn-right li:nth-child(2) {
    height:        116%;
    border-bottom: 6px solid transparent;
    margin-bottom: -40px;
}

ul.group-btn-right li:hover:nth-child(1) {
    border-bottom: 6px solid #705BDE;
}

ul.group-btn-right li:hover:nth-child(2) {
    border-bottom: 6px solid #4bcead;
}

ul.group-btn-right li.cart {
    margin-right: 40px;
}

.wrap-top-line .wrap-panel ul.group-btn-right {
    min-width:        564px;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
}

ul.group-btn-right li.link a {
    display:         block;
    position:        relative;
    padding:         0 0 0 32px;
    text-decoration: none;
    font-family:     'Leto Sans', sans-serif;
    font-style:      normal;
    font-weight:     400;
    font-size:       16px;
    line-height:     21px;
    height:          100%;
}

ul.group-btn-right li.link a:hover {
    text-shadow: 0 0 0.65px #000, 0 0 0.65px #000;
}

ul.group-btn-right li.link a::after {
    content:          '';
    background-image: url('/local/templates/redcom.ru/cmp/../img/vidyy.svg');
    width:            22px;
    height:           20px;
    position:         absolute;
    left:             0;
}

ul.group-btn-right li.link.cart a::after {
    top:              -4px;
    width:            26px;
    height:           25px;
    background-image: url('/local/templates/redcom.ru/cmp/../img/cart.svg');
}

.btn-gradient {
    max-width:         180px;
    width:             100%;
    color:             #fff;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    background:        -o-linear-gradient(3.21deg, #4BCF79 6.16%, #4FD4E0 92.94%), -o-linear-gradient(2.91deg, #EF4F9C 6.42%, #F6908A 91.66%);
    background:        linear-gradient(86.79deg, #4BCF79 6.16%, #4FD4E0 92.94%), linear-gradient(87.09deg, #EF4F9C 6.42%, #F6908A 91.66%);
    border-radius:     15px;
    font-family:       'Leto Sans', sans-serif;
    font-style:        normal;
    font-weight:       700;
    font-size:         16px;
    line-height:       18px;
    text-align:        center;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    padding:           16px;
    text-decoration:   none;
}

.btn-gradient:hover {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.wrap-bottom-line {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    width:            100%;
    gap:              6%;
}

.wrap-bottom-line nav {
    width: 100%;
}

.wrap-bottom-line nav ul {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    width:            100%;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    font-family:      'Leto Sans', sans-serif;
    font-style:       normal;
    font-weight:      400;
    font-size:        16px;
    line-height:      21px;
}

.wrap-bottom-line nav ul li a {
    text-decoration: none;
    display:         block;
    padding:         28px 0 24px 0;
    border-bottom:   3px solid transparent;
}


.wrap-bottom-line .btn-menu {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    padding:           24px 0 24px 0;
    max-width:         80px;
    width:             100%;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    cursor:            pointer;
    font-family:       'Leto Sans', sans-serif;
}

.wrap-bottom-line .btn-menu:hover .icon-span span {
    background:         #E94090;
    -webkit-transition: all 0.3s;
    -o-transition:      all 0.3s;
    transition:         all 0.3s;
}

.wrap-bottom-line .btn-menu .icon-span {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    height:                16px;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -webkit-transition:    all 0.3s;
    -o-transition:         all 0.3s;
    transition:            all 0.3s;
    margin-top:            -5px;
}

.wrap-bottom-line .btn-menu .icon-span span {
    width:              22px;
    height:             3px;
    background:         #000000;
    border-radius:      6px;
    -webkit-transition: all 0.3s;
    -o-transition:      all 0.3s;
    transition:         all 0.3s;
}

.btn-menu-tablet {
    display: block;
    cursor:  pointer;
}

.btn-menu-tablet:hover .icon-span span {
    background:         #E94090;
    -webkit-transition: all 0.3s;
    -o-transition:      all 0.3s;
    transition:         all 0.3s;
}

.btn-menu-tablet .icon-span {
    -webkit-transition: all 0.3s;
    -o-transition:      all 0.3s;
    transition:         all 0.3s;
}

.btn-menu-tablet .icon-span span {
    display:            block;
    width:              22px;
    height:             3px;
    background:         #000000;
    border-radius:      6px;
    -webkit-transition: all 0.3s;
    -o-transition:      all 0.3s;
    transition:         all 0.3s;
}

.btn-menu-tablet .icon-span span:not(:last-child) {
    margin-bottom: 4px;
}

.btn-live img {
    display: block;
}

.menu-fixed-overlay {
    position:         fixed;
    overflow:         hidden;
    left:             0;
    top:              0;
    width:            100%;
    height:           100vh;
    background-color: #F8F8F8;
    z-index:          102;
    display:          none;
}

.menu-fixed-overlay .menu {
    font-family: 'Leto Sans', sans-serif;
    position:    relative;
    height:      100vh;
}

.menu-fixed-overlay .menu-top {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    margin-top:       22px;
    margin-bottom:    100px;
    position:         relative;
}

.menu-fixed-overlay .menu-close {
    width:            24px;
    height:           44px;
    background-color: transparent;
    cursor:           pointer;
}

.menu-fixed-overlay .menu-close:hover svg path {
    stroke: #E94090;
}

.menu-fixed-overlay .menu-content {
    margin-left: 26px;
}

.menu-fixed-overlay .menu-row {
    display:               grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom:         100px;
}

.menu-fixed-overlay .menu-block {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -ms-flex-wrap:         wrap;
    flex-wrap:             wrap;
}

.menu-fixed-overlay .menu-title {
    margin-bottom:   10px;
    font-weight:     700;
    font-size:       30px;
    display:         list-item;
    list-style-type: disc;
    text-decoration: none;
}

.menu-fixed-overlay .menu-title:hover {
    color: #E94090;
}

.menu-fixed-overlay .menu-title::marker {
    color: #E94090;
}

.menu-fixed-overlay .menu-list li {
    list-style-type: none;
}

.menu-fixed-overlay .menu-list li:not(:last-child) {
    margin-bottom: 10px;
}

.menu-fixed-overlay .menu-list.big {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    gap:              40px;
    -webkit-box-pack: start;
    -ms-flex-pack:    start;
    justify-content:  start;
}

.menu-fixed-overlay .menu-item {
    font-weight:     400;
    font-size:       16px;
    line-height:     28px;
    text-decoration: none;
}

.menu-fixed-overlay .menu-item:hover {
    text-decoration: underline;
}

.menu-fixed-overlay .menu-item:not(:last-child) {
    margin-bottom: 10px;
}

.menu-fixed-overlay .menu-bottom-list li {
    list-style-type: disc;
}

.menu-fixed-overlay .menu-bottom-list li:not(:last-child) {
    margin-bottom: 30px;
}

.menu-fixed-overlay .menu-bottom-list li::marker {
    color: #705BDE;
}

.menu-fixed-overlay .menu-bottom-list.big {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    gap:              40px;
    -webkit-box-pack: start;
    -ms-flex-pack:    start;
    justify-content:  start;
}

.menu-fixed-overlay .menu-bottom-list.big li {
    list-style-type: none;
}

.menu-fixed-overlay .menu-bottom-list.big li:not(:last-child) {
    margin-bottom: 12px;
}

.menu-fixed-overlay .menu-bottom-title {
    font-weight:     700;
    font-size:       18px;
    line-height:     1;
    text-decoration: none;
}

.menu-fixed-overlay .menu-bottom-title:hover {
    color: #E94090;
}

.menu-fixed-overlay .menu-bottom-title-big {
    display:       list-item;
    margin-bottom: 14px;
}

.menu-fixed-overlay .menu-bottom-title-big::marker {
    color: #705BDE;
}

.menu-fixed-overlay .menu-bottom-item {
    font-weight:     400;
    font-size:       14px;
    line-height:     1;
    text-decoration: none;
}

.menu-fixed-overlay .menu-bottom-item:hover {
    text-decoration: underline;
}

.menu-fixed-overlay .menu::after {
    position:          absolute;
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/menu-icon.svg);
    bottom:            -170px;
    right:             -116px;
    width:             734px;
    height:            460px;
    z-index:           -1;
}

.menu-fixed-overlay-h {
    position:          fixed;
    overflow:          hidden;
    left:              0;
    top:               0;
    width:             100%;
    height:            100vh;
    background-color:  #F8F8F8;
    z-index:           102;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    visibility:        hidden;
}

.menu-fixed-overlay-h .circle-head {
    border-radius:      50%;
    background:         #E5E5E5;
    display:            -webkit-box;
    display:            -ms-flexbox;
    display:            flex;
    -webkit-box-flex:   0;
    -ms-flex:           none;
    flex:               none;
    -webkit-box-align:  center;
    -ms-flex-align:     center;
    align-items:        center;
    -webkit-box-pack:   center;
    -ms-flex-pack:      center;
    justify-content:    center;
    -webkit-transform:  scale(0);
    -ms-transform:      scale(0);
    transform:          scale(0);
    -webkit-transition: all 0.6s ease;
    -o-transition:      all 0.6s ease;
    transition:         all 0.6s ease;
    width:              200vw;
    height:             200vw;
}

.menu-fixed-overlay-h #container-animate {
    opacity:            0;
    -webkit-transition: opacity 0.4s ease;
    -o-transition:      opacity 0.4s ease;
    transition:         opacity 0.4s ease;
}

.menu-fixed-overlay-h .menu {
    font-family: 'Leto Sans', sans-serif;
    position:    relative;
    height:      100vh;
}

.menu-fixed-overlay-h .menu-top {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    padding-top:      22px;
    padding-right:    20px;
    margin-bottom:    100px;
    position:         relative;
}

.menu-fixed-overlay-h .menu-close {
    width:            24px;
    height:           44px;
    background-color: transparent;
    cursor:           pointer;
}

.menu-fixed-overlay-h .menu-close:hover svg path {
    stroke: #E94090;
}

.menu-fixed-overlay-h .menu-content {
    margin-left: 26px;
}

.menu-fixed-overlay-h .menu-row {
    display:               grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom:         100px;
}

.menu-fixed-overlay-h .menu-block {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -ms-flex-wrap:         wrap;
    flex-wrap:             wrap;
}

.menu-fixed-overlay-h .menu-title {
    margin-bottom:   10px;
    font-weight:     700;
    font-size:       30px;
    display:         list-item;
    list-style-type: disc;
    text-decoration: none;
}

.menu-fixed-overlay-h .menu-title:hover {
    color: #E94090;
}

.menu-fixed-overlay-h .menu-title::marker {
    color: #E94090;
}

.menu-fixed-overlay-h .menu-list li {
    list-style-type: none;
}

.menu-fixed-overlay-h .menu-list li:not(:last-child) {
    margin-bottom: 10px;
}

.menu-fixed-overlay-h .menu-list.big {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    gap:              40px;
    -webkit-box-pack: start;
    -ms-flex-pack:    start;
    justify-content:  start;
}

.menu-fixed-overlay-h .menu-item {
    font-weight:     400;
    font-size:       16px;
    line-height:     28px;
    text-decoration: none;
}

.menu-fixed-overlay-h .menu-item:hover {
    text-decoration: underline;
}

.menu-fixed-overlay-h .menu-item:not(:last-child) {
    margin-bottom: 10px;
}

.menu-fixed-overlay-h .menu-bottom-list li {
    list-style-type: disc;
}

.menu-fixed-overlay-h .menu-bottom-list li:not(:last-child) {
    margin-bottom: 30px;
}

.menu-fixed-overlay-h .menu-bottom-list li::marker {
    color: #705BDE;
}

.menu-fixed-overlay-h .menu-bottom-list.big {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    gap:              40px;
    -webkit-box-pack: start;
    -ms-flex-pack:    start;
    justify-content:  start;
}

.menu-fixed-overlay-h .menu-bottom-list.big li {
    list-style-type: none;
}

.menu-fixed-overlay-h .menu-bottom-list.big li:not(:last-child) {
    margin-bottom: 12px;
}

.menu-fixed-overlay-h .menu-bottom-title {
    font-weight:     700;
    font-size:       18px;
    line-height:     1;
    text-decoration: none;
}

.menu-fixed-overlay-h .menu-bottom-title:hover {
    color: #E94090;
}

.menu-fixed-overlay-h .menu-bottom-title-big {
    display:       list-item;
    margin-bottom: 14px;
}

.menu-fixed-overlay-h .menu-bottom-title-big::marker {
    color: #705BDE;
}

.menu-fixed-overlay-h .menu-bottom-item {
    font-weight:     400;
    font-size:       14px;
    line-height:     1;
    text-decoration: none;
}

.menu-fixed-overlay-h .menu-bottom-item:hover {
    text-decoration: underline;
}

.menu-fixed-overlay-h .container {
    position: relative;
}

.menu-fixed-overlay-h .menu {
    overflow-y: auto;
}

.menu-fixed-overlay-h .container::after {
    position:          absolute;
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/menu-icon.svg);
    bottom:            0;
    right:             -230px;
    width:             734px;
    height:            460px;
    z-index:           -1;
}


.menu-fixed-overlay-h .menu {
    overflow-y: auto;
    -webkit-text-size-adjust: 100%;
    scrollbar-width: thin;
    scrollbar-color: #3673B9 #4BCF79;
}

.menu-fixed-overlay-h .menu::-webkit-scrollbar {
    width: 15px;
}

.menu-fixed-overlay-h .menu::-webkit-scrollbar-track {
    background: #FFFFFF;
}

.menu-fixed-overlay-h .menu::-webkit-scrollbar-thumb {
    background-color: #3673B9;
    border-radius: 7px;
    border: 3px solid #FFFFFF;
}


.navbar {
    display: none;
}

.navbar__wrap {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    height:           100%;
}

.navbar__wrap .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.navbar__wrap .menu > li {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: stretch;
    -ms-flex-align:    stretch;
    align-items:       stretch;
}

.navbar__wrap .menu > li > a {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    padding:           0 20px;
    color:             rgba(255, 255, 255, 0.7);
}

.navbar__wrap .menu > li > a:hover {
    color: rgb(255, 255, 255);
}

.hamb {
    display: none;
}

.popup {
    display: none;
}

.logo {
    text-decoration:   none;
    color:             #fff;
    font-size:         20px;
    font-weight:       bold;
    text-transform:    uppercase;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
}

.menu > li > a {
    text-decoration: none;
}

.first-list {
    margin-bottom: 50px;
}

.first-list__container {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
}

.first-list__item {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    background:            #fff;
    border-radius:         15px;
}

.first-list__top {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    cursor:            pointer;
    padding:           20px 0;
    background:        #F5F5F5;
    border-bottom:     1.5px solid #fff;
}

.first-list__top img {
    -webkit-transition: all 0.7s;
    -o-transition:      all 0.7s;
    transition:         all 0.7s;
}

.first-list__top img.rotate {
    -webkit-transform: rotate(180deg);
    -ms-transform:     rotate(180deg);
    transform:         rotate(180deg);
}

.first-list__top.active {
    border-bottom: transparent;
}

.first-list__top-title {
    font-size:    16px;
    line-height:  16px;
    font-weight:  700;
    font-family:  'Leto Sans', sans-serif;
    padding-left: 14px;
    position:     relative;
}

.first-list__top-title::before {
    content:       '';
    position:      absolute;
    background:    #E94090;
    width:         4px;
    height:        4px;
    border-radius: 50%;
    left:          0;
    top:           6px;
}

.first-list__top-title a {
    text-decoration: none;
}

.first-list__drop {
    background:         #fff;
    overflow:           hidden;
    -webkit-transition: max-height 1s ease;
    -o-transition:      max-height 1s ease;
    transition:         max-height 1s ease;
    max-height:         0px;
    height:             100%;
    padding:            0 0 0 14px;
    background:         #F5F5F5;
    border-bottom:      1.5px solid transparent;
}

.first-list__drop.active {
    max-height: 500px;
}

.first-list__drop.active {
    border-bottom: 1.5px solid #fff;
}

.first-list__drop-title {
    font-size:      16px;
    font-family:    'Leto Sans', sans-serif;
    line-height:    20px;
    text-transform: uppercase;
    font-weight:    700;
    margin-bottom:  10px;
}

.first-list__list {
    margin-bottom:         30px;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   20px;
}

.first-list__list:last-child {
    margin-bottom:  0px;
    padding-bottom: 30px;
}

.first-list__list a {
    text-decoration: none;
}

.first-list__item:last-child .first-list__top {
    border-bottom: transparent;
}

.first-list__item:last-child .first-list__drop.active {
    border-bottom: transparent;
}


.second-list {
    position: relative;
}

.second-list::after {
    content:           '';
    width:             188px;
    height:            118px;
    position:          absolute;
    bottom:            0;
    right:             -34px;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/m-menu-img.svg);
    background-repeat: no-repeat;
}

.second-list__top {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -ms-flex-wrap:     wrap;
    flex-wrap:         wrap;
    margin-bottom:     40px;
}

.second-list__top-title {
    font-size:      35px;
    line-height:    45px;
    text-transform: uppercase;
}

.second-list__top-link {
    font-size:       16px;
    line-height:     20px;
    color:           #00ACE7;
    text-decoration: none;
    position:        relative;
    padding-right:   25px;
}

.second-list__top-link::after {
    content:            '';
    position:           absolute;
    background-image:   url(/local/templates/redcom.ru/cmp/../img/arrow-docs.svg);
    width:              15px;
    height:             12px;
    top:                2px;
    right:              0;
    -webkit-transition: all 0.2s;
    -o-transition:      all 0.2s;
    transition:         all 0.2s;
}

.second-list__top-link:hover::after {
    right: -4px;
}

.second-list__top-link:hover::before {
    content:    '';
    position:   absolute;
    width:      calc(100% - 25px);
    height:     2px;
    background: #00ACE7;
    bottom:     0;
}

.second-list__accordion-title {
    font-size:     16px;
    line-height:   24px;
    margin-bottom: 20px;
    font-family:   'Leto Sans', sans-serif;
    z-index:       5;
    cursor:        pointer;
}

.second-list__accordion-title a {
    padding-left:    14px;
    position:        relative;
    text-decoration: none;
}

.second-list__accordion-title a::before {
    content:       '';
    position:      absolute;
    background:    #705BDE;
    width:         4px;
    height:        4px;
    border-radius: 50%;
    left:          0;
    top:           6px;
}

.second-list__accordion-title img {
    width:              18px;
    height:             12px;
    margin-bottom:      0px;
    -webkit-transition: all 1s;
    -o-transition:      all 1s;
    transition:         all 1s;
    -webkit-transform:  rotate(180deg);
    -ms-transform:      rotate(180deg);
    transform:          rotate(180deg);
}

.second-list__accordion-title img.rotate {
    -webkit-transform: rotate(0deg);
    -ms-transform:     rotate(0deg);
    transform:         rotate(0deg);
}

.second-list__list {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   15px;
    margin-bottom:         40px;
    overflow:              hidden;
    -webkit-transition:    all 1s;
    -o-transition:         all 1s;
    transition:            all 1s;
    max-height:            0px;
    height:                100%;
    padding-left:          14px !important;
}

.second-list__list.active {
    max-height: 550px;
}

.second-list__list.active li a {
    text-decoration: none !important;
}

.second-list__list li a {
    text-decoration: none !important;
}

.second-list__item {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    padding:           24px 20px;
    border:            2px solid #F1F1F1;
    border-radius:     15px;
}

.second-list__item-text {
    font-size:       18px;
    line-height:     24px;
    padding-left:    52px;
    position:        relative;
    text-decoration: none;
}

.second-list__item-text:hover {
    color: #705BDE;
}

.second-list__item-text::before {
    content:          '';
    position:         absolute;
    background-image: url(/local/templates/redcom.ru/cmp/../img/docs.svg);
    width:            32px;
    height:           42px;
    left:             0;
    bottom:           -6px;
}

.second-list .nav-second-list li {
    padding-left:  14px;
    position:      relative;
    margin-bottom: 24px;
}

.second-list .nav-second-list li::before {
    content:       '';
    position:      absolute;
    background:    #705BDE;
    width:         4px;
    height:        4px;
    border-radius: 50%;
    left:          0;
    top:           9px;
}

.second-list .nav-second-list li a {
    font-size:       16px;
    line-height:     24px;
    font-weight:     600;
    font-family:     'Leto Sans', sans-serif;
    text-decoration: none;
}

.wrap-dropdown-tablet {
    position: relative;
    z-index:  1020;
}

.wrap-dropdown-hidden {
    position:              absolute;
    background:            #fff;
    padding:               25px 0px 25px 15px !important;
    width:                 374px;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   14px;
    margin-top:            10px;
    border:                1px solid #DEDEDE;
    font-size:             14px;
    line-height:           16px;
    visibility:            hidden;
    opacity:               0;
    -webkit-transition:    all 0.5s;
    -o-transition:         all 0.5s;
    transition:            all 0.5s;
}

.wrap-dropdown-hidden a {
    display:         block;
    text-decoration: none;
}

.wrap-dropdown-hidden li {
    position:      relative;
    padding-left:  18px;
    margin-bottom: 8px;
}

.wrap-dropdown-hidden li:last-child {
    margin-bottom: 0;
}

.wrap-dropdown-hidden li::before {
    content:       '';
    position:      absolute;
    width:         10px;
    height:        10px;
    background:    red;
    border-radius: 50%;
    left:          0;
    top:           3px;
}

.wrap-dropdown-hidden li.purple::before {
    background: #E94090;
}

.wrap-dropdown-hidden li.green::before {
    background: #4bcead;
}

.wrap-dropdown-hidden li.blue::before {
    background: #00A1FF;
}

.wrap-dropdown-hidden li.selected {
    font-weight: 700;
}

.wrap-dropdown-hidden.active {
    visibility: visible;
    opacity:    1;
}

.wrap-dropdown-tablet-text.active::after {
    -webkit-transform: rotate(180deg);
    -ms-transform:     rotate(180deg);
    transform:         rotate(180deg);
}

.header.scroll-down .wrap-dropdown-hidden.active {
    visibility: hidden;
    opacity:    0;
}

.modal {
    position:          absolute;
    left:              50%;
    top:               50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform:     translate(-50%, -50%);
    transform:         translate(-50%, -50%);
    font-family:       'Leto Sans', sans-serif;
    height:            72%;
}

.modal-close {
    position:            absolute;
    top:                 20px;
    right:               20px;
    width:               30px;
    height:              30px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/close-black.svg);
    background-position: center;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.modal-close:hover {
    background-image: url(/local/templates/redcom.ru/cmp/../img/close-purple.svg);
}

.modal__container {
    padding:          30px 60px;
    width:            700px;
    border-radius:    20px;
    background-color: #fff;
}

.modal__form > p {
    font-family:   'Lato-Bold', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   22px;
    margin-bottom: 10px;
}

.modal__form-title {
    margin-bottom: 40px;
    font-weight:   700;
    font-size:     28px;
    line-height:   36px;
    text-align:    center;
}

.modal__form-input {
    padding:       14px;
    border:        1px solid #C4C4C4;
    border-radius: 15px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     16px;
    line-height:   21px;
}

.modal__form-input::-webkit-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input::-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input-group {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
    margin-bottom:         30px;
}

.modal__form-input-group br {
    content:      ' ';
    margin-right: 5px;
}

.modal__form-input-group.price {
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    gap:                   22px;
}

.modal__form-input-group.information {
    display:               grid;
    grid-template-columns: 48% 48%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
    row-gap:               30px;
    padding-bottom:        0;
}

.modal__form-input-group.information input:first-child {
    grid-column: 1/3;
}

.modal__form-input-group.adress {
    display:               grid;
    grid-template-columns: 44% 32% 16%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
}

.modal__form-input-group.adress select.modal__form-input {
    background:            #fff;
    -webkit-appearance:    none;
    -moz-appearance:       none;
    background-image:      url('/local/templates/redcom.ru/cmp/../img/arrow-down-select.svg');
    background-repeat:     no-repeat;
    background-position-x: 94%;
    background-position-y: 20px;
}

.modal__form-input-group.services {
    /* display: -webkit-box;
display: -ms-flexbox;
display: flex; */
    /*-webkit-box-orient: horizontal;*/
    /*-webkit-box-direction: normal;*/
    /*-ms-flex-direction: row;*/
    /*flex-direction: row;*/
    /*-webkit-box-pack: justify;*/
    /*-ms-flex-pack: justify;*/
    /*justify-content: space-between;*/
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 20px;
}

.modal__form-input-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 19px;
}

.modal__form-submit-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               20px;
    margin-bottom:     0px;
}

.modal__form-submit-btn {
    padding:       14px 68px;
    border-radius: 15px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   21px;
    color:         #FFFFFF;
    cursor:        pointer;
}

.modal__form-submit-btn.blue {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.modal__form-submit-btn.blue:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.modal__form-submit-info {
    font-weight:   250;
    font-size:     12px;
    line-height:   16px;
    padding:       0;
    margin-bottom: 0;
}

.modal__info-text {
    margin-bottom: 20px;
    font-family:   'Lato-Regular', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   19px;
}

.modal__info-text span {
    font-weight: 700;
}

.modal__info-text.hide {
    display: none;
}

.modal__info-logo-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               30px;
    margin-bottom:     26px;
    width:             458px;
}

.modal__info-btn {
    font-family:          'Lato-Regular', sans-serif;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    text-decoration-line: underline;
    color:                #E94090;
    cursor:               pointer;
}

.modal__container.content-more-detailed {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 20px;
}

.modal__container.content-more-detailed h4 {
    display:     -webkit-box;
    display:     -ms-flexbox;
    display:     flex;
    width:       100%;
    max-width:   388px;
    line-height: 31px;
    font-size:   24px;
    text-align:  center;
    margin:      0 auto 30px;
    font-family: 'Lato-Bold', sans-serif;
}

.modal__container.content-more-detailed b {
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
    margin-bottom: 0;
}

.modal__container.content-more-detailed p {
    margin-bottom: 30px;
}

.modal__container.content-more-detailed ul {
    margin-left: 20px;
    padding:     14px 0;
}

.modal__container.content-more-detailed ul li {
    list-style:    disc;
    margin-bottom: 14px;
}

.modal__container.content-more-detailed .list-more li:last-child {
    margin-bottom: 0;
}

.modal__container.content-more-detailed .list-more li::marker {
    color: #00A1FF;
}

.modal__container.content-more-detailed .list-more.purple li::marker {
    color: #E94090;
}

.modal__container.content-more-detailed .list-more.green li::marker {
    color: #4bcead;
}

.modal__container.content-more-detailed .list-more.lilac li::marker {
    color: #705BDE;
}

.checkbox {
    margin-bottom: 0.2em;
}

.custom-checkbox > input {
    position: absolute;
    z-index:  -1;
    opacity:  0;
}

.custom-checkbox > input:not(:disabled):not(:checked) + span:hover::before {
    border-color: #00A1FF;
}

.custom-checkbox > input:not(:disabled):active + span::before {
    background-color: #00A1FF;
    border-color:     #00A1FF;
}

.custom-checkbox > input:checked + span::before {
    border-color:     #00A1FF;
    background-color: #00A1FF;
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e');
}

.custom-checkbox > input:disabled + span::before {
    background-color: #e9ecef;
}

.custom-checkbox > span {
    display:             -webkit-inline-box;
    display:             -ms-inline-flexbox;
    display:             inline-flex;
    -webkit-box-align:   center;
    -ms-flex-align:      center;
    align-items:         center;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    user-select:         none;
}

.custom-checkbox > span::before {
    content:             '';
    display:             inline-block;
    width:               1em;
    height:              1em;
    -ms-flex-negative:   0;
    flex-shrink:         0;
    -webkit-box-flex:    0;
    -ms-flex-positive:   0;
    flex-grow:           0;
    border:              1px solid #adb5bd;
    border-radius:       0.25em;
    margin-right:        0.3em;
    background-repeat:   no-repeat;
    background-position: center center;
    background-size:     70% 70%;
}

ul.group-btn-right li .btn-gradient:hover {
    cursor: pointer;
}

.wrap-bottom-line .btn-menu {
    position: relative;
}

@media (min-width: 1240px) {
    header.header:not(.start) .wrap-bottom-line {
        margin-left: -8px;
    }
}

.btn-menu .hamburger {
    position:              absolute;
    top:                   22px;
    right:                 0;
    z-index:               1;
    width:                 24px;
    height:                28px;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -ms-flex-item-align:   center;
    align-self:            center;
    -webkit-box-pack:      center;
    -ms-flex-pack:         center;
    justify-content:       center;
    cursor:                pointer;
    -ms-flex-item-align:   end;
    align-self:            flex-end;
}

.btn-menu .hamburger > div {
    position:              relative;
    -webkit-box-flex:      0;
    -ms-flex:              none;
    flex:                  none;
    width:                 100%;
    height:                3px;
    border-radius:         2px;
    background:            #000000;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    -webkit-box-pack:      center;
    -ms-flex-pack:         center;
    justify-content:       center;
    -ms-flex-item-align:   end;
    align-self:            flex-end;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -webkit-transition:    all 100ms ease-in-out;
    -o-transition:         all 100ms ease-in-out;
    transition:            all 100ms ease-in-out;
}

.btn-menu .hamburger > div::before,
.btn-menu .hamburger > div::after {
    content:             '';
    position:            absolute;
    z-index:             1;
    top:                 -6px;
    width:               100%;
    height:              3px;
    border-radius:       2px;
    background:          inherit;
    display:             -webkit-box;
    display:             -ms-flexbox;
    display:             flex;
    -ms-flex-item-align: end;
    align-self:          flex-end;
    -webkit-transition:  all 100ms ease-in-out;
    -o-transition:       all 100ms ease-in-out;
    transition:          all 100ms ease-in-out;
}

.btn-menu .hamburger > div::after {
    top: 6px;
}

.btn-menu:hover .hamburger > div {
    -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 300ms;
    animation:         burger-hover 1s infinite ease-in-out alternate forwards 300ms;
    background:        #E94090;
}

.btn-menu:hover .hamburger > div::before {
    -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 100ms;
    animation:         burger-hover 1s infinite ease-in-out alternate forwards 100ms;
    background:        #E94090;
}

.btn-menu:hover .hamburger > div::after {
    -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 600ms;
    animation:         burger-hover 1s infinite ease-in-out alternate forwards 600ms;
    background:        #E94090;
}

@-webkit-keyframes burger-hover {
    0% {
        width: 100%;
    }

    50% {
        width: 50%;
    }

    100% {
        width: 100%;
    }
}

@keyframes burger-hover {
    0% {
        width: 100%;
    }

    50% {
        width: 50%;
    }

    100% {
        width: 100%;
    }
}

.target {
    position:          absolute;
    border-bottom:     4px solid transparent;
    z-index:           -1;
    -webkit-transform: translateX(-60px);
    -ms-transform:     translateX(-60px);
    transform:         translateX(-60px);
}

.mynav a,
.target {
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition:      all 0.35s ease-in-out;
    transition:         all 0.35s ease-in-out;
}

footer {
    background:  #262626;
    color:       #fff;
    font-family: 'Leto Sans', sans-serif;
    font-style:  normal;
    font-weight: 700;
    font-size:   20px;
    line-height: 26px;
    position:    relative;
    z-index:     1000;
    flex:        0 0 auto;
}

footer a {
    text-decoration: none;
}

footer a:hover {
    color: #00A1FF;
}

footer .top-line-footer {
    border-bottom: 1px solid #fff;
}

footer .wrap-top-line-footer {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    padding:          44px 0;
}

footer .wrap-top-line-footer .first-column-footer {
    margin-right: 5.2%;
}

footer .wrap-top-line-footer .first-column-footer .panel {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    margin-bottom:         56px;
}

footer .wrap-top-line-footer .first-column-footer .panel > a {
    display:      block;
    margin-right: 30px;
}

footer .wrap-top-line-footer .first-column-footer .panel ul {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    gap:               30px;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    height:            56px;
}

footer .wrap-top-line-footer .first-column-footer .panel ul li a {
    display:         -webkit-box;
    display:         -ms-flexbox;
    display:         flex;
    position:        relative;
    padding:         6px 12px 6px 22px;
    border:          2px solid #2BE9A3;
    border-radius:   15px;
    text-decoration: none;
    font-family:     'Leto Sans', sans-serif;
    font-style:      normal;
    font-weight:     400;
    font-size:       16px;
    line-height:     20px;
}

footer .wrap-top-line-footer .first-column-footer .panel ul li a:hover {
    background: #2BE9A3;
    color:      #fff;
}

footer .wrap-top-line-footer .first-column-footer .panel ul li a:hover::before {
    color: #fff;
}

footer .wrap-top-line-footer .first-column-footer .panel ul li a::before {
    content:    '●';
    width:      8px;
    height:     8px;
    color:      #2BE9A3;
    text-align: center;
    position:   absolute;
    top:        6px;
    left:       8px;
    font-size:  12px;
}

footer .wrap-top-line-footer .first-column-footer .panel ul li a.blue {
    border: 2px solid #00A1FF;
}

footer .wrap-top-line-footer .first-column-footer .panel ul li a.blue:hover {
    background: #00A1FF;
}

footer .wrap-top-line-footer .first-column-footer .panel ul li a.blue::before {
    color: #00A1FF;
}

footer .wrap-top-line-footer .first-column-footer .panel ul li a.blue:hover::before {
    color: #fff;
}

footer .wrap-top-line-footer .first-column-footer .block-download {
    margin-bottom: 56px;
}

footer .wrap-top-line-footer .first-column-footer .block-download p {
    display:       block;
    font-size:     16px;
    line-height:   21px;
    margin-bottom: 10px;
}

footer .wrap-top-line-footer .first-column-footer .block-download .wrap-btn-download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap:     10px;
}

footer .wrap-top-line-footer .first-column-footer .block-download .wrap-btn-download .btn-available {
    width:             100%;
    max-width:         174px;
    height:            42px;
    background:        #fff;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    border-radius:     8px;
}

footer .wrap-top-line-footer .first-column-footer .panel-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap:     48px;
}

footer .wrap-top-line-footer .first-column-footer .panel-contacts .btn-panel-contacts {
    max-width:       180px;
    width:           100%;
    color:           #fff;
    background:      -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background:      linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    border-radius:   15px;
    font-family:     'Leto Sans', sans-serif;
    font-style:      normal;
    font-weight:     700;
    font-size:       16px;
    line-height:     18px;
    text-align:      center;
    padding:         16px;
    text-decoration: none;
}

footer .wrap-top-line-footer .first-column-footer .panel-contacts .btn-panel-contacts:hover {
    background: -o-linear-gradient(3.21deg, #4BCF79 6.16%, #4FD4E0 92.94%), -o-linear-gradient(2.91deg, #EF4F9C 6.42%, #F6908A 91.66%);
    background: linear-gradient(86.79deg, #4BCF79 6.16%, #4FD4E0 92.94%), linear-gradient(87.09deg, #EF4F9C 6.42%, #F6908A 91.66%);
}

footer .wrap-top-line-footer .first-column-footer .panel-contacts .phone {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    padding-left:      60px;
    position:          relative;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    text-decoration:   none;
}

footer .wrap-top-line-footer .first-column-footer .panel-contacts .phone:hover {
    text-decoration: underline;
    color:           #fff;
}

footer .wrap-top-line-footer .first-column-footer .panel-contacts .phone::after {
    content:          '';
    width:            50px;
    height:           50px;
    border-radius:    50%;
    background:       #fff;
    position:         absolute;
    left:             0;
    background-image: url('/local/templates/redcom.ru/cmp/../img/phone.svg');
}

footer .wrap-top-line-footer .second-colummn-footer ul {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    height:                100%;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
}

footer .wrap-top-line-footer .third-column-footer > a,
footer .wrap-top-line-footer .four-column-footer nav > a {
    display:       block;
    margin-bottom: 14px;
}

footer .wrap-top-line-footer .third-column-footer ul li,
footer .wrap-top-line-footer .four-column-footer nav ul li {
    display:       block;
    margin-bottom: 14px;
    font-weight:   400;
    font-size:     16px;
    line-height:   21px;
}

footer .wrap-top-line-footer .four-column-footer {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
}

footer .wrap-top-line-footer .four-column-footer .social-icons {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: end;
    -ms-flex-pack:    end;
    justify-content:  flex-end;
}

footer .wrap-top-line-footer .four-column-footer .social-icons a {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    width:             32px;
    height:            32px;
    background:        #fff;
    border-radius:     50%;
}

footer .wrap-top-line-footer .four-column-footer .social-icons a:nth-child(1) {
    margin-right: 24px;
}

footer .wrap-top-line-footer .four-column-footer .social-icons a:hover {
    background: #00ACE7;
}

footer .wrap-top-line-footer .four-column-footer .social-icons a:hover svg path {
    fill: #fff;
}

footer .wrap-bottom-line-footer {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    padding:          20px 0;
    font-size:        14px;
    font-weight:      400;
}

footer .wrap-bottom-line-footer a {
    text-decoration: underline;
}

footer .wrap-bottom-line-footer a:hover {
    color: #E94090;
}

footer .wrap-bottom-line-footer div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap:     10px;
}

.footer-mobile {
    display: none;
}

.balance {
    width:         524px;
    padding:       30px 34px 24px;
    border-radius: 20px;
    font-family:   'Leto Text Sans Defect', sans-serif;
}

.balance input {
    border:             1px solid #B2B2B2;
    border-radius:      15px;
    font-size:          16px;
    line-height:        20px;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    font-family:        'Lato', sans-serif;
}

.balance__title {
    font-size:     24px;
    font-weight:   700;
    line-height:   30px;
    margin-bottom: 20px;
}

.balance__contract {
    width:         454px;
    margin-bottom: 20px;
    padding:       16px 0 16px 20px;
}

.balance__send-sum {
    width:        254px;
    padding:      16px 0px 16px 20px;
    margin-right: 20px;
}

.balance__send-btn {
    padding:       16px 50px;
    border-radius: 15px;
    background:    -webkit-gradient(linear, left top, right top, from(#238BCD), to(#02BFFE));
    background:    -o-linear-gradient(left, #238BCD 0%, #02BFFE 100%);
    background:    linear-gradient(to right, #238BCD 0%, #02BFFE 100%);
    font-size:     16px;
    line-height:   20px;
    font-weight:   bold;
    color:         #fff;
    cursor:        pointer;
}

.balance__send-btn:hover {
    background: -webkit-gradient(linear, left top, right top, from(#4BCF79), to(#4FD4E0));
    background: -o-linear-gradient(left, #4BCF79 0%, #4FD4E0 100%);
    background: linear-gradient(to right, #4BCF79 0%, #4FD4E0 100%);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin:             0;
}

.download {
    width:         796px;
    display:       -webkit-box;
    display:       -ms-flexbox;
    display:       flex;
    padding:       50px 0 60px 44px;
    margin-bottom: 300px;
    border-radius: 20px;
    position:      relative;
}

.download__app {
    width: 454px;
}

.download__app-title {
    font-size:      30px;
    line-height:    36px;
    font-weight:    700;
    text-transform: uppercase;
    margin-bottom:  30px;
    font-family:    Leto Text Sans Defect, sans-serif;
}

.download__app-text {
    font-size:     20px;
    line-height:   26px;
    margin-bottom: 50px;
    font-family:   Lato, sans-serif;
}

.download__block {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
}

.download__block-app {
    width:             100%;
    max-width:         293px;
    height:            70px;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    border:            1px solid #EBEBEB;
    border-radius:     8px;
    padding:           10px 50px 10px 53px;
}

.download__img {
    position: absolute;
    right:    0;
}

.technology {
    padding-bottom: 30px;
}

.technology__title {
    text-transform: uppercase;
    font-size:      35px;
    line-height:    45px;
    font-family:    'Leto Sans', sans-serif;
    margin-bottom:  50px;
}

.technology__item {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    margin-bottom:     40px;
    gap:               34px;
}

.technology__info {
    max-width: 617px;
    width:     100%;
}

.technology__info-title {
    font-family:   'Leto Sans', sans-serif;
    font-size:     24px;
    font-weight:   700;
    line-height:   31px;
    margin-bottom: 10px;
}

.technology__info-link {
    text-decoration: none;
}

.technology__info-link:hover {
    color: #00A1FF;
}

.technology__item-img {
    border-radius: 20px;
    max-width:     100%;
}

.technology__info-text {
    font-family: 'Lato', sans-serif;
    font-size:   16px;
    line-height: 20px;
}

.section-404 {
    height:      100%;
    background:  #fff;
    font-family: 'Leto Sans', sans-serif;
    padding:     120px 0;
}

.section-404 .not-found {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width:   100%;
}

.section-404 .not-found img {
    width: 100%;
}

.section-404 .wrap-text {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    margin:                -130px auto 0;
    width:                 -webkit-fit-content;
    width:                 -moz-fit-content;
    width:                 fit-content;
    text-align:            center;
    font-weight:           400;
    font-size:             25px;
    line-height:           130%;
}

.section-404 .wrap-text p.bold {
    font-weight: 700;
    font-size:   35px;
    line-height: 130%;
}

.section-404 .wrap-text .btn-404 {
    max-width:       224px;
    width:           100%;
    color:           #fff;
    background:      -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background:      linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    border-radius:   15px;
    font-family:     'Leto Sans', sans-serif;
    font-style:      normal;
    font-weight:     700;
    font-size:       16px;
    line-height:     18px;
    text-align:      center;
    padding:         16px;
    margin:          38px auto 0;
    text-decoration: none;
}

.section-404 .wrap-text .btn-404:hover {
    background: -o-linear-gradient(3.21deg, #4BCF79 6.16%, #4FD4E0 92.94%), -o-linear-gradient(2.91deg, #EF4F9C 6.42%, #F6908A 91.66%);
    background: linear-gradient(86.79deg, #4BCF79 6.16%, #4FD4E0 92.94%), linear-gradient(87.09deg, #EF4F9C 6.42%, #F6908A 91.66%);
}

.sections {
    padding-top:    70px;
    padding-bottom: 52px;
    font-family:    'Leto Sans', sans-serif;
}

.sections__list {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
}

.sections__list-link {
    text-decoration: none;
    padding:         10px 20px 10px;
    border:          1px solid #8D8D8F;
    border-radius:   21px;
    font-size:       16px;
    line-height:     20px;
    background:      #fff;
}

.sections__list-link:hover {
    background-color: #705BDE;
    color:            #fff;
}

.news_main {
    font-family: 'Lato', sans-serif;
}

.news_main__item {
    display:         block;
    text-decoration: none;
    padding-left:    25px;
    padding-bottom:  15px;
    position:        relative;
}

.news_main__item:hover .news_main__item-title {
    color: #E94090;
}

.news_main__item::before {
    content:          '';
    position:         absolute;
    top:              5px;
    left:             0;
    bottom:           0;
    width:            1.5px;
    height:           100%;
    background-color: #000;
}

.news_main__item-date,
.news_main__item-hashtag {
    font-size:   14px;
    line-height: 21px;
    color:       #8F8F8F;
}

.news_main__item-date {
    margin-right: 20px;
}

.news_main__item-title {
    font-size:          16px;
    font-weight:        700;
    line-height:        22px;
    margin-top:         15px;
    margin-bottom:      10px;
    -webkit-transition: all 0.2s;
    -o-transition:      all 0.2s;
    transition:         all 0.2s;
}

.news_main__item-text {
    font-size:   16px;
    line-height: 22px;
    max-width:   350px;
    width:       100%;
}

.information {
    display:        -webkit-box;
    display:        -ms-flexbox;
    display:        flex;
    padding-bottom: 60px;
    gap:            86px;
}

.information__title {
    font-family:    'Leto Sans', sans-serif;
    font-size:      35px;
    line-height:    45px;
    text-transform: uppercase;
    margin-bottom:  40px;
}

.information__title--hidden {
    display: none;
}

.information__list {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   33px;
    max-width:             748px;
    width:                 100%;
}

.information__list-item {
    font-size:    18px;
    line-height:  25px;
    font-family:  'Lato', sans-serif;
    position:     relative;
    padding-left: 14px;
}

.information__list-item::before {
    content:       '';
    position:      absolute;
    background:    #E94090;
    width:         4px;
    height:        4px;
    border-radius: 50%;
    left:          0;
    top:           10px;
}

.information__images {
    position:   relative;
    z-index:    100;
    width:      100%;
    max-width:  800px;
    max-height: 500px;
}

.information__images::after {
    content:          '';
    position:         absolute;
    background-image: url('/local/templates/redcom.ru/cmp/../img/infsvg2.svg');
    width:            142px;
    height:           108px;
    z-index:          -2;
    bottom:           5px;
    right:            -178px;
}

.information__images::before {
    content:          '';
    position:         absolute;
    background-image: url('/local/templates/redcom.ru/cmp/../img/infsvg.svg');
    width:            170px;
    height:           140px;
    z-index:          -1;
    bottom:           -60px;
    right:            -98px;
}

.information__images-img {
    width: 100%;
}

.sections-intercom {
    padding-top:    70px;
    padding-bottom: 52px;
    font-family:    'Leto Sans', sans-serif;
}

.sections-intercom__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap:     40px;
}

.sections-intercom__list-link {
    text-decoration: none;
    padding:         12px 20px 9px;
    border:          1px solid #8D8D8F;
    border-radius:   21px;
    font-size:       16px;
    line-height:     20px;
    background:      #fff;
}

.sections-intercom__list-link:hover {
    background-color: #705BDE;
    color:            #fff;
}

.sections-intercom__list-link--active {
    background-color: #705BDE;
    color:            #fff;
}

.contacts {
    font-family:    'Leto Sans', sans-serif;
    padding-bottom: 60px;
}

.contacts__adress-item {
    position:     relative;
    padding-left: 50px;
}

.contacts__adress-item::before {
    content:             '';
    position:            absolute;
    width:               35px;
    height:              35px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/point-contact.svg);
    background-color:    #705BDE;
    background-repeat:   no-repeat;
    border-radius:       50%;
    left:                0;
    top:                 -8px;
    background-position: 10px 8px;
}

.contacts__title,
.contacts__adress-title {
    text-transform: uppercase;
    margin-bottom:  40px;
    font-size:      35px;
    line-height:    45px;
    font-family:    'Leto Sans', sans-serif;
}

.contacts__adress-title {
    margin-top:    82px;
    margin-bottom: 48px;
    max-width:     392px;
    width:         100%;
}

.contacts__adress-text {
    letter-spacing: 1px;
    margin-bottom:  12px;
    font-size:      16px;
    line-height:    20px;
}

.contacts__adress-mail {
    color:       #8D8D8D;
    font-size:   14px;
    line-height: 18px;
    font-weight: 700;
}

.contacts__adress-link {
    color:           #705BDE;
    text-decoration: none;
}

.contacts__adress-link:hover {
    text-decoration: underline;
}

.contacts__address {
    margin-bottom: 50px;
}

.contacts__address span + span {
    margin-left: 50px;
}

.contacts__address span {
    margin-left:    24px;
    position:       relative;
    padding-bottom: 10px;
    font-weight:    700;
    cursor:         pointer;
}

.contacts__address span:hover {
    color:         #705BDE;
    border-bottom: 1px solid #705BDE;
}

.contacts__address span::before {
    content:          '';
    position:         absolute;
    width:            14px;
    height:           20px;
    background-image: url(/local/templates/redcom.ru/cmp/../img/point.svg);
    top:              -2px;
    left:             -20px;
}

.contacts__address {
    margin-bottom: 50px;
}

.contacts__address .tabs__btn_c + .tabs__btn_c {
    margin-left: 50px;
}

.contacts__address .tabs__btn_c_active {
    color:         #705BDE;
    border-bottom: 1px solid #705BDE !important;
    font-weight:   700 !important;
}

.contacts__address .tabs__btn_c {
    margin-left:   24px;
    position:      relative;
    font-weight:   700;
    cursor:        pointer;
    border-bottom: 1px solid transparent;
    background:    transparent;
    font-weight:   400;
    font-size:     16px;
    line-height:   20px;
    font-family:   'Leto Sans', sans-serif;
}

.contacts__address .tabs__btn_c:hover {
    color:         #705BDE;
    border-bottom: 1px solid #705BDE;
}

.contacts__address .tabs__btn_c::before {
    content:          '';
    position:         absolute;
    width:            14px;
    height:           20px;
    background-image: url(/local/templates/redcom.ru/cmp/../img/point.svg);
    top:              0px;
    left:             -20px;
}

.contacts .tabs {
    width: 100%;
}

.contacts .tabs__nav {
    display:         -webkit-box;
    display:         -ms-flexbox;
    display:         flex;
    -ms-flex-wrap:   wrap;
    flex-wrap:       wrap;
    list-style-type: none;
    background:      transparent;
    margin:          0;
    gap:             20px;
    padding-top:     30px;
}

.contacts .tabs__nav h1 {
    display:        block;
    margin-right:   20px;
    text-transform: uppercase;
    font-weight:    700;
    font-size:      35px;
    line-height:    45px;
    font-family:    'Leto Sans', sans-serif;
}

.contacts .tabs__btn {
    padding:         8px 20px;
    text-decoration: none;
    color:           black;
    text-align:      center;
    border:          1px solid #8D8D8F;
    cursor:          pointer;
    min-width:       70px;
    max-height:      34px;
    border-radius:   21px;
    background:      #fff;
    font-weight:     400;
    font-size:       16px;
    line-height:     16px;
    font-family:     'Leto Sans', sans-serif;
}

.contacts .tabs__btn_a {
    padding:         8px 20px;
    text-decoration: none;
    color:           black;
    text-align:      center;
    border:          1px solid #8D8D8F;
    cursor:          pointer;
    min-width:       70px;
    max-height:      34px;
    border-radius:   21px;
    background:      #fff;
    font-weight:     400;
    font-size:       16px;
    line-height:     16px;
    font-family:     'Leto Sans', sans-serif;
}

.contacts .tabs__btn_active {
    background: #705BDE;
    color:      #fff;
    cursor:     default;
}

.contacts .tabs__btn:not(.tabs__btn_active):hover,
.contacts .tabs__btn:not(.tabs__btn_active):focus {
    background-color: #eee;
}

.contacts .tabs__content {
    padding: 60px 0 0;
}

.contacts .tabs__pane {
    display: none;
}

.contacts h2 {
    text-transform: uppercase;
    margin-bottom:  50px;
}

.contacts .tabs__pane_show {
    display: block;
}

.contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap:     107px;

}

.contact__item:not(:last-child) {
    border-bottom:  1px solid #F1F1F1;
    padding-bottom: 30px;
}

.contact__item {
    margin-bottom: 24px;
}

.contact__item:last-child {
    margin-bottom: 0;
}

.contact__item-title {
    font-size:     16px;
    line-height:   20px;
    margin-bottom: 30px;
    font-family:   'Leto Sans', sans-serif;
}

.contact__time {
    position:     relative;
    padding-left: 50px;
}

.contact__time::before {
    content:             '';
    position:            absolute;
    width:               35px;
    height:              35px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/time-contact.svg);
    background-color:    #705BDE;
    background-repeat:   no-repeat;
    border-radius:       50%;
    left:                0;
    top:                 -10px;
    background-position: 8px 7px;
}

.contact__item:nth-child(3) .contact__time::before {
    top: 0;
}

.contact__item-phone {
    font-weight:  700;
    position:     relative;
    padding-left: 50px;
}

.contact__item-phone a:first-child {
    margin-left: 10px;
}

.contact__item-phone::before {
    content:          '';
    position:         absolute;
    width:            35px;
    height:           35px;
    background-image: url(/local/templates/redcom.ru/cmp/../img/phone-contact.svg);
    left:             0;
    top:              -10px;
}

.contact__item-phone a {
    font-weight:     400;
    text-decoration: none;
}

.contact__item-phone a:hover {
    text-decoration: underline;
}

.contact__time-day {
    margin-bottom:         12px;
    display:               grid;
    grid-template-columns: 50px 1fr;
    gap:                   50px;
    font-size:             14px;
    line-height:           18px;
    font-weight:           700;
}

.contact__time-day > span {
    font-weight:    400;
    letter-spacing: 1px;
}

.contact__time-day:last-child {
    color:         #8D8D8D;
    margin-bottom: 0px;
}

.contact__images {
    position:  relative;
    z-index:   100;
    width:     100%;
    max-width: 864px;
}

.contact__images::after {
    content:          '';
    position:         absolute;
    background-image: url('/local/templates/redcom.ru/cmp/../img/greendecor-contact.svg');
    width:            142px;
    height:           108px;
    z-index:          -2;
    bottom:           5px;
    right:            -178px;
}

.contact__images::before {
    content:          '';
    position:         absolute;
    background-image: url('/local/templates/redcom.ru/cmp/../img/purpledecor.svg');
    width:            170px;
    height:           140px;
    z-index:          -1;
    bottom:           -60px;
    right:            -98px;
}

.ymaps-2-1-79-map-copyrights-promo,
.ymaps-2-1-79-copyright__wrap,
.ymaps-2-1-79-controls__control {
    display: none !important;
}

.sections-intercom {
    padding-top:    70px;
    padding-bottom: 52px;
    font-family:    'Leto Sans', sans-serif;
}

.sections-intercom__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap:     40px;
}

.sections-intercom__list-link {
    text-decoration: none;
    padding:         10px 20px 10px;
    border:          1px solid #8D8D8F;
    border-radius:   21px;
    font-size:       16px;
    line-height:     20px;
    background:      #fff;
}

.sections-intercom__list-link:hover {
    background-color: #705BDE;
    color:            #fff;
}

.sections-intercom__list-link--active {
    background-color: #705BDE;
    color:            #fff;
}

.main {
    background: #F8F8F8;
    flex:       1 0 auto;
}

.intercom-tarif {
    overflow: hidden;
}

.intercom-tarif h1 {
    text-transform: uppercase;
    font-family:    'Leto Sans', sans-serif;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
}

.wrap-intercom-tarif {
    display:        -webkit-box;
    display:        -ms-flexbox;
    display:        flex;
    gap:            80px;
    font-family:    'Leto Sans', sans-serif;
    padding:        56px 0;
    padding-bottom: 110px;
    position:       relative;
    z-index:        10;
}

.wrap-intercom-tarif .card {
    width:                 100%;
    max-width:             408px;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    background:            #FFFFFF;
    border-radius:         15px;
    font-family:           'Leto Sans', sans-serif;
    font-weight:           700;
    font-size:             18px;
    line-height:           130%;
    border:                1px solid #00A1FF;
    height:                -webkit-fit-content;
    height:                -moz-fit-content;
    height:                fit-content;
}

.wrap-intercom-tarif .card .title-card {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    gap:               10px;
    width:             100%;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    color:             #fff;
    background:        #00A1FF;
    font-weight:       700;
    font-size:         22px;
    line-height:       29px;
    padding:           16px 0;
    border-radius:     15px 15px 0 0;
}

.wrap-intercom-tarif .card .line-first-card,
.wrap-intercom-tarif .card .line-second-card {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    padding:               9px 0;
    gap:                   4px;
    -webkit-box-pack:      center;
    -ms-flex-pack:         center;
    justify-content:       center;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    border-bottom:         1.5px solid #F1F1F1;
}

.wrap-intercom-tarif .card .line-first-card span,
.wrap-intercom-tarif .card .line-second-card span {
    font-size:   40px;
    line-height: 52px;
}

.wrap-intercom-tarif .card .line-third-card {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    padding:           22px 0;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    -webkit-box-align: end;
    -ms-flex-align:    end;
    align-items:       flex-end;
    gap:               8px;
    font-family:       'Leto Sans', sans-serif;
    padding-top:       39px;
}

.wrap-intercom-tarif .card .line-third-card span {
    font-size:   70px;
    line-height: 60px;
}

.wrap-intercom-tarif .card .line-third-card p {
    display:      block;
    position:     relative;
    padding-left: 54px;
}

.wrap-intercom-tarif .card .line-third-card p::after {
    content:    '';
    width:      56px;
    height:     66px;
    position:   absolute;
    left:       -15px;
    background: url('/local/templates/redcom.ru/cmp/../img/card-intercom.svg') no-repeat;
}

.wrap-intercom-tarif .card .body-card {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    padding:               0 20px 40px;
}

.old-price {
    position:    relative;
    color:       #CDCDCD;
    font-size:   25px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
}

.old-price::before {
    content:          '';
    position:         absolute;
    width:            100%;
    height:           2px;
    display:          block;
    background-color: red;
    top:              42%;
    left:             50%;
    transform:        translate(-50%, -42%);
}

.wrap-intercom-tarif .card .body-card .old-price {
    /* position:      relative;
margin-bottom: 6px;
margin-left:   92px; */
}

.wrap-intercom-tarif .card .body-card .old-price::before {
    background: #00A1FF;
}

.wrap-intercom-tarif .card .body-card .btn-submit {
    max-width:       330px;
    width:           100%;
    color:           #fff;
    background:      -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background:      linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    border-radius:   15px;
    font-family:     'Leto Sans', sans-serif;
    font-style:      normal;
    font-weight:     700;
    font-size:       16px;
    line-height:     18px;
    text-align:      center;
    padding:         16px;
    text-decoration: none;
    margin:          0 auto;
}

.wrap-intercom-tarif .card .body-card .btn-submit:hover {
    background: -o-linear-gradient(3.21deg, #4BCF79 6.16%, #4FD4E0 92.94%), -o-linear-gradient(2.91deg, #EF4F9C 6.42%, #F6908A 91.66%);
    background: linear-gradient(86.79deg, #4BCF79 6.16%, #4FD4E0 92.94%), linear-gradient(87.09deg, #EF4F9C 6.42%, #F6908A 91.66%);
    cursor:     pointer;
}

.download-intercom {
    width:         100%;
    max-width:     880px;
    display:       -webkit-box;
    display:       -ms-flexbox;
    display:       flex;
    padding:       50px 0 60px 44px;
    border-radius: 20px;
    position:      relative;
    background:    #fff;
    border:        1px solid #DEDEDE;
}

.download-intercom__app {
    width: 552px;
}

.download-intercom__app-title {
    font-size:      30px;
    line-height:    36px;
    font-weight:    700;
    text-transform: uppercase;
    margin-bottom:  13px;
    font-family:    'Leto Sans', sans-serif;
}

.download-intercom__app-text {
    font-size:     20px;
    line-height:   26px;
    margin-bottom: 30px;
    font-family:   'Lato-Regular', sans-serif;
    max-width:     550px;
}

.download-intercom__block {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   15px;
}

.download-intercom__block-app {
    width:             100%;
    max-width:         293px;
    height:            70px;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    border:            1px solid #EBEBEB;
    border-radius:     8px;
    padding:           10px 50px 10px 53px;
}

.download-intercom__img {
    position:  absolute;
    right:     -100px;
    bottom:    -32px;
    max-width: 514px;
}

.download-intercom__img img {
    width: 100%;
}

.download-intercom::after {
    content:          '';
    width:            340px;
    height:           194px;
    background-image: url('/local/templates/redcom.ru/cmp/../img/after-intercom.png');
    position:         absolute;
    right:            -180px;
    bottom:           -110px;
    z-index:          -1;
}

.modal {
    position:          absolute;
    left:              50%;
    top:               50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform:     translate(-50%, -50%);
    transform:         translate(-50%, -50%);
    font-family:       'Leto Sans', sans-serif;
    height:            72%;
}

.modal-close {
    position:            absolute;
    top:                 20px;
    right:               20px;
    width:               30px;
    height:              30px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/close-black.svg);
    background-position: center;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.modal-close:hover {
    background-image: url(/local/templates/redcom.ru/cmp/../img/close-purple.svg);
}

.modal__container {
    padding:          40px 80px;
    width:            700px;
    border-radius:    20px;
    background-color: #fff;
}

.modal__form > p {
    font-family:   'Lato-Bold', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   22px;
    margin-bottom: 10px;
}

.modal__form-title {
    margin-bottom: 40px;
    font-weight:   700;
    font-size:     28px;
    line-height:   36px;
    text-align:    center;
}

.modal__form-input {
    padding:       14px;
    border:        1px solid #C4C4C4;
    border-radius: 15px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     16px;
    line-height:   21px;
}

.modal__form-input::-webkit-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input::-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input-group {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
    margin-bottom:         30px;
}

.modal__form-input-group.price {
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    gap:                   22px;
}

.modal__form-input-group.information {
    display:               grid;
    grid-template-columns: 48% 48%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
    row-gap:               30px;
    padding-bottom:        0;
}

.modal__form-input-group.information input:first-child {
    grid-column: 1/3;
}

.modal__form-input-group.adress {
    display:               grid;
    grid-template-columns: 44% 32% 16%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
}

.modal__form-input-group.adress select.modal__form-input {
    background:            #fff;
    -webkit-appearance:    none;
    -moz-appearance:       none;
    background-image:      url('/local/templates/redcom.ru/cmp/../img/arrow-down-select.svg');
    background-repeat:     no-repeat;
    background-position-x: 94%;
    background-position-y: 20px;
}


.modal__form-input-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 19px;
}


.modal__form-submit-btn {
    padding:       14px 68px;
    border-radius: 15px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   21px;
    color:         #FFFFFF;
    cursor:        pointer;
}

.modal__form-submit-btn.blue {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.modal__form-submit-btn.blue:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.modal__form-submit-info {
    font-weight:   250;
    font-size:     12px;
    line-height:   16px;
    padding:       0;
    margin-bottom: 0;
}

.modal__info-text {
    margin-bottom: 20px;
    font-family:   'Lato-Regular', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   19px;
}

.modal__info-text span {
    font-weight: 700;
}

.modal__info-text.hide {
    display: none;
}

.modal__info-logo-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               30px;
    margin-bottom:     26px;
    width:             458px;
}

.modal__info-btn {
    font-family:          'Lato-Regular', sans-serif;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    text-decoration-line: underline;
    color:                #E94090;
    cursor:               pointer;
}

.modal__container.content-more-detailed {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 20px;
}

.modal__container.content-more-detailed h4 {
    display:     -webkit-box;
    display:     -ms-flexbox;
    display:     flex;
    width:       100%;
    max-width:   388px;
    line-height: 31px;
    font-size:   24px;
    text-align:  center;
    margin:      0 auto 30px;
    font-family: 'Lato-Bold', sans-serif;
}

.modal__container.content-more-detailed .bold-text-more {
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
    margin-bottom: 0;
}

.modal__container.content-more-detailed p {
    margin-bottom: 30px;
}

.modal__container.content-more-detailed .list-more {
    margin-left: 20px;
    padding:     14px 0;
}

.modal__container.content-more-detailed .list-more li {
    list-style:    disc;
    margin-bottom: 14px;
}

.modal__container.content-more-detailed .list-more li:last-child {
    margin-bottom: 0;
}

.modal__container.content-more-detailed .list-more li::marker {
    color: #00A1FF;
}

.modal__container.content-more-detailed .list-more.purple li::marker {
    color: #E94090;
}

.modal__container.content-more-detailed .list-more.green li::marker {
    color: #4bcead;
}

.modal__container.content-more-detailed .list-more.lilac li::marker {
    color: #705BDE;
}

.checkbox {
    margin-bottom: 0.2em;
}

.custom-checkbox > input {
    position: absolute;
    z-index:  -1;
    opacity:  0;
}

.custom-checkbox > input:not(:disabled):not(:checked) + span:hover::before {
    border-color: #00A1FF;
}

.custom-checkbox > input:not(:disabled):active + span::before {
    background-color: #00A1FF;
    border-color:     #00A1FF;
}

.custom-checkbox > input:checked + span::before {
    border-color:     #00A1FF;
    background-color: #00A1FF;
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e');
}

.custom-checkbox > input:disabled + span::before {
    background-color: #e9ecef;
}

.custom-checkbox > span {
    display:             -webkit-inline-box;
    display:             -ms-inline-flexbox;
    display:             inline-flex;
    -webkit-box-align:   center;
    -ms-flex-align:      center;
    align-items:         center;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    user-select:         none;
}

.custom-checkbox > span::before {
    content:             '';
    display:             inline-block;
    width:               1em;
    height:              1em;
    -ms-flex-negative:   0;
    flex-shrink:         0;
    -webkit-box-flex:    0;
    -ms-flex-positive:   0;
    flex-grow:           0;
    border:              1px solid #adb5bd;
    border-radius:       0.25em;
    margin-right:        0.3em;
    background-repeat:   no-repeat;
    background-position: center center;
    background-size:     70% 70%;
}

.section-intercom-new-lvl-background {
    position: absolute;
    top:      0;
    left:     0;
    right:    0;
    bottom:   0;
    display:  block;
}

.section-intercom-new-lvl-background::before {
    content:           '';
    position:          absolute;
    display:           block;
    width:             100%;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/section-intercom-new-lvl-bg.png);
    background-repeat: no-repeat;
    background-size:   cover;
    top:               -150px;
    bottom: 0;
    z-index:           0;
}

.intercom-lvl {
    position:   relative;
    margin-top: 70px;
@media (max-width: 767px) {
    margin-top: unset;
}
}

.intercom-lvl h2 {
    text-transform: uppercase;
    font-family:    'Leto Sans', sans-serif;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    position:       relative;
}

.wrap-intercom-advantages {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    padding:               50px 0;
    padding-bottom:        100px;
    position:              relative;
    z-index:               10;
}

@media screen and (max-width: 1440px) and (min-width: 769px) {
    .wrap-intercom-advantages {
        padding-bottom: 70px;
    }
}

.wrap-intercom-advantages .first-group-advantages {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               grid;
    grid-template-columns: 1fr 542px;
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    gap:                   62px;
}

.wrap-intercom-advantages .first-group-advantages img {
    height: 100%;
    width:  100%;
    border-radius: 10px;
    object-fit: cover;
}

.wrap-intercom-advantages .first-group-advantages .group-column {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
}

.wrap-intercom-advantages .first-group-advantages .group-column .list-advantages {
    display:       block;
    background:    #fff;
    border-radius: 20px;
    width:         100%;
    /* max-width:     524px; */
    padding:       30px 24px;
}

.wrap-intercom-advantages .first-group-advantages .group-column .list-advantages h3 {
    font-family: 'Leto Sans', sans-serif;
    font-weight: 700;
    font-size:   24px;
    line-height: 31px;
}

.wrap-intercom-advantages .first-group-advantages .group-column .list-advantages ul {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    margin-top:            24px;
    row-gap:               14px;
    font-family:           'Leto Sans', sans-serif;
}

.wrap-intercom-advantages .first-group-advantages .group-column .list-advantages ul li {
    position:     relative;
    padding-left: 16px;
    font-weight:  400;
    font-size:    16px;
    line-height:  130%;
}

.wrap-intercom-advantages .first-group-advantages .group-column .list-advantages ul li::after {
    content:       '';
    width:         6px;
    height:        6px;
    border-radius: 50%;
    background:    #4BCEAD;
    position:      absolute;
    left:          0;
    top:           6px;
}

.wrap-intercom-advantages .second-group-advantages {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    width:                 100%;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    padding:               40px 0;
    position:              relative;
}

.wrap-intercom-advantages .second-group-advantages .intercom-advantages {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    position:              relative;
    padding:               20px 20px 20px 40px;
    background:            #fff;
    width:                 30%;
    max-width:             408px;
    font-family:           'Leto Sans', sans-serif;
    border-radius:         15px;
}

.wrap-intercom-advantages .second-group-advantages .intercom-advantages:nth-child(1)::after {
    content:          '';
    position:         absolute;
    width:            198px;
    height:           194px;
    background-image: url('/local/templates/redcom.ru/cmp/../img/advantages.svg');
    z-index:          -1;
    left:             -90px;
    top:              102px;
}

.wrap-intercom-advantages .second-group-advantages .intercom-advantages h3 {
    display:       block;
    position:      relative;
    margin-bottom: 10px;
    font-weight:   700;
    font-size:     20px;
    line-height:   140%;
}

.wrap-intercom-advantages .second-group-advantages .intercom-advantages h3::after {
    content:       '';
    width:         6px;
    height:        6px;
    border-radius: 50%;
    background:    #705BDE;
    position:      absolute;
    left:          -14px;
    top:           8px;
}

.wrap-intercom-advantages .second-group-advantages .intercom-advantages p {
    font-weight: 400;
    font-size:   16px;
    line-height: 140%;
}

.support-intercom {
    background:    -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background:    linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    border-radius: 20px;
    color:         #fff;
    width:         100%;
    /* max-width:     524px; */
    padding:       34px;
}

.support-intercom__title {
    font-weight:   700;
    font-size:     24px;
    line-height:   30px;
    margin-bottom: 8px;
    font-family:   'Leto Sans', sans-serif;
}

.support-intercom__text {
    font-size:     20px;
    line-height:   130%;
    margin-bottom: 40px;
    width:         100%;
    max-width:     420px;
    font-family:   'Lato', sans-serif;
}

.support-intercom__phone {
    padding-left:    60px;
    font-size:       18px;
    font-family:     'Leto Sans', sans-serif;
    font-weight:     700;
    line-height:     23px;
    text-decoration: none;
    position:        relative;
}

.support-intercom__phone:hover {
    text-decoration: underline;
}

.support-intercom__phone::before {
    content:          '';
    position:         absolute;
    width:            50px;
    height:           50px;
    background-image: url(/local/templates/redcom.ru/cmp/../img/phone.svg);
    top:              -18px;
    left:             0;
}

.mobile-sup-intercome {
    display: none;
}

.modal {
    position:          absolute;
    left:              50%;
    top:               50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform:     translate(-50%, -50%);
    transform:         translate(-50%, -50%);
    font-family:       'Leto Sans', sans-serif;
    height:            72%;
}

.modal-close {
    position:            absolute;
    top:                 20px;
    right:               20px;
    width:               30px;
    height:              30px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/close-black.svg);
    background-position: center;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.modal-close:hover {
    background-image: url(/local/templates/redcom.ru/cmp/../img/close-purple.svg);
}

.modal__container {
    padding:          40px 80px;
    width:            700px;
    border-radius:    20px;
    background-color: #fff;
}

.modal__form > p {
    font-family:   'Lato-Bold', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   22px;
    margin-bottom: 10px;
}

.modal__form-title {
    margin-bottom: 40px;
    font-weight:   700;
    font-size:     28px;
    line-height:   36px;
    text-align:    center;
}

.modal__form-input {
    padding:       14px;
    border:        1px solid #C4C4C4;
    border-radius: 15px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     16px;
    line-height:   21px;
}

.modal__form-input::-webkit-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input::-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input-group {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
    margin-bottom:         30px;
}

.modal__form-input-group.price {
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    gap:                   22px;
}

.modal__form-input-group.information {
    display:               grid;
    grid-template-columns: 48% 48%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
    row-gap:               30px;
    padding-bottom:        0;
}

.modal__form-input-group.information input:first-child {
    grid-column: 1/3;
}

.modal__form-input-group.adress {
    display:               grid;
    grid-template-columns: 44% 32% 16%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
}

.modal__form-input-group.adress select.modal__form-input {
    background:            #fff;
    -webkit-appearance:    none;
    -moz-appearance:       none;
    background-image:      url('/local/templates/redcom.ru/cmp/../img/arrow-down-select.svg');
    background-repeat:     no-repeat;
    background-position-x: 94%;
    background-position-y: 20px;
}


.modal__form-input-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 19px;
}

.modal__form-submit-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               20px;
    margin-bottom:     0px;
}

.modal__form-submit-btn {
    padding:       14px 68px;
    border-radius: 15px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   21px;
    color:         #FFFFFF;
    cursor:        pointer;
}

.modal__form-submit-btn.blue {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.modal__form-submit-btn.blue:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.modal__form-submit-info {
    font-weight:   250;
    font-size:     12px;
    line-height:   16px;
    padding:       0;
    margin-bottom: 0;
}

.modal__info-text {
    margin-bottom: 20px;
    font-family:   'Lato-Regular', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   19px;
}

.modal__info-text span {
    font-weight: 700;
}

.modal__info-text.hide {
    display: none;
}

.modal__info-logo-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               30px;
    margin-bottom:     26px;
    width:             458px;
}

.modal__info-btn {
    font-family:          'Lato-Regular', sans-serif;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    text-decoration-line: underline;
    color:                #E94090;
    cursor:               pointer;
}

.modal__container.content-more-detailed {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 20px;
}

.modal__container.content-more-detailed h4 {
    display:     -webkit-box;
    display:     -ms-flexbox;
    display:     flex;
    width:       100%;
    max-width:   388px;
    line-height: 31px;
    font-size:   24px;
    text-align:  center;
    margin:      0 auto 30px;
    font-family: 'Lato-Bold', sans-serif;
}

.modal__container.content-more-detailed .bold-text-more {
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
    margin-bottom: 0;
}

.modal__container.content-more-detailed p {
    margin-bottom: 30px;
}

.modal__container.content-more-detailed .list-more {
    margin-left: 20px;
    padding:     14px 0;
}

.modal__container.content-more-detailed .list-more li {
    list-style:    disc;
    margin-bottom: 14px;
}

.modal__container.content-more-detailed .list-more li:last-child {
    margin-bottom: 0;
}

.modal__container.content-more-detailed .list-more li::marker {
    color: #00A1FF;
}

.modal__container.content-more-detailed .list-more.purple li::marker {
    color: #E94090;
}

.modal__container.content-more-detailed .list-more.green li::marker {
    color: #2BE9A3;
}

.modal__container.content-more-detailed .list-more.lilac li::marker {
    color: #705BDE;
}

.checkbox {
    margin-bottom: 0.2em;
}

.custom-checkbox > input {
    position: absolute;
    z-index:  -1;
    opacity:  0;
}

.custom-checkbox > input:not(:disabled):not(:checked) + span:hover::before {
    border-color: #00A1FF;
}

.custom-checkbox > input:not(:disabled):active + span::before {
    background-color: #00A1FF;
    border-color:     #00A1FF;
}

.custom-checkbox > input:checked + span::before {
    border-color:     #00A1FF;
    background-color: #00A1FF;
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e');
}

.custom-checkbox > input:disabled + span::before {
    background-color: #e9ecef;
}

.custom-checkbox > span {
    display:             -webkit-inline-box;
    display:             -ms-inline-flexbox;
    display:             inline-flex;
    -webkit-box-align:   center;
    -ms-flex-align:      center;
    align-items:         center;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    user-select:         none;
}

.custom-checkbox > span::before {
    content:             '';
    display:             inline-block;
    width:               1em;
    height:              1em;
    -ms-flex-negative:   0;
    flex-shrink:         0;
    -webkit-box-flex:    0;
    -ms-flex-positive:   0;
    flex-grow:           0;
    border:              1px solid #adb5bd;
    border-radius:       0.25em;
    margin-right:        0.3em;
    background-repeat:   no-repeat;
    background-position: center center;
    background-size:     70% 70%;
}

.section-intercom-table-background {
    position: absolute;
    top:      0;
    left:     0;
    right:    0;
    bottom:   0;
    z-index:  1;
    display:  block;
}

.section-intercom-table-background::before {
    content:           '';
    position:          absolute;
    display:           block;
    width:             100%;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/section-intercom-table-bg.png);
    background-repeat: no-repeat;
    background-size:   cover;
    top:               -140px;
    bottom: 0;
}

@media screen and (max-width: 1440px) and (min-width: 769px) {
    .section-intercom-table-background::before {
        top: -100px;
    }
}

.intercom-table {
    position: relative;
    padding:  30px 0;
}

.intercom-table .table-wrap {
    text-align: center;
    display:    inline-block;
    width:      100%;
    color:      #000;
}

.intercom-table table {
    width:      100%;
    margin:     0;
    padding:    0;
    background: transparent;
}

.intercom-table table tbody {
    border-spacing: 10px;
    margin:         10px 0;
}

.intercom-table table tr {
    padding:               14px 0;
    display:               grid;
    grid-template-columns: 58% 14% 14% 14%;
}

.intercom-table table th,
.intercom-table table td {
    text-align: center;
}

.intercom-table table th {
    padding:           24px 0 18px;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
}

.intercom-table table td {
    padding: 0;
}

.intercom-table table thead tr {
    background:    #705BDE;
    border-radius: 15px 15px 0 0;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     24px;
    line-height:   31px;
    color:         #fff;
    padding:       0 30px;
}

.intercom-table table tbody tr {
    border-radius:     15px;
    margin-top:        14px;
    background:        #fff;
    padding:           14px 30px;
    font-family:       'Leto Sans', sans-serif;
    font-weight:       700;
    font-size:         15px;
    line-height:       20px;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    margin-top:        20px;
}

.intercom-table table tbody tr span {
    font-weight: 700;
    font-size:   35px;
    line-height: 46px;
}

.intercom-table table thead tr th:first-child {
    text-align:        left;
    text-transform:    uppercase;
    font-size:         35px;
    line-height:       46px;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  start;
    -ms-flex-pack:     start;
    justify-content:   start;
}

.intercom-table table tbody tr td {
    border-right: 0;
}

.intercom-table table tbody tr td:not(:first-child) {
    overflow: hidden;
}

.intercom-table table tbody tr td:not(:first-child) .wrap-price {
    position: relative;
    top:      5px;
}

.intercom-table table tbody tr td:nth-child(2) .wrap-price {
    border-left:  2px solid #DEDEDE;
    border-right: 2px solid #DEDEDE;
}

.intercom-table table tbody tr td:nth-child(3) .wrap-price {
    border-right: 2px solid #DEDEDE;
}

.intercom-table table tbody tr td:first-child {
    text-align:            left;
    font-family:           'Leto Sans', sans-serif;
    font-weight:           700;
    font-size:             20px;
    line-height:           36px;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-pack:      start;
    -ms-flex-pack:         start;
    justify-content:       start;
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction:    row-reverse;
    flex-direction:        row-reverse;
    min-height:            46px;
}

.intercom-table table tbody tr td:last-child {
    border-right: none;
}

.intercom-table .after-table {
    margin-top:  60px;
    width:       100%;
    font-family: 'Leto Sans', sans-serif;
    font-weight: 400;
    font-size:   18px;
    line-height: 140%;
}

.intercom-table .CellWithComment {
    position: relative;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
}

.intercom-table .CellWithComment .toltip {
    position:          relative;
    width:             -webkit-fit-content;
    width:             -moz-fit-content;
    width:             fit-content;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    line-height:       26px;
}

.intercom-table .CellWithComment .toltip:hover {
    cursor: default;
}

.intercom-table .CellComment {
    visibility:         hidden;
    width:              100%;
    max-width:          710px;
    display:            -webkit-box;
    display:            -ms-flexbox;
    display:            flex;
    position:           absolute;
    z-index:            100;
    text-align:         left;
    opacity:            0.4;
    -webkit-transition: opacity 0.2s !important;
    -o-transition:      opacity 0.2s !important;
    transition:         opacity 0.2s !important;
    background-color:   #fff;
    padding:            10px 24px;
    top:                56px !important;
    left:               0px;
    border:             1px solid #DEDEDE;
}

.intercom-table .CellComment .text {
    position:    relative;
    padding:     14px 8px 14px 16px;
    font-family: 'Leto Sans', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 130%;
}

.intercom-table .CellComment .text::after {
    content:       '';
    width:         6px;
    height:        6px;
    background:    #E94090;
    position:      absolute;
    border-radius: 50%;
    left:          0;
    top:           20px;
}

.intercom-table .CellComment .text p {
    margin-bottom: 24px;
}

.intercom-table .CellComment .text p:last-child {
    margin-bottom: 0;
}

.intercom-table .CellComment picture {
    width:      100%;
    height:     100%;
    max-width:  198px;
    max-height: 148px;
}

.intercom-table .focus:hover > path {
    fill:   #E94090;
    stroke: #E94090;
}

.intercom-table .CellComment.chosen {
    visibility: visible;
    opacity:    1;
}

.intercom-table .table.intercome .wrapp-toltip {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    margin-left:       6px;
    margin-top:        0;
}

.intercom-table .focus:focus-visible {
    outline: none;
}

.intercom-table .wrapp-toltip:focus-visible {
    outline: none;
}

.intercom-table .wrapp-toltip {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    margin-left:       6px;
}

.intercom-table .focus:focus-visible {
    outline: none;
}

.intercom-table .wrapp-toltip:focus-visible {
    outline: none;
}

.intercom-table .CellComment.chosen {
    visibility: visible;
    opacity:    1;
}

.wrapp-toltip:hover {
    cursor: pointer;
}

.wrapp-toltip:hover + .toltip {
    color: #E94090;
}

.wrapp-toltip.next-el + .toltip {
    color: #E94090;
}

.wrapp-toltip.next-el .focus > path {
    fill:   #E94090;
    stroke: #E94090;
}

.license {
    padding-bottom: 60px;
}

.license__title {
    text-transform: uppercase;
    font-family:    'Leto Sans', sans-serif;
    font-size:      35px;
    line-height:    35px;
    margin-bottom:  40px;
}

.license__items {
    display:               grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap:               65px;
    font-family:           'Lato', sans-serif;
    font-size:             18px;
    line-height:           34px;
}

.license__item {
    text-align: center;
}

.license__item-img {
    display: block;
}

.license__item-img img {
    max-width: 180px;
}

.license__item-title {
    font-size:       18px;
    line-height:     25px;
    width:           100%;
    max-width:       280px;
    margin:          0 auto;
    text-decoration: none;
}

.license__item-title:hover {
    text-decoration: underline;
}

.video-nav {
    padding-top:    60px;
    padding-bottom: 54px;
    font-family:    'Leto Sans', sans-serif;
}

.video-lk {
    display: none;
}

.video-nav__list {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    max-width:        1080px;
}

.video-nav__list-link {
    display:         inline-block;
    text-decoration: none;
    padding:         10px 30px 10px;
    border:          1px solid #8D8D8F;
    border-radius:   21px;
    font-family:     'Leto Sans', sans-serif;
    font-size:       16px;
    line-height:     21px;
    background:      #fff;
}

.video-nav__list-link:hover {
    background-color: #705BDE;
    color:            #fff;
}

.video-info {
    margin-bottom: 82px;
}

.video-info__title {
    text-transform: uppercase;
    font-size:      35px;
    line-height:    45px;
    font-family:    'Leto Sans', sans-serif;
    margin-bottom:  56px;
}

.video-info__card {
    position:         relative;
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    padding:          40px;
    padding-right:    0;
    border-radius:    20px;
    background:       #fff;
}

.video-info__card-title {
    margin-bottom:  20px;
    font-family:    'Leto Sans', sans-serif;
    font-weight:    700;
    font-size:      30px;
    line-height:    36px;
    text-transform: uppercase;
}

.video-info__card-subtitle {
    margin-bottom: 20px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     24px;
    line-height:   140%;
}

.video-info__card-text {
    max-width:     580px;
    margin-bottom: 20px;
    font-family:   'Leto Sans', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   21px;
}

.video-info__card-text.purple-text {
    max-width:     380px;
    margin-bottom: 30px;
    font-weight:   700;
    color:         #705BDE;
}

.video-info .blue {
    display:         inline-block;
    padding:         16px 20px;
    border-radius:   15px;
    font-family:     'Leto Sans', sans-serif;
    font-style:      normal;
    font-weight:     700;
    font-size:       16px;
    line-height:     21px;
    background:      -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background:      linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    color:           #fff;
    text-decoration: none;
}

.video-info .blue:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.video-info__right {
    position: relative;
}

.video-info__right::after {
    content:           '';
    background-image:  url(/local/templates/redcom.ru/cmp/../img/video-info.svg);
    background-repeat: no-repeat;
    display:           block;
    position:          absolute;
    bottom:            16px;
    right:             320px;
    width:             388px;
    height:            266px;
}

.video-info__picture {
    position: relative;
    z-index:  1;
}

.video-list {
    padding-top:   200px;
    position:      relative;
    margin-bottom: 70px;
    z-index: 0;
}

.video-list__title {
    margin-bottom:  72px;
    text-transform: uppercase;
    font-size:      35px;
    line-height:    45px;
    font-family:    'Leto Sans', sans-serif;
}

.video-list__items {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -ms-flex-wrap:    wrap;
    flex-wrap:        wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    padding-left:     30px;
    gap:              50px 72px;
    position:         relative;
}

.video-list__items::before {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/video-list-phone.png);
    position:          absolute;
    right:             145px;
    top:               -343px;
    width:             361px;
    height:            343px;
}

.video-list__item {
    display:          block;
    position:         relative;
    padding:          20px 34px;
    padding-left:     120px;
    -webkit-box-flex: 0;
    -ms-flex:         0 0 47%;
    flex:             0 0 47%;
    border-radius:    15px;
    background:       #fff;
}

.video-list__item-title {
    margin-bottom: 20px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     20px;
    line-height:   28px;
}

.video-list__item-text {
    font-family: 'Leto Sans', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 21px;
}

.video-list__item-text a {
    color: #00A1FF;
}

.video-list__item::after {
    content:           '';
    background-repeat: no-repeat;
    position:          absolute;
    left:              -30px;
    top:               34px;
    width:             116px;
    height:            102px;
}

.video-list__item.live::after {
    background-image: url(/local/templates/redcom.ru/cmp/../img/live.svg);
}

.video-list__item.archive::after {
    background-image: url(/local/templates/redcom.ru/cmp/../img/archive.svg);
}

.video-list__item.sound::after {
    background-image: url(/local/templates/redcom.ru/cmp/../img/sound.svg);
}

.video-list__item.mobile-access::after {
    background-image: url(/local/templates/redcom.ru/cmp/../img/mobile-access.svg);
}

.video-list__item.motion::after {
    background-image: url(/local/templates/redcom.ru/cmp/../img/motion.svg);
}

.video-list__item.control::after {
    background-image: url(/local/templates/redcom.ru/cmp/../img/control.svg);
}

.video-list__item.monitoring::after {
    background-image: url(/local/templates/redcom.ru/cmp/../img/monitoring.svg);
}

.video-list__item.flexible-rates::after {
    background-image: url(/local/templates/redcom.ru/cmp/../img/flexible-rates.svg);
}

.video-list::after {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/video-list-icon.svg);
    position:          absolute;
    bottom:            -158px;
    right:             7%;
    width:             309px;
    height:            212px;
    z-index:           1;
}

.video-wrapper {
    position: relative;
}

.video-list__background {
    position: relative;
    z-index: -1;
}

.video-list__background::before {
    content:           '';
    position:          absolute;
    display:           block;
    width:             100%;
    height:            1665px;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/video-list-bg.png);
    background-repeat: no-repeat;
    background-size:   cover;
}

.video-list__background {
    position: absolute;
    top:      0;
    left:     0;
    bottom:   0;
    right:    0;
    display:  block;
}

.video-list__background::before {
    content:           '';
    position:          absolute;
    display:           block;
    width:             100%;
    height:            100%;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/video-list-bg.png);
    background-repeat: no-repeat;
    background-size:   cover;
}

.video-cards {
    position:              relative;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   60px;
    margin-bottom:         30px;
    padding-top:           100px;
    z-index:               1;
}

.video-cards::after {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/video-card-icon.svg);
    position:          absolute;
    bottom:            -16px;
    left:              -5%;
    z-index:           -1;
    width:             346px;
    height:            238px;
}

.video-cards .info-text {
    margin-top: 60px;
}

.video-card {
    margin-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap:     70px;
}

.video-card:first-child {
    margin-top: unset;
}

.video-card__left {
    background-color: #fff;
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    border-radius:    20px;
    -webkit-box-flex: 0;
    -ms-flex:         0 0 61%;
    flex:             0 0 61%;
}

.video-card__left picture img {
    -webkit-border-top-left-radius:  25px;
    -webkit-border-top-right-radius: 25px;
    -moz-border-radius-topleft:      25px;
    -moz-border-radius-topright:     25px;
    border-top-left-radius:          25px;
    border-top-right-radius:         25px;
    }

.video-card__info {
    padding:               40px;
    padding-right:         0;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -webkit-box-align:     self-start;
    -ms-flex-align:        self-start;
    align-items:           self-start;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
}

.video-card__title {
    margin-bottom:  24px;
    font-family:    'Leto Sans', sans-serif;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.video-card__text {
    margin-bottom: 30px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     20px;
    line-height:   26px;
    padding-right: 20px;
}

.video-card button {
    display:         inline-block;
    padding:         16px 30px;
    border-radius:   15px;
    font-family:     'Leto Sans', sans-serif;
    font-weight:     700;
    font-size:       16px;
    line-height:     16px;
    color:           #FFFFFF;
    text-decoration: none;
}

.video-card button.blue {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.video-card button.blue:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
    cursor:     pointer;
}

.video-card button.yellow {
    background: -o-linear-gradient(23.76deg, #F7A940 13.25%, #FFDF42 85.68%);
    background: linear-gradient(66.24deg, #F7A940 13.25%, #FFDF42 85.68%);
}

.video-card button.yellow:hover {
    background: -o-linear-gradient(3.21deg, #4BCF79 6.16%, #4FD4E0 92.94%), -o-linear-gradient(2.91deg, #EF4F9C 6.42%, #F6908A 91.66%);
    background: linear-gradient(86.79deg, #4BCF79 6.16%, #4FD4E0 92.94%), linear-gradient(87.09deg, #EF4F9C 6.42%, #F6908A 91.66%);
    cursor:     pointer;
}

.video-card button.pink {
    background: -o-linear-gradient(26.95deg, #EC5A8F 9.44%, #F3998B 90.37%);
    background: linear-gradient(63.05deg, #EC5A8F 9.44%, #F3998B 90.37%);
}

.video-card button.pink:hover {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    cursor:     pointer;
}

.video-card button.green {
    background: -o-linear-gradient(3.21deg, #4BCF79 6.16%, #4FD4E0 92.94%), -o-linear-gradient(2.91deg, #EF4F9C 6.42%, #F6908A 91.66%);
    background: linear-gradient(86.79deg, #4BCF79 6.16%, #4FD4E0 92.94%), linear-gradient(87.09deg, #EF4F9C 6.42%, #F6908A 91.66%);
}

.video-card button.green:hover {
    background: -o-linear-gradient(23.76deg, #F7A940 13.25%, #FFDF42 85.68%);
    background: linear-gradient(66.24deg, #F7A940 13.25%, #FFDF42 85.68%);
    cursor:     pointer;
}

.video-card button.purple {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.video-card button.purple:hover {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    cursor:     pointer;
}

.video-card__img-mobile {
    display: none;
}

.video-card__right {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    padding:          34px;
    padding-left:     50px;
    padding-right:    50px;
    background-color: #fff;
    border-radius:    20px;
    -webkit-box-flex: 0;
    -ms-flex:         0 0 33%;
    flex:             0 0 33%;
}

.video-card__list {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
}

.video-card__item {
    font-family:  'Leto Sans', sans-serif;
    font-weight:  400;
    font-size:    16px;
    line-height:  22px;
    display:      block;
    position:     relative;
    padding-left: 14px;
}

.video-card__item::after {
    content:       '';
    width:         6px;
    height:        6px;
    border-radius: 50%;
    background:    #00A1FF;
    position:      absolute;
    left:          0;
    top:           6px;
}

.video-card.blue .video-card__item:after {
    background: #00A1FF;
}

.video-card.lilac .video-card__item:after {
    background: #705BDE;
}

.video-card.purple .video-card__item:after {
    background: #F36DD4;
}

.video-card.green .video-card__item:after {
    background: #4BCEAD;
}

.video-card.yellow .video-card__item:after {
    background: #FFBD00;
}

.video-card__background {
    position: relative;
}

.video-card__background::before {
    content:           '';
    position:          absolute;
    display:           block;
    width:             100%;
    height:            1665px;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/video-card-bg.png);
    background-repeat: no-repeat;
    background-size:   cover;
    top:               -90px;
    z-index:           0;
}

.info-text {
    font-family:   'Leto Sans', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     18px;
    line-height:   1;
}

.modal {
    position:          absolute;
    left:              50%;
    top:               50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform:     translate(-50%, -50%);
    transform:         translate(-50%, -50%);
    font-family:       'Leto Sans', sans-serif;
    height:            72%;
}

.modal-close {
    position:            absolute;
    top:                 20px;
    right:               20px;
    width:               30px;
    height:              30px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/close-black.svg);
    background-position: center;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.modal-close:hover {
    background-image: url(/local/templates/redcom.ru/cmp/../img/close-purple.svg);
}

.modal__container {
    padding:          40px 80px;
    width:            700px;
    border-radius:    20px;
    background-color: #fff;
}

.modal__form > p {
    font-family:   'Lato-Bold', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   22px;
    margin-bottom: 10px;
}

.modal__form-title {
    margin-bottom: 40px;
    font-weight:   700;
    font-size:     28px;
    line-height:   36px;
    text-align:    center;
}

.modal__form-input {
    padding:       14px;
    border:        1px solid #C4C4C4;
    border-radius: 15px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     16px;
    line-height:   21px;
}

.modal__form-input::-webkit-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input::-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input-group {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
    margin-bottom:         30px;
}

.modal__form-input-group.price {
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    gap:                   22px;
}

.modal__form-input-group.information {
    display:               grid;
    grid-template-columns: 48% 48%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
    row-gap:               30px;
    padding-bottom:        0;
}

.modal__form-input-group.information input:first-child {
    grid-column: 1/3;
}

.modal__form-input-group.adress {
    display:               grid;
    grid-template-columns: 44% 32% 16%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
}

.modal__form-input-group.adress select.modal__form-input {
    background:            #fff;
    -webkit-appearance:    none;
    -moz-appearance:       none;
    background-image:      url('/local/templates/redcom.ru/cmp/../img/arrow-down-select.svg');
    background-repeat:     no-repeat;
    background-position-x: 94%;
    background-position-y: 20px;
}


.modal__form-input-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 19px;
}


.modal__form-submit-btn {
    padding:       14px 68px;
    border-radius: 15px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   21px;
    color:         #FFFFFF;
    cursor:        pointer;
}

.modal__form-submit-btn.blue {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.modal__form-submit-btn.blue:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.modal__form-submit-info {
    font-weight:   250;
    font-size:     12px;
    line-height:   16px;
    padding:       0;
    margin-bottom: 0;
}

.modal__info-text {
    margin-bottom: 20px;
    font-family:   'Lato-Regular', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   19px;
}

.modal__info-text span {
    font-weight: 700;
}

.modal__info-text.hide {
    display: none;
}

.modal__info-logo-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               30px;
    margin-bottom:     26px;
    width:             458px;
}

.modal__info-btn {
    font-family:          'Lato-Regular', sans-serif;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    text-decoration-line: underline;
    color:                #E94090;
    cursor:               pointer;
}

.modal__container.content-more-detailed {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 20px;
}

.modal__container.content-more-detailed h4 {
    display:     -webkit-box;
    display:     -ms-flexbox;
    display:     flex;
    width:       100%;
    max-width:   388px;
    line-height: 31px;
    font-size:   24px;
    text-align:  center;
    margin:      0 auto 30px;
    font-family: 'Lato-Bold', sans-serif;
}

.modal__container.content-more-detailed .bold-text-more {
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
    margin-bottom: 0;
}

.modal__container.content-more-detailed p {
    margin-bottom: 30px;
}

.modal__container.content-more-detailed .list-more {
    margin-left: 20px;
    padding:     14px 0;
}

.modal__container.content-more-detailed .list-more li {
    list-style:    disc;
    margin-bottom: 14px;
}

.modal__container.content-more-detailed .list-more li:last-child {
    margin-bottom: 0;
}

.modal__container.content-more-detailed .list-more li::marker {
    color: #00A1FF;
}

.modal__container.content-more-detailed .list-more.purple li::marker {
    color: #E94090;
}

.modal__container.content-more-detailed .list-more.green li::marker {
    color: #4bcead;
}

.modal__container.content-more-detailed .list-more.lilac li::marker {
    color: #705BDE;
}

.checkbox {
    margin-bottom: 0.2em;
}

.custom-checkbox > input {
    position: absolute;
    z-index:  -1;
    opacity:  0;
}

.custom-checkbox > input:not(:disabled):not(:checked) + span:hover::before {
    border-color: #00A1FF;
}

.custom-checkbox > input:not(:disabled):active + span::before {
    background-color: #00A1FF;
    border-color:     #00A1FF;
}

.custom-checkbox > input:checked + span::before {
    border-color:     #00A1FF;
    background-color: #00A1FF;
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e');
}

.custom-checkbox > input:disabled + span::before {
    background-color: #e9ecef;
}

.custom-checkbox > span {
    display:             -webkit-inline-box;
    display:             -ms-inline-flexbox;
    display:             inline-flex;
    -webkit-box-align:   center;
    -ms-flex-align:      center;
    align-items:         center;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    user-select:         none;
}

.custom-checkbox > span::before {
    content:             '';
    display:             inline-block;
    width:               1em;
    height:              1em;
    -ms-flex-negative:   0;
    flex-shrink:         0;
    -webkit-box-flex:    0;
    -ms-flex-positive:   0;
    flex-grow:           0;
    border:              1px solid #adb5bd;
    border-radius:       0.25em;
    margin-right:        0.3em;
    background-repeat:   no-repeat;
    background-position: center center;
    background-size:     70% 70%;
}

.video-card__background {
    position: absolute;
    top:      0;
    left:     0;
    right:    0;
    bottom:   0;
    display:  block;
    z-index:  -1;
}

.video-card__background::before {
    content:           '';
    position:          absolute;
    display:           block;
    width:             100%;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/video-card-bg.png);
    background-repeat: no-repeat;
    background-size:   cover;
    top:               -100px;
    z-index:           0;
}

.payments {
    padding-top:   70px;
}

.payments__title {
    margin-bottom:  50px;
    font-family:    'Leto Sans', sans-serif;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.payments__list {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    font-family:      'Leto Sans', sans-serif;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    gap:              72px;
}

.payments__item {
    -webkit-box-flex:      1;
    -ms-flex:              1 1 30%;
    flex:                  1 1 30%;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -webkit-box-pack:      start;
    -ms-flex-pack:         start;
    justify-content:       start;
    text-align:            center;
    border-radius:         15px;
    background-color:      #fff;
}

.payments__item-title {
    margin-bottom:           22px;
    padding:                 30px 30px 24px;
    width:                   100%;
    font-weight:             700;
    font-size:               22px;
    line-height:             29px;
    border-top-left-radius:  15px;
    border-top-right-radius: 15px;
    color:                   #fff;
}

.payments__item-subtitle {
    margin-bottom:       40px;
    -ms-flex-item-align: normal;
    align-self:          normal;
    font-weight:         700;
    font-size:           18px;
    line-height:         23px;
    position:            relative;
}

.payments__item-subtitle::after {
    content:          '';
    height:           1px;
    width:            100%;
    background-color: #f1f1f1;
    display:          block;
    position:         absolute;
    bottom:           -20px;
}

.payments__item-text {
    -ms-flex-item-align:  start;
    align-self:           flex-start;
    display:              list-item;
    margin-left:          46px;
    margin-bottom:        20px;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    -moz-text-align-last: left;
    text-align:      left;
    list-style-type:      disc;
}

.payments__item-text::marker {
    color: #705BDE;
}

.payments__item .btn {
    display:         inline-block;
    margin-bottom:   22px;
    padding:         14px 126px 15px;
    font-family:     'Leto Sans', sans-serif;
    font-weight:     700;
    font-size:       16px;
    line-height:     21px;
    border-radius:   15px;
    color:           #fff;
    text-decoration: none;
    cursor:          pointer;
    justify-self:    flex-end;
    align-self:      center;
}

.payments__item.blue h2 {
    background-color: #00A1FF;
}

.payments__item.blue .btn {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.payments__item.blue .btn:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.payments__item.green h2 {
    background-color: #4bcead;
}

.payments__item.green .btn {
    background: -o-linear-gradient(3.21deg, #4BCF79 6.16%, #4FD4E0 92.94%), -o-linear-gradient(2.91deg, #EF4F9C 6.42%, #F6908A 91.66%);
    background: linear-gradient(86.79deg, #4BCF79 6.16%, #4FD4E0 92.94%), linear-gradient(87.09deg, #EF4F9C 6.42%, #F6908A 91.66%);
}

.payments__item.green .btn:hover {
    background: -o-linear-gradient(23.76deg, #F7A940 13.25%, #FFDF42 85.68%);
    background: linear-gradient(66.24deg, #F7A940 13.25%, #FFDF42 85.68%);
}

.payments__item.lilac h2 {
    background-color: #705BDE;
}

.payments__item.lilac .btn {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.payments__item.lilac .btn:hover {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.payments-content {
    padding:               0 20px;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    height:                100%;
}

.payments .modal__container form p {
    margin-bottom: 0;
}

.payments .modal__form-submit-btn {
    padding: 14px 67px;
}

.fixed-overlay {
    position:         fixed;
    overflow:         auto;
    left:             0;
    top:              0;
    width:            100%;
    height:           100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index:          1020;
    display:          none;
}

.modal {
    position:          absolute;
    left:              50%;
    top:               50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform:     translate(-50%, -50%);
    transform:         translate(-50%, -50%);
    font-family:       'Leto Sans', sans-serif;
    height:            72%;
}

.modal-close {
    position:            absolute;
    top:                 20px;
    right:               20px;
    width:               30px;
    height:              30px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/close-black.svg);
    background-position: center;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.modal-close:hover {
    background-image: url(/local/templates/redcom.ru/cmp/../img/close-purple.svg);
}

.modal__container {
    padding:          40px 80px;
    width:            700px;
    border-radius:    20px;
    background-color: #fff;
}

.modal__form-title {
    margin-bottom: 40px;
    font-weight:   700;
    font-size:     28px;
    line-height:   36px;
    text-align:    center;
}

.modal__form-input {
    padding:       14px;
    border:        1px solid #C4C4C4;
    border-radius: 15px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     16px;
    line-height:   21px;
}

.modal__form-input::-webkit-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input::-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input-group {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
    margin-bottom:         30px;
}

.modal__form-input-group.price {
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    gap:                   22px;
}

.modal__form-input-group.price input {
    -webkit-box-flex: 1;
    -ms-flex:         1 1 47%;
    flex:             1 1 47%;
}

.modal__form-input-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 19px;
}


.modal__form-submit-btn {
    padding:       14px 68px;
    border-radius: 15px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   21px;
    color:         #FFFFFF;
    cursor:        pointer;
}

.modal__form-submit-btn.blue {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.modal__form-submit-btn.blue:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.modal__form-submit-info {
    font-weight:   250;
    font-size:     12px;
    line-height:   16px;
    padding:       0;
    margin-bottom: 0;
}

.modal__info-text {
    margin-bottom: 20px;
    font-family:   'Lato-Regular', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   19px;
}

.modal__info-text span {
    font-weight: 700;
}

.modal__info-text.hide {
    display: none;
}

.modal__info-logo-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               30px;
    margin-bottom:     26px;
    width:             458px;
}

.modal__info-btn {
    font-family:          'Lato-Regular', sans-serif;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    text-decoration-line: underline;
    color:                #E94090;
    cursor:               pointer;
}

.tabset {
    max-width:             65em;
    display:               grid;
    grid-template-columns: 140px 140px 1fr;
    grid-template-rows: 56px 1fr;
}

.tabset > input[type=radio] {
    position: absolute;
    left:     -200vw;
}

.tabset .tab-panel {
    display: none;
}

.tabset > label {
    position:      relative;
    display:       inline-block;
    padding:       0 0 0 34px;
    border-bottom: 0;
    cursor:        pointer;
    font-weight:   600;
}

.tabset > label::after {
    content:       '';
    position:      absolute;
    left:          0px;
    top:           10px;
    width:         25px;
    height:        25px;
    border-radius: 50%;
    border:        1px solid #C4C4C4;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
    display: block;
}

.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
    border: 6px solid #00A1FF;
}

.tab-panel {
    padding: 0 0 0;
}

.tab-panels {
    grid-column: 1/4;
}

.tabset > label.label-font {
    padding:     12px 0 0 34px;
    font-family: 'Lato-Bold', sans-serif;
    font-size:   15px;
    line-height: 19px;
}

.modal__info-text {
    margin-bottom: 20px;
    font-family:   'Lato-Regular', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   19px;
}

.modal__info-text span {
    font-weight: 700;
}

.modal__info-text.hide {
    display: none;
}

.modal__info-logo-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               30px;
    margin-bottom:     26px;
    width:             458px;
}

.modal__info-btn {
    font-family:          'Lato-Regular', sans-serif;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    text-decoration-line: underline;
    color:                #E94090;
    cursor:               pointer;
}

.payments-info {
    position: relative;
}

.payments-background {
    position: absolute;
    top:      0;
    left:     0;
    right:    0;
    bottom:   0;
    z-index:  0;
}

.payments-background::before {
    content:           '';
    position:          absolute;
    display:           block;
    width:             100%;
    /*height: 1665px;*/
    background-image:  url(/local/templates/redcom.ru/cmp/../img/payment-bg.png);
    background-repeat: no-repeat;
    background-size:   cover;
    top:               55px;
    bottom:            0;
    z-index:           0;
}

.payments-info {
    padding-top:    275px;
    padding-bottom: 120px;
}

.payments-info__list {
    position:         relative;
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -ms-flex-wrap:    wrap;
    flex-wrap:        wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    gap:              50px 76px;
    padding-left:     28px;
    z-index:          0;
}

.payments-info__list::after {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/pay-icon.svg);
    position:          absolute;
    top:               160px;
    right:             176px;
    z-index:           -1;
    width:             282px;
    height:            194px;
}

.payments-info__item {
    position:         relative;
    padding:          20px 35px 20px 118px;
    -webkit-box-flex: 0;
    -ms-flex:         0 0 47%;
    flex:             0 0 47%;
    background-color: #fff;
    border-radius:    15px;
}

.payments-info__item::before {
    position: absolute;
    left:     -30px;
    top:      34px;
    height:   102px;
    width:    116px;
}

.payments-info__item.internet::before {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/pay-net.svg);
}

.payments-info__item.city::before {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/pay-city.svg);
}

.payments-info__item.sber::before {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/pay-sber.svg);
}

.payments-info__title {
    margin-bottom: 20px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     20px;
    line-height:   28px;
}

.payments-info__text {
    margin-bottom: 16px;
    font-family:   'Leto Sans', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   21px;
}

.payments-info__links {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -ms-flex-wrap:    wrap;
    flex-wrap:        wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    width:            318px;
}

.payments-info__links .link {
    display:              block;
    font-family:          'Leto Sans', sans-serif;
    font-style:           normal;
    font-weight:          400;
    font-size:            15px;
    line-height:          21px;
    color:                #E94090;
    text-decoration-line: none;
}

.payments-info__links .link:hover {
    text-decoration-line: underline;
}

.payments-info__links .link:not(:last-child) {
    margin-bottom: 14px;
}

.payments-info__background {
    position: relative;
}

.payments-info__background::before {
    content:           '';
    position:          absolute;
    display:           block;
    width:             100%;
    height:            1665px;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/payment-bg.png);
    background-repeat: no-repeat;
    background-size:   contain;
    top:               -90px;
    z-index:           0;
}

.documents {
    font-family:    'Leto Sans', sans-serif;
    padding-bottom: 30px;
}

.documents__top {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -ms-flex-wrap:     wrap;
    flex-wrap:         wrap;
    margin-bottom:     40px;
}

.documents__top-title {
    font-size:      35px;
    line-height:    45px;
    text-transform: uppercase;
}

.documents__top-link {
    font-size:       16px;
    line-height:     20px;
    color:           #00ACE7;
    text-decoration: none;
    position:        relative;
    padding-right:   25px;
}

.documents__top-link::after {
    content:            '';
    position:           absolute;
    background-image:   url(/local/templates/redcom.ru/cmp/../img/arrow-docs.svg);
    width:              15px;
    height:             12px;
    top:                2px;
    right:              0;
    -webkit-transition: all 0.2s;
    -o-transition:      all 0.2s;
    transition:         all 0.2s;
}

.documents__top-link:hover::after {
    right: -4px;
}

.documents__top-link:hover::before {
    content:    '';
    position:   absolute;
    width:      calc(100% - 25px);
    height:     2px;
    background: #00ACE7;
    bottom:     0;
}

.documents__accordion-title {
    font-size:     24px;
    line-height:   30px;
    margin-bottom: 30px;
    z-index:       5;
    cursor:        pointer;
}

.documents__accordion-title img {
    width:              18px;
    height:             12px;
    margin-bottom:      5px;
    -webkit-transition: all 1s;
    -o-transition:      all 1s;
    transition:         all 1s;
    -webkit-transform:  rotate(180deg);
    -ms-transform:      rotate(180deg);
    transform:          rotate(180deg);
}

.documents__accordion-title img.rotate {
    -webkit-transform: rotate(0deg);
    -ms-transform:     rotate(0deg);
    transform:         rotate(0deg);
}

.documents__list {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   15px;
    margin-bottom:         40px;
    overflow:              hidden;
    -webkit-transition:    all 1s;
    -o-transition:         all 1s;
    transition:            all 1s;
    max-height:            0px;
    height:                100%;
}

.documents__list.active {
/*    max-height: 2550px; */
    max-height: 100%;
}

.documents__item {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    padding:           24px 20px;
    border:            2px solid #F1F1F1;
    border-radius:     15px;
}

.documents__item-text {
    font-size:       18px;
    line-height:     24px;
    padding-left:    52px;
    position:        relative;
    text-decoration: none;
}

.documents__item-text:hover {
    color: #705BDE;
}

.documents__item-text::before {
    content:          '';
    position:         absolute;
    background-image: url(/local/templates/redcom.ru/cmp/../img/docs.svg);
    width:            32px;
    height:           42px;
    left:             0;
    bottom:           -6px;
}

.documents__dowsize {
    font-family:       'Lato', sans-serif;
    font-size:         18px;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
}

.documents__dowsize-size {
    margin-right: 25px;
    color:        #969696;
}

.documents__dowsize-download {
    margin-right:    10px;
    line-height:     24px;
    text-decoration: none;
    border-bottom:   1px solid #705BDE;
    color:           #705BDE;
}

.documents__dowsize-download:hover {
    color:        #E94090;
    border-color: #E94090;
}

.documents__dowsize-download:hover + svg path {
    fill: #E94090 !important;
}

.instructions {
    font-family:    'Leto Sans', sans-serif;
    padding-bottom: 100px;
    padding-top:    52px;
}

.instructions__top {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -ms-flex-wrap:     wrap;
    flex-wrap:         wrap;
    /* margin-bottom: 40px; */
}

.instructions__top-title {
    font-size:      35px;
    line-height:    45px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.instructions__top-link {
    font-size:       16px;
    line-height:     20px;
    color:           #00ACE7;
    text-decoration: none;
    position:        relative;
    padding-right:   25px;
}

.instructions__top-link::after {
    content:            '';
    position:           absolute;
    background-image:   url(/local/templates/redcom.ru/cmp/../img/arrow-docs.svg);
    width:              15px;
    height:             12px;
    top:                2px;
    right:              0;
    -webkit-transition: all 0.2s;
    -o-transition:      all 0.2s;
    transition:         all 0.2s;
}

.instructions__top-link:hover::after {
    right: -4px;
}

.instructions__top-link:hover::before {
    content:    '';
    position:   absolute;
    width:      calc(100% - 25px);
    height:     2px;
    background: #00ACE7;
    bottom:     0;
}

.instructions__accordion-title {
    font-size:      24px;
    line-height:    30px;
    margin-bottom:  30px;
    z-index:        5;
    cursor:         pointer;
    text-transform: uppercase;
}

.instructions__accordion-title img {
    width:              18px;
    height:             12px;
    margin-bottom:      3px;
    -webkit-transition: all 1s;
    -o-transition:      all 1s;
    transition:         all 1s;
    -webkit-transform:  rotate(180deg);
    -ms-transform:      rotate(180deg);
    transform:          rotate(180deg);
}

.instructions__accordion-title img.rotate {
    -webkit-transform: rotate(0deg);
    -ms-transform:     rotate(0deg);
    transform:         rotate(0deg);
    margin-bottom:     2px;
}

.instructions__list {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   15px;
    margin-bottom:         40px;
    overflow:              hidden;
    -webkit-transition:    all 1s;
    -o-transition:         all 1s;
    transition:            all 1s;
    max-height:            0px;
    height:                100%;
}

.instructions__list.active {
    max-height: 1000px;
}

.instructions__item {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    padding:           24px 20px;
    border:            2px solid #F1F1F1;
    border-radius:     15px;
}

.instructions__item--video_none {
    display: none;
}

.instructions__item--video {
    align-items: flex-start;

}

.instructions__item--video_text {
    font-size:   18px;
    line-height: 24px;
    font-weight: 400;
    color:       #969696;
}

.instructions__item--video_block {
    margin-top:    24px;
    margin-bottom: calc(40px - 24px);
}

.instructions__item--video_text-none {
    display:      none;
    padding-left: 52px;
    font-size:    14px;
    font-weight:  400;
    line-height:  20px;
}

.instructions__item--video_block iframe {
    border-radius: 10px;
    max-width:     100%;
}

.instructions_item--video .instructions__item-text {
    margin-bottom: 16px;
}


.instructions__item-text {
    font-size:       18px;
    line-height:     24px;
    padding-left:    52px;
    position:        relative;
    text-decoration: none;
}

.instructions__item-text:hover {
    color: #705BDE;
}

.instructions__item-text::before {
    content:          '';
    position:         absolute;
    background-image: url(/local/templates/redcom.ru/cmp/../img/docs.svg);
    width:            32px;
    height:           42px;
    left:             0;
    bottom:           -6px;
}

.instructions__dowsize {
    font-family:       'Lato', sans-serif;
    font-size:         18px;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
}

.instructions__dowsize-size {
    margin-right: 25px;
    color:        #969696;
}

.instructions__dowsize-download {
    margin-right:    10px;
    line-height:     24px;
    text-decoration: none;
    border-bottom:   1px solid #705BDE;
    color:           #705BDE;
}

.instructions__dowsize-download:hover {
    color:        #E94090;
    border-color: #E94090;
}

.instructions__dowsize-download:hover + svg path {
    fill: #E94090 !important;
}

.home-slider {
    position:      relative;
    padding-top:   80px;
    margin-bottom: 114px;
    z-index:       0;
}

.home-slider-group {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    gap:              24px;
}

.home-slider-group-swiper {
    -webkit-box-flex: 0;
    -ms-flex:         0 0 69%;
    flex:             0 0 69%;
}

.home-slider-group-cards {
    -webkit-box-flex:      0;
    -ms-flex:              0 0 29%;
    flex:                  0 0 29%;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    gap:                   20px;
}

.home-slider-group-cards-mobile {
    display: none;
}

.home-slider-card {
    padding:            20px 20px 14px;
    border-radius:      20px;
    background-color:   #fff;
    cursor:             pointer;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.4, 1);
    transition:         -webkit-transform 0.4s cubic-bezier(0, 0, 0.4, 1);
    -o-transition:      transform 0.4s cubic-bezier(0, 0, 0.4, 1);
    transition:         transform 0.4s cubic-bezier(0, 0, 0.4, 1);
    transition:         transform 0.4s cubic-bezier(0, 0, 0.4, 1), -webkit-transform 0.4s cubic-bezier(0, 0, 0.4, 1);
}

.home-slider-card:hover {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform:         scale3d(1.03, 1.03, 1.03);
}

.home-slider-card.animate__animated:first-child {
    -webkit-animation-delay: 1s;
    animation-delay:         1s;
}

.home-slider-card.animate__animated:nth-child(2) {
    -webkit-animation-delay: 1.5s;
    animation-delay:         1.5s;
}

.home-slider-card.animate__animated:nth-child(3) {
    -webkit-animation-delay: 2s;
    animation-delay:         2s;
}

.home-slider-card-title {
    margin-bottom: 8px;
    font-family:   'Leto Sans', sans-serif;
    font-style:    normal;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
}

.home-slider-card-content {
    margin-bottom: 20px;
}

.home-slider-card-text {
    font-family: 'Lato-Regular', sans-serif;
    font-style:  normal;
    font-weight: 400;
    font-size:   14px;
    line-height: 18px;
}

.home-slider-card-text:not(:last-child) {
    margin-bottom: 6px;
}

.home-slider-card-price {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               40px;
}

.home-slider-card-price-text {
    font-family: 'Leto Sans', sans-serif;
    font-style:  normal;
    font-weight: 400;
    font-size:   14px;
    line-height: 18px;
}

.home-slider-card-price-text span {
    font-weight: 700;
    font-size:   24px;
    line-height: 31px;
}

.home-slider-card-price-link {
    -webkit-box-flex: 0;
    -ms-flex:         0 0 50%;
    flex:             0 0 50%;
    display:          inline-block;
    padding:          15px 28px;
    border-radius:    15px;
    font-family:      'Leto Sans', sans-serif;
    font-weight:      700;
    font-size:        16px;
    line-height:      20px;
    text-align:       center;
    text-decoration:  none;
    color:            #FFFFFF;
}

.home-slider-card-price-link:hover {
    cursor: pointer;
}

.home-slider-card-price-link.blue {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.home-slider-card-price-link.blue:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.home-slider::after {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/home-slider-icon.svg);
    position:          absolute;
    bottom:            -104px;
    right:             -230px;
    z-index:           -1;
    width:             292px;
    height:            230px;
}

.swiper {
    height:        575px;
    border-radius: 20px;
}

.swiper-slide {
    position: relative;
    padding:  100px;
    z-index:  0;
}

.swiper-slide-title {
    margin-bottom:  20px;
    font-family:    'Leto Sans', sans-serif;
    font-weight:    700;
    font-size:      45px;
    line-height:    54px;
    text-transform: uppercase;
    /* max-width: 516px; */
}

.swiper-slide-subtitle {
    margin-bottom: 44px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   400;
    font-size:     25px;
    line-height:   30px;
}

.swiper-slide-link {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    max-width:         180px;
    padding:           18px 16px 14px;
    border-radius:     15px;
    font-family:       'Leto Sans', sans-serif;
    font-weight:       700;
    font-size:         16px;
    line-height:       16px;
    text-decoration:   none;
    color:             #FFFFFF;
}

.swiper-slide-link.blue {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.swiper-slide-link.blue:hover {
    background: -o-linear-gradient(23.76deg, #F7A940 13.25%, #FFDF42 85.68%);
    background: linear-gradient(66.24deg, #F7A940 13.25%, #FFDF42 85.68%);
}

.swiper-slide picture {
    position: absolute;
    top:      0;
    left:     0;
    z-index:  -1;
    height:   100%;
}

.swiper-slide .laptop {
    display: none;
}

.swiper-pagination-bullets {
    left:  20px !important;
    right: 0 !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.swiper-pagination-bullet {
    width:            12px;
    height:           12px;
    background-color: #fff;
    border:           1px solid #4bcead;
    margin-top:       0 !important;
    opacity:          1 !important;
}

.swiper-pagination-bullet:not(:last-child) {
    margin-bottom: 20px !important;
}

.swiper-pagination-bullet-active {
    background-color: #4bcead;
}

.swiper-mobile {
    display: none;
}

.modal {
    position:          absolute;
    left:              50%;
    top:               50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform:     translate(-50%, -50%);
    transform:         translate(-50%, -50%);
    font-family:       'Leto Sans', sans-serif;
    height:            72%;
}

.modal-close {
    position:            absolute;
    top:                 20px;
    right:               20px;
    width:               30px;
    height:              30px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/close-black.svg);
    background-position: center;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.modal-close:hover {
    background-image: url(/local/templates/redcom.ru/cmp/../img/close-purple.svg);
}

.modal__container {
    padding:          40px 80px;
    width:            700px;
    border-radius:    20px;
    background-color: #fff;
}

.modal__form > p {
    font-family:   'Lato-Bold', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   22px;
    margin-bottom: 10px;
}

.modal__form-title {
    margin-bottom: 40px;
    font-weight:   700;
    font-size:     28px;
    line-height:   36px;
    text-align:    center;
}

.modal__form-input {
    padding:       14px;
    border:        1px solid #C4C4C4;
    border-radius: 15px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     16px;
    line-height:   21px;
}

.modal__form-input::-webkit-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input::-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input-group {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
    margin-bottom:         30px;
}

.modal__form-input-group.price {
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    gap:                   22px;
}

.modal__form-input-group.information {
    display:               grid;
    grid-template-columns: 48% 48%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
    row-gap:               30px;
    padding-bottom:        0;
}

.modal__form-input-group.information input:first-child {
    grid-column: 1/3;
}

.modal__form-input-group.adress {
    display:               grid;
    grid-template-columns: 44% 32% 16%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
}

.modal__form-input-group.adress select.modal__form-input {
    background:            #fff;
    -webkit-appearance:    none;
    -moz-appearance:       none;
    background-image:      url('/local/templates/redcom.ru/cmp/../img/arrow-down-select.svg');
    background-repeat:     no-repeat;
    background-position-x: 94%;
    background-position-y: 20px;
}


.modal__form-input-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 19px;
}


.modal__form-submit-btn {
    padding:       14px 68px;
    border-radius: 15px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   21px;
    color:         #FFFFFF;
    cursor:        pointer;
}

.modal__form-submit-btn.blue {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.modal__form-submit-btn.blue:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.modal__form-submit-info {
    font-weight:   250;
    font-size:     12px;
    line-height:   16px;
    padding:       0;
    margin-bottom: 0;
}

.modal__form-submit-info a {
    text-decoration: none;
}

.modal__form-submit-info:hover a {
    text-decoration: underline;
}

.modal__info-text {
    margin-bottom: 20px;
    font-family:   'Lato-Regular', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   19px;
}

.modal__info-text span {
    font-weight: 700;
}

.modal__info-text.hide {
    display: none;
}

.modal__info-logo-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               30px;
    margin-bottom:     26px;
    width:             458px;
}

.modal__info-btn {
    font-family:          'Lato-Regular', sans-serif;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    text-decoration-line: underline;
    color:                #E94090;
    cursor:               pointer;
}

.modal__container.content-more-detailed {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 20px;
}

.modal__container.content-more-detailed h4 {
    display:     -webkit-box;
    display:     -ms-flexbox;
    display:     flex;
    width:       100%;
    max-width:   388px;
    line-height: 31px;
    font-size:   24px;
    text-align:  center;
    margin:      0 auto 30px;
    font-family: 'Lato-Bold', sans-serif;
}

.modal__container.content-more-detailed .bold-text-more {
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
    margin-bottom: 0;
}

.modal__container.content-more-detailed p {
    margin-bottom: 30px;
}

.modal__container.content-more-detailed .list-more {
    margin-left: 20px;
    padding:     14px 0;
}

.modal__container.content-more-detailed .list-more li {
    list-style:    disc;
    margin-bottom: 14px;
}

.modal__container.content-more-detailed .list-more li:last-child {
    margin-bottom: 0;
}

.modal__container.content-more-detailed .list-more li::marker {
    color: #00A1FF;
}

.modal__container.content-more-detailed .list-more.purple li::marker {
    color: #E94090;
}

.modal__container.content-more-detailed .list-more.green li::marker {
    color: #4bcead;
}

.modal__container.content-more-detailed .list-more.lilac li::marker {
    color: #705BDE;
}

.checkbox {
    margin-bottom: 0.2em;
}

.custom-checkbox > input {
    position: absolute;
    z-index:  -1;
    opacity:  0;
}

.custom-checkbox > input:not(:disabled):not(:checked) + span:hover::before {
    border-color: #00A1FF;
}

.custom-checkbox > input:not(:disabled):active + span::before {
    background-color: #00A1FF;
    border-color:     #00A1FF;
}

.custom-checkbox > input:checked + span::before {
    border-color:     #00A1FF;
    background-color: #00A1FF;
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e');
}

.custom-checkbox > input:disabled + span::before {
    background-color: #e9ecef;
}

.custom-checkbox > span {
    display:             -webkit-inline-box;
    display:             -ms-inline-flexbox;
    display:             inline-flex;
    -webkit-box-align:   center;
    -ms-flex-align:      center;
    align-items:         center;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    user-select:         none;
}

.custom-checkbox > span::before {
    content:             '';
    display:             inline-block;
    width:               1em;
    height:              1em;
    -ms-flex-negative:   0;
    flex-shrink:         0;
    -webkit-box-flex:    0;
    -ms-flex-positive:   0;
    flex-grow:           0;
    border:              1px solid #adb5bd;
    border-radius:       0.25em;
    margin-right:        0.3em;
    background-repeat:   no-repeat;
    background-position: center center;
    background-size:     70% 70%;
}

.home-news-background.offers {
    display: none;
}

.home-offers {
    margin-bottom: 85px;
    font-family:   'Leto Sans', sans-serif;
    position:      relative;
    z-index:       100;
}

.home-offers__title {
    margin-bottom:  36px;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.home-offers-tabs {
    background:    #fff;
    border-radius: 20px;
    display:       -webkit-box;
    display:       -ms-flexbox;
    display:       flex;
}

.home-offers__mobile {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   15px;
    display:               none;
    position:              relative;
    z-index:               100;
}

.home-offers__item {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    border:                1px solid #705BDE;
    border-radius:         15px;
    padding:               20px;
    background-color:      #fff;
}

.home-offers__item.green {
    border-color: #4bcead;
}

.home-offers__item.green .home-offers__info-title {
    color: #4bcead;
}

.home-offers__item.green .tabs-content-group-btn {
    background: -o-linear-gradient(3.21deg, #4BCF79 6.16%, #4FD4E0 92.94%), -o-linear-gradient(2.91deg, #EF4F9C 6.42%, #F6908A 91.66%);
    background: linear-gradient(86.79deg, #4BCF79 6.16%, #4FD4E0 92.94%), linear-gradient(87.09deg, #EF4F9C 6.42%, #F6908A 91.66%);
}

.home-offers__item.green svg path {
    fill: #4bcead;
}

.home-offers__item.lilac {
    border-color: #705BDE;
}

.home-offers__item.lilac .home-offers__info-title {
    color: #705BDE;
}

.home-offers__item.lilac .tabs-content-group-btn {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.home-offers__item.lilac svg path {
    fill: #705BDE;
}

.home-offers__item.purple {
    border-color: #E94090;
}

.home-offers__item.purple .home-offers__info-title {
    color: #E94090;
}

.home-offers__item.purple .tabs-content-group-btn {
    background: -o-linear-gradient(26.95deg, #EC5A8F 9.44%, #F3998B 90.37%);
    background: linear-gradient(63.05deg, #EC5A8F 9.44%, #F3998B 90.37%);
}

.home-offers__item.purple svg path {
    fill: #E94090;
}

.home-offers__desc {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    border-bottom:    1px solid #DEDEDE;
    padding-bottom:   24px;
    margin-bottom:    20px;
}

.home-offers__info-title {
    font-size:     16px;
    font-weight:   700;
    line-height:   20px;
    color:         #705BDE;
    margin-bottom: 10px;
    font-family:   'Leto Sans', sans-serif;
}

.home-offers__list-text {
    list-style: disc;
}

.home-offers__list-text::marker {
    font-size: 20px;
}

.home-offers__data {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    font-size:             16px;
    font-family:           'Lato-Regular', sans-serif;
    gap:                   15px;
}

.home-offers__data-list {
    line-height: 16px;
}

.home-offers__data-list svg {
    margin-right: 6px;
}

.home-offers__list {
    max-width:             142px;
    font-size:             14px;
    line-height:           16px;
    color:                 #707070;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   15px;
}

.tabs-item {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    -webkit-box-flex:      0;
    -ms-flex:              0 0 34%;
    flex:                  0 0 34%;
    padding:               50px 70px 26px;
    position:              relative;
}

.tabs-item::after {
    content:          '';
    height:           90%;
    width:            1px;
    background-color: #f1f1f1;
    display:          block;
    position:         absolute;
    top:              5%;
    right:            0;
    bottom:           5%;
}

.tabs-item-title {
    margin-bottom: 24px;
    font-weight:   700;
    font-size:     20px;
    line-height:   26px;
    text-align:    center;
}

.tabs-link {
    font-weight:          400;
    font-size:            16px;
    line-height:          22px;
    text-decoration-line: underline;
    color:                #705BDE;
}

.tabs-link:hover {
    color:  #00A1FF;
    cursor: pointer;
}

.tabs-btn {
    cursor:             pointer;
    -webkit-transition: all 0.2s ease;
    -o-transition:      all 0.2s ease;
    transition:         all 0.2s ease;
    display:            -webkit-box;
    display:            -ms-flexbox;
    display:            flex;
    -webkit-box-align:  center;
    -ms-flex-align:     center;
    align-items:        center;
    padding:            16px 44px 10px 46px;
    text-decoration:    none;
    background:         #F8F8F8;
    border-radius:      15px;
    font-family:        'Leto Sans', sans-serif;
}

.tabs-btn:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform:     translateY(-5px);
    transform:         translateY(-5px);
}

.tabs-btn:not(:last-child) {
    margin-bottom: 30px;
}

.tabs-btn.lilac:hover svg path:not(:nth-child(1)) {
    fill: #705BDE;
}

.tabs-btn.green:hover svg path:not(:nth-child(1)) {
    fill: #4bcead;
}

.tabs-btn.purple:hover svg path:not(:nth-child(1)) {
    fill: #E94090;
}

.tabs-btn.active {
    color: #fff;
}

.tabs-btn.active.lilac {
    background-color: #705BDE;
}

.tabs-btn.active.lilac svg path:not(:nth-child(1)) {
    fill: #705BDE;
}

.tabs-btn.active.green {
    background-color: #4bcead;
}

.tabs-btn.active.green svg path:not(:nth-child(1)) {
    fill: #4bcead;
}

.tabs-btn.active.purple {
    background-color: #E94090;
}

.tabs-btn.active.purple svg path:not(:nth-child(1)) {
    fill: #E94090;
}


.tabs-content-block.active.green svg path:not(:nth-child(1)) {
    fill: #4bcead;
}

.tabs-content-block.active.purple svg path:not(:nth-child(1)) {
    fill: #E94090;
}


.tabs-btn.active:hover {
    -webkit-transform: none;
    -ms-transform:     none;
    transform:         none;
}

.tabs-btn-text {
    margin-left:  10px;
    margin-right: 5px;
    font-size:    14px;
    line-height:  18px;
}

.tabs-btn-text + span {
    font-weight: 700;
    font-size:   18px;
    line-height: 23px;
}

.tabs-content {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    padding:               40px 44px 30px 50px;
}

.tabs-content-title {
    margin-bottom: 28px;
    font-weight:   700;
    font-size:     30px;
    line-height:   38px;
    text-align:    center;
    color:         #000;
}

.tabs-content-block {
    display: none;
}

.tabs-content-block.active {
    display: block;
}

.tabs-content-block.lilac .tabs-content-title {
    color: #705BDE;
}

.tabs-content-block.green .tabs-content-title {
    color: #4bcead;
}

.tabs-content-block.purple .tabs-content-title {
    color: #E94090;
}

.tabs-content-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tabs-content-group-left {
    padding-right:         32px;
    position:              relative;
    -webkit-box-flex:      0;
    -ms-flex:              0 0 50%;
    flex:                  0 0 50%;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
}

.tabs-content-group-left::after {
    content:          '';
    height:           90%;
    width:            1px;
    background-color: #f1f1f1;
    display:          block;
    position:         absolute;
    top:              5%;
    right:            0;
    bottom:           5%;
}

.tabs-content-group-right {
    padding-left:          40px;
    -webkit-box-flex:      0;
    -ms-flex:              0 0 50%;
    flex:                  0 0 50%;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
}

.tabs-content-group-title {
    position:     relative;
    font-weight:  700;
    font-size:    20px;
    line-height:  26px;
    padding-left: 26px;
}

.tabs-content-group-title.mbs {
    padding-left: 0;
}

.tabs-content-group-title span {
    font-weight: 700;
    font-size:   75px;
    line-height: 98px;
}

.tabs-content-group-list {
    margin-bottom: 24px;
}

.tabs-content-group-item {
    font-family:     'Lato-Regular', sans-serif;
    font-weight:     400;
    font-size:       16px;
    line-height:     21px;
    list-style-type: disc;
}

.tabs-content-group-item::marker {
    color: #705BDE;
}

.tabs-content-group-item:not(:last-child) {
    margin-bottom: 14px;
}

.tabs-content-group-row {
    display:             -webkit-box;
    display:             -ms-flexbox;
    display:             flex;
    -webkit-box-pack:    justify;
    -ms-flex-pack:       justify;
    justify-content:     space-between;
    -ms-flex-item-align: normal;
    align-self:          normal;
    -webkit-box-align:   center;
    -ms-flex-align:      center;
    align-items:         center;
    margin-top:          auto;
    gap:                 20px;
}

.tabs-content-group-price {
    font-weight: 400;
    font-size:   14px;
    line-height: 18px;
    display:     block;
    padding-top: 4px;
}

.tabs-content-group-price span {
    font-weight: 700;
    font-size:   30px;
    line-height: 39px;
}

.tabs-content-group-btn {
    -webkit-box-flex: 0;
    -ms-flex:         0 0 50%;
    flex:             0 0 50%;
    display:          inline-block;
    padding:          14px 38px 14px 36px;
    border-radius:    15px;
    font-weight:      700;
    font-size:        16px;
    line-height:      15px;
    text-align:       center;
    text-decoration:  none;
    color:            #fff;
}

.tabs-content-group-btn:hover {
    cursor: pointer;
}

.tabs-content-group-btn.blue {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.tabs-content-group-btn.blue:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.tabs-content-group-link {
    font-weight:          400;
    font-size:            16px;
    line-height:          22px;
    text-decoration-line: underline;
    color:                #705BDE;
}

.tabs-content-group-link:hover {
    color:  #00A1FF;
    cursor: pointer;
}

.modal {
    position:          absolute;
    left:              50%;
    top:               50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform:     translate(-50%, -50%);
    transform:         translate(-50%, -50%);
    font-family:       'Leto Sans', sans-serif;
    height:            72%;
}

.modal-close {
    position:            absolute;
    top:                 20px;
    right:               20px;
    width:               30px;
    height:              30px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/close-black.svg);
    background-position: center;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.modal-close:hover {
    background-image: url(/local/templates/redcom.ru/cmp/../img/close-purple.svg);
}

.modal__container {
    padding:          40px 80px;
    width:            700px;
    border-radius:    20px;
    background-color: #fff;
}

.modal__form > p {
    font-family:   'Lato-Bold', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   22px;
    margin-bottom: 10px;
}

.modal__form-title {
    margin-bottom: 40px;
    font-weight:   700;
    font-size:     28px;
    line-height:   36px;
    text-align:    center;
}

.modal__form-input {
    padding:       14px;
    border:        1px solid #C4C4C4;
    border-radius: 15px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     16px;
    line-height:   21px;
}

.modal__form-input::-webkit-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input::-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input-group {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
    margin-bottom:         30px;
}

.modal__form-input-group.price {
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    gap:                   22px;
}

.modal__form-input-group.information {
    display:               grid;
    grid-template-columns: 48% 48%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
    row-gap:               30px;
    padding-bottom:        0;
}

.modal__form-input-group.information input:first-child {
    grid-column: 1/3;
}

.modal__form-input-group.adress {
    display:               grid;
    grid-template-columns: 44% 32% 16%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
}

.modal__form-input-group.adress select.modal__form-input {
    background:            #fff;
    -webkit-appearance:    none;
    -moz-appearance:       none;
    background-image:      url('/local/templates/redcom.ru/cmp/../img/arrow-down-select.svg');
    background-repeat:     no-repeat;
    background-position-x: 94%;
    background-position-y: 20px;
}


.modal__form-input-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 19px;
}


.modal__form-submit-btn {
    padding:       14px 68px;
    border-radius: 15px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   21px;
    color:         #FFFFFF;
    cursor:        pointer;
}

.modal__form-submit-btn.blue {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.modal__form-submit-btn.blue:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.modal__form-submit-info {
    font-weight:   250;
    font-size:     12px;
    line-height:   16px;
    padding:       0;
    margin-bottom: 0;
}

.modal__info-text {
    margin-bottom: 20px;
    font-family:   'Lato-Regular', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   19px;
}

.modal__info-text span {
    font-weight: 700;
}

.modal__info-text.hide {
    display: none;
}

.modal__info-logo-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               30px;
    margin-bottom:     26px;
    width:             458px;
}

.modal__info-btn {
    font-family:          'Lato-Regular', sans-serif;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    text-decoration-line: underline;
    color:                #E94090;
    cursor:               pointer;
}

.modal__container.content-more-detailed {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 20px;
}

.modal__container.content-more-detailed h4 {
    display:     -webkit-box;
    display:     -ms-flexbox;
    display:     flex;
    width:       100%;
    max-width:   388px;
    line-height: 31px;
    font-size:   24px;
    text-align:  center;
    margin:      0 auto 30px;
    font-family: 'Lato-Bold', sans-serif;
}

.modal__container.content-more-detailed .bold-text-more {
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
    margin-bottom: 0;
}

.modal__container.content-more-detailed p {
    margin-bottom: 30px;
}

.modal__container.content-more-detailed .list-more {
    margin-left: 20px;
    padding:     14px 0;
}

.modal__container.content-more-detailed .list-more li {
    list-style:    disc;
    margin-bottom: 14px;
}

.modal__container.content-more-detailed .list-more li:last-child {
    margin-bottom: 0;
}

.modal__container.content-more-detailed .list-more li::marker {
    color: #00A1FF;
}

.modal__container.content-more-detailed .list-more.purple li::marker {
    color: #E94090;
}

.modal__container.content-more-detailed .list-more.green li::marker {
    color: #4bcead;
}

.modal__container.content-more-detailed .list-more.lilac li::marker {
    color: #705BDE;
}

.checkbox {
    margin-bottom: 0.2em;
}

.custom-checkbox > input {
    position: absolute;
    z-index:  -1;
    opacity:  0;
}

.custom-checkbox > input:not(:disabled):not(:checked) + span:hover::before {
    border-color: #00A1FF;
}

.custom-checkbox > input:not(:disabled):active + span::before {
    background-color: #00A1FF;
    border-color:     #00A1FF;
}

.custom-checkbox > input:checked + span::before {
    border-color:     #00A1FF;
    background-color: #00A1FF;
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e');
}

.custom-checkbox > input:disabled + span::before {
    background-color: #e9ecef;
}

.custom-checkbox > span {
    display:             -webkit-inline-box;
    display:             -ms-inline-flexbox;
    display:             inline-flex;
    -webkit-box-align:   center;
    -ms-flex-align:      center;
    align-items:         center;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    user-select:         none;
}

.custom-checkbox > span::before {
    content:             '';
    display:             inline-block;
    width:               1em;
    height:              1em;
    -ms-flex-negative:   0;
    flex-shrink:         0;
    -webkit-box-flex:    0;
    -ms-flex-positive:   0;
    flex-grow:           0;
    border:              1px solid #adb5bd;
    border-radius:       0.25em;
    margin-right:        0.3em;
    background-repeat:   no-repeat;
    background-position: center center;
    background-size:     70% 70%;
}

.home-redcom-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.home-redcom-background::before {
    content:           '';
    position:          absolute;
    display:           block;
    width:             100%;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/home-redcom-bg.png);
    background-repeat: no-repeat;
    background-size:   cover;
    top:               -75px;
    bottom: -250px;
    z-index:           -1;
}

.home-redcom {
    margin-top:    0;
    margin-bottom: 88px;
    font-family:   'Leto Sans', sans-serif;
    position:      relative;
    z-index:       100;
}

.home-redcom .container {
    padding: 80px 14px 0;
}

@media screen and (max-width: 1400px) {
    .home-redcom .container {
        padding: 50px 14px 0;
    }
}

.home-redcom-title {
    margin-bottom:  60px;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.home-redcom-list {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    gap:              40px;
}

.home-redcom-item {
    -webkit-box-flex:      0;
    -ms-flex:              0 0 17%;
    flex:                  0 0 17%;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    text-decoration:       none;
}

.home-redcom-item.animate__animated:nth-child(2) {
    -webkit-animation-delay: 0.3s;
    animation-delay:         0.3s;
}

.home-redcom-item.animate__animated:nth-child(3) {
    -webkit-animation-delay: 0.6s;
    animation-delay:         0.6s;
}

.home-redcom-item.animate__animated:nth-child(4) {
    -webkit-animation-delay: 0.9s;
    animation-delay:         0.9s;
}

.home-redcom-item.animate__animated:nth-child(5) {
    -webkit-animation-delay: 1.2s;
    animation-delay:         1.2s;
}

a.home-redcom-item:hover {
    color:           #00A1FF;
    text-decoration: underline;
}

.item-img {
    max-width:     100%;
    display:       inline-block;
    margin-bottom: 34px;
    max-height:    232px;
}

.item-content {
    text-align: center;
}

.item-title {
    margin-bottom: 10px;
    font-weight:   700;
    font-size:     24px;
    line-height:   31px;
}

.item-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 19px;
}

.home-app {
    position:      relative;
    z-index:       100;
    margin-bottom: 240px;
}

.home-app::after {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/home-app-icon.svg);
    position:          absolute;
    bottom:            -104px;
    right:             -110px;
    z-index:           -1;
    width:             200px;
    height:            194px;
}

.home-app-block {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    gap:              50px;
}

.home-app-block-left {
    -webkit-box-flex: 0;
    -ms-flex:         0 0 58%;
    flex:             0 0 58%;
}

.home-app-block-right {
    -webkit-box-flex:      0;
    -ms-flex:              0 0 38%;
    flex:                  0 0 38%;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    gap:                   42px;
}

.home-app-download {
    position:         relative;
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    padding:          50px 0 60px 44px;
    border-radius:    20px;
    background-color: #fff;
    height:           100%;
}

.home-app-download__app {
    max-width: 450px;
}

.home-app-download__app-title {
    font-size:      30px;
    line-height:    36px;
    font-weight:    700;
    text-transform: uppercase;
    margin-bottom:  30px;
    font-family:    'Leto Sans', sans-serif;
}

.home-app-download__app-text {
    font-size:     20px;
    line-height:   26px;
    margin-bottom: 50px;
    font-family:   'Lato-Regular', sans-serif;
}

.home-app-download__block {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
}

.home-app-download__block-app {
    width:             100%;
    max-width:         293px;
    height:            70px;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    border:            1px solid #EBEBEB;
    border-radius:     8px;
    padding:           10px 50px 10px 53px;
}

.home-app-download__img {
    position: absolute;
    right:    0;
}

.home-app-bonus-mobile {
    display:  none;
    position: relative;
    z-index:  100;
}

.home-app-support {
    padding:       24px 34px 44px;
    color:         #fff;
    border-radius: 20px;
    background:    -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background:    linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.home-app-support__title {
    font-weight:   700;
    font-size:     24px;
    line-height:   30px;
    margin-bottom: 8px;
    font-family:   'Leto Sans', sans-serif;
}

.home-app-support__text {
    font-size:     20px;
    line-height:   130%;
    margin-bottom: 40px;
    font-family:   'Lato-Regular', sans-serif;
}

.home-app-support__text br {
    display: none;
}

.home-app-support__phone {
    padding-left:    60px;
    font-size:       18px;
    font-family:     'Leto Sans', sans-serif;
    font-weight:     700;
    line-height:     23px;
    text-decoration: none;
    position:        relative;
}

.home-app-support__phone:hover {
    text-decoration: underline;
}

.home-app-support__phone::before {
    content:          '';
    position:         absolute;
    width:            50px;
    height:           50px;
    background-image: url(/local/templates/redcom.ru/cmp/../img/phone.svg);
    top:              -10px;
    left:             0;
}

.home-app-balance {
    padding:          30px 34px 24px;
    border-radius:    20px;
    background-color: #fff;
    font-family:      'Leto Sans', sans-serif;
}

.home-app-balance input {
    border:             1px solid #B2B2B2;
    border-radius:      15px;
    font-size:          16px;
    line-height:        20px;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    font-family:        'Lato-Regular', sans-serif;
}

.home-app-balance__title {
    font-size:     24px;
    font-weight:   700;
    line-height:   30px;
    margin-bottom: 10px;
}

.home-app-balance__text {
    font-size:     20px;
    font-weight:   400;
    line-height:   20px;
    margin-bottom: 28px;
    font-family:   'Lato-Regular', sans-serif;
}

.home-app-balance__contract {
    margin-bottom: 20px;
    padding:       16px 0 16px 20px;
    width:         100%;
}

.home-app-balance__send {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
}

.home-app-balance__send-sum {
    padding:      16px 0px 16px 20px;
    margin-right: 20px;
}

.home-app-balance__send-btn {
    width:           40%;
    padding:         16px 50px;
    border-radius:   15px;
    background:      -webkit-gradient(linear, left top, right top, from(#238BCD), to(#02BFFE));
    background:      -o-linear-gradient(left, #238BCD 0%, #02BFFE 100%);
    background:      linear-gradient(to right, #238BCD 0%, #02BFFE 100%);
    font-size:       16px;
    line-height:     20px;
    font-weight:     bold;
    font-family:     'Leto Sans', sans-serif;
    color:           #fff;
    cursor:          pointer;
    max-width:       180px;
    max-height:      50px;
    text-decoration: none;
    text-align:      center;
}

.home-app-balance__send-btn:hover {
    background: -webkit-gradient(linear, left top, right top, from(#4BCF79), to(#4FD4E0));
    background: -o-linear-gradient(left, #4BCF79 0%, #4FD4E0 100%);
    background: linear-gradient(to right, #4BCF79 0%, #4FD4E0 100%);
}

.home-app-balance__send .wrap-cards {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    width:             54%;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
}

.home-app-balance__send .wrap-cards .item img {
    display: block;
    width:   100%;
    height:  100%;
}

.home-app-balance input::-webkit-outer-spin-button,
.home-app-balance input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin:             0;
}

.home-app-balance-mobile {
    display: none;
}

.fixed-overlay {
    position:         fixed;
    overflow:         auto;
    left:             0;
    top:              0;
    width:            100%;
    height:           100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index:          1020;
    display:          none;
}

.modal {
    position:          absolute;
    left:              50%;
    top:               50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform:     translate(-50%, -50%);
    transform:         translate(-50%, -50%);
    font-family:       'Leto Sans', sans-serif;
    height:            72%;
}

.modal-close {
    position:            absolute;
    top:                 20px;
    right:               20px;
    width:               30px;
    height:              30px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/close-black.svg);
    background-position: center;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.modal-close:hover {
    background-image: url(/local/templates/redcom.ru/cmp/../img/close-purple.svg);
}

.modal__container {
    padding:          40px 80px;
    width:            700px;
    border-radius:    20px;
    background-color: #fff;
}

.modal__form-title {
    margin-bottom: 40px;
    font-weight:   700;
    font-size:     28px;
    line-height:   36px;
    text-align:    center;
}

.modal__form-input {
    padding:       14px;
    border:        1px solid #C4C4C4;
    border-radius: 15px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     16px;
    line-height:   21px;
}

.modal__form-input::-webkit-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input::-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input-group {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
    margin-bottom:         30px;
}

.modal__form-input-group.price {
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    gap:                   22px;
}

.modal__form-input-group.price input {
    -webkit-box-flex: 1;
    -ms-flex:         1 1 47%;
    flex:             1 1 47%;
}

.modal__form-input-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 19px;
}


.modal__form-submit-btn {
    padding:       14px 68px;
    border-radius: 15px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   21px;
    color:         #FFFFFF;
    cursor:        pointer;
}

.modal__form-submit-btn.blue {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.modal__form-submit-btn.blue:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.modal__form-submit-info {
    font-weight:   250;
    font-size:     12px;
    line-height:   16px;
    padding:       0;
    margin-bottom: 0;
}

.modal__info-text {
    margin-bottom: 20px;
    font-family:   'Lato-Regular', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   19px;
}

.modal__info-text span {
    font-weight: 700;
}

.modal__info-text.hide {
    display: none;
}

.modal__info-logo-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               30px;
    margin-bottom:     26px;
    width:             458px;
}

.modal__info-btn {
    font-family:          'Lato-Regular', sans-serif;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    text-decoration-line: underline;
    color:                #E94090;
    cursor:               pointer;
}

.tabset {
    max-width:             65em;
    display:               grid;
    grid-template-columns: 140px 140px 1fr;
    grid-template-rows: 56px 1fr;
}

.tabset > input[type=radio] {
    position: absolute;
    left:     -200vw;
}

.tabset .tab-panel {
    display: none;
}

.tabset > label {
    position:      relative;
    display:       inline-block;
    padding:       0 0 0 34px;
    border-bottom: 0;
    cursor:        pointer;
    font-weight:   600;
}

.tabset > label::after {
    content:       '';
    position:      absolute;
    left:          0px;
    top:           10px;
    width:         25px;
    height:        25px;
    border-radius: 50%;
    border:        1px solid #C4C4C4;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
    display: block;
}

.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
    border: 6px solid #00A1FF;
}

.tab-panel {
    padding: 0 0 0;
}

.tab-panels {
    grid-column: 1/4;
}

.tabset > label.label-font {
    padding:     12px 0 0 34px;
    font-family: 'Lato-Bold', sans-serif;
    font-size:   15px;
    line-height: 19px;
}

.modal__info-text {
    margin-bottom: 20px;
    font-family:   'Lato-Regular', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   19px;
}

.modal__info-text span {
    font-weight: 700;
}

.modal__info-text.hide {
    display: none;
}

.modal__info-logo-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               30px;
    margin-bottom:     26px;
    width:             458px;
}

.modal__info-btn {
    font-family:          'Lato-Regular', sans-serif;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    text-decoration-line: underline;
    color:                #E94090;
    cursor:               pointer;
}

.home-news-background {
    position: relative;
    z-index:  1;
}

.home-news-background::before {
    content:           '';
    position:          absolute;
    display:           block;
    width:             100%;
    height:            1665px;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/home-news-bg.png);
    background-repeat: no-repeat;
    background-size:   contain;
    top:               -216px;
    z-index:           0;
}

.home-news {
    font-family:   'Lato-Regular', sans-serif;
    position:      relative;
    z-index:       100;
    margin-bottom: 60px;
}

.home-news-header {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    margin-bottom:     26px;
    font-family:       'Leto Sans', sans-serif;
}

.home-news-title {
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.home-news-all-link {
    display:              -webkit-box;
    display:              -ms-flexbox;
    display:              flex;
    -webkit-box-align:    center;
    -ms-flex-align:       center;
    align-items:          center;
    font-weight:          400;
    font-size:            16px;
    line-height:          22px;
    text-decoration-line: underline;
    color:                #705BDE;
    -webkit-transition:   all 0.2s ease;
    -o-transition:        all 0.2s ease;
    transition:           all 0.2s ease;
}

.home-news-all-link svg {
    margin-left:        10px;
    -webkit-transition: all 0.2s ease;
    -o-transition:      all 0.2s ease;
    transition:         all 0.2s ease;
}

.home-news-all-link:hover {
    color: #00A1FF;
}

.home-news-all-link:hover svg {
    -webkit-transform: translateX(5px);
    -ms-transform:     translateX(5px);
    transform:         translateX(5px);
}

.home-news-all-link:hover svg path {
    fill: #00A1FF;
}

.home-news-list {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    gap:              20px;
}

.home-news-item {
    text-decoration:  none;
    display:          block;
    padding-left:     24px;
    padding-bottom:   22px;
    position:         relative;
    -webkit-box-flex: 0;
    -ms-flex:         0 0 28%;
    flex:             0 0 28%;
    border-left:      1.5px solid #000;
}

.home-news-item-tags {
    margin-bottom: 14px;
}

.home-news-item-tag {
    display:     inline-block;
    font-weight: 400;
    font-size:   15px;
    line-height: 21px;
    color:       #8F8F8F;
    cursor:      pointer;
}

.home-news-item-tag:not(:last-child) {
    margin-right: 20px;
}

.home-news-item-link {
    text-decoration: none;
    display:         inline-block;
}

.home-news-item-link:hover {
    cursor: pointer;
}

.home-news-item-link:hover .home-news-item-title {
    color: #E94090;
}

.home-news-item-title {
    margin-bottom: 10px;
    font-weight:   700;
    font-size:     16px;
    line-height:   22px;
}

.home-news-item-text {
    max-width:          350px;
    display:            -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow:           hidden;
    -o-text-overflow:   ellipsis;
    text-overflow:      ellipsis;
    font-weight:        400;
    font-size:          16px;
    line-height:        22px;
}

.section-news .news-fixed-overlay {
    position:         fixed;
    overflow-x:       hidden;
    left:             0;
    top:              0;
    width:            100%;
    height:           100%;
    background-color: #fff;
    z-index:          1020;
    display:          none;
}

.section-news .news-fixed-overlay .modaln {
    font-family: 'Leto Sans', sans-serif;
}

.section-news .news-fixed-overlay .modal.modaln {
    height: 100%;
}

.section-news .news-fixed-overlay-head {
    margin-top: 90px;
    position:   relative;
}

.section-news .news-fixed-overlay-close {
    position:            absolute;
    top:                 0;
    right:               -100px;
    width:               24px;
    height:              44px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/close-black.svg);
    background-position: center;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.section-news .news-fixed-overlay-close:hover {
    background-image: url(/local/templates/redcom.ru/cmp/../img/close-purple.svg);
}

.section-news .news-fixed-overlay-news-container {
    position:  relative;
    max-width: 700px;
    padding:   0;
}

.section-news .news-fixed-overlay-news-title {
    margin-bottom:  32px;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.section-news .news-fixed-overlay-news-content {
    max-width:      700px;
    padding-bottom: 50px;
    border-bottom:  1px solid #f1f1f1;
    margin-bottom:  40px;
}

.section-news .news-fixed-overlay-news-tags {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    margin-bottom:     24px;
}

.section-news .news-fixed-overlay-news-tag {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 21px;
    color:       #8F8F8F;
}

.section-news .news-fixed-overlay-news.green {
    position:     relative;
    color:        #4bcead;
    padding-left: 34px;
}

.section-news .news-fixed-overlay-news.green::before {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/news-days.svg);
    position:          absolute;
    left:              0;
    top:               -1px;
    width:             24px;
    height:            24px;
}

.section-news .news-fixed-overlay-news-img {
    display:       block;
    margin-bottom: 30px;
}

.section-news .news-fixed-overlay-news-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 22px;
}

.section-news .news-fixed-overlay-news:not(:last-child) {
    margin-bottom: 30px;
}

.section-news .news-fixed-overlay-news-more {
    position: absolute;
    width:    130%;
}

.section-news .news-fixed-overlay-news-title {
    margin-bottom:  30px;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.section-news .news-fixed-overlay-news-list {
    display:       -webkit-box;
    display:       -ms-flexbox;
    display:       flex;
    gap:           82px;
    margin-bottom: 78px;
}

.section-news .news-fixed-overlay-news-list .news-item {
    border-left:      1px solid #000;
    padding-left:     24px;
    -webkit-box-flex: 0;
    -ms-flex:         0 0 45%;
    flex:             0 0 45%;
}

.section-news .news-fixed-overlay-news-list-tags {
    display:       -webkit-box;
    display:       -ms-flexbox;
    display:       flex;
    gap:           20px;
    margin-bottom: 14px;
}

.section-news .news-fixed-overlay-news-list-tag {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 21px;
    color:       #8F8F8F;
}

.section-news .news-fixed-overlay-news-list-title {
    margin-bottom: 10px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   22px;
}

.section-news .news-fixed-overlay-news-list-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 22px;
}

.card {
    width:                 100%;
    max-width:             408px;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    background:            #FFFFFF;
    border-radius:         15px;
    font-family:           'Leto Sans', sans-serif;
    font-weight:           700;
    font-size:             18px;
    line-height:           130%;
}

.card .title-card {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    gap:               10px;
    width:             100%;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    color:             #fff;
    background:        #00A1FF;
    font-weight:       700;
    font-size:         22px;
    line-height:       29px;
    padding:           16px 0;
    border-radius:     15px 15px 0 0;
}

.card .line-first-card,
.card .line-second-card {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    padding:               18px 0;
    gap:                   18px;
    -webkit-box-pack:      center;
    -ms-flex-pack:         center;
    justify-content:       center;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    border-bottom:         1.5px solid #F1F1F1;
}

.card .line-first-card span,
.card .line-second-card span {
    font-size:    60px;
    line-height:  42px;
    margin-right: 6px;
}

.card .line-first-card .number-canals {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    position:          relative;
    padding-left:      64px;
    -webkit-box-align: end;
    -ms-flex-align:    end;
    align-items:       end;
    margin:            14px 0 8px 0;
}

.card .line-first-card .number-canals::before {
    content:          '';
    width:            46px;
    height:           40px;
    position:         absolute;
    left:             0;
    top:              -4px;
    background-image: url(/local/templates/redcom.ru/cmp/../img/green-canal.svg) no-repeat;
}

.card .line-second-card {
    padding:           30px 0;
    -webkit-box-align: start;
    -ms-flex-align:    start;
    align-items:       start;
}

.card .line-second-card ul li {
    position:      relative;
    padding-left:  16px;
    font-weight:   400;
    font-size:     16px;
    line-height:   20px;
    margin-bottom: 20px;
}

.card .line-second-card ul li::after {
    content:       '';
    width:         6px;
    height:        6px;
    border-radius: 50%;
    background:    #4BCEAD;
    position:      absolute;
    left:          0;
    top:           6px;
}

.card .line-third-card {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    padding:           34px 0;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    -webkit-box-align: end;
    -ms-flex-align:    end;
    align-items:       flex-end;
    gap:               8px;
    font-family:       Leto Text Sans Defect, sans-serif;
}

.card .line-third-card span {
    font-size:   30px;
    line-height: 38px;
    font-weight: 700;
}

.card .body-card {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    padding:               0 20px;
}

.card .body-card .btn-submit {
    max-width:       180px;
    width:           100%;
    color:           #fff;
    background:      -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background:      linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    border-radius:   15px;
    font-family:     'Leto Sans', sans-serif;
    font-style:      normal;
    font-weight:     700;
    font-size:       16px;
    line-height:     18px;
    text-align:      center;
    padding:         16px;
    text-decoration: none;
    margin:          0 auto;
}

.card .body-card .btn-submit:hover {
    background: -o-linear-gradient(3.21deg, #4BCF79 6.16%, #4FD4E0 92.94%), -o-linear-gradient(2.91deg, #EF4F9C 6.42%, #F6908A 91.66%);
    background: linear-gradient(86.79deg, #4BCF79 6.16%, #4FD4E0 92.94%), linear-gradient(87.09deg, #EF4F9C 6.42%, #F6908A 91.66%);
}

.rekvizity {
    padding-bottom: 30px;
}

.rekvizity__title {
    font-size:      35px;
    line-height:    45px;
    font-family:    'Leto Sans', sans-serif;
    margin-bottom:  40px;
    text-transform: uppercase;
}

.rekvizity__list {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
    margin-bottom:         40px;
}

.rekvizity__item {
    font-size:    18px;
    line-height:  25px;
    font-family:  'Lato', sans-serif;
    position:     relative;
    padding-left: 14px;
}

.rekvizity__item::before {
    content:       '';
    position:      absolute;
    background:    #E94090;
    width:         4px;
    height:        4px;
    border-radius: 50%;
    left:          0;
    top:           10px;
}

.rekvizity__item-title {
    font-weight: 700;
}

.rekvizity__download {
    display:         inline-block;
    font-size:       16px;
    line-height:     20px;
    font-weight:     700;
    color:           #fff;
    font-family:     'Leto Sans', sans-serif;
    cursor:          pointer;
    padding:         16px 18px;
    background:      -webkit-gradient(linear, left top, right top, from(#238BCD), to(#02BFFE));
    background:      -o-linear-gradient(left, #238BCD, #02BFFE);
    background:      linear-gradient(to right, #238BCD, #02BFFE);
    border-radius:   15px;
    text-decoration: none;
}

.rekvizity__download:hover {
    text-decoration: underline;
}

#mc-review {
    padding-top: 2em !important;
    position:    relative;
    z-index:     10;
}

.reviews {
    font-size:      16px;
    line-height:    23px;
    text-transform: none;
    font-family:    'Leto Sans', sans-serif;
}

.reviews__title {
    padding-top:    66px;
    margin-bottom:  50px;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.reviews__desc {
    padding-bottom: 210px;
    position:       relative;
}

.reviews__desc::after {
    content:          '';
    position:         absolute;
    width:            446px;
    height:           254px;
    right:            0;
    top:              122px;
    background-image: url(/local/templates/redcom.ru/cmp/../img/review-decor.png);
    z-index:          0;
}

.reviews__desc-title {
    font-size:     24px;
    line-height:   34px;
    margin-bottom: 18px;
}

.reviews__desc-text {
    font-size:   16px;
    line-height: 22px;
    max-width:   650px;
    width:       100%;
}

.reviews__desc-text p {
    padding-left: 12px;
}

.reviews__desc-text p:first-child {
    position: relative;
}

.reviews__desc-text p:first-child::before {
    content:       '';
    position:      absolute;
    width:         6px;
    height:        6px;
    background:    #705BDE;
    border-radius: 50%;
    left:          0;
    top:           6px;
}
@media screen and (max-width: 720px) {
    .reviews__desc-text p:first-child::before {
        display: none;
    }
}

.reviews__desc-text p + p {
    margin-top: 24px;
}

.review-background {
    position: absolute;
    top:      0;
    left:     0;
    right:    0;
    bottom:   0;
    display:  block;
}

.review-background::before {
    content:           '';
    position:          absolute;
    display:           block;
    width:             100%;
    height:            100%;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/review-bg.png);
    background-repeat: no-repeat;
    background-size:   cover;
    top:               815px;
    z-index:           10;
}

@media screen and (max-width: 1440px) {
    .review-background::before {
        top: 592px;
    }
}

.career {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    padding-bottom:   100px;
    gap:              52px;
    position:         relative;
    z-index:          101;
}

.career__title,
.career__title--visible {
    font-size:      35px;
    line-height:    45px;
    font-family:    'Leto Sans', sans-serif;
    text-transform: uppercase;
    margin-bottom:  40px;
    display:        block;
}

.career__title-hidden {
    display: none;
}

.career__text-desc {
    max-width:     517px;
    width:         100%;
    font-family:   'Lato-Regular', sans-serif;
    font-size:     18px;
    line-height:   25px;
    margin-bottom: 40px;
}

.career__text-desc p + p {
    margin-top: 20px;
}

.career__resume {
    font-family:     'Leto Sans', sans-serif;
    font-size:       16px;
    line-height:     20px;
    font-weight:     700;
    text-decoration: none;
    color:           #fff;
    background:      -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background:      linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    padding:         15px 30px;
    border-radius:   15px;
}

.career__resume:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.career__images {
    position: relative;
    z-index:  100;
}

.career__images::after {
    content:          '';
    position:         absolute;
    background-image: url('/local/templates/redcom.ru/cmp/../img/greendecor.svg');
    width:            142px;
    height:           108px;
    z-index:          -2;
    bottom:           -18px;
    right:            -130px;
}

.career__images::before {
    content:          '';
    position:         absolute;
    background-image: url('/local/templates/redcom.ru/cmp/../img/purpledecor.svg');
    width:            170px;
    height:           140px;
    z-index:          -1;
    bottom:           -90px;
    right:            -42px;
}

.career__images-img {
    border-radius: 15px;
    width:         100%;
}

.career-work {
    padding-bottom: 110px;
    position:       relative;
    z-index:        100;
}

.career-work__advantages {
    display:               grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 130px);
    -webkit-column-gap:    63px;
    -moz-column-gap:       63px;
    column-gap:            63px;
    row-gap:               34px;
    padding-left:          24px;
}

.career-work__advantages-item {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    background:        #fff;
    border-radius:     15px;
    font-size:         20px;
    line-height:       28px;
    font-weight:       700;
    font-family:       'Leto Sans', sans-serif;
    position:          relative;
}

.career-work__advantages-text {
    padding-left:  119px;
    padding-right: 20px;
}

.career-work__advantages-img {
    position: absolute;
    top:      14px;
    left:     -24px;
}

.vacancies {
    padding-bottom: 85px;
    position:       relative;
    z-index:        100;
}

.vacancies__container {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   25px;
}

.vacancies__item {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    background:            #fff;
    border-radius:         15px;
}

.vacancies__top {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    cursor:            pointer;
    padding:           30px 26px 30px 26px;
}

.vacancies__top img {
    -webkit-transition: all 0.7s;
    -o-transition:      all 0.7s;
    transition:         all 0.7s;

    -webkit-transform:  rotate(180deg);
    -ms-transform:      rotate(180deg);
    transform:          rotate(180deg);
}

.vacancies__top img.rotate {
    -webkit-transform: rotate(0deg);
    -ms-transform:     rotate(0deg);
    transform:         rotate(0deg);
}

.vacancies__top-title {
    font-size:   20px;
    line-height: 26px;
    font-weight: 700;
    font-family: 'Leto Sans', sans-serif;
}

.vacancies__top-title:hover {
    color: #705BDE;
}

.vacancies__drop {
    background:         #fff;
    overflow:           hidden;
    -webkit-transition: max-height 1s ease;
    -o-transition:      max-height 1s ease;
    transition:         max-height 1s ease;
    max-height:         0px;
    height:             100%;
    padding:            0 26px 0px 26px;
}

.vacancies__drop.active {
    max-height: 1500px;
}

.vacancies__drop-title {
    font-size:      16px;
    font-family:    'Leto Sans', sans-serif;
    line-height:    20px;
    text-transform: uppercase;
    font-weight:    700;
    margin-bottom:  10px;
}

.vacancies__list {
    margin-bottom:         30px;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   10px;
}

.vacancies__list:last-child {
    margin-bottom:  0px;
    padding-bottom: 30px;
}

.vacancies__list-text {
    padding-left: 14px;
    position:     relative;
}

.vacancies__list-text::before {
    content:       '';
    position:      absolute;
    background:    #E94090;
    width:         4px;
    height:        4px;
    border-radius: 50%;
    left:          0;
    top:           6px;
}

.send {
    display:        -webkit-box;
    display:        -ms-flexbox;
    display:        flex;
    padding-bottom: 60px;
    gap:            102px;
    position:       relative;
    z-index:        100;
}

.send__text-desc {
    max-width:     600px;
    width:         100%;
    font-size:     18px;
    font-family:   'Lato-Regular', sans-serif;
    line-height:   25px;
    margin-bottom: 27px;
}

.send__text-desc p + p {
    margin-top: 20px;
}

.send__email {
    font-family:     'Leto Sans', sans-serif;
    font-weight:     700;
    font-size:       18px;
    line-height:     25px;
    color:           #705BDE;
    text-decoration: none;
    padding-left:    32px;
    position:        relative;
}

.send__email::before {
    content:          '';
    position:         absolute;
    width:            23px;
    height:           19px;
    background-image: url(/local/templates/redcom.ru/cmp/../img/mail.svg);
    left:             0;
}

.send__email:hover {
    text-decoration: underline;
}

.send__form {
    padding:       30px 25px 25px;
    background:    #705BDE;
    border-radius: 20px;
    max-width:     668px;
    width:         100%;
}

.send__form-title {
    font-size:      24px;
    line-height:    30px;
    font-weight:    700;
    color:          #fff;
    font-family:    'Leto Sans', sans-serif;
    margin-bottom:  20px;
    text-align:     center;
    letter-spacing: 1px;
}

.send__fields {
    display:               grid;
    grid-template-columns: repeat(2, 1fr);
    gap:                   10px;
    margin-bottom:         10px;
}

.send__fields-item,
.send__load-field {
    padding:       14px 0 14px 22px;
    border-radius: 15px;
    font-size:     16px;
    width:         100%;
}

.send__fields-item::-webkit-input-placeholder, .send__load-field::-webkit-input-placeholder {
    color: #B2B2B2;
}

.send__fields-item::-moz-placeholder, .send__load-field::-moz-placeholder {
    color: #B2B2B2;
}

.send__fields-item:-ms-input-placeholder, .send__load-field:-ms-input-placeholder {
    color: #B2B2B2;
}

.send__fields-item::-ms-input-placeholder, .send__load-field::-ms-input-placeholder {
    color: #B2B2B2;
}

.send__fields-item::placeholder,
.send__load-field::placeholder {
    color: #B2B2B2;
}

.send__load {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    margin-bottom:         30px;
}

.send__file {
    margin-bottom:         10px;
    height:                102px;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-pack:      center;
    -ms-flex-pack:         center;
    justify-content:       center;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    position:              relative;
    background-size:       contain;
    border:                2px dashed #ffffff;
    border-radius:         15px;
}

.send__file-text,
.send__file-format {
    font-size:   16px;
    font-weight: 700;
    font-family: 'Lato-Regular', sans-serif;
    line-height: 20px;
    color:       #fff;
}

.send__file-text .underline,
.send__file-format span {
    border-bottom: 1px solid;
}

.send__file-format {
    font-weight: 400;
}

.send__file-input {
    width:    100%;
    padding:  30px 0;
    opacity:  0;
    position: absolute;
}

.send__btn {
    width:          100%;
    background:     #fff;
    padding-top:    13px;
    padding-bottom: 13px;
    border-radius:  15px;
    font-family:    'Leto Sans', sans-serif;
    font-size:      16px;
    line-height:    20px;
    font-weight:    700;
    margin-bottom:  15px;
    cursor:         pointer;
    color:          #000;
}

.send__private-data {
    font-family: 'Leto Sans', sans-serif;
    line-height: 15px;
    font-size:   12px;
    text-align:  center;
    color:       #fff;
    max-width:   312px;
    width:       100%;
    margin:      0 auto;
}

.color-title {
    color: #705BDE;
}

.career-background {
    position: absolute;
    top:      0;
    left:     0;
    right:    0;
    bottom:   0;
    z-index:  -1;
}

.career-work .career-background::before {
    content:           '';
    position:          absolute;
    display:           block;
    width:             100%;
    /*height: 1665px;*/
    background-image:  url(/local/templates/redcom.ru/cmp/../img/career-background.png);
    background-repeat: no-repeat;
    background-size:   cover;
    top:               -172px;
    z-index:           0;
    bottom:            0;
}

.vacancies .career-background::after {
    content:           '';
    position:          absolute;
    display:           block;
    width:             100%;
    /*height: 1665px;*/
    background-image:  url(/local/templates/redcom.ru/cmp/../img/career-background.png);
    background-repeat: no-repeat;
    background-size:   cover;
    top:               -155px;
    z-index:           1;
    bottom:            0;
}

.cameras {
    position: relative;
    z-index:  10;
}

.cameras__banner {
    padding:  40px 0px 70px 0px;
    position: relative;
    z-index:  100;
}

.cameras__banner::after {
    content:          '';
    position:         absolute;
    background-image: url('/local/templates/redcom.ru/cmp/../img/greendecor-bigger.png');
    width:            166px;
    height:           127px;
    z-index:          -2;
    top:              -10px;
    right:            34px;
}

.cameras__banner::before {
    content:          '';
    position:         absolute;
    background-image: url('/local/templates/redcom.ru/cmp/../img/purpledecor-bigger.png');
    width:            197px;
    height:           163px;
    z-index:          -1;
    bottom:           70px;
    right:            148px;
}

.cameras__nav {
    margin-bottom:     56px;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
}

.cameras__nav-title {
    font-size:      35px;
    font-family:    'Leto Sans', sans-serif;
    text-transform: uppercase;
    margin-right:   40px;
    line-height:    45px;
}

.cameras__list {
    display:     -webkit-box;
    display:     -ms-flexbox;
    display:     flex;
    gap:         42px;
    font-family: 'Leto Sans', sans-serif;
    font-size:   16px;
    line-height: 20px;
}

.cameras__list-link {
    text-decoration: none;
    padding:         8px 20px 4px 20px;
    border:          1px solid #8D8D8F;
    border-radius:   21px;
    font-size:       16px;
    line-height:     20px;
    background:      #fff;
}

.cameras__list-link:hover {
    background-color: #705BDE;
    color:            #fff;
}

.cameras__videos-video {
    width: 100%;
}

.cameras__videos-top {
    display:               grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 254px);
    gap:                   56px;
    margin-bottom:         73px;
}

.cameras__videos-top .cameras__videos-item:nth-child(1) {
    display:           grid;
    grid-column-start: 1;
    grid-column-end:   3;
    grid-row-start:    1;
    grid-row-end:      2;
}

.cameras__videos-top .cameras__videos-item:nth-child(1) p {
    margin-top: 32px;
    font-size:  24px;
}

.cameras__videos-top .cameras__videos-item:nth-child(1) p::before {
    top: 7px;
}

.cameras__videos-top .cameras__videos-item:nth-child(1) p span {
    font-weight: 700;
}

.cameras__videos-top .cameras__videos-item:nth-child(3) {
    display:           grid;
    grid-column-start: 3;
    grid-row-start:    2;
}

.cameras__videos-item {
    border-radius: 10px;
    cursor:        pointer;
}

.cameras__videos-item:focus {
    outline: 0;
}

.cameras__videos-item:focus a {
    outline: 0;
}

.cameras__videos-item:hover .cameras__videos-title {
    color: #705BDE;
}

.cameras__videos-item a:focus {
    outline: 0;
}

.cameras__videos-list {
    display:               grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap:    58px;
    -moz-column-gap:       58px;
    column-gap:            58px;
    row-gap:               40px;
    margin-bottom:         126px;
}

.cameras__videos-title {
    margin-top:   8px;
    padding-left: 18px;
    font-size:    18px;
    line-height:  24px;
    font-family:  'Leto Sans', sans-serif;
    position:     relative;
}

.cameras__videos-title::before {
    content:       '';
    position:      absolute;
    width:         8px;
    height:        8px;
    border-radius: 50%;
    background:    #836DF3;
    left:          0;
    top:           5px;
}

.cameras__desc > .container {
    display:        -webkit-box;
    display:        -ms-flexbox;
    display:        flex;
    gap:            50px;
    padding-bottom: 125px;
}

.cameras__popular {
    padding:       50px 0 34px 45px;
    border-radius: 20px;
    background:    #fff;
    position:      relative;
    max-width:     796px;
    width:         100%;
}

.cameras__popular-title_main {
    font-size:      30px;
    line-height:    36px;
    font-family:    'Leto Sans', sans-serif;
    text-transform: uppercase;
    margin-bottom:  30px;
    max-width:      510px;
    width:          100%;
}

.cameras__popular-name {
    font-family:   'Lato-Regular', sans-serif;
    font-size:     20px;
    line-height:   26px;
    margin-bottom: 15px;
}

.cameras__item-list {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   15px;
    max-width:             444px;
    width:                 100%;
}

.cameras__item-text {
    padding-left: 16px;
    font-family:  'Lato-Regular', sans-serif;
    font-size:    20px;
    line-height:  26px;
    position:     relative;
}

.cameras__item-text p + p {
    margin-top: 15px;
}

.cameras__item-text::before {
    content:       '';
    position:      absolute;
    width:         6px;
    height:        6px;
    background:    #4BCEAD;
    left:          0;
    top:           10px;
    border-radius: 50%;
}

.cameras__item-text > span {
    font-weight: 700;
}

.cameras__popular-img {
    position: absolute;
    right:    0;
    bottom:   -10px;
    width:    306px;
    height:   352px;
}

.cameras__item {
    padding:       30px 68px 50px 35px;
    background:    #fff;
    height:        -webkit-fit-content;
    height:        -moz-fit-content;
    height:        fit-content;
    border-radius: 20px;
    max-width:     524px;
    width:         100%;
}

.cameras__item:nth-child(1) {
    margin-bottom: 40px;
}

.cameras__item:nth-child(2) {
    padding: 30px 68px 26px 35px;
}

.cameras__item:nth-child(3) {
    display:           grid;
    grid-column-start: 2;
    grid-row-start:    2;
}

.cameras__item-title {
    margin-bottom: 15px;
    font-family:   'Leto Sans', sans-serif;
    font-size:     24px;
    line-height:   32px;
}

.cameras .tabs {
    width: 100%;
}

.cameras .tabs__nav {
    display:         -webkit-box;
    display:         -ms-flexbox;
    display:         flex;
    -ms-flex-wrap:   wrap;
    flex-wrap:       wrap;
    list-style-type: none;
    background:      transparent;
    margin:          0;
    gap:             20px;
    padding-top:     30px;
}

.cameras .tabs__nav h1 {
    display:        block;
    margin-right:   20px;
    text-transform: uppercase;
    font-weight:    700;
    font-size:      35px;
    line-height:    45px;
    font-family:    'Leto Sans', sans-serif;
}

.cameras .tabs__btn {
    padding:         8px 20px;
    text-decoration: none;
    color:           black;
    text-align:      center;
    border:          1px solid #8D8D8F;
    cursor:          pointer;
    min-width:       70px;
    max-height:      34px;
    border-radius:   21px;
    background:      #fff;
    font-weight:     400;
    font-size:       16px;
    line-height:     16px;
    font-family:     'Leto Sans', sans-serif;
}

.cameras .tabs__btn_active {
    background: #705BDE;
    color:      #fff;
    cursor:     default;
}

.cameras .tabs__btn:not(.tabs__btn_active):hover,
.cameras .tabs__btn:not(.tabs__btn_active):focus {
    background-color: #eee;
}

.cameras .tabs__content {
    padding: 60px 0 0;
}

.cameras .tabs__pane {
    display: none;
}

.cameras h2 {
    text-transform: uppercase;
    margin-bottom:  50px;
}

.cameras .tabs__pane_show {
    display: block;
}

.cameras__desc {
    position:   relative;
    background: #f7f7f7;
}

.cameras-background {
    position: absolute;
    bottom:   0;
    top:      0;
    left:     0;
    right:    0;
    z-index:  -1;
}

.cameras-background::before {
    content:           '';
    position:          absolute;
    display:           block;
    width:             100%;
    /*height: 1665px;*/
    background-image:  url(/local/templates/redcom.ru/cmp/../img/cameras-background.png);
    background-repeat: no-repeat;
    background-size:   cover;
    /*top: 1270px;*/
    z-index:           10;
    top:               -710px;
    bottom:            0;
}


.tags {
    padding: 70px 0 120px;
}

.tags .tags-content a.back {
    color: #8F8F8F;
    display: inline-flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px
}

.tags .tags-content .news-btn {
    margin-top: 60px
}

.tag-list {
    /* display: flex;
	justify-content: space-between;
	align-items: start;
	flex-wrap: wrap; */
    display: grid;
    grid-template-columns: repeat(3, 3fr);
    gap: 35px;
    width: 100%;
}

.tag-list .tag-item {
    /* width: 378px; */
    height: 260px;
    border-radius: 20px;
    background: #F7F7F7;
    padding: 20px;
    position: relative;
}
.tag-list .tag-item.hidden {
    display: none;
}

.tag-list .tag-item .top {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 20px;
}
.tag-list .tag-item .top a,
.tag-list .tag-item .top p {
    color: #8F8F8F;
    text-decoration: none;
}
.tag-list .tag-item .top a:hover {
    text-decoration: underline;
}

.tag-list .tag-item h2 {
    font-size: 24px;
    line-height: 24px; /* 24px */
    margin: 10px 0
}

.tag-list .tag-item > a {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #00A1FF;
    display: inline-flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
}

.tag-list .tag-item > a:hover {
    color:  #705BDE;
    cursor: pointer;
}

.tag-list .tag-item > a:hover svg {
    margin-left: 6px;
}

.tag-list .tag-item > a:hover svg path {
    fill: #705BDE;
}

.tag-list .tag-item svg {
    margin-left:        2px;
    -webkit-transition: all 0.2s;
    -o-transition:      all 0.2s;
    transition:         all 0.2s;
}

.tag-list .tag-item h2 a:hover {
    color: #E94090;
}

.tag-list .tag-item > p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 18px;
}

@media (max-width: 1400px) {
    .tags {
        padding-top: 30px;
    }
}

@media (max-width: 960px) {
    .tag-list {
        grid-template-columns: repeat(2, 2fr);
    }
}

@media (max-width: 768px) {
    .tag-list {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
    }
}



.news {
    padding-top:      70px;
    padding-bottom:   60px;
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    font-family:      'Leto Sans', sans-serif;
}

.news-content {
    -webkit-box-flex: 0;
    -ms-flex:         0 0 64%;
    flex:             0 0 64%;
}

.news-title {
    margin-bottom:  50px;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.news-card {
    display:       -webkit-box;
    display:       -ms-flexbox;
    display:       flex;
    margin-bottom: 50px;
    border-radius: 20px;
	overflow: hidden;
    background:    #F7F7F7;
}

.news-card-img {
	-webkit-box-flex: 0;
	-ms-flex:         0 0 51%;
	flex:             0 0 51%;
	display:          -webkit-box;
	display:          -ms-flexbox;
	display:          flex;
}

.news-card div.picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	background-size: cover;
    background-position: center;
	width:100%;
	height: 100%;
}

.news-card-img {
    display: block;
}

.news-card-img img {
    display: block;
}

.news-card-info {
    position: relative;
    padding:  36px 20px 26px 40px;
}

.news-card-info::after {
    content:          '';
    position:         absolute;
    left:             18px;
    top:              10%;
    display:          block;
    width:            1px;
    height:           80%;
    background-color: transparent;
}

.news-card-title {
    margin-bottom: 20px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   700;
    font-size:     20px;
    line-height:   28px;
    cursor:        pointer;
}

.news-card-title:hover {
    color: #E94090;
}

.news-card-text {
    margin-bottom: 34px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     18px;
    line-height:   25px;
    cursor:        default;
}

.news-card-link {
    display:              inline-block;
    margin-bottom:        66px;
    font-weight:          400;
    font-size:            16px;
    line-height:          21px;
    text-decoration-line: underline;
    color:                #00A1FF;
    -webkit-transition:   all 0.2s;
    -o-transition:        all 0.2s;
    transition:           all 0.2s;
}

.news-card-link:hover {
    color:  #705BDE;
    cursor: pointer;
}

.news-card-link:hover svg {
    margin-left: 6px;
}

.news-card-link:hover svg path {
    fill: #705BDE;
}

.news-card-link svg {
    margin-left:        2px;
    -webkit-transition: all 0.2s;
    -o-transition:      all 0.2s;
    transition:         all 0.2s;
}

.news-card-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap:     20px;
}

.news-card-tag {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 21px;
    color:       #8F8F8F;
}

.news-list {
    position:      relative;
    display:       -webkit-box;
    display:       -ms-flexbox;
    display:       flex;
    -ms-flex-wrap: wrap;
    flex-wrap:     wrap;
    gap:           46px 150px;
    margin-bottom: 56px;
}

.news-item {
    text-decoration:  none;
    display:          block;
    border-left:      1px solid #000;
    padding-left:     24px;
    -webkit-box-flex: 0;
    -ms-flex:         0 0 40%;
    flex:             0 0 40%;
}

.news-item-tags {
    display:       -webkit-box;
    display:       -ms-flexbox;
    display:       flex;
    gap:           20px;
    margin-bottom: 14px;
}

.news-item-tag {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 21px;
    color:       #8F8F8F;
    cursor:      pointer;
}

.news-item-link {
    text-decoration: none;
    /* display:         inline-block; */
    text-align:      left;
}

.news-item-link:hover .news-item-title {
    color: #E94090;
}

.news-item-title {
    margin-bottom: 10px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   22px;
}

.news-item-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 22px;
}

.news-btn {
    position:      relative;
    display:       block;
    margin:        0 auto;
    padding:       16px 32px 12px;
    border-radius: 15px;
    font-weight:   700;
    font-size:     16px;
    line-height:   21px;
    color:         #fff;
    background:    -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background:    linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    cursor:        pointer;
}

.news-btn:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.news-fixed-overlay {
    position:         fixed;
    overflow:         auto;
    left:             0;
    top:              0;
    width:            100%;
    height:           100%;
    background-color: #fff;
    z-index:          1020;
    display:          block;
}

.news-fixed-overlay .modal {
    font-family: 'Leto Sans', sans-serif;
}

.news-fixed-overlay .modal-head {
    margin-top: 90px;
    position:   relative;
}

.news-fixed-overlay .modal-close {
    position:            absolute;
    top:                 0;
    right:               -100px;
    width:               24px;
    height:              44px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/close-black.svg);
    background-position: center;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.news-fixed-overlay .modal-close:hover {
    background-image: url(/local/templates/redcom.ru/cmp/../img/close-purple.svg);
}

.news-fixed-overlay .modal-news-container {
    position:  relative;
    max-width: 700px;
    padding:   0;
}

.news-fixed-overlay .modal-news-title {
    margin-bottom:  32px;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.news-fixed-overlay .modal-news-content {
    max-width:      700px;
    padding-bottom: 50px;
    border-bottom:  1px solid #f1f1f1;
    margin-bottom:  40px;
}

.news-fixed-overlay .modal-news-tags {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    margin-bottom:     24px;
}

.news-fixed-overlay .modal-news-tag {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 21px;
    color:       #8F8F8F;
}

.news-fixed-overlay .modal-news-tag.green {
    position:     relative;
    color:        #4bcead;
    padding-left: 34px;
}

.news-fixed-overlay .modal-news-tag.green::before {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/news-days.svg);
    position:          absolute;
    left:              0;
    top:               -1px;
    width:             24px;
    height:            24px;
}

.news-fixed-overlay .modal-news-img {
    display:       block;
    margin-bottom: 30px;
}

.news-fixed-overlay .modal-news-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 22px;
}

.news-fixed-overlay .modal-news-text:not(:last-child) {
    margin-bottom: 30px;
}

.news-fixed-overlay .modal-news-more {
    position: absolute;
    width:    130%;
}

.news-fixed-overlay .modal-news-more-title {
    margin-bottom:  30px;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.news-fixed-overlay .modal-news-more-list {
    display:       -webkit-box;
    display:       -ms-flexbox;
    display:       flex;
    gap:           82px;
    margin-bottom: 78px;
}

.news-fixed-overlay .modal-news-more-list .news-item {
    border-left:      1px solid #000;
    padding-left:     24px;
    -webkit-box-flex: 0;
    -ms-flex:         0 0 45%;
    flex:             0 0 45%;
}

.news-fixed-overlay .modal-news-more-list .news-item-tags {
    display:       -webkit-box;
    display:       -ms-flexbox;
    display:       flex;
    gap:           20px;
    margin-bottom: 14px;
}

.news-fixed-overlay .modal-news-more-list .news-item-tag {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 21px;
    color:       #8F8F8F;
}

.news-fixed-overlay .modal-news-more-list .news-item-title {
    margin-bottom: 10px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   22px;
}

.news-fixed-overlay .modal-news-more-list .news-item-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 22px;
}

.work-content {
    position:              relative;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -webkit-box-flex:      0;
    -ms-flex:              0 0 27%;
    flex:                  0 0 27%;
}

.work-title {
    margin-bottom:  50px;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.work-list {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   26px;
    overflow-y:            overlay;
    max-height:            810px;
    padding-right:         20px;
}

.work-list::-webkit-scrollbar {
    width:         14px;
    height:        3px;
    border-radius: 6px;
}

.work-list::-webkit-scrollbar-button {
    display: none;
}

.work-list::-webkit-scrollbar-track {
    border-radius: 500px;
}

.work-list::-webkit-scrollbar-track-piece {
    border-radius: 500px;
    border:        1px solid #BBBBBB;
}

.work-list::-webkit-scrollbar-thumb {
    height:        70px;
    background:    linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    border-radius: 500px;
    width:         14px;
    max-height:    70px;
}

.work-list::-webkit-scrollbar-corner {
    border-radius: 3px;
}

.work-list::-webkit-resizer {
    background-color: #666;
}

.work-item {
    border-radius:    20px;
    padding:          16px 16px 20px 52px;
    background-color: #f7f7f7;
}

.work-item-title {
    position:          relative;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: start;
    -ms-flex-align:    start;
    align-items:       flex-start;
    margin-bottom:     14px;
    font-family:       'Lato-Regular', sans-serif;
    font-weight:       700;
    font-size:         18px;
    line-height:       25px;
}

.work-item-title svg {
    margin-right:      10px;
    -ms-flex-negative: 0;
    flex-shrink:       0;
    position:          absolute;
    left:              -36px;
}

.work-item-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 21px;
}

.work-item:first-child {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    color:      #fff;
}

.work-item:first-child svg path {
    fill: #fff;
}

.news-background-mobile {
    position: relative;
}

.news-background-mobile::before {
    content:           none;
    position:          absolute;
    display:           block;
    width:             100%;
    height:            900px;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/news-bg-mobile.png);
    background-repeat: no-repeat;
    background-size:   cover;
    z-index:           0;
}

.work-background-mobile {
    position: relative;
}

.work-background-mobile::before {
    content:           none;
    position:          absolute;
    display:           block;
    width:             100%;
    height:            918px;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/news-work-bg-mobile.png);
    background-repeat: no-repeat;
    background-size:   cover;
    z-index:           0;
}

.text-page {
    padding-top:      70px;
    padding-bottom:   120px;
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    font-family:      'Leto Sans', sans-serif;
    min-height:       60vh;
}

.text-page .swiper {
    max-height: 500px;
}

.text-page .swiper-backface-hidden .swiper-slide {
    padding:    0;
    width:      100% !important;
    max-width:  700px;
    height:     100%;
    max-height: 426px;
}

.text-page .swiper-slide picture img {
    width: 100%;
}

.text-page .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal {
    display:     -webkit-box;
    display:     -ms-flexbox;
    display:     flex;
    font-size:   32px;
    line-height: 38px;
    color:       #E94090;
    font-weight: 700;
    font-family: 'Leto Sans', sans-serif;
}

.text-page .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal .swiper-pagination-total {
    font-weight:           700;
    font-size:             20px;
    color:                 #000;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-pack:      end;
    -ms-flex-pack:         end;
    justify-content:       end;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    line-height:           32px;
    margin-left:           4px;
}

.text-page .swiper-button-next,
.text-page .swiper-button-prev {
    top:     var(--swiper-navigation-top-offset, 94.5%);
    z-index: 100;
    right:   0;
}

.text-page .swiper-button-prev,
.text-page .swiper-rtl .swiper-button-next {
    left:    88%;
    right:   58px;
    z-index: 100;
}

.text-page .swiper-button-prev:after,
.text-page .swiper-rtl .swiper-button-next:after {
    content:          '';
    background-image: url('/local/templates/redcom.ru/cmp/../img/modal-arrow-left.svg');
    width:            27px;
    height:           24px;
}

.text-page .swiper-button-next:after,
.text-page .swiper-rtl .swiper-button-prev:after {
    content:          '';
    background-image: url('/local/templates/redcom.ru/cmp/../img/modal-arrow-right.svg');
    width:            27px;
    height:           24px;
}

.text-page-content {
    -webkit-box-flex: 0;
    -ms-flex:         0 0 64%;
    flex:             0 0 64%;
}

.text-page-title {
    margin-bottom:      50px;
    font-weight:        700;
    font-size:          35px;
    line-height:        46px;
    text-transform:     uppercase;
    cursor:             pointer;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition:      color 0.3s ease-in-out;
    transition:         color 0.3s ease-in-out;
}

.text-page-title:hover {
    color: #00A1FF;
}

.text-page-fixed-overlay {
    position:         fixed;
    overflow:         auto;
    left:             0;
    top:              0;
    width:            100%;
    height:           100%;
    background-color: #fff;
    z-index:          1020;
    display:          none;
}

.text-page-fixed-overlay .modal {
    font-family: 'Leto Sans', sans-serif;
}

.text-page-fixed-overlay .modal-head {
    margin-top: 90px;
    position:   relative;
}

.text-page-fixed-overlay .modal-close {
    position:            absolute;
    top:                 0;
    right:               -100px;
    width:               24px;
    height:              44px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/close-black.svg);
    background-position: center;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.text-page-fixed-overlay .modal-close:hover {
    background-image: url(/local/templates/redcom.ru/cmp/../img/close-purple.svg);
}

.text-page-fixed-overlay .modal-text-page-container {
    position:  relative;
    max-width: 728px;
}

.text-page-fixed-overlay .modal-text-page-title {
    margin-bottom:  32px;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.text-page-fixed-overlay .modal-text-page-h1 {
    margin-bottom: 40px;
}

.text-page-fixed-overlay .modal-text-page-h1-tags {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    margin-bottom:     24px;
}

.text-page-fixed-overlay .modal-text-page-h1-tag {
    font-family:  'Lato-Regular', sans-serif;
    font-weight:  400;
    font-size:    15px;
    line-height:  21px;
    color:        #8F8F8F;
    position:     relative;
    color:        #4bcead;
    padding-left: 34px;
}

.text-page-fixed-overlay .modal-text-page-h1-tag::before {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/news-days.svg);
    position:          absolute;
    width:             24px;
    height:            23px;
    left:              0;
}

.text-page-fixed-overlay .modal-text-page-h1 img {
    display:       block;
    margin-bottom: 30px;
    width:         100%;
}

.text-page-fixed-overlay .modal-text-page-h1-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 22px;
}

.text-page-fixed-overlay .modal-text-page-h1-text:not(:last-child) {
    margin-bottom: 30px;
}

.text-page-fixed-overlay .modal-text-page-h1-link {
    color: #E94090;
}

.text-page-fixed-overlay .modal-text-page-h2 {
    margin-bottom: 38px;
}

.text-page-fixed-overlay .modal-text-page-h2-title {
    margin-bottom: 16px;
    font-weight:   700;
    font-size:     30px;
    line-height:   39px;
}

.text-page-fixed-overlay .modal-text-page-h2-block {
    margin-bottom: 40px;
}

.text-page-fixed-overlay .modal-text-page-h2-block ol li::marker {
    color: #705BDE;
}

.text-page-fixed-overlay .modal-text-page-h2-block ul li {
    list-style-type: disc;
}

.text-page-fixed-overlay .modal-text-page-h2-block ul li::marker {
    color: #E94090;
}

.text-page-fixed-overlay .modal-text-page-h2-list:not(:last-child) {
    margin-bottom: 24px;
}

.text-page-fixed-overlay .modal-text-page-h2-list-title {
    margin-bottom: 14px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   19px;
}

.text-page-fixed-overlay .modal-text-page-h2-item {
    font-family:         'Lato-Regular', sans-serif;
    font-weight:         400;
    font-size:           16px;
    line-height:         19px;
    list-style-position: inside;
}

.text-page-fixed-overlay .modal-text-page-h2-item:not(:last-child) {
    margin-bottom: 14px;
}

.text-page-fixed-overlay .modal-text-page-h2-item > .modal-text-page-h2-list {
    margin-top:   14px;
    padding-left: 24px;
}

.text-page-fixed-overlay .modal-text-page-h2-picture-img {
    margin-bottom: 10px;
    width:         100%;
}

.text-page-fixed-overlay .modal-text-page-h2-img-alt {
    margin-bottom: 30px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   300;
    font-size:     15px;
    line-height:   21px;
}

.text-page-fixed-overlay .modal-text-page-h2-block-img {
    display:       -webkit-box;
    display:       -ms-flexbox;
    display:       flex;
    -ms-flex-wrap: wrap;
    flex-wrap:     wrap;
    gap:           12px 20px;
    margin-bottom: 22px;
}

.text-page-fixed-overlay .modal-text-page-h2-block-img .modal-text-page-h2-img {
    -webkit-box-flex: 0;
    -ms-flex:         0 0 31.4%;
    flex:             0 0 31.4%;
}

.text-page-fixed-overlay .modal-text-page-h2-block-img .modal-text-page-h2-img img {
    max-width: 100%;
}

.text-page-fixed-overlay .modal-text-page-h2-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 22px;
}

.text-page-fixed-overlay .modal-text-page-h2-text span {
    font-family: 'Lato-Italic', sans-serif;
}

.text-page-fixed-overlay .modal-text-page-h3 {
    margin-bottom: 30px;
}

.text-page-fixed-overlay .modal-text-page-h3-title {
    margin-bottom: 30px;
    font-weight:   700;
    font-size:     24px;
    line-height:   31px;
}

.text-page-fixed-overlay .modal-text-page-h3-card {
    position:         relative;
    margin-bottom:    30px;
    padding:          20px 24px 18px;
    background-color: #f2f2f2;
}

.text-page-fixed-overlay .modal-text-page-h3-card-text {
    max-width:      488px;
    margin-bottom:  16px;
    font-family:    'Lato-Italic', sans-serif;
    font-weight:    400;
    font-size:      16px;
    line-height:    22px;
    letter-spacing: 0.03em;
}

.text-page-fixed-overlay .modal-text-page-h3-card-name {
    font-family:    'Lato-Regular', sans-serif;
    font-weight:    700;
    font-size:      16px;
    line-height:    24px;
    letter-spacing: 0.03em;
}

.text-page-fixed-overlay .modal-text-page-h3-card-post {
    font-family:    'Lato-Regular', sans-serif;
    font-weight:    400;
    font-size:      14px;
    line-height:    24px;
    letter-spacing: 0.03em;
}

.text-page-fixed-overlay .modal-text-page-h3-card::after {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/text-page-icon.svg);
    position:          absolute;
    top:               -16px;
    right:             -10px;
    width:             170px;
    height:            116px;
}

.text-page-fixed-overlay .modal-text-page-h3-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 22px;
}

.text-page-fixed-overlay .modal-text-page-h3-text span {
    font-weight: 700;
}

.text-page-fixed-overlay .modal-text-page-h4 {
    margin-bottom: 40px;
}

.text-page-fixed-overlay .modal-text-page-h4-title {
    margin-bottom: 26px;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
}

.text-page-fixed-overlay .modal-text-page-h5 {
    margin-bottom: 76px;
}

.text-page-fixed-overlay .modal-text-page-h5-title {
    margin-bottom: 26px;
    font-weight:   700;
    font-size:     16px;
    line-height:   21px;
}

.modal-table-head {
    background-color: #705BDE;
    border-radius:    15px 15px 0 0;
}

.modal-table-head-title {
    padding:           24px 40px 14px;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    font-weight:       700;
    font-size:         18px;
    line-height:       23px;
    color:             #fff;
}

.modal-table-row {
    display:               grid;
    grid-template-columns: repeat(3, 1fr);
}

.modal-table-row:nth-child(2n) {
    background-color: #eff2ff;
}

.modal-table-text {
    padding:           12px;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    font-family:       'Lato-Light', sans-serif;
    font-weight:       300;
    font-size:         16px;
    line-height:       24px;
    letter-spacing:    0.03em;
}

.modal-gallery-img {
    margin-bottom: 20px;
}

.modal-gallery-navigation {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
}

.modal-gallery-qt span {
    font-weight: 700;
    font-size:   20px;
    line-height: 28px;
}

.modal-gallery-qt span.active {
    font-size:   32px;
    line-height: 38px;
    color:       #E94090;
}

.modal-gallery-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap:     30px;
}

.modal-gallery-control-img {
    cursor: pointer;
}

.packs-list {
    position:      relative;
    padding-top:   74px;
    margin-bottom: 100px;
}

.packs-list-title {
    margin-bottom:  50px;
    font-family:    'Leto Sans', sans-serif;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.packs-list-content {
    display:     -webkit-box;
    display:     -ms-flexbox;
    display:     flex;
    gap:         42px;
    font-family: 'Leto Sans', sans-serif;
    position:    relative;
    flex-wrap:   wrap;
    z-index:     10;
}

.packs-list-content .packs-card {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -ms-flex-item-align:   start;
    align-self:            start;
    width:                 100%;
    max-width:             310px;
    font-family:           'Leto Sans', sans-serif;
    background:            #FFFFFF;
    border-radius:         15px;
}

.packs-card.lilac .packs-card-body svg path:not(:first-child) {
    fill: #705BDE;
}

.packs-card.green .packs-card-body svg path:not(:first-child) {
    fill: #4bcead;
}

.packs-card.purple .packs-card-body svg path:not(:first-child) {
    fill: #E94090;
}

.packs-card.orange .packs-card-body svg path:not(:first-child) {
    fill: #F7A940;
}

.packs-card.blue .packs-card-body svg path:not(:first-child) {
    fill: #00A1FF;
}


.packs-list-content .packs-card-title {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    gap:               10px;
    width:             100%;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    color:             #fff;
    padding:           24px 40px 20px;
    border-radius:     15px 15px 0 0;
}

.packs-list-content .packs-card-title p {
    font-weight:         700;
    font-size:           22px;
    line-height:         29px;
    -ms-flex-item-align: end;
    align-self:          end;
}

.packs-list-content .packs-card-body {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    padding:               0 20px 20px;
    border:                1.5px solid #F1F1F1;
    border-top:            1.5px solid transparent;
    border-radius:         0 0 15px 15px;
}

.packs-list-content .packs-card-block {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    padding-top:           20px;
    padding-bottom:        20px;
    -webkit-box-pack:      center;
    -ms-flex-pack:         center;
    justify-content:       center;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
}

.packs-list-content .packs-card-block:not(:last-child) {
    border-bottom: 1.5px solid #F1F1F1;
}

.packs-list-content .packs-card-block-speed .title {
    margin-bottom: 28px;
    font-weight:   700;
    font-size:     18px;
    line-height:   22px;
}

.packs-list-content .packs-card-block-speed .subtitle {
    font-weight: 700;
    font-size:   16px;
    line-height: 21px;
}

.packs-list-content .packs-card-block-speed .subtitle span {
    font-weight: 700;
    font-size:   60px;
    line-height: 60px;
}

.packs-list-content .packs-card-block-tv .title {
    margin-bottom: 20px;
    font-weight:   700;
    font-size:     18px;
    line-height:   22px;
    text-align:    center;
}

.packs-list-content .packs-card-block-tv .subtitle {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: baseline;
    -ms-flex-align:    baseline;
    align-items:       baseline;
    font-weight:       700;
    font-size:         14px;
    line-height:       18px;
}

.packs-list-content .packs-card-block-tv .subtitle span {
    display:       inline-block;
    padding-left:  14px;
    padding-right: 6px;
    font-weight:   700;
    font-size:     40px;
    line-height:   40px;
}

.packs-list-content .packs-card-block-list .list {
    padding-left: 10px;
}

.packs-list-content .packs-card-block-list .item {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 19px;
    list-style:  disc;
}

.packs-list-content .packs-card-block-list .item:not(:last-child) {
    margin-bottom: 10px;
}

.packs-list-content .packs-card-block-price {
    padding-top: 30px;
}

.packs-list-content .packs-card-block-price .title {
    font-weight: 400;
    font-size:   14px;
    line-height: 18px;
}

.packs-list-content .packs-card.lilac .packs-card-block-price .old-price:before {
    background: #705BDE;
}

.packs-list-content .packs-card.green .packs-card-block-price .old-price:before {
    background: #4bcead;
}

.packs-list-content .packs-card.purple .packs-card-block-price .old-price:before {
    background: #E94090;
}

.packs-list-content .packs-card-block-price span {
    font-weight: 700;
    font-size:   30px;
    line-height: 30px;
}

.packs-list-content .packs-card-btn {
    margin-bottom:   20px;
    width:           100%;
    max-width:       270px;
    padding:         16px;
    border-radius:   15px;
    font-family:     'Leto Sans', sans-serif;
    font-style:      normal;
    font-weight:     700;
    font-size:       16px;
    line-height:     18px;
    color:           #fff;
    background:      -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background:      linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
    text-align:      center;
    text-decoration: none;
}

.packs-list-content .packs-card-btn:hover {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    cursor:     pointer;
}

.packs-list-content .packs-card-link {
    display:              inline-block;
    font-weight:          400;
    font-size:            16px;
    line-height:          22px;
    text-decoration-line: underline;
    background:           transparent;
}

.packs-list-content .packs-card-link:hover {
    cursor: pointer;
}

.packs-list-content .packs-card.lilac .packs-card-title {
    background: #705BDE;
}

.packs-list-content .packs-card.lilac .packs-card-title svg path:not(:first-child) {
    fill: #705BDE;
}

.packs-list-content .packs-card.lilac .packs-card-block .item::marker {
    color: #705BDE;
}

.packs-list-content .packs-card.lilac .packs-card-btn {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.packs-list-content .packs-card.lilac .packs-card-btn:hover {
    background: -o-linear-gradient(23.76deg, #238BCD 13.25%, #60d7ff 85.68%);
    background: linear-gradient(66.24deg, #238BCD 13.25%, #60d7ff 85.68%);
}

.packs-list-content .packs-card.lilac .packs-card-link {
    color: #705BDE;
}

.packs-list-content .packs-card.lilac .packs-card-link:hover {
    color: #00A1FF;
}

.packs-list-content .packs-card.green .packs-card-title {
    background: #4bcead;
}

.packs-list-content .packs-card.green .packs-card-title svg path:not(:first-child) {
    fill: #4bcead;
}

.packs-list-content .packs-card.blue .packs-card-title svg path:not(:first-child) {
    fill: #00A1FF;
}

.packs-list-content .packs-card.orange .packs-card-title svg path:not(:first-child) {
    fill: #F7A940;
}

.packs-list-content .packs-card.green .packs-card-block .item::marker {
    color: #4bcead;
}

.packs-list-content .packs-card.blue .packs-card-block .item::marker {
    color: #00A1FF;
}

.packs-list-content .packs-card.orange .packs-card-block .item::marker {
    color: #F7A940;
}

.packs-list-content .packs-card.green .packs-card-btn {
    background: -o-linear-gradient(3.21deg, #4BCF79 6.16%, #4FD4E0 92.94%), -o-linear-gradient(2.91deg, #EF4F9C 6.42%, #F6908A 91.66%);
    background: linear-gradient(86.79deg, #4BCF79 6.16%, #4FD4E0 92.94%), linear-gradient(87.09deg, #EF4F9C 6.42%, #F6908A 91.66%);
}

.packs-list-content .packs-card.green .packs-card-btn:hover {
    background: -o-linear-gradient(23.76deg, #F7A940 13.25%, #FFDF42 85.68%);
    background: linear-gradient(66.24deg, #F7A940 13.25%, #FFDF42 85.68%);
}

.packs-list-content .packs-card.orange .packs-card-btn {
    background: -o-linear-gradient(3.21deg, #f7a940 6.16%, #f9d4a2 92.94%), -o-linear-gradient(2.91deg, #f7a940 6.42%, #f9d4a2 91.66%);
    background: linear-gradient(86.79deg, #f7a940 6.16%, #f9d4a2 92.94%), linear-gradient(87.09deg, #f7a940 6.42%, #f9d4a2 91.66%);
}

.packs-list-content .packs-card.orange .packs-card-btn:hover {
    background: -o-linear-gradient(3.21deg, #4BCF79 6.16%, #4FD4E0 92.94%), -o-linear-gradient(2.91deg, #EF4F9C 6.42%, #F6908A 91.66%);
    background: linear-gradient(86.79deg, #4BCF79 6.16%, #4FD4E0 92.94%), linear-gradient(87.09deg, #EF4F9C 6.42%, #F6908A 91.66%);
}

.packs-list-content .packs-card.blue .packs-card-btn {
    background: -o-linear-gradient(23.76deg, #238BCD 13.25%, #60d7ff 85.68%);
    background: linear-gradient(66.24deg, #238BCD 13.25%, #60d7ff 85.68%);
}

.packs-list-content .packs-card.blue .packs-card-btn:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.packs-list-content .packs-card.orange .packs-card-link {
    color: #F7A940;
}

.packs-list-content .packs-card.orange .packs-card-link:hover {
    color: #FFDF42;
}

.packs-list-content .packs-card.blue .packs-card-link {
    color: #00A1FF;
}

.packs-list-content .packs-card.blue .packs-card-link:hover {
    color: #F7A940;
}

.packs-list-content .packs-card.green .packs-card-link {
    color: #4bcead;
}

.packs-list-content .packs-card.green .packs-card-link:hover {
    color: #FDD65B;
}


.packs-list-content .packs-card.blue .packs-card-title {
    background: #00A1FF;
}

.packs-list-content .packs-card.orange .packs-card-title {
    background: #F7A940;
}


.packs-list-content .packs-card.purple .packs-card-title {
    background: #E94090;
}


.packs-list-content .packs-card.purple .packs-card-title svg path:not(:first-child) {
    fill: #E94090;
}


.packs-list-content .packs-card.purple .packs-card-block .item::marker {
    color: #E94090;
}

.packs-list-content .packs-card.purple .packs-card-btn {
    background: -o-linear-gradient(26.95deg, #EC5A8F 9.44%, #F3998B 90.37%);
    background: linear-gradient(63.05deg, #EC5A8F 9.44%, #F3998B 90.37%);
}

.packs-list-content .packs-card.purple .packs-card-btn:hover {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.packs-list-content .packs-card.purple .packs-card-link {
    color: #E94090;
}

.packs-list-content .packs-card.purple .packs-card-link:hover {
    color: #00A1FF;
}

.packs-list::after {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/packs-list-icon.svg);
    position:          absolute;
    top:               120px;
    right:             192px;
    z-index:           0;
    width:             230px;
    height:            190px;
}

.modal {
    position:          absolute;
    left:              50%;
    top:               50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform:     translate(-50%, -50%);
    transform:         translate(-50%, -50%);
    font-family:       'Leto Sans', sans-serif;
    height:            72%;
}

.modal-close {
    position:            absolute;
    top:                 20px;
    right:               20px;
    width:               30px;
    height:              30px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/close-black.svg);
    background-position: center;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.modal-close:hover {
    background-image: url(/local/templates/redcom.ru/cmp/../img/close-purple.svg);
}

.modal__container {
    padding:          40px 80px;
    width:            700px;
    border-radius:    20px;
    background-color: #fff;
}

.modal__form > p {
    font-family:   'Lato-Bold', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   22px;
    margin-bottom: 10px;
}

.modal__form-title {
    margin-bottom: 40px;
    font-weight:   700;
    font-size:     28px;
    line-height:   36px;
    text-align:    center;
}

.modal__form-input {
    padding:       14px;
    border:        1px solid #C4C4C4;
    border-radius: 15px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     16px;
    line-height:   21px;
}

.modal__form-input::-webkit-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input::-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input-group {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
    margin-bottom:         30px;
}

.modal__form-input-group.price {
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    gap:                   22px;
}

.modal__form-input-group.information {
    display:               grid;
    grid-template-columns: 48% 48%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
    row-gap:               30px;
    padding-bottom:        0;
}

.modal__form-input-group.information input:first-child {
    grid-column: 1/3;
}

.modal__form-input-group.adress {
    display:               grid;
    grid-template-columns: 44% 32% 16%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
}

.modal__form-input-group.adress select.modal__form-input {
    background:            #fff;
    -webkit-appearance:    none;
    -moz-appearance:       none;
    background-image:      url('/local/templates/redcom.ru/cmp/../img/arrow-down-select.svg');
    background-repeat:     no-repeat;
    background-position-x: 94%;
    background-position-y: 20px;
}


.modal__form-input-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 19px;
}


.modal__form-submit-btn {
    padding:       14px 68px;
    border-radius: 15px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   21px;
    color:         #FFFFFF;
    cursor:        pointer;
}

.modal__form-submit-btn.blue {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.modal__form-submit-btn.blue:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.modal__form-submit-info {
    font-weight:   250;
    font-size:     12px;
    line-height:   16px;
    padding:       0;
    margin-bottom: 0;
}

.modal__info-text {
    margin-bottom: 20px;
    font-family:   'Lato-Regular', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   19px;
}

.modal__info-text span {
    font-weight: 700;
}

.modal__info-text.hide {
    display: none;
}

.modal__info-logo-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               30px;
    margin-bottom:     26px;
    width:             458px;
}

.modal__info-btn {
    font-family:          'Lato-Regular', sans-serif;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    text-decoration-line: underline;
    color:                #E94090;
    cursor:               pointer;
}

.modal__container.content-more-detailed {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 20px;
}

.modal__container.content-more-detailed h4 {
    display:     -webkit-box;
    display:     -ms-flexbox;
    display:     flex;
    width:       100%;
    max-width:   388px;
    line-height: 31px;
    font-size:   24px;
    text-align:  center;
    margin:      0 auto 30px;
    font-family: 'Lato-Bold', sans-serif;
}

.modal__container.content-more-detailed .bold-text-more {
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
    margin-bottom: 0;
}

.modal__container.content-more-detailed p {
    margin-bottom: 30px;
}

.modal__container.content-more-detailed .list-more {
    margin-left: 20px;
    padding:     14px 0;
}

.modal__container.content-more-detailed .list-more li {
    list-style:    disc;
    margin-bottom: 14px;
}

.modal__container.content-more-detailed .list-more li:last-child {
    margin-bottom: 0;
}

.modal__container.content-more-detailed .list-more li::marker {
    color: #00A1FF;
}

.modal__container.content-more-detailed .list-more.purple li::marker {
    color: #E94090;
}

.modal__container.content-more-detailed .list-more.green li::marker {
    color: #4bcead;
}

.modal__container.content-more-detailed .list-more.lilac li::marker {
    color: #705BDE;
}

.checkbox {
    margin-bottom: 0.2em;
}

.custom-checkbox > input {
    position: absolute;
    z-index:  -1;
    opacity:  0;
}

.custom-checkbox > input:not(:disabled):not(:checked) + span:hover::before {
    border-color: #00A1FF;
}

.custom-checkbox > input:not(:disabled):active + span::before {
    background-color: #00A1FF;
    border-color:     #00A1FF;
}

.custom-checkbox > input:checked + span::before {
    border-color:     #00A1FF;
    background-color: #00A1FF;
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e');
}

.custom-checkbox > input:disabled + span::before {
    background-color: #e9ecef;
}

.custom-checkbox > span {
    display:             -webkit-inline-box;
    display:             -ms-inline-flexbox;
    display:             inline-flex;
    -webkit-box-align:   center;
    -ms-flex-align:      center;
    align-items:         center;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    user-select:         none;
}

.custom-checkbox > span::before {
    content:             '';
    display:             inline-block;
    width:               1em;
    height:              1em;
    -ms-flex-negative:   0;
    flex-shrink:         0;
    -webkit-box-flex:    0;
    -ms-flex-positive:   0;
    flex-grow:           0;
    border:              1px solid #adb5bd;
    border-radius:       0.25em;
    margin-right:        0.3em;
    background-repeat:   no-repeat;
    background-position: center center;
    background-size:     70% 70%;
}

/*.packs-table-background {*/
/*    position: relative;*/
/*}*/

.packs-table {
    padding-top: 100px;
}

.packs-table::before {
    content:           '';
    position:          absolute;
    display:           block;
    width:             100%;
    /*height: 3000px;*/
    background-image:  url(/local/templates/redcom.ru/cmp/../img/packs-table-bg.png);
    background-repeat: no-repeat;
    background-size:   cover;
    top:               -125px;
    bottom:            -360px;
    z-index:           0;
}

.webp .packs-table::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/packs-table-bg.webp);
}

.packs-table {
    position:      relative;
    margin-bottom: 312px;
}

.packs-table .table-wrap {
    text-align: center;
    display:    inline-block;
    width:      100%;
    color:      #000;
    position:   relative;
}

.packs-table table {
    width:      100%;
    margin:     0;
    padding:    0;
    background: transparent;
}

.packs-table table tbody {
    border-spacing: 10px;
    margin:         10px 0;
}

.packs-table table tr {
    padding:               14px 0;
    display:               grid;
    grid-template-columns: 58% 14% 14% 14%;
}

.packs-table table th,
.packs-table table td {
    text-align: center;
}

.packs-table table th {
    padding:           24px 0 18px;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
}

.packs-table table td {
    padding: 0;
}

.packs-table table thead tr {
    background:    #705BDE;
    border-radius: 15px 15px 0 0;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     24px;
    line-height:   31px;
    color:         #fff;
    padding:       0 30px;
}

.packs-table table tbody tr {
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    margin-top:        14px;
    padding:           20px 30px 16px;
    border-radius:     15px;
    font-family:       'Leto Sans', sans-serif;
    font-weight:       700;
    font-size:         20px;
    line-height:       26px;
    background:        #fff;
}

.packs-table table tbody tr span {
    font-weight: 700;
    font-size:   35px;
    line-height: 46px;
}

.packs-table table thead tr th:first-child {
    text-align:        left;
    text-transform:    uppercase;
    font-weight:       700;
    font-size:         35px;
    line-height:       46px;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
}

.packs-table table tbody tr td {
    border:      0;
    font-size:   15px;
    line-height: 20px;
}

.packs-table table tbody tr td:not(:first-child) {
    overflow: hidden;
}

.packs-table table tbody tr td:not(:first-child) .wrap-price {
    position: relative;
    top:      5px;
}

.packs-table table tbody tr td:nth-child(2) .wrap-price {
    border-left:  2px solid #DEDEDE;
    border-right: 2px solid #DEDEDE;
}

.packs-table table tbody tr td:nth-child(3) .wrap-price {
    border-right: 2px solid #DEDEDE;
}

.packs-table table tbody tr td:first-child {
    text-align:            left;
    font-family:           'Leto Sans', sans-serif;
    font-weight:           700;
    font-size:             20px;
    line-height:           36px;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-pack:      start;
    -ms-flex-pack:         start;
    justify-content:       start;
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction:    row-reverse;
    flex-direction:        row-reverse;
    min-height:            46px;
}

.packs-table table tbody tr td:last-child {
    border-right: none;
}

.packs-table .CellWithComment {
    position: relative;
}

.packs-table .CellWithComment .toltip {
    position:          relative;
    width:             -webkit-fit-content;
    width:             -moz-fit-content;
    width:             fit-content;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    line-height:       26px;
}

.packs-table .CellWithComment .toltip:hover {
    cursor: default;
}

.packs-table .CellComment {
    visibility:         hidden;
    width:              100%;
    max-width:          710px;
    display:            -webkit-box;
    display:            -ms-flexbox;
    display:            flex;
    position:           absolute;
    z-index:            100;
    text-align:         left;
    opacity:            0.4;
    -webkit-transition: opacity 0.2s !important;
    -o-transition:      opacity 0.2s !important;
    transition:         opacity 0.2s !important;
    background-color:   #fff;
    padding:            10px 24px;
    top:                56px !important;
    left:               0px;
    border:             1px solid #DEDEDE;
    margin-top:         0;
}

.packs-table .CellComment .text {
    position:    relative;
    padding:     14px 8px 14px 16px;
    font-family: 'Leto Sans', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 130%;
}

.packs-table .CellComment .text::after {
    content:       '';
    width:         6px;
    height:        6px;
    background:    #E94090;
    position:      absolute;
    border-radius: 50%;
    left:          0;
    top:           20px;
}

.packs-table .CellComment .text p {
    margin-bottom: 24px;
}

.packs-table .CellComment .text p:last-child {
    margin-bottom: 0;
}

.packs-table picture {
    width:      100%;
    height:     100%;
    max-width:  198px;
    max-height: 148px;
}

.focus:hover > path {
    fill:   #E94090;
    stroke: #E94090;
}

.wrapp-toltip {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    margin-left:       6px;
}

.focus:focus-visible {
    outline: none;
}

.wrapp-toltip:focus-visible {
    outline: none;
}

.CellComment.chosen {
    visibility: visible;
    opacity:    1;
}

.wrapp-toltip:hover {
    cursor: pointer;
}

.wrapp-toltip:hover + .toltip {
    color: #E94090;
}

.wrapp-toltip.next-el + .toltip {
    color: #E94090;
}

.wrapp-toltip.next-el .focus > path {
    fill:   #E94090;
    stroke: #E94090;
}

.packs-request {
    position: relative;
}

.packs-request::before {
    content:           '';
    position:          absolute;
    display:           block;
    width:             100%;
    /*height: 1665px;*/
    background-image:  url(/local/templates/redcom.ru/cmp/../img/packs-request-bg.png);
    background-repeat: no-repeat;
    background-size:   cover;
    top:               -202px;
    z-index:           -1;
    bottom:            -120px;
}

.webp .packs-request::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/packs-request-bg.webp);
}

.packs-request {
    position:         relative;
    z-index:          0;
    background-color: #f7f7f7;
    padding-bottom:   120px;
    font-family:      'Leto Sans', sans-serif;
}

.packs-request-title {
    margin-bottom:  46px;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
    position:       relative;
}

.packs-request-content {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    gap:      50px;
    position: relative;
}

.packs-request-card {
    position:         relative;
    padding:          34px 56px 30px 34px;
    border-radius:    20px;
    background-color: #FFFFFF;
    -webkit-box-flex: 0;
    -ms-flex:         0 0 38%;
    flex:             0 0 38%;
}

.packs-request-card::before {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/packs-request-icon-01.svg);
    position:          absolute;
    top:               -26px;
    left:              -144px;
    z-index:           -1;
    width:             182px;
    height:            152px;
}

.packs-request-card-title {
    margin-bottom: 4px;
    font-weight:   700;
    font-size:     24px;
    line-height:   31px;
}

.packs-request-card-text {
    margin-bottom: 32px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     16px;
    line-height:   21px;
}

.packs-request-card-link {
    font-weight:          400;
    font-size:            16px;
    line-height:          21px;
    text-decoration-line: underline;
    color:                #00A1FF;
    -webkit-transition:   all 0.2s ease;
    -o-transition:        all 0.2s ease;
    transition:           all 0.2s ease;
}

.packs-request-card-link svg {
    margin-left:        4px;
    -webkit-transition: all 0.2s ease;
    -o-transition:      all 0.2s ease;
    transition:         all 0.2s ease;
}

.packs-request-card-link:hover {
    color: #705BDE;
}

.packs-request-card-link:hover svg {
    -webkit-transform: translateX(5px);
    -ms-transform:     translateX(5px);
    transform:         translateX(5px);
}

.packs-request-card-link:hover svg path {
    fill: #705BDE;
}

.packs-request .form {
    padding:          30px 24px 24px;
    background-color: #E94090;
    border-radius:    20px;
}

.packs-request .form::after {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/packs-request-icon-02.svg);
    position:          absolute;
    top:               -282px;
    right:             -164px;
    z-index:           -1;
    width:             490px;
    height:            356px;
}

.packs-request .form-title {
    margin-bottom: 20px;
    font-weight:   700;
    font-size:     24px;
    line-height:   31px;
    color:         #fff;
}

.packs-request .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap:     16px;
}

.packs-request .form-group.buttom {
    margin-top: 20px;
}

.packs-request .form-group.buttom .city {
    width: 40%;
}

.packs-request .form-group.buttom .form-group-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap:     18px;
}

.packs-request .form-group.buttom .street {
    width: 65%;
}

.packs-request .form-group.buttom .home {
    width: 28%;
}

.packs-request .form-group.buttom .form-submit {
    width:            24%;
    padding:          16px 44px 12px;
    border-radius:    15px;
    font-family:      'Leto Sans', sans-serif;
    font-weight:      700;
    font-size:        16px;
    line-height:      21px;
    text-align:       center;
    background-color: #fff;
    cursor:           pointer;
    color:            #000;
}

.packs-request .form-group.buttom .form-submit:hover {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    color:      #fff;
}

.packs-request .form-input {
    padding:       14px 20px 14px;
    border-radius: 15px;
    width:         50%;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     16px;
    line-height:   21px;
    outline:       0;
    border:        2px solid transparent;
}

.packs-request .form-input:focus {
    border: 2px solid #00A1FF;
}

.packs-request .form-input::-webkit-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.packs-request .form-input:-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.packs-request .form-input::-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.packs-request .form-input:-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.packs-faq-background {
    position: relative;
}

.packs-faq-background::before {
    content:          '';
    position:         absolute;
    display:          block;
    width:            100%;
    height:           1600px;
    background-color: #f8f8f8;
}

.packs-faq {
    position:         relative;
    font-family:      'Leto Sans', sans-serif;
    padding-bottom:   30px;
    background-color: #f8f8f8;
}

.packs-faq-title {
    margin-bottom:  50px;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.packs-faq-list {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   24px;
    margin-bottom:         60px;
}

.packs-faq-item.ac {
    margin-top:       0;
    border:           none;
    border-radius:    15px;
    background-color: #fff;
}

.packs-faq-item.ac.is-active .ac-trigger {
    cursor:      pointer;
    font-weight: 700;
    font-size:   20px;
    line-height: 26px;
}

.packs-faq-item.ac.is-active .ac-trigger::after {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/faq-arrow.svg);
    -webkit-transform: rotate(180deg);
    -ms-transform:     rotate(180deg);
    transform:         rotate(180deg);
}

.packs-faq-item-title.ac-trigger {
    padding:     30px 60px 26px 30px;
    font-family: 'Leto Sans', sans-serif;
    font-weight: 700;
    font-size:   20px;
    line-height: 26px;
    cursor:      pointer;
}

.packs-faq-item-title.ac-trigger::after {
    content:                  '';
    background-repeat:        no-repeat;
    background-image:         url(/local/templates/redcom.ru/cmp/../img/faq-arrow.svg);
    right:                    24px;
    width:                    42px;
    height:                   28px;
    -webkit-transition:       all 0.5s ease;
    -o-transition:            all 0.5s ease;
    transition:               all 0.5s ease;
    -webkit-transform-origin: center 6px;
    -ms-transform-origin:     center 6px;
    transform-origin:         center 6px;
}

.packs-faq-item-title.ac-trigger:focus {
    color: #705BDE;
}

.packs-faq .ac-panel .ac-text {
    padding:     0px 26px 26px 30px;
    max-width:   750px;
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 21px;
}

.packs-faq-info {
    font-weight: 400;
    font-size:   18px;
    line-height: 140%;
}

.net-list {
    position:      relative;
    margin-bottom: 100px;
    font-family:   'Leto Sans', sans-serif;
}

.net-list-title {
    margin-bottom:  50px;
    font-family:    'Leto Sans', sans-serif;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.net-list-content {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               grid;
    grid-template-columns: repeat(3, 3fr);
    gap:                   72px;
    font-family:           'Leto Sans', sans-serif;
    position:              relative;
    z-index:               10;
}

.net-list-content .net-card {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -ms-flex-item-align:   start;
    align-self:            start;
    padding-bottom:        30px;
    width:                 100%;
    border:                1.5px solid #F1F1F1;
    border-radius:         15px;
    font-family:           'Leto Sans', sans-serif;
    background:            #FFFFFF;
}

.net-list-content .net-card-title {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    gap:               10px;
    width:             100%;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    color:             #fff;
    padding:           24px 40px 20px;
    border-radius:     15px 15px 0 0;
}

.net-list-content .net-card-title p {
    font-weight:         700;
    font-size:           22px;
    line-height:         29px;
    -ms-flex-item-align: end;
    align-self:          end;
}

.net-list-content .net-card-body {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    padding:               0 20px;
}

.net-list-content .net-card-block {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    padding-top:           20px;
    padding-bottom:        20px;
    -webkit-box-pack:      center;
    -ms-flex-pack:         center;
    justify-content:       center;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    border-bottom:         1.5px solid #F1F1F1;
}

.net-list-content .net-card-block-tarif {
    padding-top: 34px;
}

.net-list-content .net-card-block-tarif .tarif-speed {
    margin-bottom:     34px;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               18px;
}

.net-list-content .net-card-block-tarif .tarif-speed-info {
    font-weight: 700;
    font-size:   18px;
    line-height: 22px;
}

.net-list-content .net-card-block-tarif .tarif-speed-info span {
    font-weight: 700;
    font-size:   60px;
    line-height: 1;
}

.net-list-content .net-card-block-tarif .tarif-title {
    margin-bottom: 14px;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
}

.net-list-content .net-card-block-tarif .tarif-list {
    padding-left: 10px;
}

.net-list-content .net-card-block-tarif .tarif-item {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 21px;
    list-style:  disc;
}

.net-list-content .net-card-block-tarif .tarif-item:not(:last-child) {
    margin-bottom: 12px;
}

.net-list-content .net-card-block-router {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    gap:                   40px;
}

.net-list-content .net-card-block-router .router-info-text:not(:last-child) {
    margin-bottom: 8px;
}

.net-list-content .net-card-block-router .router-info-text-title {
    font-weight: 700;
    font-size:   18px;
    line-height: 23px;
}

.net-list-content .net-card-block-router .router-info-text-subtitle {
    font-weight: 700;
    font-size:   18px;
    line-height: 23px;
}

.net-list-content .net-card-bottom {
    padding-top:           30px;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -ms-flex-item-align:   normal;
    align-self:            normal;
}

.net-list-content .net-card-price {
    font-weight: 400;
    font-size:   14px;
    line-height: 18px;
}


.net-list-content .net-card.lilac .old-price::before {
    background: #705BDE;
}

.net-list-content .net-card.green .old-price::before {
    background: #4bcead;
}

.net-list-content .net-card.purple .old-price::before {
    background: #E94090;
}

.net-list-content .net-card-price span {
    font-weight: 700;
    font-size:   30px;
    line-height: 30px;
}

.net-list-content .net-card-btn {
    width:           50%;
    max-width:       270px;
    padding:         16px;
    border-radius:   15px;
    font-family:     'Leto Sans', sans-serif;
    font-style:      normal;
    font-weight:     700;
    font-size:       16px;
    line-height:     18px;
    color:           #fff;
    background:      -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background:      linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
    text-align:      center;
    text-decoration: none;
}

.net-list-content .net-card-btn:hover {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    cursor:     pointer;
}

.net-list-content .net-card.lilac .net-card-title {
    background: #705BDE;
}


.net-list-content .net-card.lilac .net-card-title svg path:not(:first-child),
.net-list-content .net-card.lilac .tarif-speed svg path:not(:first-child),
.net-list-content .net-card.lilac .net-card-block-router svg path {
    fill: #705BDE;
}


.net-list-content .net-card.orange .net-card-title {
    background: #F7A940;
}

.net-list-content .net-card.orange .net-card-title svg path:not(:first-child),
.net-list-content .net-card.orange .tarif-speed svg path:not(:first-child),
.net-list-content .net-card.orange .net-card-block-router svg path {
    fill: #F7A940;
}

.net-list-content .net-card.orange .net-card-btn {
    background: -o-linear-gradient(23.76deg, #F7A940 13.25%, #FFDF42 85.68%);
    background: linear-gradient(66.24deg, #F7A940 13.25%, #FFDF42 85.68%);
}

.net-list-content .net-card.orange .net-card-btn:hover {
    background: -o-linear-gradient(3.21deg, #4BCF79 6.16%, #4FD4E0 92.94%), -o-linear-gradient(2.91deg, #EF4F9C 6.42%, #F6908A 91.66%);
    background: linear-gradient(86.79deg, #4BCF79 6.16%, #4FD4E0 92.94%), linear-gradient(87.09deg, #EF4F9C 6.42%, #F6908A 91.66%);
}

.net-list-content .net-card.blue .net-card-title {
    background: #00A1FF;
}

.net-list-content .net-card.blue .net-card-title svg path:not(:first-child),
.net-list-content .net-card.blue .tarif-speed svg path:not(:first-child),
.net-list-content .net-card.blue .net-card-block-router svg path {
    fill: #00A1FF;
}

.net-list-content .net-card.blue .net-card-btn {
    background: -o-linear-gradient(3.21deg, #00a1ff 6.16%, #00a1ff 92.94%), -o-linear-gradient(2.91deg, #00a1ff 6.42%, #00a1ff 91.66%);
    background: linear-gradient(86.79deg, #00a1ff 6.16%, #00a1ff 92.94%), linear-gradient(87.09deg, #00a1ff 6.42%, #00a1ff 91.66%);
}

.net-list-content .net-card.blue .net-card-btn:hover {
    background: -o-linear-gradient(23.76deg, #F7A940 13.25%, #FFDF42 85.68%);
    background: linear-gradient(66.24deg, #F7A940 13.25%, #FFDF42 85.68%);
}

.net-list-content .net-card.green .net-card-title svg path:not(:first-child),
.net-list-content .net-card.green .tarif-speed svg path:not(:first-child),
.net-list-content .net-card.green .net-card-block-router svg path {
    fill: #4bcead;
}

.net-list-content .net-card.purple .net-card-title svg path:not(:first-child),
.net-list-content .net-card.purple .tarif-speed svg path:not(:first-child),
.net-list-content .net-card.purple .net-card-block-router svg path {
    fill: #E94090;
}

.net-list-content .net-card.purple .net-card-block .tarif-item::marker {
    color: #E94090;
}

.net-list-content .net-card.lilac .net-card-btn {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.net-list-content .net-card.lilac .net-card-btn:hover {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.net-list-content .net-card.lilac .net-card-link {
    color: #705BDE;
}

.net-list-content .net-card.lilac .net-card-link:hover {
    color: #00A1FF;
}

.net-list-content .net-card.green .net-card-title {
    background: #4bcead;
}

.net-list-content .net-card.green .net-card-block .tarif-item::marker {
    color: #4bcead;
}

.net-list-content .net-card.green .net-card-btn {
    background: -o-linear-gradient(3.21deg, #4BCF79 6.16%, #4FD4E0 92.94%), -o-linear-gradient(2.91deg, #EF4F9C 6.42%, #F6908A 91.66%);
    background: linear-gradient(86.79deg, #4BCF79 6.16%, #4FD4E0 92.94%), linear-gradient(87.09deg, #EF4F9C 6.42%, #F6908A 91.66%);
}

.net-list-content .net-card.green .net-card-btn:hover {
    background: -o-linear-gradient(23.76deg, #F7A940 13.25%, #FFDF42 85.68%);
    background: linear-gradient(66.24deg, #F7A940 13.25%, #FFDF42 85.68%);
}

.net-list-content .net-card.green .net-card-link {
    color: #4bcead;
}

.net-list-content .net-card.green .net-card-link:hover {
    color: #00A1FF;
}

.net-list-content .net-card.purple .net-card-title {
    background: #E94090;
}

.net-list-content .net-card.purple .net-card-block .tarif-item::marker {
    color: #E94090;
}

.net-list-content .net-card.purple .net-card-btn {
    background: -o-linear-gradient(26.95deg, #EC5A8F 9.44%, #F3998B 90.37%);
    background: linear-gradient(63.05deg, #EC5A8F 9.44%, #F3998B 90.37%);
}

.net-list-content .net-card.purple .net-card-btn:hover {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.net-list-content .net-card.purple .net-card-link {
    color: #E94090;
}

.net-list-content .net-card.purple .net-card-link:hover {
    color: #00A1FF;
}

.net-list::after {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/net-list-icon.svg);
    position:          absolute;
    bottom:            -30px;
    right:             -250px;
    z-index:           1;
    width:             322px;
    height:            220px;
}

.modal {
    position:          absolute;
    left:              50%;
    top:               50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform:     translate(-50%, -50%);
    transform:         translate(-50%, -50%);
    font-family:       'Leto Sans', sans-serif;
    height:            72%;
}

.modal-close {
    position:            absolute;
    top:                 20px;
    right:               20px;
    width:               30px;
    height:              30px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/close-black.svg);
    background-position: center;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.modal-close:hover {
    background-image: url(/local/templates/redcom.ru/cmp/../img/close-purple.svg);
}

.modal__container {
    padding:          40px 80px;
    width:            700px;
    border-radius:    20px;
    background-color: #fff;
}

.modal__form > p {
    font-family:   'Lato-Bold', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   22px;
    margin-bottom: 10px;
}

.modal__form-title {
    margin-bottom: 40px;
    font-weight:   700;
    font-size:     28px;
    line-height:   36px;
    text-align:    center;
}

.modal__form-input {
    padding:       14px;
    border:        1px solid #C4C4C4;
    border-radius: 15px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     16px;
    line-height:   21px;
}

.modal__form-input::-webkit-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input::-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input-group {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
    margin-bottom:         30px;
}

.modal__form-input-group.price {
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    gap:                   22px;
}

.modal__form-input-group.information {
    display:               grid;
    grid-template-columns: 48% 48%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
    row-gap:               30px;
    padding-bottom:        0;
}

.modal__form-input-group.information input:first-child {
    grid-column: 1/3;
}

.modal__form-input-group.adress {
    display:               grid;
    grid-template-columns: 44% 32% 16%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
}

.modal__form-input-group.adress select.modal__form-input {
    background:            #fff;
    -webkit-appearance:    none;
    -moz-appearance:       none;
    background-image:      url('/local/templates/redcom.ru/cmp/../img/arrow-down-select.svg');
    background-repeat:     no-repeat;
    background-position-x: 94%;
    background-position-y: 20px;
}


.modal__form-input-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 19px;
}


.modal__form-submit-btn {
    padding:       14px 68px;
    border-radius: 15px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   21px;
    color:         #FFFFFF;
    cursor:        pointer;
}

.modal__form-submit-btn.blue {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.modal__form-submit-btn.blue:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.modal__form-submit-info {
    font-weight:   250;
    font-size:     12px;
    line-height:   16px;
    padding:       0;
    margin-bottom: 0;
}

.modal__info-text {
    margin-bottom: 20px;
    font-family:   'Lato-Regular', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   19px;
}

.modal__info-text span {
    font-weight: 700;
}

.modal__info-text.hide {
    display: none;
}

.modal__info-logo-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               30px;
    margin-bottom:     26px;
    width:             458px;
}

.modal__info-btn {
    font-family:          'Lato-Regular', sans-serif;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    text-decoration-line: underline;
    color:                #E94090;
    cursor:               pointer;
}

.modal__container.content-more-detailed {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 20px;
}

.modal__container.content-more-detailed h4 {
    display:     -webkit-box;
    display:     -ms-flexbox;
    display:     flex;
    width:       100%;
    max-width:   388px;
    line-height: 31px;
    font-size:   24px;
    text-align:  center;
    margin:      0 auto 30px;
    font-family: 'Lato-Bold', sans-serif;
}

.modal__container.content-more-detailed .bold-text-more {
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
    margin-bottom: 0;
}

.modal__container.content-more-detailed p {
    margin-bottom: 30px;
}

.modal__container.content-more-detailed .list-more {
    margin-left: 20px;
    padding:     14px 0;
}

.modal__container.content-more-detailed .list-more li {
    list-style:    disc;
    margin-bottom: 14px;
}

.modal__container.content-more-detailed .list-more li:last-child {
    margin-bottom: 0;
}

.modal__container.content-more-detailed .list-more li::marker {
    color: #00A1FF;
}

.modal__container.content-more-detailed .list-more.purple li::marker {
    color: #E94090;
}

.modal__container.content-more-detailed .list-more.green li::marker {
    color: #4bcead;
}

.modal__container.content-more-detailed .list-more.lilac li::marker {
    color: #705BDE;
}

.checkbox {
    margin-bottom: 0.2em;
}

.custom-checkbox > input {
    position: absolute;
    z-index:  -1;
    opacity:  0;
}

.custom-checkbox > input:not(:disabled):not(:checked) + span:hover::before {
    border-color: #00A1FF;
}

.custom-checkbox > input:not(:disabled):active + span::before {
    background-color: #00A1FF;
    border-color:     #00A1FF;
}

.custom-checkbox > input:checked + span::before {
    border-color:     #00A1FF;
    background-color: #00A1FF;
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e');
}

.custom-checkbox > input:disabled + span::before {
    background-color: #e9ecef;
}

.custom-checkbox > span {
    display:             -webkit-inline-box;
    display:             -ms-inline-flexbox;
    display:             inline-flex;
    -webkit-box-align:   center;
    -ms-flex-align:      center;
    align-items:         center;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    user-select:         none;
}

.custom-checkbox > span::before {
    content:             '';
    display:             inline-block;
    width:               1em;
    height:              1em;
    -ms-flex-negative:   0;
    flex-shrink:         0;
    -webkit-box-flex:    0;
    -ms-flex-positive:   0;
    flex-grow:           0;
    border:              1px solid #adb5bd;
    border-radius:       0.25em;
    margin-right:        0.3em;
    background-repeat:   no-repeat;
    background-position: center center;
    background-size:     70% 70%;
}

.net-nav {
    padding-top:    70px;
    padding-bottom: 60px;
    font-family:    'Leto Sans', sans-serif;
}

.net-nav__list {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: start;
    -ms-flex-pack:    start;
    justify-content:  flex-start;
    gap:              40px;
    max-width:        1080px;
}

.net-nav__list-link {
    display:         inline-block;
    text-decoration: none;
    padding:         10px 30px 10px 30px;
    border:          1px solid #8D8D8F;
    border-radius:   21px;
    font-family:     'Leto Sans', sans-serif;
    font-weight:     400;
    font-size:       16px;
    line-height:     21px;
    background:      #fff;
}

.net-nav__list-link:hover {
    background-color: #705BDE;
    color:            #fff;
}

.net-table {
    position:         relative;
    margin-bottom:    110px;
    background-color: #f7f7f7;
}

.net-table .table-wrap {
    position:      relative;
    margin-bottom: 70px;
    text-align:    center;
    display:       inline-block;
    width:         100%;
    color:         #000;
    z-index:       2;
}

.net-table .table-wrap::after {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/net-table-icon.svg);
    position:          absolute;
    bottom:            -46px;
    left:              -104px;
    z-index:           -1;
    width:             230px;
    height:            190px;
}

.net-table table {
    width:      100%;
    margin:     0;
    padding:    0;
    background: transparent;
}

.net-table table tbody {
    border-spacing: 10px;
    margin:         10px 0;
}

.net-table table tr {
    padding:               14px 0;
    display:               grid;
    grid-template-columns: 58% 14% 14% 14%;
}

.net-table table th,
.net-table table td {
    text-align: center;
}

.net-table table th {
    padding:           24px 0 18px;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
}

.net-table table td {
    padding: 0;
}

.net-table table thead tr {
    background:    #705BDE;
    border-radius: 15px 15px 0 0;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     24px;
    line-height:   31px;
    color:         #fff;
    padding:       0 30px;
}

.net-table table tbody tr {
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    margin-top:        20px;
    padding:           20px 30px 16px;
    border-radius:     15px;
    font-family:       'Leto Sans', sans-serif;
    font-weight:       700;
    font-size:         20px;
    line-height:       26px;
    background:        #fff;
}

.net-table table tbody tr span {
    font-weight: 700;
    font-size:   35px;
    line-height: 46px;
}

.net-table table thead tr th:first-child {
    text-align:        left;
    text-transform:    uppercase;
    font-weight:       700;
    font-size:         35px;
    line-height:       46px;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
}

.net-table table tbody tr td {
    border:      0;
    font-size:   15px;
    line-height: 20px;
}

.net-table table tbody tr td:not(:first-child) {
    overflow: hidden;
}

.net-table table tbody tr td:not(:first-child) .wrap-price {
    position: relative;
    top:      5px;
}

.net-table table tbody tr td:nth-child(2) .wrap-price {
    border-left:  2px solid #DEDEDE;
    border-right: 2px solid #DEDEDE;
}

.net-table table tbody tr td:nth-child(3) .wrap-price {
    border-right: 2px solid #DEDEDE;
}

.net-table table tbody tr td:first-child {
    text-align:            left;
    font-family:           'Leto Sans', sans-serif;
    font-weight:           700;
    font-size:             20px;
    line-height:           36px;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-pack:      start;
    -ms-flex-pack:         start;
    justify-content:       start;
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction:    row-reverse;
    flex-direction:        row-reverse;
    min-height:            46px;
}

.net-table table tbody tr td:last-child {
    border-right: none;
}

.net-table .CellWithComment {
    position: relative;
}

.net-table .CellWithComment .toltip {
    position:          relative;
    width:             -webkit-fit-content;
    width:             -moz-fit-content;
    width:             fit-content;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    line-height:       26px;
}

.net-table .CellWithComment .toltip:hover {
    cursor: default;
}

.net-table .CellComment {
    visibility:         hidden;
    width:              100%;
    max-width:          710px;
    display:            -webkit-box;
    display:            -ms-flexbox;
    display:            flex;
    position:           absolute;
    z-index:            100;
    text-align:         left;
    opacity:            0.4;
    -webkit-transition: opacity 0.2s !important;
    -o-transition:      opacity 0.2s !important;
    transition:         opacity 0.2s !important;
    background-color:   #fff;
    padding:            10px 24px;
    top:                56px !important;
    left:               0px;
    border:             1px solid #DEDEDE;
    margin-top:         0;
}

.net-table .CellComment .text {
    position:    relative;
    padding:     14px 8px 14px 16px;
    font-family: 'Leto Sans', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 130%;
}

.net-table .CellComment .text::after {
    content:       '';
    width:         6px;
    height:        6px;
    background:    #E94090;
    position:      absolute;
    border-radius: 50%;
    left:          0;
    top:           20px;
}

.net-table .CellComment .text p {
    margin-bottom: 24px;
}

.net-table .CellComment .text p:last-child {
    margin-bottom: 0;
}

.net-table picture {
    width:      100%;
    height:     100%;
    max-width:  198px;
    max-height: 148px;
}

.net-table .CellComment.chosen {
    visibility: visible;
    opacity:    1;
}

.net-table .wrapp-toltip {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    margin-left:       6px;
}

.net-table .focus:focus-visible {
    outline: none;
}

.net-table .wrapp-toltip:focus-visible {
    outline: none;
}

.net-table-info {
    position:          relative;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    gap:               60px;
    -webkit-box-align: start;
    -ms-flex-align:    start;
    align-items:       flex-start;
    z-index:           1;
}

.net-table-info::after {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/net-table-icon-02.svg);
    position:          absolute;
    bottom:            -74px;
    right:             0;
    z-index:           0;
    width:             406px;
    height:            284px;
}

.net-table-info-card {
    -webkit-box-flex: 0;
    -ms-flex:         0 0 30%;
    flex:             0 0 30%;
    padding:          18px 36px 20px 40px;
    background-color: #fff;
    border-radius:    15px;
}

.net-table-info-card .info-card-title {
    margin-bottom: 14px;
    font-weight:   700;
    font-size:     20px;
    line-height:   28px;
    display:       list-item;
}

.net-table-info-card .info-card-title::marker {
    color: #705BDE;
}

.net-table-info-card .info-card-subtitle {
    margin-bottom: 14px;
    font-weight:   400;
    font-size:     18px;
    line-height:   25px;
}

.net-table-info-card .info-card-subtitle.little-subtitle {
    margin-bottom: 20px;
}

.net-table-info-card .info-card-subtitle span {
    font-weight:    700;
    font-size:      22px;
    line-height:    31px;
    text-transform: uppercase;
    color:          #E94090;
}

.net-table-info-card .info-card-subtitle span.little-subtitle {
    font-size:   18px;
    line-height: 25px;
}

.net-table-info-card .info-card-text {
    font-weight: 400;
    font-size:   18px;
    line-height: 25px;
}

.net-table-info-card .info-card-text span {
    font-weight: 700;
    color:       #E94090;
}

.net-table .net-table-info .net-table-bg-mobile {
    display: none;
}

.focus:hover > path {
    fill:   #E94090;
    stroke: #E94090;
}

.wrapp-toltip {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    margin-left:       6px;
}

.focus:focus-visible {
    outline: none;
}

.wrapp-toltip:focus-visible {
    outline: none;
}

.CellComment.chosen {
    visibility: visible;
    opacity:    1;
}

.wrapp-toltip:hover {
    cursor: pointer;
}

.wrapp-toltip:hover + .toltip {
    color: #E94090;
}

.wrapp-toltip.next-el + .toltip {
    color: #E94090;
}

.wrapp-toltip.next-el .focus > path {
    fill:   #E94090;
    stroke: #E94090;
}

.net-request {
    position: relative;
}

.net-request::before {
    content:           '';
    position:          absolute;
    display:           block;
    width:             100%;
    /*height: 1665px;*/
    background-image:  url(/local/templates/redcom.ru/cmp/../img/packs-table-bg.png);
    background-repeat: no-repeat;
    background-size:   cover;
    top:               -115px;
    bottom:            -40px;
    z-index:           0;
}

.net-request {
    position:       relative;
    z-index:        0;
    padding-bottom: 100px;
    font-family:    'Leto Sans', sans-serif;
}

.net-request-title {
    margin-bottom:  46px;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
    position:       relative;
}

.net-request-content {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    gap:      50px;
    position: relative;
}

.net-request-card {
    padding:          48px 58px 44px 30px;
    border-radius:    20px;
    background-color: #FFFFFF;
    -webkit-box-flex: 0;
    -ms-flex:         0 0 38%;
    flex:             0 0 38%;
}

.net-request-card-title {
    margin-bottom: 14px;
    font-weight:   700;
    font-size:     24px;
    line-height:   31px;
}

.net-request-card-text {
    margin-bottom: 30px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     14px;
    line-height:   18px;
}

.net-request-card-link {
    font-weight:          400;
    font-size:            16px;
    line-height:          21px;
    text-decoration-line: underline;
    color:                #00A1FF;
    -webkit-transition:   all 0.2s ease;
    -o-transition:        all 0.2s ease;
    transition:           all 0.2s ease;
}

.net-request-card-link svg {
    margin-left:        4px;
    -webkit-transition: all 0.2s ease;
    -o-transition:      all 0.2s ease;
    transition:         all 0.2s ease;
}

.net-request-card-link:hover {
    color: #705BDE;
}

.net-request-card-link:hover svg {
    -webkit-transform: translateX(5px);
    -ms-transform:     translateX(5px);
    transform:         translateX(5px);
}

.net-request-card-link:hover svg path {
    fill: #705BDE;
}

.net-request .form {
    padding:       30px 24px 24px;
    background:    -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background:    linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    border-radius: 20px;
}

.net-request .form-title {
    margin-bottom: 20px;
    font-weight:   700;
    font-size:     24px;
    line-height:   31px;
    color:         #fff;
}

.net-request .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap:     16px;
}

.net-request .form-group.buttom {
    margin-top: 20px;
}

.net-request .form-group.buttom .city {
    width: 40%;
}

.net-request .form-group.buttom .form-group-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap:     18px;
}

.net-request .form-group.buttom .street {
    width: 65%;
}

.net-request .form-group.buttom .home {
    width: 28%;
}

.net-request .form-group.buttom .form-submit {
    width:            24%;
    padding:          16px 44px 12px;
    border-radius:    15px;
    font-family:      'Leto Sans', sans-serif;
    font-weight:      700;
    font-size:        16px;
    line-height:      21px;
    text-align:       center;
    background-color: #fff;
    cursor:           pointer;
    color:            #000;
}

.net-request .form-group.buttom .form-submit:hover {
    background: -o-linear-gradient(3.21deg, #4BCF79 6.16%, #4FD4E0 92.94%), -o-linear-gradient(2.91deg, #EF4F9C 6.42%, #F6908A 91.66%);
    background: linear-gradient(86.79deg, #4BCF79 6.16%, #4FD4E0 92.94%), linear-gradient(87.09deg, #EF4F9C 6.42%, #F6908A 91.66%);
    color:      #fff;
}

.net-request .form-input {
    padding:       14px 20px 14px;
    border-radius: 15px;
    width:         50%;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     16px;
    line-height:   21px;
    border:        2px solid transparent;
    outline:       0;
}

.net-request .form-input:focus {
    border: 2px solid #E94090;
}

.net-request .form-input::-webkit-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.net-request .form-input:-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.net-request .form-input::-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.net-request .form-input:-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.net-faq {
    position:         relative;
    font-family:      'Leto Sans', sans-serif;
    padding-bottom:   30px;
    background-color: #f8f8f8;
    z-index:          1;
}

.net-faq-title {
    margin-bottom:  50px;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.net-faq-list {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   24px;
    margin-bottom:         60px;
}

.net-faq-item.ac {
    margin-top:       0;
    border:           none;
    border-radius:    15px;
    background-color: #fff;
}

.net-faq-item.ac.is-active .ac-trigger {
    cursor:      pointer;
    font-weight: 700;
    font-size:   20px;
    line-height: 26px;
}

.net-faq-item.ac.is-active .ac-trigger::after {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/faq-arrow.svg);
    -webkit-transform: rotate(180deg);
    -ms-transform:     rotate(180deg);
    transform:         rotate(180deg);
}

.net-faq-item-title.ac-trigger {
    padding:     30px 26px 26px 30px;
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 700;
    font-size:   20px;
    line-height: 26px;
    cursor:      pointer;
    padding:     30px 26px 26px 30px;
}

.net-faq-item-title.ac-trigger::after {
    content:                  '';
    background-repeat:        no-repeat;
    background-image:         url(/local/templates/redcom.ru/cmp/../img/faq-arrow.svg);
    right:                    26px;
    width:                    42px;
    height:                   28px;
    -webkit-transition:       all 0.5s ease;
    -o-transition:            all 0.5s ease;
    transition:               all 0.5s ease;
    -webkit-transform-origin: center 6px;
    -ms-transform-origin:     center 6px;
    transform-origin:         center 6px;
}

.net-faq-item-title.ac-trigger:focus {
    color: #705BDE;
}

.net-faq .ac-panel .ac-text {
    padding:     0px 26px 26px 30px;
    max-width:   750px;
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 21px;
}

.net-faq-info {
    font-weight: 400;
    font-size:   18px;
    line-height: 140%;
}

.tv-list {
    position:      relative;
    margin-bottom: 84px;
    font-family:   'Leto Sans', sans-serif;
    z-index:       99;
}

.tv-list-head {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    margin-bottom:     50px;
}

.tv-list-head-link {
    position:        relative;
    padding:         12px 44px 12px 14px;
    border-radius:   15px;
    font-weight:     700;
    font-size:       16px;
    line-height:     21px;
    color:           #fff;
    background:      -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background:      linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    text-decoration: none;
}

.tv-list-head-link::after {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/tv-download.svg);
    position:          absolute;
    right:             15px;
    top:               8px;
    width:             24px;
    height:            24px;
}

.tv-list-head-link:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.tv-list-title {
    font-family:    'Leto Sans', sans-serif;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.tv-list-content {
    display:     -webkit-box;
    display:     -ms-flexbox;
    display:     flex;
    gap:         72px;
    font-family: 'Leto Sans', sans-serif;
    position:    relative;
    z-index:     10;
}

.tv-list-content .tv-card {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -ms-flex-item-align:   start;
    align-self:            start;
    width:                 100%;
    border-radius:         15px;
    font-family:           'Leto Sans', sans-serif;
    -ms-flex-item-align:   normal;
    align-self:            normal;
}

.tv-list-content .tv-card-head {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    gap:               15px;
    -webkit-box-flex:  0;
    -ms-flex:          0 0 84px;
    flex:              0 0 84px;
    width:             100%;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    color:             #fff;
    padding:           12px;
    border-radius:     15px 15px 0 0;
}

.tv-list-content .tv-card-head p {
    font-weight: 700;
    font-size:   22px;
    line-height: 29px;
}

.tv-list-content .tv-card-body {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    padding:               0 20px;
    margin-bottom:         60px;
    min-height:            450px;
    border-radius:         0 0 15px 15px;
    background:            #fff;
    -webkit-box-flex:      0;
    -ms-flex:              0 0 30%;
    flex:                  0 0 30%;
}

.tv-list-content .tv-card-block {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    padding-top:           20px;
    padding-bottom:        20px;
    -webkit-box-pack:      center;
    -ms-flex-pack:         center;
    justify-content:       center;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    border-bottom:         1.5px solid #F1F1F1;
}

.tv-list-content .tv-card-block-canal {
    padding-top: 18px;
}

.tv-list-content .tv-card-block-canal .canal-speed {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               18px;
}

.tv-list-content .tv-card-block-canal .canal-speed-info {
    font-weight: 700;
    font-size:   18px;
    line-height: 22px;
}

.tv-list-content .tv-card-block-canal .canal-speed-info span {
    font-weight: 700;
    font-size:   60px;
    line-height: 1;
}

.tv-list-content .tv-card-block-canal .canal-title {
    margin-bottom: 24px;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
}

.tv-list-content .tv-card-block-descr {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-pack:      normal;
    -ms-flex-pack:         normal;
    justify-content:       normal;
    padding-top:           30px;
    padding-bottom:        30px;
}

.tv-list-content .tv-card-block-descr .descr-item {
    font-weight:  400;
    font-size:    16px;
    line-height:  21px;
    display:      block;
    position:     relative;
    padding-left: 14px;
}

.tv-list-content .tv-card-block-descr .descr-item::after {
    content:       '';
    width:         6px;
    height:        6px;
    border-radius: 50%;
    background:    #4bcead;
    position:      absolute;
    left:          0;
    top:           6px;
}

.tv-list-content .tv-card-block-descr .descr-item:not(:last-child) {
    margin-bottom: 18px;
}

.tv-list-content .tv-card-bottom {
    margin-bottom:         30px;
    padding-top:           30px;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -ms-flex-item-align:   normal;
    align-self:            normal;
}

.tv-list-content .tv-card-price {
    font-weight: 400;
    font-size:   14px;
    line-height: 18px;
}

.tv-list-content .tv-card.green .old-price::before {
    background: #4bcead;
}

.tv-list-content .tv-card.lilac .old-price::before {
    background: #705BDE;
}

.tv-list-content .tv-card.purple .old-price::before {
    background: #E94090;
}

.tv-list-content .tv-card-price span {
    font-weight: 700;
    font-size:   30px;
    line-height: 30px;
}

.tv-list-content .tv-card-btn {
    width:           50%;
    max-width:       270px;
    padding:         16px;
    border-radius:   15px;
    font-family:     'Leto Sans', sans-serif;
    font-style:      normal;
    font-weight:     700;
    font-size:       16px;
    line-height:     18px;
    color:           #fff;
    background:      -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background:      linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
    text-align:      center;
    text-decoration: none;
}

.tv-list-content .tv-card-btn:hover {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    cursor:     pointer;
}

.tv-list-content .tv-card-info {
    padding:          20px 18px 24px;
    background-color: #fff;
    border-radius:    15px;
    -webkit-box-flex: 0;
    -ms-flex:         0 0 212px;
    flex:             0 0 212px;
}

.tv-list-content .tv-card-info-item {
    font-weight:  400;
    font-size:    16px;
    line-height:  21px;
    display:      block;
    position:     relative;
    padding-left: 14px;
}

.tv-list-content .tv-card-info-item::after {
    content:       '';
    width:         6px;
    height:        6px;
    border-radius: 50%;
    background:    #4bcead;
    position:      absolute;
    left:          0;
    top:           6px;
}

.tv-list-content .tv-card-info-item:not(:last-child) {
    margin-bottom: 18px;
}

.tv-list-content .tv-card-info-mobile {
    display: none;
}

.tv-list-content .tv-card-info-mobile + .tv-list-head-link {
    display: none;
}

.tv-list-content .tv-card.lilac .tv-card-head {
    background: #705BDE;
}

.tv-list-content .tv-card.lilac .tv-card-head svg path:not(:first-child),
.tv-list-content .tv-card.lilac .canal-speed svg path:not(:first-child) {
    fill: #705BDE;
}

.tv-list-content .tv-card.lilac .tv-card-btn {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.tv-list-content .tv-card.lilac .tv-card-btn:hover {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.tv-list-content .tv-card.green .tv-card-head {
    background: #4bcead;
}

.tv-list-content .tv-card.green .tv-card-head svg path:not(:first-child),
.tv-list-content .tv-card.green .canal-speed svg path:not(:first-child) {
    fill: #4bcead;
}


.tv-list-content .tv-card.green .tv-card-btn {
    background: -o-linear-gradient(3.21deg, #4BCF79 6.16%, #4FD4E0 92.94%), -o-linear-gradient(2.91deg, #EF4F9C 6.42%, #F6908A 91.66%);
    background: linear-gradient(86.79deg, #4BCF79 6.16%, #4FD4E0 92.94%), linear-gradient(87.09deg, #EF4F9C 6.42%, #F6908A 91.66%);
}

.tv-list-content .tv-card.green .tv-card-btn:hover {
    background: -o-linear-gradient(23.76deg, #F7A940 13.25%, #FFDF42 85.68%);
    background: linear-gradient(66.24deg, #F7A940 13.25%, #FFDF42 85.68%);
}

.tv-list-content .tv-card.purple .tv-card-head {
    background: #E94090;
}

.tv-list-content .tv-card.purple .tv-card-head svg path:not(:first-child),
.tv-list-content .tv-card.purple .canal-speed svg path:not(:first-child) {
    fill: #E94090;
}

.tv-list-content .tv-card.purple .tv-card-btn {
    background: -o-linear-gradient(26.95deg, #EC5A8F 9.44%, #F3998B 90.37%);
    background: linear-gradient(63.05deg, #EC5A8F 9.44%, #F3998B 90.37%);
}

.tv-list-content .tv-card.purple .tv-card-btn:hover {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.tv-list::after {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/tv-list-icon.svg);
    position:          absolute;
    bottom:            -62px;
    right:             -126px;
    z-index:           0;
    width:             196px;
    height:            162px;
}

.tv-list-content .tv-card:nth-child(2) .tv-card-block-descr .descr-item:after {
    background: #705BDE;
}

.tv-list-content .tv-card:nth-child(3) .tv-card-block-descr .descr-item:after {
    background: #E94090;
}


.video-arch-list {
    position:      relative;
    margin-bottom: 50px;
    font-family:   'Leto Sans', sans-serif;
    z-index:       99;
}

.video-arch-list-head {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    margin-bottom:     50px;
}

.video-arch-list-lk {
    display: inline;
    position: relative;
    padding-right: 26px;
    color: #705BDE;
    text-decoration: none;
}

.video-arch-list-lk:hover {
    text-decoration: underline;
}

.video-arch-list-lk::after {
    content: '';
    width: 14px;
    height: 12px;
    background-image: url(/local/templates/redcom.ru/cmp/../img/nav-arrow-right.svg);
    position: absolute;
    right: 5px;
    top: 2px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.video-arch-list-lk:hover::after {
    right: 0;
}

.video-arch-list-head-link {
    position:        relative;
    padding:         12px 44px 12px 14px;
    border-radius:   15px;
    font-weight:     700;
    font-size:       16px;
    line-height:     21px;
    color:           #fff;
    background:      -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background:      linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    text-decoration: none;
}

.video-arch-list-head-link::after {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/tv-download.svg);
    position:          absolute;
    right:             15px;
    top:               8px;
    width:             24px;
    height:            24px;
}

.video-arch-list-head-link:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.video-arch-list-title {
    font-family:    'Leto Sans', sans-serif;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
    margin:         30px 0 50px;
}

.video-arch-list-content {
    display:     -webkit-box;
    display:     -ms-flexbox;
    display:     flex;
    gap:         72px;
    font-family: 'Leto Sans', sans-serif;
    position:    relative;
    z-index:     10;
}

.video-arch-list-content .video-arch-card {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -ms-flex-item-align:   start;
    align-self:            start;
    width:                 100%;
    border-radius:         15px;
    font-family:           'Leto Sans', sans-serif;
    -ms-flex-item-align:   normal;
    align-self:            normal;
}

.video-arch-list-content .video-arch-card-head {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    gap:               15px;
    -webkit-box-flex:  0;
    -ms-flex:          0 0 84px;
    flex:              0 0 84px;
    width:             100%;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    color:             #fff;
    padding:           12px;
    border-radius:     15px 15px 0 0;
}

.video-arch-list-content .video-arch-card-head p {
    font-weight: 700;
    font-size:   22px;
    line-height: 29px;
    margin-top:  8px;
}

.video-arch-list-content .video-arch-card-body {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    padding:               0 20px;
    margin-bottom:         60px;
    border-radius:         0 0 15px 15px;
    background:            #fff;
    -webkit-box-flex:      0;
    -ms-flex:              0 0 30%;
    flex:                  0 0 30%;
}

.video-arch-list-content .video-arch-card-block {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    padding-top:           20px;
    padding-bottom:        20px;
    -webkit-box-pack:      center;
    -ms-flex-pack:         center;
    justify-content:       center;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    border-bottom:         1.5px solid #F1F1F1;
}

.video-arch-list-content .video-arch-card-block-canal {
    padding-top: 18px;
}

.video-arch-list-content .video-arch-card-block-canal .canal-speed {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               18px;
}

.video-arch-list-content .video-arch-card-block-canal .canal-speed-info {
    font-weight: 700;
    font-size:   18px;
    line-height: 22px;
}

.video-arch-list-content .video-arch-card-block-canal .canal-speed-info span {
    font-weight: 700;
    font-size:   60px;
    line-height: 1;
}

.video-arch-list-content .video-arch-card-block-canal .canal-title {
    margin-bottom: 24px;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
}

.video-arch-list-content .video-arch-card-block-descr {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-pack:      normal;
    -ms-flex-pack:         normal;
    justify-content:       normal;
    padding-top:           30px;
    padding-bottom:        30px;
}

.video-arch-list-content .video-arch-card-block-descr .descr-item {
    font-weight:  400;
    font-size:    16px;
    line-height:  21px;
    display:      block;
    position:     relative;
    padding-left: 14px;
}

.video-arch-list-content .video-arch-card-block-descr .descr-item::after {
    content:       '';
    width:         6px;
    height:        6px;
    border-radius: 50%;
    background:    #4bcead;
    position:      absolute;
    left:          0;
    top:           6px;
}

.video-arch-list-content .video-arch-card-block-descr .descr-item:not(:last-child) {
    margin-bottom: 18px;
}

.video-arch-list-content .video-arch-card-bottom {
    margin-bottom:         34px;
    padding-top:           30px;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -ms-flex-item-align:   normal;
    align-self:            normal;
}

.video-arch-list-content .video-arch-card-price {
    font-weight: 400;
    font-size:   14px;
    line-height: 18px;
}

.video-arch-list-content .video-arch-card-price span {
    font-weight: 700;
    font-size:   30px;
    line-height: 30px;
}

.video-arch-list-content .video-arch-card-btn {
    width:           50%;
    max-width:       270px;
    padding:         16px;
    border-radius:   15px;
    font-family:     'Leto Sans', sans-serif;
    font-style:      normal;
    font-weight:     700;
    font-size:       16px;
    line-height:     18px;
    color:           #fff;
    background:      -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background:      linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
    text-align:      center;
    text-decoration: none;
}

.video-arch-list-content .video-arch-card-btn:hover {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    cursor:     pointer;
}

.video-arch-list-content .video-arch-card-info {
    padding:          20px 18px 24px;
    background-color: #fff;
    border-radius:    15px;
    -webkit-box-flex: 0;
    -ms-flex:         0 0 212px;
    flex:             0 0 212px;
}

.video-arch-list-content .video-arch-card-info-item {
    font-weight:  400;
    font-size:    16px;
    line-height:  21px;
    display:      block;
    position:     relative;
    padding-left: 14px;
}

.video-arch-list-content .video-arch-card-info-item::after {
    content:       '';
    width:         6px;
    height:        6px;
    border-radius: 50%;
    background:    #4bcead;
    position:      absolute;
    left:          0;
    top:           6px;
}

.video-arch-list-content .video-arch-card-info-item:not(:last-child) {
    margin-bottom: 18px;
}

.video-arch-list-content .video-arch-card-info-mobile {
    display: none;
}

.video-arch-list-content .video-arch-card-info-mobile + .video-arch-list-head-link {
    display: none;
}

.video-arch-list-content .video-arch-card.lilac .video-arch-card-head {
    background: #705BDE;
}

.video-arch-list-content .video-arch-card.lilac .video-arch-card-btn {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.video-arch-list-content .video-arch-card.lilac .video-arch-card-btn:hover {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.video-arch-list-content .video-arch-card.green .video-arch-card-head {
    background: #4bcead;
}


.video-arch-list-content .video-arch-card.green .old-price::before {
    background: #4bcead;;
}

.video-arch-list-content .video-arch-card.lilac .old-price::before {
    background: #705BDE;
}

.video-arch-list-content .video-arch-card.purple .old-price::before {
    background: #E94090;
}

.video-arch-list-content .video-arch-card.green svg path:not(:first-child),
.video-arch-list-content .video-arch-card.green .canal-speed svg path:not(:first-child) {
    fill: #4bcead;
}

.video-arch-list-content .video-arch-card.lilac svg path:not(:first-child),
.video-arch-list-content .video-arch-card.lilac .canal-speed svg path:not(:first-child) {
    fill: #705BDE;
}

.video-arch-list-content .video-arch-card.purple svg path:not(:first-child),
.video-arch-list-content .video-arch-card.purple .canal-speed svg path:not(:first-child) {
    fill: #E94090;
}


.video-arch-list-content .video-arch-card.green .video-arch-card-btn {
    background: -o-linear-gradient(3.21deg, #4BCF79 6.16%, #4FD4E0 92.94%), -o-linear-gradient(2.91deg, #EF4F9C 6.42%, #F6908A 91.66%);
    background: linear-gradient(86.79deg, #4BCF79 6.16%, #4FD4E0 92.94%), linear-gradient(87.09deg, #EF4F9C 6.42%, #F6908A 91.66%);
}

.video-arch-list-content .video-arch-card.green .video-arch-card-btn:hover {
    background: -o-linear-gradient(23.76deg, #F7A940 13.25%, #FFDF42 85.68%);
    background: linear-gradient(66.24deg, #F7A940 13.25%, #FFDF42 85.68%);
}

.video-arch-list-content .video-arch-card.purple .video-arch-card-head {
    background: #E94090;
}

.video-arch-list-content .video-arch-card.purple .video-arch-card-btn {
    background: -o-linear-gradient(26.95deg, #EC5A8F 9.44%, #F3998B 90.37%);
    background: linear-gradient(63.05deg, #EC5A8F 9.44%, #F3998B 90.37%);
}

.video-arch-list-content .video-arch-card.purple .video-arch-card-btn:hover {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.video-arch-list-content .video-arch-card:nth-child(2) .video-arch-card-block-descr .descr-item:after {
    background: #705BDE;
}

.video-arch-list-content .video-arch-card:nth-child(3) .video-arch-card-block-descr .descr-item:after {
    background: #E94090;
}


.overflow {
    overflow: hidden;
}

.modal {
    position:          absolute;
    left:              50%;
    top:               50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform:     translate(-50%, -50%);
    transform:         translate(-50%, -50%);
    font-family:       'Leto Sans', sans-serif;
    height:            72%;
}

.modal-close {
    position:            absolute;
    top:                 20px;
    right:               20px;
    width:               30px;
    height:              30px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/close-black.svg);
    background-position: center;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.modal-close:hover {
    background-image: url(/local/templates/redcom.ru/cmp/../img/close-purple.svg);
}

.modal__container {
    padding:          40px 80px;
    width:            700px;
    border-radius:    20px;
    background-color: #fff;
}

.modal__form > p {
    font-family:   'Lato-Bold', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   22px;
    margin-bottom: 10px;
}

.modal__form-title {
    margin-bottom: 40px;
    font-weight:   700;
    font-size:     28px;
    line-height:   36px;
    text-align:    center;
}

.modal__form-input {
    padding:       14px;
    border:        1px solid #C4C4C4;
    border-radius: 15px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     16px;
    line-height:   21px;
}

.modal__form-input::-webkit-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input::-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input-group {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
    margin-bottom:         30px;
}

.modal__form-input-group.price {
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    gap:                   22px;
}

.modal__form-input-group.information {
    display:               grid;
    grid-template-columns: 48% 48%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
    row-gap:               30px;
    padding-bottom:        0;
}

.modal__form-input-group.information input:first-child {
    grid-column: 1/3;
}

.modal__form-input-group.adress {
    display:               grid;
    grid-template-columns: 44% 32% 16%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
}

.modal__form-input-group.adress select.modal__form-input {
    background:            #fff;
    -webkit-appearance:    none;
    -moz-appearance:       none;
    background-image:      url('/local/templates/redcom.ru/cmp/../img/arrow-down-select.svg');
    background-repeat:     no-repeat;
    background-position-x: 94%;
    background-position-y: 20px;
}


.modal__form-input-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 19px;
}


.modal__form-submit-btn {
    padding:       14px 68px;
    border-radius: 15px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   21px;
    color:         #FFFFFF;
    cursor:        pointer;
}

.modal__form-submit-btn.blue {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.modal__form-submit-btn.blue:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.modal__form-submit-info {
    font-weight:   250;
    font-size:     12px;
    line-height:   16px;
    padding:       0;
    margin-bottom: 0;
}

.modal__info-text {
    margin-bottom: 20px;
    font-family:   'Lato-Regular', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   19px;
}

.modal__info-text span {
    font-weight: 700;
}

.modal__info-text.hide {
    display: none;
}

.modal__info-logo-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               30px;
    margin-bottom:     26px;
    width:             458px;
}

.modal__info-btn {
    font-family:          'Lato-Regular', sans-serif;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    text-decoration-line: underline;
    color:                #E94090;
    cursor:               pointer;
}

.modal__container.content-more-detailed {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 20px;
}

.modal__container.content-more-detailed h4 {
    display:     -webkit-box;
    display:     -ms-flexbox;
    display:     flex;
    width:       100%;
    max-width:   388px;
    line-height: 31px;
    font-size:   24px;
    text-align:  center;
    margin:      0 auto 30px;
    font-family: 'Lato-Bold', sans-serif;
}

.modal__container.content-more-detailed .bold-text-more {
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
    margin-bottom: 0;
}

.modal__container.content-more-detailed p {
    margin-bottom: 30px;
}

.modal__container.content-more-detailed .list-more {
    margin-left: 20px;
    padding:     14px 0;
}

.modal__container.content-more-detailed .list-more li {
    margin-bottom: 14px;
}

.modal__container.content-more-detailed .list-more li:last-child {
    margin-bottom: 0;
}

.checkbox {
    margin-bottom: 0.2em;
}

.custom-checkbox > input {
    position: absolute;
    z-index:  -1;
    opacity:  0;
}

.custom-checkbox > input:not(:disabled):not(:checked) + span:hover::before {
    border-color: #00A1FF;
}

.custom-checkbox > input:not(:disabled):active + span::before {
    background-color: #00A1FF;
    border-color:     #00A1FF;
}

.custom-checkbox > input:checked + span::before {
    border-color:     #00A1FF;
    background-color: #00A1FF;
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e');
}

.custom-checkbox > input:disabled + span::before {
    background-color: #e9ecef;
}

.custom-checkbox > span {
    display:             -webkit-inline-box;
    display:             -ms-inline-flexbox;
    display:             inline-flex;
    -webkit-box-align:   center;
    -ms-flex-align:      center;
    align-items:         center;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    user-select:         none;
}

.custom-checkbox > span::before {
    content:             '';
    display:             inline-block;
    width:               1em;
    height:              1em;
    -ms-flex-negative:   0;
    flex-shrink:         0;
    -webkit-box-flex:    0;
    -ms-flex-positive:   0;
    flex-grow:           0;
    border:              1px solid #adb5bd;
    border-radius:       0.25em;
    margin-right:        0.3em;
    background-repeat:   no-repeat;
    background-position: center center;
    background-size:     70% 70%;
}

.tv-navigation {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    padding-top:       70px;
    padding-bottom:    52px;
    font-family:       'Leto Sans', sans-serif;
}

.tv-navigation__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap:     40px;
}

.tv-navigation__list-link {
    text-decoration: none;
    display:         inline-block;
    padding:         10px 30px 10px 30px;
    border:          1px solid #8D8D8F;
    border-radius:   20px;
    font-size:       16px;
    line-height:     20px;
    background:      #fff;
}

.tv-navigation__list-link:hover {
    background-color: #705BDE;
    color:            #fff;
}

.tv-navigation__list-link--active {
    background-color: #705BDE;
    color:            #fff;
}

.tv-navigation .after-arrow {
    display:         inline;
    position:        relative;
    padding-right:   26px;
    color:           #705BDE;
    text-decoration: none;
}

.tv-navigation .after-arrow:hover {
    text-decoration: underline;
}

.tv-navigation .after-arrow:hover::after {
    right: 0;
}

.tv-navigation .after-arrow::after {
    content:            '';
    width:              14px;
    height:             12px;
    background-image:   url(/local/templates/redcom.ru/cmp/../img/nav-arrow-right.svg);
    position:           absolute;
    right:              5px;
    top:                2px;
    -webkit-transition: all 0.2s ease;
    -o-transition:      all 0.2s ease;
    transition:         all 0.2s ease;
}

.mobile-nav {
    display: none;
}

.mobile-nav .after-arrow {
    display:         inline-block;
    position:        relative;
    padding-right:   26px;
    color:           #705BDE;
    text-decoration: underline;
    margin:          20px 0 30px;
}

.mobile-nav .after-arrow::before {
    content:            '';
    width:              14px;
    height:             12px;
    background-image:   url(/local/templates/redcom.ru/cmp/../img/nav-arrow-right.svg);
    position:           absolute;
    right:              5px;
    top:                6px;
    -webkit-transition: all 0.2s ease;
    -o-transition:      all 0.2s ease;
    transition:         all 0.2s ease;
}

.mobile-nav .tv-navigation__list {
    margin-bottom: 0;
    min-width:     700px;
}

.mobile-nav .tv-navigation {
    padding-bottom: 0;
    overflow:       scroll;
}

.tv-cabel {
    position:      relative;
    margin-bottom: 100px;
    font-family:   'Leto Sans', sans-serif;
    z-index:       99;
}

.tv-cabel-title {
    margin-bottom:  52px;
    font-family:    'Leto Sans', sans-serif;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.tv-cabel-content {
    display:       -webkit-box;
    display:       -ms-flexbox;
    display:       flex;
    gap:           72px;
    font-family:   'Leto Sans', sans-serif;
    position:      relative;
    z-index:       10;
    margin-bottom: 30px;
}

.tv-cabel-content .cabel-card {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -ms-flex-item-align:   start;
    align-self:            start;
    width:                 100%;
    border-radius:         15px;
    font-family:           'Leto Sans', sans-serif;
}

.tv-cabel-content .cabel-card-head {
    width:             100%;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    color:             #fff;
    padding:           24px 22px 14px;
    border-radius:     15px 15px 0 0;
    background-color:  #705BDE;
}

.tv-cabel-content .cabel-card-head .card-head-title {
    margin-bottom: 6px;
    font-weight:   700;
    font-size:     21px;
    line-height:   29px;
    text-align:    center;
}

.tv-cabel-content .cabel-card-head .card-head-subtitle {
    font-weight: 400;
    font-size:   16px;
    line-height: 21px;
    text-align:  center;
}

.tv-cabel-content .cabel-card-body {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    padding:               0 20px 20px;
    border-radius:         0 0 15px 15px;
    background:            #fff;
}

.tv-cabel-content .cabel-card-block {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    padding-top:           20px;
    padding-bottom:        20px;
    -webkit-box-pack:      center;
    -ms-flex-pack:         center;
    justify-content:       center;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    border-bottom:         1.5px solid #F1F1F1;
}

.tv-cabel-content .cabel-card-block-canal {
    padding-top: 18px;
}

.tv-cabel-content .cabel-card-block-canal .canal-speed {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               18px;
}

.tv-cabel-content .cabel-card-block-canal .canal-speed-info {
    font-weight: 700;
    font-size:   18px;
    line-height: 22px;
}

.tv-cabel-content .cabel-card-block-canal .canal-speed-info span {
    font-weight: 700;
    font-size:   60px;
    line-height: 1;
}

.tv-cabel-content .cabel-card-block-canal .canal-title {
    margin-bottom: 24px;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
}

.tv-cabel-content .cabel-card-block-descr {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-pack:      normal;
    -ms-flex-pack:         normal;
    justify-content:       normal;
    padding:               30px;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
}

.tv-cabel-content .cabel-card-block-descr .card-descr-text {
    max-width:   190px;
    font-weight: 400;
    font-size:   12px;
    line-height: 16px;
}

.tv-cabel-content .cabel-card-block-descr .card-descr-price {
    font-weight:    400;
    font-size:      12px;
    line-height:    16px;
    display:        list-item;
    text-transform: lowercase;
    display:        block;
    position:       relative;
    padding-left:   14px;
}

.tv-cabel-content .cabel-card-block-descr .card-descr-price::after {
    content:       '';
    width:         6px;
    height:        6px;
    border-radius: 50%;
    background:    #705BDE;
    position:      absolute;
    left:          0;
    top:           6px;
}

.tv-cabel-content .cabel-card-block-descr .card-descr-price span {
    font-size:   18px;
    line-height: 23px;
}

.tv-cabel-content .cabel-card-bottom {
    text-align: center;
}

.tv-cabel-content .cabel-card-btn {
    display:         inline-block;
    margin:          0 auto 0;
    width:           90%;
    padding:         16px;
    border-radius:   15px;
    font-family:     'Leto Sans', sans-serif;
    font-style:      normal;
    font-weight:     700;
    font-size:       16px;
    line-height:     18px;
    color:           #fff;
    background:      -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background:      linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    text-align:      center;
    text-decoration: none;
}

.tv-cabel-content .cabel-card-btn:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
    cursor:     pointer;
}

.tv-cabel-info {
    font-weight: 400;
    font-size:   18px;
    line-height: 25px;
}

.tv-premium-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.tv-premium-background::before {
    content:           '';
    position:          absolute;
    display:           block;
    width:             100%;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/tv-premium-bg.png);
    background-repeat: no-repeat;
    background-size:   cover;
    top:               -175px;
    bottom: 0;
    z-index:           0;
}

.tv-premium {
    position:      relative;
    margin-bottom: 120px;
    font-family:   'Leto Sans', sans-serif;
}

@media screen and (max-width: 1140px) {
    .tv-premium {
        padding-top: 75px;
    }
}

@media screen and (max-width: 768px) {
    .tv-premium {
        padding-top: 0;
    }

    .video-lk {
        display: inline-block;
        position: relative;
        padding-right: 26px;
        color: #705BDE;
        text-decoration: underline;
    }

    .video-lk:hover {
        text-decoration: underline;
    }

    .video-lk::after {
        content: '';
        width: 14px;
        height: 12px;
        background-image: url(/local/templates/redcom.ru/cmp/../img/nav-arrow-right.svg);
        position: absolute;
        right: 5px;
        top: 6px;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .video-lk:hover::after {
        right: 5;
    }
}

.tv-premium-title {
    margin-bottom:  52px;
    font-family:    'Leto Sans', sans-serif;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
    position:       relative;
    z-index:        1;
}

.tv-premium-content {
    display:       -webkit-box;
    display:       -ms-flexbox;
    display:       flex;
    -ms-flex-wrap: wrap;
    flex-wrap:     wrap;
    gap:           68px;
    font-family:   'Leto Sans', sans-serif;
    position:      relative;
    z-index:       10;
    margin-bottom: 30px;
}

.tv-premium-content .premium-card {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -ms-flex-item-align:   start;
    align-self:            start;
    width:                 30%;
    border-radius:         15px;
    font-family:           'Leto Sans', sans-serif;
}

.tv-premium-content .premium-card-head {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    gap:               15px;
    color:             #fff;
    padding:           12px 22px 6px;
    border-radius:     15px 15px 0 0;
    background-color:  #00A1FF;
    min-height:        67px;
}

.tv-premium-content .premium-card-head .card-head-title {
    margin-bottom: 6px;
    font-weight:   700;
    font-size:     21px;
    line-height:   29px;
    text-align:    center;
}

.tv-premium-content .premium-card-head .card-head-img {
    display:   inline-block;
    max-width: 100%;
}

.tv-premium-content .premium-card-body {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    padding:               0 20px 30px;
    border-radius:         0 0 15px 15px;
    background:            #fff;
}

.tv-premium-content .premium-card-block {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    padding-top:           20px;
    padding-bottom:        26px;
    -webkit-box-pack:      center;
    -ms-flex-pack:         center;
    justify-content:       center;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    border-bottom:         1.5px solid #F1F1F1;
}

.tv-premium-content .premium-card-block-canal {
    padding-top: 18px;
}

.tv-premium-content .premium-card-block-canal .canal-title {
    margin-bottom: 24px;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
}

.tv-premium-content .premium-card-block-canal .canal-qt {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               18px;
    margin-bottom:     28px;
}

.tv-premium-content .premium-card-block-canal .canal-qt-info {
    font-weight: 700;
    font-size:   18px;
    line-height: 22px;
}

.tv-premium-content .premium-card-block-canal .canal-qt-info span {
    font-weight: 700;
    font-size:   60px;
    line-height: 78px;
}

.tv-premium-content .premium-card-block-canal .canal-link {
    font-weight:          400;
    font-size:            16px;
    line-height:          22px;
    text-decoration-line: underline;
}

.tv-premium-content .premium-card-block-canal .canal-link:hover {
    color: #00A1FF;
}

.tv-premium-content .premium-card-bottom {
    padding-top:           30px;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -ms-flex-item-align:   normal;
    align-self:            normal;
}

.tv-premium-content .premium-card-price {
    font-weight: 700;
    font-size:   15px;
    line-height: 20px;
}

.tv-premium-content .premium-card-price span {
    font-weight: 700;
    font-size:   30px;
    line-height: 30px;
}

.tv-premium-content .premium-card-btn {
    width:           50%;
    max-width:       270px;
    padding:         16px;
    border-radius:   15px;
    font-family:     'Leto Sans', sans-serif;
    font-style:      normal;
    font-weight:     700;
    font-size:       16px;
    line-height:     18px;
    color:           #fff;
    background:      -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background:      linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
    text-align:      center;
    text-decoration: none;
}

.tv-premium-content .premium-card-btn:hover {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    cursor:     pointer;
}

.tv-premium .tv-premium-content::after {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/tv-premium-icon.svg);
    position:          absolute;
    top:               -110px;
    right:             -220px;
    z-index:           0;
    width:             310px;
    height:            212px;
    -webkit-transform: scale(0.9);
    -ms-transform:     scale(0.9);
    transform:         scale(0.9);
    z-index: -1;
}

.overflow {
    overflow-x: hidden;
}

.modal {
    position:          absolute;
    left:              50%;
    top:               50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform:     translate(-50%, -50%);
    transform:         translate(-50%, -50%);
    font-family:       'Leto Sans', sans-serif;
    height:            72%;
}

.modal-close {
    position:            absolute;
    top:                 20px;
    right:               20px;
    width:               30px;
    height:              30px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/close-black.svg);
    background-position: center;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.modal-close:hover {
    background-image: url(/local/templates/redcom.ru/cmp/../img/close-purple.svg);
}

.modal__container {
    padding:          40px 80px;
    width:            700px;
    border-radius:    20px;
    background-color: #fff;
}

.modal__form > p {
    font-family:   'Lato-Bold', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   22px;
    margin-bottom: 10px;
}

.modal__form-title {
    margin-bottom: 40px;
    font-weight:   700;
    font-size:     28px;
    line-height:   36px;
    text-align:    center;
}

.modal__form-input {
    padding:       14px;
    border:        1px solid #C4C4C4;
    border-radius: 15px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     16px;
    line-height:   21px;
}

.modal__form-input::-webkit-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input::-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input-group {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
    margin-bottom:         30px;
}

.modal__form-input-group.price {
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    gap:                   22px;
}

.modal__form-input-group.information {
    display:               grid;
    grid-template-columns: 48% 48%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
    row-gap:               30px;
    padding-bottom:        0;
}

.modal__form-input-group.information input:first-child {
    grid-column: 1/3;
}

.modal__form-input-group.adress {
    display:               grid;
    grid-template-columns: 44% 32% 16%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
}

.modal__form-input-group.adress select.modal__form-input {
    background:            #fff;
    -webkit-appearance:    none;
    -moz-appearance:       none;
    background-image:      url('/local/templates/redcom.ru/cmp/../img/arrow-down-select.svg');
    background-repeat:     no-repeat;
    background-position-x: 94%;
    background-position-y: 20px;
}


.modal__form-input-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 19px;
}


.modal__form-submit-btn {
    padding:       14px 68px;
    border-radius: 15px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   21px;
    color:         #FFFFFF;
    cursor:        pointer;
}

.modal__form-submit-btn.blue {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.modal__form-submit-btn.blue:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.modal__form-submit-info {
    font-weight:   250;
    font-size:     12px;
    line-height:   16px;
    padding:       0;
    margin-bottom: 0;
}

.modal__info-text {
    margin-bottom: 20px;
    font-family:   'Lato-Regular', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   19px;
}

.modal__info-text span {
    font-weight: 700;
}

.modal__info-text.hide {
    display: none;
}

.modal__info-logo-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               30px;
    margin-bottom:     26px;
    width:             458px;
}

.modal__info-btn {
    font-family:          'Lato-Regular', sans-serif;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    text-decoration-line: underline;
    color:                #E94090;
    cursor:               pointer;
}

.modal__container.content-more-detailed {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 20px;
}

.modal__container.content-more-detailed h4 {
    display:     -webkit-box;
    display:     -ms-flexbox;
    display:     flex;
    width:       100%;
    max-width:   388px;
    line-height: 31px;
    font-size:   24px;
    text-align:  center;
    margin:      0 auto 30px;
    font-family: 'Lato-Bold', sans-serif;
}

.modal__container.content-more-detailed .bold-text-more {
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
    margin-bottom: 0;
}

.modal__container.content-more-detailed p {
    margin-bottom: 30px;
}

.modal__container.content-more-detailed .list-more {
    margin-left: 20px;
    padding:     14px 0;
}

.modal__container.content-more-detailed .list-more li {
    list-style:    disc;
    margin-bottom: 14px;
}

.modal__container.content-more-detailed .list-more li:last-child {
    margin-bottom: 0;
}

.modal__container.content-more-detailed .list-more li::marker {
    color: #00A1FF;
}

.modal__container.content-more-detailed .list-more.purple li::marker {
    color: #E94090;
}

.modal__container.content-more-detailed .list-more.green li::marker {
    color: #4bcead;
}

.modal__container.content-more-detailed .list-more.lilac li::marker {
    color: #705BDE;
}

.checkbox {
    margin-bottom: 0.2em;
}

.custom-checkbox > input {
    position: absolute;
    z-index:  -1;
    opacity:  0;
}

.custom-checkbox > input:not(:disabled):not(:checked) + span:hover::before {
    border-color: #00A1FF;
}

.custom-checkbox > input:not(:disabled):active + span::before {
    background-color: #00A1FF;
    border-color:     #00A1FF;
}

.custom-checkbox > input:checked + span::before {
    border-color:     #00A1FF;
    background-color: #00A1FF;
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e');
}

.custom-checkbox > input:disabled + span::before {
    background-color: #e9ecef;
}

.custom-checkbox > span {
    display:             -webkit-inline-box;
    display:             -ms-inline-flexbox;
    display:             inline-flex;
    -webkit-box-align:   center;
    -ms-flex-align:      center;
    align-items:         center;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    user-select:         none;
}

.custom-checkbox > span::before {
    content:             '';
    display:             inline-block;
    width:               1em;
    height:              1em;
    -ms-flex-negative:   0;
    flex-shrink:         0;
    -webkit-box-flex:    0;
    -ms-flex-positive:   0;
    flex-grow:           0;
    border:              1px solid #adb5bd;
    border-radius:       0.25em;
    margin-right:        0.3em;
    background-repeat:   no-repeat;
    background-position: center center;
    background-size:     70% 70%;
}

.section-prem .prem-fixed-overlay {
    position:         fixed;
    overflow-x:       hidden;
    left:             0;
    top:              0;
    width:            100%;
    height:           100%;
    background-color: #fff;
    z-index:          1020;
    display:          none;
}

.section-prem .prem-fixed-overlay .modal.modaln {
    height: 100%;
}

.section-prem .prem-fixed-overlay .modaln {
    font-family: 'Leto Sans', sans-serif;
}

.section-prem .prem-fixed-overlay .modal-head {
    margin-top: 90px;
    position:   relative;
}

.section-prem .prem-fixed-overlay .modal-close {
    position:            absolute;
    top:                 0;
    right:               -100px;
    width:               24px;
    height:              44px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/close-black.svg);
    background-position: center;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.section-prem .prem-fixed-overlay .modal-close:hover {
    background-image: url(/local/templates/redcom.ru/cmp/../img/close-purple.svg);
}

.section-prem .prem-fixed-overlay .modal-prem-container {
    position:  relative;
    max-width: 700px;
    padding:   0;
}

.section-prem .prem-fixed-overlay .modal-prem-title {
    margin-bottom:  32px;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.section-prem .prem-fixed-overlay .modal-prem-content {
    max-width:      700px;
    padding-bottom: 50px;
    border-bottom:  1px solid #f1f1f1;
    margin-bottom:  40px;
}

.section-prem .prem-fixed-overlay .modal-prem-tags {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    margin-bottom:     24px;
}

.section-prem .prem-fixed-overlay .modal-prem-tag {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 21px;
    color:       #8F8F8F;
}

.section-prem .prem-fixed-overlay .modal-prem.green {
    position:     relative;
    color:        #4bcead;
    padding-left: 34px;
}

.section-prem .prem-fixed-overlay .modal-prem.green::before {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/news-days.svg);
    position:          absolute;
    left:              0;
    top:               -1px;
    width:             24px;
    height:            24px;
}

.section-prem .prem-fixed-overlay .modal-prem-img {
    display:       block;
    margin-bottom: 30px;
}

.section-prem .prem-fixed-overlay .modal-prem-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 22px;
}

.section-prem .prem-fixed-overlay .modal-prem:not(:last-child) {
    margin-bottom: 30px;
}

.section-prem .prem-fixed-overlay .modal-prem-more {
    position: absolute;
    width:    130%;
}

.section-prem .prem-fixed-overlay .modal-prem-title {
    margin-bottom:  30px;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.section-prem .prem-fixed-overlay .modal-prem-list {
    display:       -webkit-box;
    display:       -ms-flexbox;
    display:       flex;
    gap:           82px;
    margin-bottom: 78px;
}

.section-prem .prem-fixed-overlay .modal-prem-list .prem-item {
    border-left:      1px solid #000;
    padding-left:     24px;
    -webkit-box-flex: 0;
    -ms-flex:         0 0 45%;
    flex:             0 0 45%;
}

.section-prem .prem-fixed-overlay .modal-prem-list-tags {
    display:       -webkit-box;
    display:       -ms-flexbox;
    display:       flex;
    gap:           20px;
    margin-bottom: 14px;
}

.section-prem .prem-fixed-overlay .modal-prem-list-tag {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 21px;
    color:       #8F8F8F;
}

.section-prem .prem-fixed-overlay .modal-prem-list-title {
    margin-bottom: 10px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   22px;
}

.section-prem .prem-fixed-overlay .modal-prem-list-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 22px;
}

.tv-online {
    position:      relative;
    z-index:       0;
    margin-bottom: 110px;
    font-family:   'Leto Sans', sans-serif;
}

.tv-online-title {
    margin-bottom:  54px;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.tv-online-content {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   34px;
}

.tv-online-card {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    padding:          16px 20px 14px 0;
    background-color: #fff;
    border-radius:    15px;
}

.tv-online-card-left {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               10px;
    border-right:      2px solid #DEDEDE;
    -webkit-box-flex:  0;
    -ms-flex:          0 0 19%;
    flex:              0 0 19%;
}

.tv-online-card-right {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    padding-left:      10px;
    -webkit-box-flex:  0;
    -ms-flex:          0 0 81%;
    flex:              0 0 81%;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
}

.tv-online-card-img {
    display:     inline-block;
    max-width:   65px;
    margin-left: -2px;
}

.tv-online-card-title {
    font-weight: 700;
    font-size:   22px;
    line-height: 29px;
}

.tv-online-card-text {
    max-width:    758px;
    font-weight:  400;
    font-size:    16px;
    line-height:  22px;
    display:      block;
    position:     relative;
    padding-left: 14px;
}

.tv-online-card-text::after {
    content:       '';
    width:         6px;
    height:        6px;
    border-radius: 50%;
    background:    #E94090;
    position:      absolute;
    left:          0;
    top:           6px;
}

.tv-online-card-link {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    padding:           16px 32px 12px;
    border-radius:     15px;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    font-weight:       700;
    font-size:         16px;
    line-height:       21px;
    color:             #fff;
    background:        -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background:        linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    text-decoration:   none;
    font-family:       'Leto Sans', sans-serif;
    max-height:        49px;
}

.tv-online-card-link:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
    cursor:     pointer;
}

.modal {
    position:          absolute;
    left:              50%;
    top:               50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform:     translate(-50%, -50%);
    transform:         translate(-50%, -50%);
    font-family:       'Leto Sans', sans-serif;
    height:            72%;
}

.modal-close {
    position:            absolute;
    top:                 20px;
    right:               20px;
    width:               30px;
    height:              30px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/close-black.svg);
    background-position: center;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.modal-close:hover {
    background-image: url(/local/templates/redcom.ru/cmp/../img/close-purple.svg);
}

.modal__container {
    padding:          40px 80px;
    width:            700px;
    border-radius:    20px;
    background-color: #fff;
}

.modal__form > p {
    font-family:   'Lato-Bold', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   22px;
    margin-bottom: 10px;
}

.modal__form-title {
    margin-bottom: 40px;
    font-weight:   700;
    font-size:     28px;
    line-height:   36px;
    text-align:    center;
}

.modal__form-input {
    padding:       14px;
    border:        1px solid #C4C4C4;
    border-radius: 15px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     16px;
    line-height:   21px;
}

.modal__form-input::-webkit-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input::-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input-group {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
    margin-bottom:         30px;
}

.modal__form-input-group.price {
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    gap:                   22px;
}

.modal__form-input-group.information {
    display:               grid;
    grid-template-columns: 48% 48%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
    row-gap:               30px;
    padding-bottom:        0;
}

.modal__form-input-group.information input:first-child {
    grid-column: 1/3;
}

.modal__form-input-group.adress {
    display:               grid;
    grid-template-columns: 44% 32% 16%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
}

.modal__form-input-group.adress select.modal__form-input {
    background:            #fff;
    -webkit-appearance:    none;
    -moz-appearance:       none;
    background-image:      url('/local/templates/redcom.ru/cmp/../img/arrow-down-select.svg');
    background-repeat:     no-repeat;
    background-position-x: 94%;
    background-position-y: 20px;
}


.modal__form-input-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 19px;
}


.modal__form-submit-btn {
    padding:       14px 68px;
    border-radius: 15px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   21px;
    color:         #FFFFFF;
    cursor:        pointer;
}

.modal__form-submit-btn.blue {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.modal__form-submit-btn.blue:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
    cursor:     pointer;
}

.modal__form-submit-info {
    font-weight:   250;
    font-size:     12px;
    line-height:   16px;
    padding:       0;
    margin-bottom: 0;
}

.modal__info-text {
    margin-bottom: 20px;
    font-family:   'Lato-Regular', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   19px;
}

.modal__info-text span {
    font-weight: 700;
}

.modal__info-text.hide {
    display: none;
}

.modal__info-logo-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               30px;
    margin-bottom:     26px;
    width:             458px;
}

.modal__info-btn {
    font-family:          'Lato-Regular', sans-serif;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    text-decoration-line: underline;
    color:                #E94090;
    cursor:               pointer;
}

.modal__container.content-more-detailed {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 20px;
}

.modal__container.content-more-detailed h4 {
    display:     -webkit-box;
    display:     -ms-flexbox;
    display:     flex;
    width:       100%;
    max-width:   388px;
    line-height: 31px;
    font-size:   24px;
    text-align:  center;
    margin:      0 auto 30px;
    font-family: 'Lato-Bold', sans-serif;
}

.modal__container.content-more-detailed .bold-text-more {
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
    margin-bottom: 0;
}

.modal__container.content-more-detailed p {
    margin-bottom: 30px;
}

.modal__container.content-more-detailed .list-more {
    margin-left: 20px;
    padding:     14px 0;
}

.modal__container.content-more-detailed .list-more li {
    list-style:    disc;
    margin-bottom: 14px;
}

.modal__container.content-more-detailed .list-more li:last-child {
    margin-bottom: 0;
}

.modal__container.content-more-detailed .list-more li::marker {
    color: #00A1FF;
}

.modal__container.content-more-detailed .list-more.purple li::marker {
    color: #E94090;
}

.modal__container.content-more-detailed .list-more.green li::marker {
    color: #4bcead;
}

.modal__container.content-more-detailed .list-more.lilac li::marker {
    color: #705BDE;
}

.checkbox {
    margin-bottom: 0.2em;
}

.custom-checkbox > input {
    position: absolute;
    z-index:  -1;
    opacity:  0;
}

.custom-checkbox > input:not(:disabled):not(:checked) + span:hover::before {
    border-color: #00A1FF;
}

.custom-checkbox > input:not(:disabled):active + span::before {
    background-color: #00A1FF;
    border-color:     #00A1FF;
}

.custom-checkbox > input:checked + span::before {
    border-color:     #00A1FF;
    background-color: #00A1FF;
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e');
}

.custom-checkbox > input:disabled + span::before {
    background-color: #e9ecef;
}

.custom-checkbox > span {
    display:             -webkit-inline-box;
    display:             -ms-inline-flexbox;
    display:             inline-flex;
    -webkit-box-align:   center;
    -ms-flex-align:      center;
    align-items:         center;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    user-select:         none;
}

.custom-checkbox > span::before {
    content:             '';
    display:             inline-block;
    width:               1em;
    height:              1em;
    -ms-flex-negative:   0;
    flex-shrink:         0;
    -webkit-box-flex:    0;
    -ms-flex-positive:   0;
    flex-grow:           0;
    border:              1px solid #adb5bd;
    border-radius:       0.25em;
    margin-right:        0.3em;
    background-repeat:   no-repeat;
    background-position: center center;
    background-size:     70% 70%;
}

.tv-table {
    position:       relative;
    padding-bottom: 30px;
}

.tv-table .table-wrap {
    position:      relative;
    margin-bottom: 36px;
    text-align:    center;
    display:       inline-block;
    width:         100%;
    color:         #000;
    z-index:       0;
}

.tv-table table {
    width:      100%;
    margin:     0;
    padding:    0;
    background: transparent;
}

.tv-table table tbody {
    border-spacing: 10px;
    margin:         10px 0;
}

.tv-table table tr {
    padding:               14px 0;
    display:               grid;
    grid-template-columns: 56% 15% 15% 14%;
}

.tv-table table th,
.tv-table table td {
    text-align: center;
}

.tv-table table th {
    padding:           28px 0 18px;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
}

.tv-table table td {
    padding: 0;
}

.tv-table table thead tr {
    background:    #705BDE;
    border-radius: 15px 15px 0 0;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     24px;
    line-height:   31px;
    color:         #fff;
    padding:       0 30px;
}

.tv-table table tbody tr {
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    margin-top:        20px;
    padding:           20px 30px 16px;
    border-radius:     15px;
    font-family:       'Leto Sans', sans-serif;
    font-weight:       700;
    font-size:         20px;
    line-height:       26px;
    background:        #fff;
}

.tv-table table tbody tr span {
    font-weight: 700;
    font-size:   35px;
    line-height: 46px;
}

.tv-table table thead tr th:first-child {
    text-align:        left;
    text-transform:    uppercase;
    font-weight:       700;
    font-size:         35px;
    line-height:       46px;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  start;
    -ms-flex-pack:     start;
    justify-content:   start;
}

.tv-table table tbody tr td {
    border:      0;
    font-size:   15px;
    line-height: 20px;
}

.tv-table table tbody tr td:not(:first-child) {
    overflow: hidden;
}

.tv-table table tbody tr td:not(:first-child) .wrap-price {
    position: relative;
    top:      5px;
}

.tv-table table tbody tr td:nth-child(2) .wrap-price {
    border-left:  2px solid #DEDEDE;
    border-right: 2px solid #DEDEDE;
}

.tv-table table tbody tr td:nth-child(3) .wrap-price {
    border-right: 2px solid #DEDEDE;
}

.tv-table table tbody tr td:first-child {
    text-align:            left;
    font-family:           'Leto Sans', sans-serif;
    font-weight:           700;
    font-size:             20px;
    line-height:           36px;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-pack:      start;
    -ms-flex-pack:         start;
    justify-content:       start;
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction:    row-reverse;
    flex-direction:        row-reverse;
    min-height:            46px;
}

.tv-table table tbody tr td:last-child {
    border-right: none;
}

.tv-table .CellWithComment {
    position: relative;
}

.tv-table .CellWithComment .toltip {
    position:          relative;
    width:             -webkit-fit-content;
    width:             -moz-fit-content;
    width:             fit-content;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    line-height:       26px;
}

.tv-table .CellWithComment .toltip:hover {
    cursor: default;
}

.tv-table .CellComment {
    visibility:         hidden;
    width:              100%;
    max-width:          710px;
    display:            -webkit-box;
    display:            -ms-flexbox;
    display:            flex;
    position:           absolute;
    z-index:            100;
    text-align:         left;
    opacity:            0.4;
    -webkit-transition: opacity 2s;
    -o-transition:      opacity 2s;
    transition:         opacity 2s;
    background-color:   #fff;
    padding:            10px 24px;
    top:                38px;
    left:               0px;
    border:             1px solid #DEDEDE;
    -webkit-box-align:  center;
    -ms-flex-align:     center;
    align-items:        center;
    margin-top:         0;
}

.tv-table .CellComment .text {
    position:    relative;
    padding:     0 8px 0 16px;
    font-family: 'Leto Sans', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 130%;
}

.tv-table .CellComment .text::after {
    content:       '';
    width:         6px;
    height:        6px;
    background:    #E94090;
    position:      absolute;
    border-radius: 50%;
    left:          0;
    top:           6px;
}

.tv-table .CellComment .text p {
    margin-bottom: 24px;
}

.tv-table .CellComment .text p:last-child {
    margin-bottom: 0;
}

.tv-table .CellComment picture {
    width: max-content;
    height: max-content;
    max-width: 198px;
    max-height: 148px;
}

.tv-table .CellComment picture source {
    width:      100%;
    height:     100%;
}
.tv-table .CellComment picture img {
    height: auto;
    width: auto;
}

.tv-table-action {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    margin-bottom:     60px;
}

.tv-table-action-text {
    font-weight: 700;
    font-size:   24px;
    line-height: 34px;
}

.tv-table-action-link {
    border-radius:   15px;
    background:      -o-linear-gradient(3.21deg, #4BCF79 6.16%, #4FD4E0 92.94%), -o-linear-gradient(2.91deg, #EF4F9C 6.42%, #F6908A 91.66%);
    background:      linear-gradient(86.79deg, #4BCF79 6.16%, #4FD4E0 92.94%), linear-gradient(87.09deg, #EF4F9C 6.42%, #F6908A 91.66%);
    padding:         12px 36px 12px;
    font-weight:     700;
    font-size:       16px;
    line-height:     21px;
    color:           #FFFFFF;
    text-decoration: none;
}

.tv-table-action-link:hover {
    background: -o-linear-gradient(23.76deg, #F7A940 13.25%, #FFDF42 85.68%);
    background: linear-gradient(66.24deg, #F7A940 13.25%, #FFDF42 85.68%);
    cursor:     pointer;
}

.tv-table-info {
    font-family: 'Leto Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
}

.modal {
    position:          absolute;
    left:              50%;
    top:               50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform:     translate(-50%, -50%);
    transform:         translate(-50%, -50%);
    font-family:       'Leto Sans', sans-serif;
    height:            72%;
}

.modal-close {
    position:            absolute;
    top:                 20px;
    right:               20px;
    width:               30px;
    height:              30px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/close-black.svg);
    background-position: center;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.modal-close:hover {
    background-image: url(/local/templates/redcom.ru/cmp/../img/close-purple.svg);
}

.modal__container {
    padding:          40px 80px;
    width:            700px;
    border-radius:    20px;
    background-color: #fff;
}

.modal__form > p {
    font-family:   'Lato-Bold', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   22px;
    margin-bottom: 10px;
}

.modal__form-title {
    margin-bottom: 40px;
    font-weight:   700;
    font-size:     28px;
    line-height:   36px;
    text-align:    center;
}

.modal__form-input {
    padding:       14px;
    border:        1px solid #C4C4C4;
    border-radius: 15px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     16px;
    line-height:   21px;
}

.modal__form-input::-webkit-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input::-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input-group {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
    margin-bottom:         30px;
}

.modal__form-input-group.price {
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    gap:                   22px;
}

.modal__form-input-group.information {
    display:               grid;
    grid-template-columns: 48% 48%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
    row-gap:               30px;
    padding-bottom:        0;
}

.modal__form-input-group.information input:first-child {
    grid-column: 1/3;
}

.modal__form-input-group.adress {
    display:               grid;
    grid-template-columns: 44% 32% 16%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
}

.modal__form-input-group.adress select.modal__form-input {
    background:            #fff;
    -webkit-appearance:    none;
    -moz-appearance:       none;
    background-image:      url('/local/templates/redcom.ru/cmp/../img/arrow-down-select.svg');
    background-repeat:     no-repeat;
    background-position-x: 94%;
    background-position-y: 20px;
}


.modal__form-input-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 19px;
}


.modal__form-submit-btn {
    padding:       14px 68px;
    border-radius: 15px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   21px;
    color:         #FFFFFF;
    cursor:        pointer;
}

.modal__form-submit-btn.blue {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.modal__form-submit-btn.blue:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.modal__form-submit-info {
    font-weight:   250;
    font-size:     12px;
    line-height:   16px;
    padding:       0;
    margin-bottom: 0;
}

.modal__info-text {
    margin-bottom: 20px;
    font-family:   'Lato-Regular', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   19px;
}

.modal__info-text span {
    font-weight: 700;
}

.modal__info-text.hide {
    display: none;
}

.modal__info-logo-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               30px;
    margin-bottom:     26px;
    width:             458px;
}

.modal__info-btn {
    font-family:          'Lato-Regular', sans-serif;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    text-decoration-line: underline;
    color:                #E94090;
    cursor:               pointer;
}

.modal__container.content-more-detailed {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 20px;
}

.modal__container.content-more-detailed h4 {
    display:     -webkit-box;
    display:     -ms-flexbox;
    display:     flex;
    width:       100%;
    max-width:   388px;
    line-height: 31px;
    font-size:   24px;
    text-align:  center;
    margin:      0 auto 30px;
    font-family: 'Lato-Bold', sans-serif;
}

.modal__container.content-more-detailed .bold-text-more {
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
    margin-bottom: 0;
}

.modal__container.content-more-detailed p {
    margin-bottom: 30px;
}

.modal__container.content-more-detailed .list-more {
    margin-left: 20px;
    padding:     14px 0;
}

.modal__container.content-more-detailed .list-more li {
    list-style:    disc;
    margin-bottom: 14px;
}

.modal__container.content-more-detailed .list-more li:last-child {
    margin-bottom: 0;
}

.modal__container.content-more-detailed .list-more li::marker {
    color: #00A1FF;
}

.modal__container.content-more-detailed .list-more.purple li::marker {
    color: #E94090;
}

.modal__container.content-more-detailed .list-more.green li::marker {
    color: #4bcead;
}

.modal__container.content-more-detailed .list-more.lilac li::marker {
    color: #705BDE;
}

.checkbox {
    margin-bottom: 0.2em;
}

.custom-checkbox > input {
    position: absolute;
    z-index:  -1;
    opacity:  0;
}

.custom-checkbox > input:not(:disabled):not(:checked) + span:hover::before {
    border-color: #00A1FF;
}

.custom-checkbox > input:not(:disabled):active + span::before {
    background-color: #00A1FF;
    border-color:     #00A1FF;
}

.custom-checkbox > input:checked + span::before {
    border-color:     #00A1FF;
    background-color: #00A1FF;
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e');
}

.custom-checkbox > input:disabled + span::before {
    background-color: #e9ecef;
}

.custom-checkbox > span {
    display:             -webkit-inline-box;
    display:             -ms-inline-flexbox;
    display:             inline-flex;
    -webkit-box-align:   center;
    -ms-flex-align:      center;
    align-items:         center;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    user-select:         none;
}

.custom-checkbox > span::before {
    content:             '';
    display:             inline-block;
    width:               1em;
    height:              1em;
    -ms-flex-negative:   0;
    flex-shrink:         0;
    -webkit-box-flex:    0;
    -ms-flex-positive:   0;
    flex-grow:           0;
    border:              1px solid #adb5bd;
    border-radius:       0.25em;
    margin-right:        0.3em;
    background-repeat:   no-repeat;
    background-position: center center;
    background-size:     70% 70%;
}

.wrapp-toltip:hover {
    cursor: pointer;
}

.wrapp-toltip:hover + .toltip {
    color: #E94090;
}

.wrapp-toltip.next-el + .toltip {
    color: #E94090;
}

.wrapp-toltip.next-el .focus > path {
    fill:   #E94090;
    stroke: #E94090;
}

.tel-navitation {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    padding-top:       70px;
    padding-bottom:    52px;
    font-family:       'Leto Sans', sans-serif;
    position:          relative;
    z-index:           100;
}

.tel-navitation__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap:     40px;
}

.tel-navitation__list-link {
    text-decoration: none;
    display:         inline-block;
    padding:         10px 30px 10px 30px;
    border:          1px solid #8D8D8F;
    border-radius:   20px;
    font-size:       16px;
    line-height:     20px;
    background:      #fff;
}

.tel-navitation__list-link:hover {
    background-color: #705BDE;
    color:            #fff;
}

.tel-navitation__list-link--active {
    background-color: #705BDE;
    color:            #fff;
}

.tel-city {
    position:      relative;
    margin-bottom: 100px;
    font-family:   'Leto Sans', sans-serif;
}

.tel-city-head {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
}

.tel-city-title {
    margin-bottom:  50px;
    font-family:    'Leto Sans', sans-serif;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.tel-city-content {
    display:     -webkit-box;
    display:     -ms-flexbox;
    display:     flex;
    gap:         72px;
    font-family: 'Leto Sans', sans-serif;
    position:    relative;
    z-index:     10;
}

.tel-city-content .tel-card {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -ms-flex-item-align:   start;
    align-self:            start;
    width:                 100%;
    border-radius:         15px;
    font-family:           'Leto Sans', sans-serif;
    -ms-flex-item-align:   normal;
    align-self:            normal;
}

.tel-city-content .tel-card-head {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               10px;
    padding:           26px 20px 14px 26px;
    border-radius:     15px 15px 0 0;
}

.tel-city-content .tel-card-head p {
    font-weight: 700;
    font-size:   22px;
    line-height: 29px;
    color:       #fff;
}

.tel-city-content .tel-card-body {
    background-color:      #fff;
    padding:               0 20px 40px;
    border-radius:         0 0 15px 15px;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
}

.tel-city-content .tel-card-head-img {
    display:   inline-block;
    max-width: 100%;
}

.tel-city-content .tel-card-block {
    padding:       18px 0;
    text-align:    center;
    border-bottom: 1px solid #f1f1f1;
}

.tel-city-content .tel-card-block-line {
    padding-bottom: 8px;
}

.tel-city-content .tel-card-block-line .line-title {
    margin-bottom: 24px;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
}

.tel-city-content .tel-card-block-line .line-info {
    font-weight: 700;
    font-size:   14px;
    line-height: 18px;
}

.tel-city-content .tel-card-block-line .line-info span {
    font-weight: 700;
    font-size:   40px;
    line-height: 1;
}

.tel-city-content .tel-card-block-connection {
    padding-bottom: 8px;
}

.tel-city-content .tel-card-block-connection .connection-title {
    margin-bottom: 24px;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
}

.tel-city-content .tel-card-block-connection .connection-info {
    font-weight: 700;
    font-size:   14px;
    line-height: 18px;
}

.tel-city-content .tel-card-block-connection .connection-info span {
    font-weight: 700;
    font-size:   40px;
    line-height: 1;
}

.tel-city-content .tel-card-block-price {
    margin-bottom:     48px;
    padding-top:       40px;
    padding-bottom:    0;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    gap:               20px;
    border:            none;
}

.tel-city-content .tel-card-block-price .price-info {
    font-weight: 700;
    font-size:   23px;
    line-height: 30px;
}

.tel-city-content .tel-card.blue .old-price:before {
    background: #00A1FF;
}

.tel-city-content .tel-card.green .old-price::before {
    background: #4bcead;
}

.tel-city-content .tel-card.lilac .old-price::before {
    background: #705BDE;
}

.tel-city-content .tel-card-block-price .price-info span {
    font-weight: 700;
    font-size:   70px;
    line-height: 1;
}

.tel-city-content .tel-card-bottom {
    text-align: center;
}

.tel-city-content .tel-card-btn {
    display:         inline-block;
    margin:          0 auto;
    width:           90%;
    padding:         16px;
    border-radius:   15px;
    font-family:     'Leto Sans', sans-serif;
    font-style:      normal;
    font-weight:     700;
    font-size:       16px;
    line-height:     18px;
    color:           #fff;
    background:      -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background:      linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
    text-align:      center;
    text-decoration: none;
}

.tel-city-content .tel-card-btn:hover {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.tel-city-content .tel-card-info {
    margin-top: 20px;
}

.tel-city-content .tel-card-info-list {
    padding-left: 26px;
}

.tel-city-content .tel-card-info-item {
    font-size:     15px;
    line-height:   19px;
    margin-bottom: 14px;
    display:       block;
    position:      relative;
    padding-left:  14px;
}

.tel-city-content .tel-card-info-item::after {
    content:       '';
    width:         6px;
    height:        6px;
    border-radius: 50%;
    background:    #00A1FF;
    position:      absolute;
    left:          0;
    top:           6px;
}

.tel-city-content .tel-card-info-item:last-child {
    margin-bottom: 0;
}

.tel-city-content .tel-card.lilac .tel-card-head {
    background: #705BDE;
}

.tel-city-content .tel-card.lilac .tel-card-info-item::after {
    background: #705BDE;
}

.tel-city-content .tel-card.lilac .tel-card-btn {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.tel-city-content .tel-card.lilac .tel-card-btn:hover {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.tel-city-content .tel-card.green .tel-card-head {
    background: #4bcead;
}

.tel-city-content .tel-card.green .tel-card-info-item::after {
    background: #4bcead;
}

.tel-city-content .tel-card.green .tel-card-btn {
    background: -o-linear-gradient(3.21deg, #4BCF79 6.16%, #4FD4E0 92.94%), -o-linear-gradient(2.91deg, #EF4F9C 6.42%, #F6908A 91.66%);
    background: linear-gradient(86.79deg, #4BCF79 6.16%, #4FD4E0 92.94%), linear-gradient(87.09deg, #EF4F9C 6.42%, #F6908A 91.66%);
}

.tel-city-content .tel-card.green .tel-card-btn:hover {
    background: -o-linear-gradient(23.76deg, #F7A940 13.25%, #FFDF42 85.68%);
    background: linear-gradient(66.24deg, #F7A940 13.25%, #FFDF42 85.68%);
}

.tel-city-content .tel-card.green .tel-card-info {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: center;
    -ms-flex-pack:    center;
    justify-content:  center;
}

.tel-city-content .tel-card.green .tel-card-info-item::marker {
    color: #4bcead;
}

.tel-city-content .tel-card.blue .tel-card-head {
    background: #00A1FF;
}

.tel-city-content .tel-card.blue .tel-card-btn {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.tel-city-content .tel-card.blue .tel-card-btn:hover {
    background: -o-linear-gradient(26.95deg, #EC5A8F 9.44%, #F3998B 90.37%);
    background: linear-gradient(63.05deg, #EC5A8F 9.44%, #F3998B 90.37%);
}

.tel-city-content .tel-card.blue .tel-card-info-item::marker {
    color: #00A1FF;
}

.tel-city::after {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/tel-city-icon.svg);
    position:          absolute;
    bottom:            0px;
    right:             -126px;
    z-index:           0;
    width:             282px;
    height:            194px;
}

.modal {
    position:          absolute;
    left:              50%;
    top:               50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform:     translate(-50%, -50%);
    transform:         translate(-50%, -50%);
    font-family:       'Leto Sans', sans-serif;
    height:            72%;
}

.modal-close {
    position:            absolute;
    top:                 20px;
    right:               20px;
    width:               30px;
    height:              30px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/close-black.svg);
    background-position: center;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.modal-close:hover {
    background-image: url(/local/templates/redcom.ru/cmp/../img/close-purple.svg);
}

.modal__container {
    padding:          40px 80px;
    width:            700px;
    border-radius:    20px;
    background-color: #fff;
}

.modal__form > p {
    font-family:   'Lato-Bold', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   22px;
    margin-bottom: 10px;
}

.modal__form-title {
    margin-bottom: 40px;
    font-weight:   700;
    font-size:     28px;
    line-height:   36px;
    text-align:    center;
}

.modal__form-input {
    padding:       14px;
    border:        1px solid #C4C4C4;
    border-radius: 15px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     16px;
    line-height:   21px;
}

.modal__form-input::-webkit-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input::-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input-group {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
    margin-bottom:         30px;
}

.modal__form-input-group.price {
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    gap:                   22px;
}

.modal__form-input-group.information {
    display:               grid;
    grid-template-columns: 48% 48%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
    row-gap:               30px;
    padding-bottom:        0;
}

.modal__form-input-group.information input:first-child {
    grid-column: 1/3;
}

.modal__form-input-group.adress {
    display:               grid;
    grid-template-columns: 44% 32% 16%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
}

.modal__form-input-group.adress select.modal__form-input {
    background:            #fff;
    -webkit-appearance:    none;
    -moz-appearance:       none;
    background-image:      url('/local/templates/redcom.ru/cmp/../img/arrow-down-select.svg');
    background-repeat:     no-repeat;
    background-position-x: 94%;
    background-position-y: 20px;
}


.modal__form-input-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 19px;
}


.modal__form-submit-btn {
    padding:       14px 68px;
    border-radius: 15px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   21px;
    color:         #FFFFFF;
    cursor:        pointer;
}

.modal__form-submit-btn.blue {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.modal__form-submit-btn.blue:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.modal__form-submit-info {
    font-weight:   250;
    font-size:     12px;
    line-height:   16px;
    padding:       0;
    margin-bottom: 0;
}

.modal__info-text {
    margin-bottom: 20px;
    font-family:   'Lato-Regular', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   19px;
}

.modal__info-text span {
    font-weight: 700;
}

.modal__info-text.hide {
    display: none;
}

.modal__info-logo-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               30px;
    margin-bottom:     26px;
    width:             458px;
}

.modal__info-btn {
    font-family:          'Lato-Regular', sans-serif;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    text-decoration-line: underline;
    color:                #E94090;
    cursor:               pointer;
}

.modal__container.content-more-detailed {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 20px;
}

.modal__container.content-more-detailed h4 {
    display:     -webkit-box;
    display:     -ms-flexbox;
    display:     flex;
    width:       100%;
    max-width:   388px;
    line-height: 31px;
    font-size:   24px;
    text-align:  center;
    margin:      0 auto 30px;
    font-family: 'Lato-Bold', sans-serif;
}

.modal__container.content-more-detailed .bold-text-more {
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
    margin-bottom: 0;
}

.modal__container.content-more-detailed p {
    margin-bottom: 30px;
}

.modal__container.content-more-detailed .list-more {
    margin-left: 20px;
    padding:     14px 0;
}

.modal__container.content-more-detailed .list-more li {
    list-style:    disc;
    margin-bottom: 14px;
}

.modal__container.content-more-detailed .list-more li:last-child {
    margin-bottom: 0;
}

.modal__container.content-more-detailed .list-more li::marker {
    color: #00A1FF;
}

.modal__container.content-more-detailed .list-more.purple li::marker {
    color: #E94090;
}

.modal__container.content-more-detailed .list-more.green li::marker {
    color: #4bcead;
}

.modal__container.content-more-detailed .list-more.lilac li::marker {
    color: #705BDE;
}

.checkbox {
    margin-bottom: 0.2em;
}

.custom-checkbox > input {
    position: absolute;
    z-index:  -1;
    opacity:  0;
}

.custom-checkbox > input:not(:disabled):not(:checked) + span:hover::before {
    border-color: #00A1FF;
}

.custom-checkbox > input:not(:disabled):active + span::before {
    background-color: #00A1FF;
    border-color:     #00A1FF;
}

.custom-checkbox > input:checked + span::before {
    border-color:     #00A1FF;
    background-color: #00A1FF;
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e');
}

.custom-checkbox > input:disabled + span::before {
    background-color: #e9ecef;
}

.custom-checkbox > span {
    display:             -webkit-inline-box;
    display:             -ms-inline-flexbox;
    display:             inline-flex;
    -webkit-box-align:   center;
    -ms-flex-align:      center;
    align-items:         center;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    user-select:         none;
}

.custom-checkbox > span::before {
    content:             '';
    display:             inline-block;
    width:               1em;
    height:              1em;
    -ms-flex-negative:   0;
    flex-shrink:         0;
    -webkit-box-flex:    0;
    -ms-flex-positive:   0;
    flex-grow:           0;
    border:              1px solid #adb5bd;
    border-radius:       0.25em;
    margin-right:        0.3em;
    background-repeat:   no-repeat;
    background-position: center center;
    background-size:     70% 70%;
}

.tel-intercity-background {
    position: absolute;
    top:      0;
    left:     0;
    right:    0;
    bottom:   0;
    display:  block;
}

.tel-intercity-background::before {
    content:           '';
    position:          absolute;
    display:           block;
    width:             100%;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/tel-intercity-bg.png);
    background-repeat: no-repeat;
    background-size:   cover;
    top:               -140px;
    bottom: 0;
    z-index:           3;
    background-position-x: center;
}

.tel-intercity {
    position:      relative;
    margin-bottom: 100px;
    font-family:   'Leto Sans', sans-serif;
    z-index:       100;
}

.tel-intercity-title {
    margin-bottom:  40px;
    font-family:    'Leto Sans', sans-serif;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.tel-intercity-cards {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    gap:              24px;
    -webkit-box-flex: 0;
    -ms-flex:         0 0 55%;
    flex:             0 0 55%;
}

.tel-intercity-content {
    display:       -webkit-box;
    display:       -ms-flexbox;
    display:       flex;
    gap:           24px;
    font-family:   'Leto Sans', sans-serif;
    position:      relative;
    z-index:       10;
    margin-bottom: 30px;
}

.tel-intercity-content .intercity-card {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -ms-flex-item-align:   start;
    align-self:            start;
    border-radius:         15px;
    font-family:           'Leto Sans', sans-serif;
}

.tel-intercity-content .intercity-card-head {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    gap:               22px;
    color:             #fff;
    padding:           38px 42px 32px 50px;
    border-radius:     15px 15px 0 0;
    background-color:  #705BDE;
}

.tel-intercity-content .intercity-card-head .card-head-title {
    font-weight: 700;
    font-size:   18px;
    line-height: 23px;
}

.tel-intercity-content .intercity-card-head .card-head-img {
    display: inline-block;
}

.tel-intercity-content .intercity-card-body {
    display:       -webkit-box;
    display:       -ms-flexbox;
    display:       flex;
    padding:       32px 36px 60px;
    border-radius: 0 0 15px 15px;
    background:    #fff;
}

.tel-intercity-content .intercity-card-body-content {
    padding-top:       18px;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               16px;
}

.tel-intercity-content .intercity-card-price {
    font-weight: 700;
    font-size:   16px;
    line-height: 21px;
}

.tel-intercity-content .intercity-card-price span {
    font-weight: 700;
    font-size:   70px;
    line-height: 1;
}

.tel-intercity-info {
    -webkit-box-flex: 0;
    -ms-flex:         0 0 43%;
    flex:             0 0 43%;
    padding:          34px 28px 44px;
    background:       #fff;
    border-radius:    15px;
}

.tel-intercity-info-title {
    margin-bottom: 20px;
    font-weight:   700;
    font-size:     24px;
    line-height:   34px;
}

.tel-intercity-info-text {
    font-weight:  400;
    font-size:    16px;
    line-height:  22px;
    display:      block;
    position:     relative;
    padding-left: 14px;
}

.tel-intercity-info-text::after {
    content:       '';
    width:         6px;
    height:        6px;
    border-radius: 50%;
    background:    #705BDE;
    position:      absolute;
    left:          0;
    top:           6px;
}

.tel-intercity::after {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/tel-intercity-icon.svg);
    position:          absolute;
    bottom:            -80px;
    left:              -216px;
    z-index:           0;
    width:             282px;
    height:            194px;
}

.tel-economy {
    position:       relative;
    padding-bottom: 100px;
    font-family:    'Leto Sans', sans-serif;
    z-index:        100;
}

.tel-economy-title {
    margin-bottom:  40px;
    font-family:    'Leto Sans', sans-serif;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.tel-economy-cards {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    gap:              24px;
    -webkit-box-flex: 0;
    -ms-flex:         0 0 55%;
    flex:             0 0 55%;
}

.tel-economy-content {
    display:       -webkit-box;
    display:       -ms-flexbox;
    display:       flex;
    gap:           24px;
    font-family:   'Leto Sans', sans-serif;
    position:      relative;
    z-index:       10;
    margin-bottom: 30px;
}

.tel-economy-content .economy-card {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -ms-flex-item-align:   start;
    align-self:            start;
    border-radius:         15px;
    font-family:           'Leto Sans', sans-serif;
    max-width:             372px;
    width:                 100%;
}

.tel-economy-content .economy-card-head {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    gap:               22px;
    color:             #fff;
    padding:           38px 42px 32px 50px;
    border-radius:     15px 15px 0 0;
    background-color:  #00A1FF;
}

.tel-economy-content .economy-card-head .card-head-title {
    font-weight: 700;
    font-size:   18px;
    line-height: 23px;
}

.tel-economy-content .economy-card-head .card-head-img {
    display: inline-block;
}

.tel-economy-content .economy-card-body {
    display:       -webkit-box;
    display:       -ms-flexbox;
    display:       flex;
    padding:       32px 36px 60px;
    border-radius: 0 0 15px 15px;
    background:    #fff;
}

.tel-economy-content .economy-card-body-content {
    padding-top:       18px;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               16px;
}

.tel-economy-content .economy-card-price {
    font-weight: 700;
    font-size:   16px;
    line-height: 21px;
}

.tel-economy-content .economy-card-price span {
    font-weight: 700;
    font-size:   70px;
    line-height: 1;
}

.tel-economy-container {
    position: relative;
}

.tel-economy-container img {
    position: absolute;
    bottom:   -54px;
    right:    104px;
}

.tel-economy-container::before {
    content:          '';
    position:         absolute;
    background-image: url(/local/templates/redcom.ru/cmp/../img/tel-decor-green.svg);
    width:            166px;
    height:           137px;
    right:            -84px;
    top:              -81px;
    z-index:          -1;
    width:            166px;
    height:           138px;
}

.tel-economy-info {
    -webkit-box-flex: 0;
    -ms-flex:         0 0 43%;
    flex:             0 0 43%;
    padding:          15px 28px 15px;
    background:       #fff;
    border-radius:    15px;
    height:           -webkit-fit-content;
    height:           -moz-fit-content;
    height:           fit-content;
    z-index:          1;
}

.tel-economy-info-title {
    margin-bottom: 20px;
    font-weight:   700;
    font-size:     24px;
    line-height:   34px;
}

.tel-economy-info-text {
    font-weight:  400;
    font-size:    16px;
    line-height:  22px;
    display:      block;
    position:     relative;
    padding-left: 14px;
}

.tel-economy-info-text::after {
    content:       '';
    width:         6px;
    height:        6px;
    border-radius: 50%;
    background:    #705BDE;
    position:      absolute;
    left:          0;
    top:           6px;
}

.tel-economy-info-text::marker {
    color: #705BDE;
}

.tel-economy-background {
    position: relative;
}

.tel-nice-background {
    position: absolute;
    top:      0;
    left:     0;
    right:    0;
    bottom:   0;
    display:  block;
}

.tel-nice-background::before {
    content:           '';
    position:          absolute;
    display:           block;
    width:             100%;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/tel-nice-bg.png);
    background-repeat: no-repeat;
    background-size:   auto;
    top:               -170px;
    bottom: 0;
    z-index:           0;
}

@media screen and (max-width: 1440px) {
    .tel-nice-background::before {
        background-size: contain;
        top:             -70px;
    }
}

.tel-nice {
    position:       relative;
    padding-bottom: 50px;
    z-index:        100;
}

.tel-nice .swiper-slide {
    padding: 0px 40px 0px !important;
}

.tel-nice .mySwiper {
    max-height: 120px !important;
}

.tel-nice__title {
    font-size:      35px;
    line-height:    45px;
    font-family:    'Leto Sans', sans-serif;
    text-transform: uppercase;
    margin-bottom:  60px;
}

.tel-nice__container {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
}

.tel-nice__item {
    text-align:  center;
    font-family: 'Leto Sans', sans-serif;
    max-width:   33%;
}

.tel-nice__item:nth-child(1) .tel-nice__phone {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.tel-nice__item:nth-child(1) .tel-nice__slider-show {
    color: #00A1FF;
}

.tel-nice__item:nth-child(1) .tel-nice__slider-show > svg path {
    fill: #00A1FF;
}

.tel-nice__item:nth-child(2) .tel-nice__phone {
    background: -o-linear-gradient(3.21deg, #4BCF79 6.16%, #4FD4E0 92.94%), -o-linear-gradient(2.91deg, #EF4F9C 6.42%, #F6908A 91.66%);
    background: linear-gradient(86.79deg, #4BCF79 6.16%, #4FD4E0 92.94%), linear-gradient(87.09deg, #EF4F9C 6.42%, #F6908A 91.66%);
}

.tel-nice__item:nth-child(2) .tel-nice__slider-show {
    color: #4bcead;
}

.tel-nice__item:nth-child(2) .tel-nice__slider-show > svg path {
    fill: #4bcead;
}

.tel-nice__item:nth-child(3) .tel-nice__phone {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.tel-nice__item:nth-child(3) .tel-nice__slider-show {
    color: #705BDE;
}

.tel-nice__item:nth-child(3) .tel-nice__slider-show > svg path {
    fill: #705BDE;
}

.tel-nice__phone {
    display:         block;
    padding:         20px 50px 10px 50px;
    border-radius:   48px;
    color:           #fff;
    text-decoration: none;
    cursor:          pointer;
}

.tel-nice__phone:hover .tel-nice__phone-connect {
    text-decoration: underline;
}

.tel-nice__phone-num {
    font-size:   52px;
    line-height: 68px;
    font-weight: 700;
}

.tel-nice__phone-connect {
    font-size:      15px;
    font-weight:    700;
    line-height:    20px;
    text-transform: uppercase;
}

.tel-nice__slider-price {
    font-weight: 700;
    font-size:   14px;
    margin-top:  20px;
}

.tel-nice__slider-price span {
    font-size:   33px;
    line-height: 43px;
    color:       #000;
}

.tel-nice__slider-show {
    font-size:          16px;
    line-height:        20px;
    text-decoration:    none;
    position:           relative;
    -webkit-transition: 1s ease 0s;
    -o-transition:      1s ease 0s;
    transition:         1s ease 0s;
    display:            -webkit-box;
    display:            -ms-flexbox;
    display:            flex;
    -webkit-box-pack:   justify;
    -ms-flex-pack:      justify;
    justify-content:    space-between;
    max-width:          -webkit-fit-content;
    max-width:          -moz-fit-content;
    max-width:          fit-content;
    width:              100%;
    margin:             0 auto;
    padding-right:      20px;
}

.tel-nice__slider-show:hover {
    text-decoration: underline;
}

.tel-nice__slider-show:hover svg {
    right:              -10px;
    -webkit-transition: 1s ease 0s;
    -o-transition:      1s ease 0s;
    transition:         1s ease 0s;
}

.tel-nice__slider-show svg {
    margin-left: 5px;
    position:    absolute;
    top:         1.5px;
    right:       0;
}

.tel-nice__wrapper {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    width:                 100%;
}

.tel-nice .swiper-slide .tel-nice__phone {
    padding: 20px 40px 10px !important;
}

.mySwiper .swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 24px;
}

.tel-nice__item .mySwiper .swiper-button-next:after,
.swiper-button-prev:after {
    font-weight: 700;
    color:       #707070;
}

.tel-nice__item .swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px) !important;
}

.tel-nice__item .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px) !important;
}

.modal {
    position:          absolute;
    left:              50%;
    top:               50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform:     translate(-50%, -50%);
    transform:         translate(-50%, -50%);
    font-family:       'Leto Sans', sans-serif;
    height:            72%;
}

.modal-close {
    position:            absolute;
    top:                 20px;
    right:               20px;
    width:               30px;
    height:              30px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/close-black.svg);
    background-position: center;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.modal-close:hover {
    background-image: url(/local/templates/redcom.ru/cmp/../img/close-purple.svg);
}

.modal__container {
    padding:          40px 80px;
    width:            700px;
    border-radius:    20px;
    background-color: #fff;
}

.modal__form > p {
    font-family:   'Lato-Bold', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   22px;
    margin-bottom: 10px;
}

.modal__form-title {
    margin-bottom: 40px;
    font-weight:   700;
    font-size:     28px;
    line-height:   36px;
    text-align:    center;
}

.modal__form-input {
    padding:       14px;
    border:        1px solid #C4C4C4;
    border-radius: 15px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     16px;
    line-height:   21px;
}

.modal__form-input::-webkit-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input::-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input-group {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
    margin-bottom:         30px;
}

.modal__form-input-group.price {
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    gap:                   22px;
}

.modal__form-input-group.information {
    display:               grid;
    grid-template-columns: 48% 48%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
    row-gap:               30px;
    padding-bottom:        0;
}

.modal__form-input-group.information input:first-child {
    grid-column: 1/3;
}

.modal__form-input-group.adress {
    display:               grid;
    grid-template-columns: 44% 32% 16%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
}

.modal__form-input-group.adress select.modal__form-input {
    background:            #fff;
    -webkit-appearance:    none;
    -moz-appearance:       none;
    background-image:      url('/local/templates/redcom.ru/cmp/../img/arrow-down-select.svg');
    background-repeat:     no-repeat;
    background-position-x: 94%;
    background-position-y: 20px;
}


.modal__form-input-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 19px;
}


.modal__form-submit-btn {
    padding:       14px 68px;
    border-radius: 15px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   21px;
    color:         #FFFFFF;
    cursor:        pointer;
}

.modal__form-submit-btn.blue {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.modal__form-submit-btn.blue:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.modal__form-submit-info {
    font-weight:   250;
    font-size:     12px;
    line-height:   16px;
    padding:       0;
    margin-bottom: 0;
}

.modal__info-text {
    margin-bottom: 20px;
    font-family:   'Lato-Regular', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   19px;
}

.modal__info-text span {
    font-weight: 700;
}

.modal__info-text.hide {
    display: none;
}

.modal__info-logo-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               30px;
    margin-bottom:     26px;
    width:             458px;
}

.modal__info-btn {
    font-family:          'Lato-Regular', sans-serif;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    text-decoration-line: underline;
    color:                #E94090;
    cursor:               pointer;
}

.modal__container.content-more-detailed {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 20px;
}

.modal__container.content-more-detailed h4 {
    display:     -webkit-box;
    display:     -ms-flexbox;
    display:     flex;
    width:       100%;
    max-width:   388px;
    line-height: 31px;
    font-size:   24px;
    text-align:  center;
    margin:      0 auto 30px;
    font-family: 'Lato-Bold', sans-serif;
}

.modal__container.content-more-detailed .bold-text-more {
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
    margin-bottom: 0;
}

.modal__container.content-more-detailed p {
    margin-bottom: 30px;
}

.modal__container.content-more-detailed .list-more {
    margin-left: 20px;
    padding:     14px 0;
}

.modal__container.content-more-detailed .list-more li {
    list-style:    disc;
    margin-bottom: 14px;
}

.modal__container.content-more-detailed .list-more li:last-child {
    margin-bottom: 0;
}

.modal__container.content-more-detailed .list-more li::marker {
    color: #00A1FF;
}

.modal__container.content-more-detailed .list-more.purple li::marker {
    color: #E94090;
}

.modal__container.content-more-detailed .list-more.green li::marker {
    color: #4bcead;
}

.modal__container.content-more-detailed .list-more.lilac li::marker {
    color: #705BDE;
}

.checkbox {
    margin-bottom: 0.2em;
}

.custom-checkbox > input {
    position: absolute;
    z-index:  -1;
    opacity:  0;
}

.custom-checkbox > input:not(:disabled):not(:checked) + span:hover::before {
    border-color: #00A1FF;
}

.custom-checkbox > input:not(:disabled):active + span::before {
    background-color: #00A1FF;
    border-color:     #00A1FF;
}

.custom-checkbox > input:checked + span::before {
    border-color:     #00A1FF;
    background-color: #00A1FF;
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e');
}

.custom-checkbox > input:disabled + span::before {
    background-color: #e9ecef;
}

.custom-checkbox > span {
    display:             -webkit-inline-box;
    display:             -ms-inline-flexbox;
    display:             inline-flex;
    -webkit-box-align:   center;
    -ms-flex-align:      center;
    align-items:         center;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    user-select:         none;
}

.custom-checkbox > span::before {
    content:             '';
    display:             inline-block;
    width:               1em;
    height:              1em;
    -ms-flex-negative:   0;
    flex-shrink:         0;
    -webkit-box-flex:    0;
    -ms-flex-positive:   0;
    flex-grow:           0;
    border:              1px solid #adb5bd;
    border-radius:       0.25em;
    margin-right:        0.3em;
    background-repeat:   no-repeat;
    background-position: center center;
    background-size:     70% 70%;
}

.telephony-table {
    position:       relative;
    padding-bottom: 30px;
    z-index:        100;
}

.telephony-table .table-wrap {
    position:      relative;
    margin-bottom: 36px;
    text-align:    right;
    display:       inline-block;
    width:         100%;
    color:         #000;
    z-index:       0;
}

.telephony-table table {
    width:      100%;
    margin:     0;
    padding:    0;
    background: transparent;
    position:   relative;
}

.telephony-table table:nth-child(2)::before {
    content:          '';
    position:         absolute;
    width:            166px;
    height:           137px;
    background-image: url(/local/templates/redcom.ru/cmp/../img/yellow-decor-tel.svg);
    left:             -63px;
    top:              0;
    z-index:          -1;
    width:            166px;
    height:           138px;
}

.telephony-table table tbody {
    border-spacing: 10px;
    margin:         10px 0;
}

.telephony-table table tr {
    padding:               14px 0;
    display:               grid;
    grid-template-columns: 55% 23% 22%;
}

.telephony-table table th,
.telephony-table table td {
    text-align: center;
}

.telephony-table table th {
    padding:           26px 0 18px;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
}

.telephony-table table td {
    padding: 0;
}

.telephony-table table thead tr {
    background:    #705BDE;
    border-radius: 15px 15px 0 0;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     24px;
    line-height:   31px;
    color:         #fff;
    padding:       0 30px;
}

.telephony-table table tbody tr {
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    margin-top:        20px;
    padding:           20px 30px 16px;
    border-radius:     15px;
    font-family:       'Leto Sans', sans-serif;
    font-weight:       700;
    font-size:         20px;
    line-height:       26px;
    background:        #fff;
}

.telephony-table table tbody tr span {
    font-weight: 700;
    font-size:   35px;
    line-height: 46px;
}

.telephony-table table thead tr th:first-child {
    text-align:        left;
    text-transform:    uppercase;
    font-weight:       700;
    font-size:         35px;
    line-height:       46px;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  start;
    -ms-flex-pack:     start;
    justify-content:   start;
}

.telephony-table table tbody tr td {
    border:      0;
    font-size:   15px;
    line-height: 20px;
}

.telephony-table table tbody tr td:not(:first-child) {
    overflow: hidden;
}

.telephony-table table tbody tr td:not(:first-child) .wrap-price {
    position: relative;
    top:      5px;
}

.telephony-table table tbody tr td:nth-child(2) .wrap-price {
    border-left:  2px solid #DEDEDE;
    border-right: 2px solid #DEDEDE;
}

.telephony-table table tbody tr td:first-child {
    text-align:            left;
    font-family:           'Leto Sans', sans-serif;
    font-weight:           700;
    font-size:             20px;
    line-height:           36px;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-pack:      start;
    -ms-flex-pack:         start;
    justify-content:       start;
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction:    row-reverse;
    flex-direction:        row-reverse;
    min-height:            46px;
}

.telephony-table-action {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    margin-bottom:     96px;
}

.telephony-table-action-text {
    font-weight: 700;
    font-size:   24px;
    line-height: 34px;
}

.telephony-table-action-link {
    border-radius:   15px;
    background:      -o-linear-gradient(3.21deg, #4BCF79 6.16%, #4FD4E0 92.94%), -o-linear-gradient(2.91deg, #EF4F9C 6.42%, #F6908A 91.66%);
    background:      linear-gradient(86.79deg, #4BCF79 6.16%, #4FD4E0 92.94%), linear-gradient(87.09deg, #EF4F9C 6.42%, #F6908A 91.66%);
    padding:         16px 36px 12px;
    font-weight:     700;
    font-size:       16px;
    line-height:     21px;
    color:           #FFFFFF;
    text-decoration: none;
}

.telephony-table__btn {
    margin-top:    30px;
    padding:       13px 70px;
    background:    -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background:    linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    font-size:     16px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    border-radius: 15px;
    color:         #fff;
    text-align:    right;
    cursor:        pointer;
}

.telephony-table__btn:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.telephony-table__table-info tr {
    background: transparent !important;
}

.telephony-table__table-info td {
    border:     0 !important;
    text-align: left !important;
}

.telephony-table__table-info_text {
    font-family: 'Leto Sans', sans-serif;
    font-size:   14px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
}

.telephony-table__table-info_text::before {
    content:     '*';
    margin-left: -5px;
}

.telephony-table .CellWithComment {
    position: relative;
}

.telephony-table .CellWithComment .toltip {
    position:          relative;
    width:             -webkit-fit-content;
    width:             -moz-fit-content;
    width:             fit-content;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    line-height:       26px;
}

.telephony-table .CellWithComment .toltip:hover {
    cursor: default;
}

.telephony-table .CellComment {
    visibility:         hidden;
    width:              100%;
    max-width:          710px;
    display:            -webkit-box;
    display:            -ms-flexbox;
    display:            flex;
    position:           absolute;
    z-index:            100;
    text-align:         left;
    opacity:            0.4;
    -webkit-transition: opacity 0.2s !important;
    -o-transition:      opacity 0.2s !important;
    transition:         opacity 0.2s !important;
    background-color:   #fff;
    padding:            20px 10px;
    top:                56px !important;
    left:               0px;
    border:             1px solid #DEDEDE;
    margin-top:         -20px;
}

.telephony-table .CellComment .text {
    position:    relative;
    padding:     0px 0px 0px 16px;
    font-family: 'Leto Sans', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 130%;
}

.telephony-table .CellComment .text::after {
    content:       '';
    width:         6px;
    height:        6px;
    background:    #E94090;
    position:      absolute;
    border-radius: 50%;
    left:          0;
    top:           5px;
}

.telephony-table .CellComment .text p {
    margin-bottom: 24px;
}

.telephony-table .CellComment .text p:last-child {
    margin-bottom: 0;
}

.telephony-table picture {
    width:      100%;
    height:     100%;
    max-width:  198px;
    max-height: 148px;
}

.focus:hover > path {
    fill:   #E94090;
    stroke: #E94090;
}

.CellComment.chosen {
    visibility: visible;
    opacity:    1;
}

.wrapp-toltip {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    margin-left:       6px;
}

.focus:focus-visible {
    outline: none;
}

.wrapp-toltip:focus-visible {
    outline: none;
}

tr.telephony-table__table-info_text.mobile {
    display: none;
}

.modal {
    position:          absolute;
    left:              50%;
    top:               50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform:     translate(-50%, -50%);
    transform:         translate(-50%, -50%);
    font-family:       'Leto Sans', sans-serif;
    height:            72%;
}

.modal-close {
    position:            absolute;
    top:                 20px;
    right:               20px;
    width:               30px;
    height:              30px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/close-black.svg);
    background-position: center;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.modal-close:hover {
    background-image: url(/local/templates/redcom.ru/cmp/../img/close-purple.svg);
}

.modal__container {
    padding:          40px 80px;
    width:            700px;
    border-radius:    20px;
    background-color: #fff;
}

.modal__form > p {
    font-family:   'Lato-Bold', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   22px;
    margin-bottom: 10px;
}

.modal__form-title {
    margin-bottom: 40px;
    font-weight:   700;
    font-size:     28px;
    line-height:   36px;
    text-align:    center;
}

.modal__form-input {
    padding:       14px;
    border:        1px solid #C4C4C4;
    border-radius: 15px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     16px;
    line-height:   21px;
}

.modal__form-input::-webkit-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input::-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input-group {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
    margin-bottom:         30px;
}

.modal__form-input-group.price {
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    gap:                   22px;
}

.modal__form-input-group.information {
    display:               grid;
    grid-template-columns: 48% 48%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
    row-gap:               30px;
    padding-bottom:        0;
}

.modal__form-input-group.information input:first-child {
    grid-column: 1/3;
}

.modal__form-input-group.adress {
    display:               grid;
    grid-template-columns: 44% 32% 16%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
}

.modal__form-input-group.adress select.modal__form-input {
    background:            #fff;
    -webkit-appearance:    none;
    -moz-appearance:       none;
    background-image:      url('/local/templates/redcom.ru/cmp/../img/arrow-down-select.svg');
    background-repeat:     no-repeat;
    background-position-x: 94%;
    background-position-y: 20px;
}


.modal__form-input-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 19px;
}


.modal__form-submit-btn {
    padding:       14px 68px;
    border-radius: 15px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   21px;
    color:         #FFFFFF;
    cursor:        pointer;
}

.modal__form-submit-btn.blue {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.modal__form-submit-btn.blue:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.modal__form-submit-info {
    font-weight:   250;
    font-size:     12px;
    line-height:   16px;
    padding:       0;
    margin-bottom: 0;
}

.modal__info-text {
    margin-bottom: 20px;
    font-family:   'Lato-Regular', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   19px;
}

.modal__info-text span {
    font-weight: 700;
}

.modal__info-text.hide {
    display: none;
}

.modal__info-logo-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               30px;
    margin-bottom:     26px;
    width:             458px;
}

.modal__info-btn {
    font-family:          'Lato-Regular', sans-serif;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    text-decoration-line: underline;
    color:                #E94090;
    cursor:               pointer;
}

.modal__container.content-more-detailed {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 20px;
}

.modal__container.content-more-detailed h4 {
    display:     -webkit-box;
    display:     -ms-flexbox;
    display:     flex;
    width:       100%;
    max-width:   388px;
    line-height: 31px;
    font-size:   24px;
    text-align:  center;
    margin:      0 auto 30px;
    font-family: 'Lato-Bold', sans-serif;
}

.modal__container.content-more-detailed .bold-text-more {
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
    margin-bottom: 0;
}

.modal__container.content-more-detailed p {
    margin-bottom: 30px;
}

.modal__container.content-more-detailed .list-more {
    margin-left: 20px;
    padding:     14px 0;
}

.modal__container.content-more-detailed .list-more li {
    list-style:    disc;
    margin-bottom: 14px;
}

.modal__container.content-more-detailed .list-more li:last-child {
    margin-bottom: 0;
}

.modal__container.content-more-detailed .list-more li::marker {
    color: #00A1FF;
}

.modal__container.content-more-detailed .list-more.purple li::marker {
    color: #E94090;
}

.modal__container.content-more-detailed .list-more.green li::marker {
    color: #4bcead;
}

.modal__container.content-more-detailed .list-more.lilac li::marker {
    color: #705BDE;
}

.checkbox {
    margin-bottom: 0.2em;
}

.custom-checkbox > input {
    position: absolute;
    z-index:  -1;
    opacity:  0;
}

.custom-checkbox > input:not(:disabled):not(:checked) + span:hover::before {
    border-color: #00A1FF;
}

.custom-checkbox > input:not(:disabled):active + span::before {
    background-color: #00A1FF;
    border-color:     #00A1FF;
}

.custom-checkbox > input:checked + span::before {
    border-color:     #00A1FF;
    background-color: #00A1FF;
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e');
}

.custom-checkbox > input:disabled + span::before {
    background-color: #e9ecef;
}

.custom-checkbox > span {
    display:             -webkit-inline-box;
    display:             -ms-inline-flexbox;
    display:             inline-flex;
    -webkit-box-align:   center;
    -ms-flex-align:      center;
    align-items:         center;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    user-select:         none;
}

.custom-checkbox > span::before {
    content:             '';
    display:             inline-block;
    width:               1em;
    height:              1em;
    -ms-flex-negative:   0;
    flex-shrink:         0;
    -webkit-box-flex:    0;
    -ms-flex-positive:   0;
    flex-grow:           0;
    border:              1px solid #adb5bd;
    border-radius:       0.25em;
    margin-right:        0.3em;
    background-repeat:   no-repeat;
    background-position: center center;
    background-size:     70% 70%;
}

.wrapp-toltip:hover {
    cursor: pointer;
}

.wrapp-toltip svg {
    margin-top: -3px;
}

.wrapp-toltip:hover + .toltip {
    color: #E94090;
}

.wrapp-toltip.next-el + .toltip {
    color: #E94090;
}

.wrapp-toltip.next-el .focus > path {
    fill:   #E94090;
    stroke: #E94090;
}

.tel-sip {
    position:       relative;
    padding-bottom: 30px;
    font-family:    'Leto Sans', sans-serif;
    z-index:        100;
}

.tel-sip-title {
    margin-bottom:  40px;
    font-family:    'Leto Sans', sans-serif;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.tel-sip-cards {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    gap:              24px;
    -webkit-box-flex: 0;
    -ms-flex:         0 0 55%;
    flex:             0 0 55%;
}

.tel-sip-content {
    display:       -webkit-box;
    display:       -ms-flexbox;
    display:       flex;
    gap:           24px;
    font-family:   'Leto Sans', sans-serif;
    position:      relative;
    z-index:       10;
    margin-bottom: 60px;
}

.tel-sip-content .sip-card {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -ms-flex-item-align:   start;
    align-self:            start;
    border-radius:         15px;
    font-family:           'Leto Sans', sans-serif;
    width:                 49%;
    max-width:             366px;
}

.tel-sip-content .sip-card__btn {
    margin-top:    44px;
    background:    -o-linear-gradient(3.21deg, #4BCF79 6.16%, #4FD4E0 92.94%), -o-linear-gradient(2.91deg, #EF4F9C 6.42%, #F6908A 91.66%);
    background:    linear-gradient(86.79deg, #4BCF79 6.16%, #4FD4E0 92.94%), linear-gradient(87.09deg, #EF4F9C 6.42%, #F6908A 91.66%);
    padding:       13px 68px;
    font-weight:   700;
    line-height:   20px;
    border-radius: 15px;
    color:         #fff;
    cursor:        pointer;
}

.tel-sip-content .sip-card__btn:hover {
    background: -o-linear-gradient(23.76deg, #F7A940 13.25%, #FFDF42 85.68%);
    background: linear-gradient(66.24deg, #F7A940 13.25%, #FFDF42 85.68%);
}

.tel-sip-content .sip-card-head {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    -webkit-box-pack:  center;
    -ms-flex-pack:     center;
    justify-content:   center;
    gap:               22px;
    color:             #fff;
    padding:           38px 42px 32px 50px;
    border-radius:     15px 15px 0 0;
    background-color:  #4bcead;
    width:             100%;
    height:            118px;
}

.tel-sip-content .sip-card-head .card-head-title {
    font-weight: 700;
    font-size:   18px;
    line-height: 23px;
}

.tel-sip-content .sip-card-head .card-head-img {
    display: inline-block;
}

.tel-sip-content .sip-card-body {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    padding:               32px 36px 60px;
    border-radius:         0 0 15px 15px;
    background:            #fff;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
}

.tel-sip-content .sip-card-body-content {
    padding-top:       18px;
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               16px;
}

.tel-sip-content .sip-card-price {
    font-weight: 700;
    font-size:   16px;
    line-height: 21px;
}

.tel-sip-content .sip-card-price span {
    font-weight: 700;
    font-size:   70px;
    line-height: 1;
}

.tel-sip-info {
    -webkit-box-flex: 0;
    -ms-flex:         0 0 43%;
    flex:             0 0 43%;
    padding:          34px 28px 44px;
    background:       #fff;
    border-radius:    15px;
}

.tel-sip-info-title {
    margin-bottom: 20px;
    font-weight:   700;
    font-size:     24px;
    line-height:   34px;
}

.tel-sip-info-text {
    font-weight:   400;
    font-size:     16px;
    line-height:   22px;
    margin-bottom: 20px;
    display:       block;
    position:      relative;
    padding-left:  14px;
}

.tel-sip-info-text::after {
    content:       '';
    width:         6px;
    height:        6px;
    border-radius: 50%;
    background:    #4bcead;
    position:      absolute;
    left:          0;
    top:           6px;
}

.tel-sip-info-text::marker {
    color: #4bcead;
}

.tel-sip-info-text:last-child {
    margin-bottom: 0;
}

.tel-sip::after {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/tel-sip-icon.svg);
    position:          absolute;
    bottom:            -80px;
    left:              -216px;
    z-index:           0;
}

.tel-sip__extra {
    font-size:   18px;
    line-height: 140%;
    font-family: 'Leto Sans', sans-serif;
}

.modal {
    position:          absolute;
    left:              50%;
    top:               50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform:     translate(-50%, -50%);
    transform:         translate(-50%, -50%);
    font-family:       'Leto Sans', sans-serif;
    height:            72%;
}

.modal-close {
    position:            absolute;
    top:                 20px;
    right:               20px;
    width:               30px;
    height:              30px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/close-black.svg);
    background-position: center;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.modal-close:hover {
    background-image: url(/local/templates/redcom.ru/cmp/../img/close-purple.svg);
}

.modal__container {
    padding:          40px 80px;
    width:            700px;
    border-radius:    20px;
    background-color: #fff;
}

.modal__form > p {
    font-family:   'Lato-Bold', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   22px;
    margin-bottom: 10px;
}

.modal__form-title {
    margin-bottom: 40px;
    font-weight:   700;
    font-size:     28px;
    line-height:   36px;
    text-align:    center;
}

.modal__form-input {
    padding:       14px;
    border:        1px solid #C4C4C4;
    border-radius: 15px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     16px;
    line-height:   21px;
}

.modal__form-input::-webkit-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input::-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input-group {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
    margin-bottom:         30px;
}

.modal__form-input-group.price {
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    gap:                   22px;
}

.modal__form-input-group.information {
    display:               grid;
    grid-template-columns: 48% 48%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
    row-gap:               30px;
    padding-bottom:        0;
}

.modal__form-input-group.information input:first-child {
    grid-column: 1/3;
}

.modal__form-input-group.adress {
    display:               grid;
    grid-template-columns: 44% 32% 16%;
    -webkit-column-gap:    20px;
    -moz-column-gap:       20px;
    column-gap:            20px;
}

.modal__form-input-group.adress select.modal__form-input {
    background:            #fff;
    -webkit-appearance:    none;
    -moz-appearance:       none;
    background-image:      url('/local/templates/redcom.ru/cmp/../img/arrow-down-select.svg');
    background-repeat:     no-repeat;
    background-position-x: 94%;
    background-position-y: 20px;
}


.modal__form-input-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 19px;
}


.modal__form-submit-btn {
    padding:       14px 68px;
    border-radius: 15px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   21px;
    color:         #FFFFFF;
    cursor:        pointer;
}

.modal__form-submit-btn.blue {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.modal__form-submit-btn.blue:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.modal__form-submit-info {
    font-weight:   250;
    font-size:     12px;
    line-height:   16px;
    padding:       0;
    margin-bottom: 0;
}

.modal__info-text {
    margin-bottom: 20px;
    font-family:   'Lato-Regular', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   19px;
}

.modal__info-text span {
    font-weight: 700;
}

.modal__info-text.hide {
    display: none;
}

.modal__info-logo-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               30px;
    margin-bottom:     26px;
    width:             458px;
}

.modal__info-btn {
    font-family:          'Lato-Regular', sans-serif;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    text-decoration-line: underline;
    color:                #E94090;
    cursor:               pointer;
}

.modal__container.content-more-detailed {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 20px;
}

.modal__container.content-more-detailed h4 {
    display:     -webkit-box;
    display:     -ms-flexbox;
    display:     flex;
    width:       max-content;
    line-height: 31px;
    font-size:   24px;
    text-align:  center;
    margin:      0 auto 30px;
    font-family: 'Lato-Bold', sans-serif;
@media (max-width: 767px) {
    font-size: 18px;
    margin:      0 auto 20px;
}
}

.modal__container.content-more-detailed .bold-text-more {
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
    margin-bottom: 0;
@media (max-width: 767px) {
    font-size: 16px;
}
}

.modal__container.content-more-detailed p {
    margin-bottom: 30px;
@media (max-width: 767px) {
    margin-bottom: 20px;
    font-size: 14px;
}
}

.modal__container.content-more-detailed .list-more {
    margin-left: 20px;
    padding:     14px 0;
}

.modal__container.content-more-detailed .list-more li {
    list-style:    disc;
    margin-bottom: 14px;
@media (max-width: 767px) {
    font-size: 14px;
}
}

.modal__container.content-more-detailed .list-more li:last-child {
    margin-bottom: 0;
}

.modal__container.content-more-detailed .list-more li::marker {
    color: #00A1FF;
}

.modal__container.content-more-detailed .list-more.purple li::marker {
    color: #E94090;
}

.modal__container.content-more-detailed .list-more.green li::marker {
    color: #4bcead;
}

.modal__container.content-more-detailed .list-more.lilac li::marker {
    color: #705BDE;
}

.checkbox {
    margin-bottom: 0.2em;
}

.custom-checkbox > input {
    position: absolute;
    z-index:  -1;
    opacity:  0;
}

.custom-checkbox > input:not(:disabled):not(:checked) + span:hover::before {
    border-color: #00A1FF;
}

.custom-checkbox > input:not(:disabled):active + span::before {
    background-color: #00A1FF;
    border-color:     #00A1FF;
}

.custom-checkbox > input:checked + span::before {
    border-color:     #00A1FF;
    background-color: #00A1FF;
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e');
}

.custom-checkbox > input:disabled + span::before {
    background-color: #e9ecef;
}

.custom-checkbox > span {
    display:             -webkit-inline-box;
    display:             -ms-inline-flexbox;
    display:             inline-flex;
    -webkit-box-align:   center;
    -ms-flex-align:      center;
    align-items:         center;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    user-select:         none;
}

.custom-checkbox > span::before {
    content:             '';
    display:             inline-block;
    width:               1em;
    height:              1em;
    -ms-flex-negative:   0;
    flex-shrink:         0;
    -webkit-box-flex:    0;
    -ms-flex-positive:   0;
    flex-grow:           0;
    border:              1px solid #adb5bd;
    border-radius:       0.25em;
    margin-right:        0.3em;
    background-repeat:   no-repeat;
    background-position: center center;
    background-size:     70% 70%;
}

.bonus {
    position:      relative;
    padding-top:   70px;
    margin-bottom: 180px;
    font-family:   'Leto Sans', sans-serif;
}

.bonus-title {
    margin-bottom:  52px;
    font-family:    'Leto Sans', sans-serif;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.bonus-cards {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    gap:              24px;
    -webkit-box-flex: 0;
    -ms-flex:         0 0 55%;
    flex:             0 0 55%;
}

.bonus-cards {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    position:         relative;
    z-index:          1;
}

.bonus-cards::before {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/bonus1.svg);
    position:          absolute;
    right:             -116px;
    top:               -86px;
    z-index:           0;
    width:             218px;
    height:            210px;
}

.bonus-cards::after {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/bonus3.svg);
    position:          absolute;
    right:             344px;
    bottom:            -184px;
    z-index:           1;
    width:             138px;
    height:            134px;
}

.bonus-programm {
    position:         relative;
    padding:          50px 88px 22px 44px;
    border-radius:    20px;
    background-color: #fff;
    -webkit-box-flex: 0;
    -ms-flex:         0 0 60%;
    flex:             0 0 60%;
}

.bonus-programm-title {
    max-width:      400px;
    margin-bottom:  40px;
    font-weight:    700;
    font-size:      30px;
    line-height:    36px;
    text-transform: uppercase;
}

.bonus-programm-new {
    margin-bottom:  10px;
    font-weight:    700;
    font-size:      25px;
    line-height:    30px;
    text-transform: uppercase;
    color:          #E94090;
}

.bonus-programm-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   20px;
    line-height: 26px;
}

.bonus-programm-text:not(:last-child) {
    margin-bottom: 14px;
}

.bonus-programm-link {
    display: inline-block;
    color:   #E94090;
}

.bonus-programm-link:hover {
    color: #00A1FF;
}

.bonus-programm::after {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/gruoup-bonus.svg);
    position:          absolute;
    right:             -26px;
    top:               -86px;
    width:             378px;
    height:            312px;
}

.bonus-right {
    position:         relative;
    padding:          30px 16px 24px 52px;
    border-radius:    20px;
    background-color: #fff;
    -webkit-box-flex: 0;
    -ms-flex:         0 0 38%;
    flex:             0 0 38%;
    z-index:          1;
}

.bonus-right-title {
    margin-left:   -18px;
    margin-bottom: 20px;
    font-weight:   700;
    font-size:     24px;
    line-height:   31px;
}

.bonus-right-list {
    margin-bottom: 14px;
}

.bonus-right-item {
    font-weight:     400;
    font-size:       18px;
    line-height:     23px;
    list-style-type: disc;
}

.bonus-right-item::marker {
    color: #E94090;
}

.bonus-right-item:not(:last-child) {
    margin-bottom: 10px;
}

.bonus-right-text {
    margin-bottom: 20px;
    font-weight:   700;
    font-size:     18px;
    line-height:   23px;
    color:         #00A1FF;
}

.bonus-right-btn {
    display:             inline-block;
    -ms-flex-item-align: start;
    align-self:          start;
    padding:             14px 36px;
    font-weight:         700;
    font-size:           16px;
    line-height:         21px;
    text-align:          center;
    color:               #fff;
    border-radius:       15px;
    background:          -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background:          linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    text-decoration:     none;
    max-width:           224px;
}

.bonus-right-btn:hover {
    background: -o-linear-gradient(26.95deg, #EC5A8F 9.44%, #F3998B 90.37%);
    background: linear-gradient(63.05deg, #EC5A8F 9.44%, #F3998B 90.37%);
}

.bonus-right::before {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/bonus2.svg);
    position:          absolute;
    right:             -80px;
    bottom:            100px;
    width:             108px;
    height:            110px;
}

.bonus-faq > .container {
    position: relative;
}

.bonus-faq-background {
    position: absolute;
    top:      0;
    right:    0;
    left:     0;
    bottom:   0;
    z-index:  0;
}

.bonus-faq-background::before {
    content:           '';
    position:          absolute;
    display:           block;
    width:             100%;
    /*height: 1600px;*/
    background-image:  url(/local/templates/redcom.ru/cmp/../img/bonus-bg.png);
    background-repeat: no-repeat;
    background-size:   cover;
    background-color:  #f8f8f8;
    top:               -196px;
    bottom:            0;
}

.bonus-faq {
    position:      relative;
    font-family:   'Leto Sans', sans-serif;
    padding-bottom: 30px;
}

.bonus-faq-title {
    margin-bottom:  50px;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.bonus-faq-list {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
    margin-bottom:         30px;
}

.bonus-faq-item.ac {
    margin-top:       0;
    border:           none;
    border-radius:    15px;
    background-color: #fff;
}

.bonus-faq-item.ac.is-active .ac-trigger {
    cursor:      pointer;
    font-weight: 700;
    font-size:   20px;
    line-height: 26px;
}

.bonus-faq-item.ac.is-active .ac-trigger::after {
    content:           '';
    background-repeat: no-repeat;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/faq-arrow.svg);
    -webkit-transform: rotate(180deg);
    -ms-transform:     rotate(180deg);
    transform:         rotate(180deg);
}

.bonus-faq-item-title.ac-trigger {
    padding:     30px 26px 26px 30px;
    font-family: 'Leto Sans', sans-serif;
    font-weight: 700;
    font-size:   20px;
    line-height: 26px;
    cursor:      pointer;
    padding:     30px 26px 26px 30px;
}

.bonus-faq-item-title.ac-trigger::after {
    content:                  '';
    background-repeat:        no-repeat;
    background-image:         url(/local/templates/redcom.ru/cmp/../img/faq-arrow.svg);
    right:                    24px;
    width:                    42px;
    height:                   28px;
    -webkit-transition:       all 0.5s ease;
    -o-transition:            all 0.5s ease;
    transition:               all 0.5s ease;
    -webkit-transform-origin: center 6px;
    -ms-transform-origin:     center 6px;
    transform-origin:         center 6px;
}

.bonus-faq-item-title.ac-trigger:focus {
    color: #705BDE;
}

.bonus-faq .ac-panel .ac-text {
    padding:     0px 26px 26px 30px;
    max-width:   750px;
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   16px;
    line-height: 21px;
}

.bonus-faq-info {
    max-width:   930px;
    font-weight: 400;
    font-size:   18px;
    line-height: 25px;
}

.purchases {
    padding-bottom: 60px;
}

.purchases__title {
    font-size:      35px;
    line-height:    45px;
    font-family:    'Leto Sans', sans-serif;
    margin-bottom:  40px;
    text-transform: uppercase;
}

.purchases__list {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
    margin-bottom:         40px;
}

.purchases__item {
    font-size:    18px;
    line-height:  25px;
    font-family:  'Lato', sans-serif;
    position:     relative;
    padding-left: 14px;
}

.purchases__item::before {
    content:       '';
    position:      absolute;
    background:    #E94090;
    width:         4px;
    height:        4px;
    border-radius: 50%;
    left:          0;
    top:           10px;
}

.purchases__item-title {
    font-weight: 700;
}

.purchases__download {
    display:         inline-block;
    font-size:       16px;
    line-height:     20px;
    font-weight:     700;
    color:           #fff;
    font-family:     'Leto Sans', sans-serif;
    cursor:          pointer;
    padding:         16px 18px;
    background:      -webkit-gradient(linear, left top, right top, from(#238BCD), to(#02BFFE));
    background:      -o-linear-gradient(left, #238BCD, #02BFFE);
    background:      linear-gradient(to right, #238BCD, #02BFFE);
    border-radius:   15px;
    text-decoration: none;
}

.purchases__download:hover {
    text-decoration: underline;
}

.purchases .color-mail {
    color:           #00A1FF;
    text-decoration: none;
}

.purchases .color-mail:hover {
    color:           #705BDE;
    text-decoration: underline;
}

.tabs {
    width: 100%;
}

.tabs__nav {
    display:         -webkit-box;
    display:         -ms-flexbox;
    display:         flex;
    -ms-flex-wrap:   wrap;
    flex-wrap:       wrap;
    list-style-type: none;
    background:      #fafafa;
    margin:          0;
    gap:             40px;
    padding-top:     30px;
}

.tabs__btn {
    padding:         10px 44px;
    text-decoration: none;
    color:           black;
    text-align:      center;
    border:          1px solid #8D8D8F;
    cursor:          pointer;
    min-width:       176px;
    border-radius:   21px;
    background:      #fff;
    font-weight:     400;
    font-size:       16px;
    line-height:     20px;
    font-family:     'Leto Sans', sans-serif;
}

.tabs__btn_active {
    background: #705BDE;
    color:      #fff;
    cursor:     default;
}

.tabs__btn:not(.tabs__btn_active):hover,
.tabs__btn:not(.tabs__btn_active):focus {
    background-color: #eee;
}

.tabs__content {
    padding: 60px 0 0;
}

.tabs__pane {
    display: none;
}

.tabs__pane h2 {
    text-transform: uppercase;
    margin-bottom:  50px;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
    font-family:    'Leto Sans', sans-serif;
}

.tabs__pane_show {
    display: block;
}

.grid-list-canals {
    display:               grid;
    gap:                   34px;
    grid-template-columns: repeat(6, minmax(170px, 200px));
    position:              relative;
}

.grid-list-canals::before {
    content:    '';
    width:      310px;
    height:     210px;
    background: url(/local/templates/redcom.ru/cmp/../img/tv-premium-icon.svg) no-repeat;
    position:   absolute;
    top:        -111px;
    right:      -230px;
}

.grid-list-canals .canal {
    display:            -webkit-box;
    display:            -ms-flexbox;
    display:            flex;
    width:              100%;
    height:             100%;
    min-height:         170px;
    background:         #fff;
    border-radius:      15px;
    -webkit-box-pack:   center;
    -ms-flex-pack:      center;
    justify-content:    center;
    -webkit-box-align:  center;
    -ms-flex-align:     center;
    align-items:        center;
    position:           relative;
    padding:            34px;
    border:             1px solid transparent;
    -webkit-transition: all 0.3s;
    -o-transition:      all 0.3s;
    transition:         all 0.3s;
}

.grid-list-canals .canal img {
    max-width: 120px;
}


.grid-list-canals .canal .toltip-img {
    width:              22px;
    height:             22px;
    display:            block;
    position:           absolute;
    background:         url('/local/templates/redcom.ru/cmp/../img/tooltip.svg');
    top:                14px;
    right:              14px;
    -webkit-transition: all 0.3s;
    -o-transition:      all 0.3s;
    transition:         all 0.3s;
}

.grid-list-canals .canal:hover {
    border: 1px solid #705BDE;
}

.grid-list-canals .canal:hover .toltip-img {
    background:         url('/local/templates/redcom.ru/cmp/../img/tooltip-hover.svg');
    -webkit-transition: all 0.3s;
    -o-transition:      all 0.3s;
    transition:         all 0.3s;
}

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border:   0;
    clip:     rect(0 0 0 0);
    height:   1px;
    margin:   -1px;
    overflow: hidden;
    padding:  0;
    position: absolute;
    width:    1px;
}

.ui-helper-reset {
    margin:          0;
    padding:         0;
    border:          0;
    outline:         0;
    line-height:     1.3;
    text-decoration: none;
    font-size:       100%;
    list-style:      none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content:         '';
    display:         table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width:      100%;
    height:     100%;
    top:        0;
    left:       0;
    position:   absolute;
    opacity:    0;
    -ms-filter: 'alpha(opacity=0)';
}

.ui-front {
    z-index: 100;
}

.ui-state-disabled {
    cursor:         default !important;
    pointer-events: none;
}

.ui-state-disabled .ui-icon {
    -ms-filter: 'alpha(opacity=35)';
}

.ui-icon {
    display:           inline-block;
    vertical-align:    middle;
    margin-top:        -0.25em;
    position:          relative;
    text-indent:       -99999px;
    overflow:          hidden;
    background-repeat: no-repeat;
    width:             16px;
    height:            16px;
}

.ui-widget-icon-block {
    left:        50%;
    margin-left: -8px;
    display:     block;
}

.ui-widget-overlay {
    position:   fixed;
    top:        0;
    left:       0;
    width:      100%;
    height:     100%;
    background: #aaaaaa;
    opacity:    0.3;
    -ms-filter: Alpha(Opacity=30);
}

.ui-tooltip {
    padding:   8px;
    position:  absolute;
    z-index:   9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size:   1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size:   1em;
}

.ui-widget-content {
    border:     1px solid #dddddd;
    background: #ffffff;
    color:      #333333;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    border:      1px solid #dddddd;
    background:  #e9e9e9;
    color:       #333333;
    font-weight: bold;
}

.ui-widget-header a {
    color: #333333;
}

.ui-widget-header .ui-icon {
    background-image: url('/local/templates/redcom.ru/cmp/images/ui-icons_444444_256x240.png');
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border:      1px solid #c5c5c5;
    background:  #f6f6f6;
    font-weight: normal;
    color:       #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color:           #454545;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border:      1px solid #cccccc;
    background:  #ededed;
    font-weight: normal;
    color:       #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color:           #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    -webkit-box-shadow: 0 0 3px 1px rgb(94, 158, 214);
    box-shadow:         0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border:      1px solid #003eff;
    background:  #007fff;
    font-weight: normal;
    color:       #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border:           #003eff;
    background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color:           #ffffff;
    text-decoration: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border:     1px solid #dad55e;
    background: #fffa90;
    color:      #777620;
}

.ui-state-checked {
    border:     1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border:     1px solid #f1a899;
    background: #fddfdf;
    color:      #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity:     0.7;
    -ms-filter:  'alpha(opacity=70)';
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity:          0.35;
    -ms-filter:       'alpha(opacity=35)';
    background-image: none;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url('/local/templates/redcom.ru/cmp/images/ui-icons_444444_256x240.png');
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url('/local/templates/redcom.ru/cmp/images/ui-icons_555555_256x240.png');
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url('/local/templates/redcom.ru/cmp/images/ui-icons_ffffff_256x240.png');
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url('/local/templates/redcom.ru/cmp/images/ui-icons_777620_256x240.png');
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url('/local/templates/redcom.ru/cmp/images/ui-icons_cc0000_256x240.png');
}

.ui-button .ui-icon {
    background-image: url('/local/templates/redcom.ru/cmp/images/ui-icons_777777_256x240.png');
}

.ui-icon-blank.ui-icon-blank.ui-icon-blank {
    background-image: none;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

.ui-widget-shadow {
    -webkit-box-shadow: none;
    box-shadow:         none;
}

.ui-tooltip-content {
    color:       #000;
    font-family: 'Lato-Regular', sans-serif;
    font-size:   16px;
    line-height: 22px;
}

.ui-widget.ui-widget-content {
    border: 1px solid #DEDEDE;
}

.ui-tooltip {
    border-radius: 15px;
    padding:       24px;
    max-width:     434px;
    min-width:     300px;
}

.nicetel {
    padding-top:   70px;
    margin-bottom: 100px;
}

.nicetel__title {
    margin-bottom:  50px;
    font-family:    'Leto Sans', sans-serif;
    font-weight:    700;
    font-size:      35px;
    line-height:    46px;
    text-transform: uppercase;
}

.nicetel__list {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    font-family:      'Leto Sans', sans-serif;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    gap:              34px;
}

.nicetel-content ul li {
    border:           1px solid #00A1FF;
    border-top:       1px solid transparent;
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    padding:          20px;
}

.nicetel-content ul li:last-child {
    border-radius: 0 0 6px 6px;
}

.nicetel-content ul li .btn-connect {
    background:  transparent;
    cursor:      pointer;
    font-family: 'Leto Sans', sans-serif;
    font-size:   16px;
    line-height: 20px;
}

.nicetel-content ul li .btn-connect:hover {
    text-decoration: underline;
}

.nicetel__item {
    -webkit-box-flex:      1;
    -ms-flex:              1 1 30%;
    flex:                  1 1 30%;
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    text-align:            center;
    border-radius:         15px;
    background-color:      #fff;
    height:                -webkit-fit-content;
    height:                -moz-fit-content;
    height:                fit-content;
}

.nicetel__item-title {
    padding:                 20px;
    width:                   100%;
    font-weight:             700;
    font-size:               22px;
    line-height:             29px;
    border-top-left-radius:  15px;
    border-top-right-radius: 15px;
    color:                   #fff;
    display:                 -webkit-box;
    display:                 -ms-flexbox;
    display:                 flex;
    -webkit-box-pack:        justify;
    -ms-flex-pack:           justify;
    justify-content:         space-between;
}

.nicetel__item-title p:nth-child(2) {
    line-height: 29px;
}

.nicetel__item-title p span.rub {
    line-height: 16px;
    font-size:   21px;
}

.nicetel__item-subtitle {
    margin-bottom:       40px;
    -ms-flex-item-align: normal;
    align-self:          normal;
    font-weight:         700;
    font-size:           18px;
    line-height:         23px;
    position:            relative;
}

.nicetel__item-subtitle::after {
    content:          '';
    height:           1px;
    width:            100%;
    background-color: #f1f1f1;
    display:          block;
    position:         absolute;
    bottom:           -20px;
}

.nicetel__item-text {
    -ms-flex-item-align:  start;
    align-self:           flex-start;
    display:              list-item;
    margin-left:          46px;
    margin-bottom:        20px;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    -moz-text-align-last: left;
    text-align-last:      left;
    list-style-type:      disc;
}

.nicetel__item-text::marker {
    color: #705BDE;
}

.nicetel__item .btn {
    display:         inline-block;
    margin-bottom:   22px;
    padding:         16px 126px 12px;
    font-family:     'Leto Sans', sans-serif;
    font-weight:     700;
    font-size:       16px;
    line-height:     21px;
    border-radius:   15px;
    color:           #fff;
    text-decoration: none;
    cursor:          pointer;
}

.nicetel__item.blue .nicetel__item-title {
    background-color: #00A1FF;
}

.nicetel__item.blue ul li {
    border:     1px solid #00A1FF;
    border-top: 1px solid transparent;
}

.nicetel__item.blue ul li .btn-connect {
    color: #00A1FF;
}

.nicetel__item.green .nicetel__item-title {
    background-color: #4bcead;
}

.nicetel__item.green ul li {
    border:     1px solid #4bcead;
    border-top: 1px solid transparent;
}

.nicetel__item.green ul li .btn-connect {
    color: #4bcead;
}

.nicetel__item.lilac .nicetel__item-title {
    background-color: #705BDE;
}

.nicetel__item.lilac ul li {
    border:     1px solid #705BDE;
    border-top: 1px solid transparent;
}

.nicetel__item.lilac ul li .btn-connect {
    color: #705BDE;
}

.fixed-overlay {
    position:         fixed;
    overflow:         auto;
    left:             0;
    top:              0;
    width:            100%;
    height:           100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index:          1020;
    display:          none;
}

.modal {
    position:          absolute;
    left:              50%;
    top:               50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform:     translate(-50%, -50%);
    transform:         translate(-50%, -50%);
    font-family:       'Leto Sans', sans-serif;
    height:            72%;
}

.modal-close {
    position:            absolute;
    top:                 20px;
    right:               20px;
    width:               30px;
    height:              30px;
    background-image:    url(/local/templates/redcom.ru/cmp/../img/close-black.svg);
    background-position: center;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.modal-close:hover {
    background-image: url(/local/templates/redcom.ru/cmp/../img/close-purple.svg);
}

.modal__container {
    padding:          40px 80px;
    width:            700px;
    border-radius:    20px;
    background-color: #fff;
}

.modal__form-title {
    margin-bottom: 40px;
    font-weight:   700;
    font-size:     28px;
    line-height:   36px;
    text-align:    center;
}

.modal__form-input {
    padding:       14px;
    border:        1px solid #C4C4C4;
    border-radius: 15px;
    font-family:   'Lato-Regular', sans-serif;
    font-weight:   400;
    font-size:     16px;
    line-height:   21px;
}

.modal__form-input::-webkit-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input::-moz-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input:-ms-input-placeholder {
    font-family: 'Lato-Regular', sans-serif;
    color:       #B2B2B2;
    opacity:     1;
}

.modal__form-input-group {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    gap:                   30px;
    margin-bottom:         30px;
}

.modal__form-input-group.price {
    -webkit-box-orient:    horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction:    row;
    flex-direction:        row;
    -webkit-box-pack:      justify;
    -ms-flex-pack:         justify;
    justify-content:       space-between;
    -webkit-box-align:     center;
    -ms-flex-align:        center;
    align-items:           center;
    gap:                   22px;
}

.modal__form-input-group.price input {
    -webkit-box-flex: 1;
    -ms-flex:         1 1 47%;
    flex:             1 1 47%;
}

.modal__form-input-text {
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400;
    font-size:   15px;
    line-height: 19px;
}


.modal__form-submit-btn {
    padding:       14px 68px;
    border-radius: 15px;
    font-family:   'Leto Sans', sans-serif;
    font-weight:   700;
    font-size:     16px;
    line-height:   21px;
    color:         #FFFFFF;
    cursor:        pointer;
}

.modal__form-submit-btn.blue {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
}

.modal__form-submit-btn.blue:hover {
    background: -o-linear-gradient(26.95deg, #6A44BB 9.44%, #BB65FF 90.37%);
    background: linear-gradient(63.05deg, #6A44BB 9.44%, #BB65FF 90.37%);
}

.modal__form-submit-info {
    font-weight:   250;
    font-size:     12px;
    line-height:   16px;
    padding:       0;
    margin-bottom: 0;
}

.modal__info-text {
    margin-bottom: 20px;
    font-family:   'Lato-Regular', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   19px;
}

.modal__info-text span {
    font-weight: 700;
}

.modal__info-text.hide {
    display: none;
}

.modal__info-logo-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               30px;
    margin-bottom:     26px;
    width:             458px;
}

.modal__info-btn {
    font-family:          'Lato-Regular', sans-serif;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    text-decoration-line: underline;
    color:                #E94090;
    cursor:               pointer;
}

.tabset {
    max-width:             65em;
    display:               grid;
    grid-template-columns: 140px 140px 1fr;
    grid-template-rows: 56px 1fr;
}

.tabset > input[type=radio] {
    position: absolute;
    left:     -200vw;
}

.tabset .tab-panel {
    display: none;
}

.tabset > label {
    position:      relative;
    display:       inline-block;
    padding:       0 0 0 34px;
    border-bottom: 0;
    cursor:        pointer;
    font-weight:   600;
}

.tabset > label::after {
    content:       '';
    position:      absolute;
    left:          0px;
    top:           10px;
    width:         25px;
    height:        25px;
    border-radius: 50%;
    border:        1px solid #C4C4C4;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
    display: block;
}

.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
    border: 6px solid #00A1FF;
}

.tab-panel {
    padding: 0 0 0;
}

.tab-panels {
    grid-column: 1/4;
}

.tabset > label.label-font {
    padding:     12px 0 0 34px;
    font-family: 'Lato-Bold', sans-serif;
    font-size:   15px;
    line-height: 19px;
}

.modal__info-text {
    margin-bottom: 20px;
    font-family:   'Lato-Regular', sans-serif;
    font-style:    normal;
    font-weight:   400;
    font-size:     15px;
    line-height:   19px;
}

.modal__info-text span {
    font-weight: 700;
}

.modal__info-text.hide {
    display: none;
}

.modal__info-logo-group {
    display:           -webkit-box;
    display:           -ms-flexbox;
    display:           flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:     justify;
    justify-content:   space-between;
    -webkit-box-align: center;
    -ms-flex-align:    center;
    align-items:       center;
    gap:               30px;
    margin-bottom:     26px;
    width:             458px;
}

.modal__info-btn {
    font-family:          'Lato-Regular', sans-serif;
    font-weight:          400;
    font-size:            15px;
    line-height:          19px;
    text-decoration-line: underline;
    color:                #E94090;
    cursor:               pointer;
}

.tablet,
.mobile {
    display: none;
}

.tv-online-background {
    position: relative;
}

.tv-online-background::before {
    content:           '';
    position:          absolute;
    display:           block;
    width:             100%;
    height:            1665px;
    background-image:  url(/local/templates/redcom.ru/cmp/../img/tv-premium-bg.png);
    background-repeat: no-repeat;
    background-size:   cover;
    top:               -1240px;
    z-index:           0;
}

.bonus-right-btn {
    padding: 14px;
    width:   96%;
}

* {
    padding: 0;
    margin:  0;
    border:  0;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;
}

ul li {
    list-style: none;
}

ul[class],
ol[class] {
    padding: 0;
}

button,
p,
div {
    margin:  0;
    padding: 0;
}

a {
    color: inherit;
}

body {
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;
    font-family:        'Lato-Regular', sans-serif;
    position:           relative;
}

html {
    scroll-behavior: smooth;
}

.main.overflow-hidden {
    overflow: hidden;
}

.main.white {
    background-color: #fff;
}

.main.white-grad {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, rgb(255, 255, 255)), color-stop(28%, rgb(248, 248, 248)));
    background: -o-linear-gradient(top, rgb(255, 255, 255) 55%, rgb(248, 248, 248) 28%);
    background: linear-gradient(180deg, rgb(255, 255, 255) 55%, rgb(248, 248, 248) 28%);
}

.container {
    max-width: 1398px;
    width:     100%;
    padding:   0 14px;
    margin:    0 auto;
}

.white-bg-main {
    background: #fff;
}

.main-index {
    z-index:  1030;
    position: relative;
}

.wrapp-toltip svg {
    outline: 0 !important;
}

body.noscroll {
    overflow: hidden;
}

.wrapper {
    display:               -webkit-box;
    display:               -ms-flexbox;
    display:               flex;
    -webkit-box-orient:    vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction:    column;
    flex-direction:        column;
    /* height:                100%; */
}

@media (max-width: 1699px) {
    .packs-request-card::before {
        top:     auto;
        left:    auto;
        bottom:  -120px;
        right:   -80px;
        z-index: 1;
    }

    .packs-request .form::after {
        top:   -280px;
        right: 40px;
    }
}

@media (max-width: 1448px) {
    .home-news-background::before {
        background-image:      url(/local/templates/redcom.ru/cmp/../img/bottom-background-laptop.png);
        top:                   -408px;
        background-size:       cover;
        background-position-x: 40%;
    }
}

@media (max-width: 1400px) {
    .wrap-top-line {
        gap: 30px;
    }

    .wrap-top-line .wrap-panel {
        gap: 20px;
    }

    .wrap-top-line .wrap-panel ul.group-btn-left {
        gap: 14px;
    }

    .wrap-top-line .wrap-panel ul.group-btn-right {
        gap: 24px;
    }

    ul.group-btn-right li:nth-child(1) {
        margin-right: 0;
    }

    ul.group-btn-right li .btn-gradient {
        margin-left: 0;
    }

    ul.group-btn-right .link:nth-child(1) a {
        font-size: 0;
    }

    ul.group-btn-right li.cart {
        margin-right: 0;
    }

    .btn-gradient {
        padding: 16px 30px;
    }

    .wrap-bottom-line {
        gap: 21%;
    }

    .wrap-top-line .wrap-panel ul.group-btn-right {
        min-width: auto;
    }

    .menu-fixed-overlay-h .menu {
        -webkit-transform: scale(0.9);
        -ms-transform:     scale(0.9);
        transform:         scale(0.9);
    }

    .sections-intercom {
        overflow-x: scroll;
    }

    .sections-intercom {
        overflow-x: scroll;
    }

    .wrap-intercom-advantages .first-group-advantages .group-column .list-advantages {
        margin-bottom: 14px;
    }

    .section-intercom-table-background::before {
        height:          1100px;
        background-size: contain;
    }

    .video-nav {
        padding-top: 34px;
        padding-bottom: 0px;
    }

    .video-nav__list {
        max-width: 84%;
        gap:       13px;
    }

    .video-nav__list-link {
        padding: 6px 28px;
    }

    .video-info__title {
        margin-bottom: 30px;
        font-size:     30px;
        line-height:   39px;
    }

    .video-info__card-text {
        max-width: 572px;
    }

    .video-info__right::after {
        background-size: contain;
        width:           284px;
        height:          196px;
        bottom:          0px;
        right:           334px;
    }

    .video-list {
        padding-top: 164px;
    }

    .video-list__title {
        margin-bottom: 40px;
        font-size:     30px;
        line-height:   39px;
    }

    .video-list__items {
        gap: 30px 18px;
    }

    .video-list__items::before {
        background-size: contain;
        width:           280px;
        height:          268px;
        right:           138px;
        top:             -260px;
    }

    .video-list__item {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 48%;
        flex:             0 0 48%;
    }

    .video-list::after {
        bottom: -136px;
        right:  2%;
    }

    .video-list__background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/video-list-bg-desktop.png);
        top:              -54px;
    }

    .video-cards {
        padding-top: 100px;
        gap:         52px;
    }

    .video-cards::after {
        bottom: -50px;
        left:   -228px;
    }

    .video-card {
        gap: 18px;
    }

    .video-card__left {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 66%;
        flex:             0 0 66%;
    }

    .video-card__right {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 32%;
        flex:             0 0 32%;
        padding:          26px 8px 26px 34px;
    }

    .video-card__img {
        width:  240px;
        height: 300px;
    }

    .video-card__info {
        -webkit-box-pack: normal;
        -ms-flex-pack:    normal;
        justify-content:  normal;
        padding:          30px 40px;
        padding-right:    0;
    }

    .video-card__left picture img {
        -webkit-border-top-left-radius:  25px;
        -webkit-border-top-right-radius: 25px;
        -moz-border-radius-topleft:      25px;
        -moz-border-radius-topright:     25px;
        border-top-left-radius:          25px;
        border-top-right-radius:         25px;
    }

    .video-card__title {
        margin-bottom:  14px;
        font-size:      30px;
        line-height:    39px;
        text-transform: uppercase;
    }

    .video-card__text {
        margin-bottom: 40px;
        font-size:     16px;
        line-height:   21px;
    }

    .video-card__background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/video-card-bg-desktop.png);
        top:              -90px;
    }

    .payments {
        padding-top:   30px;
        margin-bottom: 190px;
    }

    .payments__title {
        margin-bottom: 30px;
        font-size:     30px;
        line-height:   39px;
    }

    .payments__list {
        gap: 18px;
    }

    .payments__item {
        display:               grid;
        grid-template-rows: 0.5fr 2fr;
        grid-template-columns: 1fr;
    }

    .payments__item-title {
        margin-bottom: 0;
        padding:       22px 30px 16px;
        font-size:     20px;
        line-height:   26px;
    }

    .payments-content {
        padding:               20px 20px 20px;
        display:               -webkit-box;
        display:               -ms-flexbox;
        display:               flex;
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        -webkit-box-pack:      justify;
        -ms-flex-pack:         justify;
        justify-content:       space-between;
    }

    .payments__item-subtitle {
        margin-bottom: 40px;
        font-size:     16px;
        line-height:   21px;
    }

    .payments__item-text {
        margin-left: 16px;
    }

    .payments__item .btn {
        margin-bottom:       0;
        width:               54%;
        -ms-flex-item-align: center;
        align-self:          center;
        padding:             16px 20px 12px;
    }

    .payments-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/payment-bg-laptop.png);
        /*background-size: contain;*/
        top:              -210px;
        z-index:          0;
    }

    .payments-info {
        padding-top: 0px;
    }

    .payments-info__list {
        -webkit-box-pack: start;
        -ms-flex-pack:    start;
        justify-content:  flex-start;
        gap:              50px 58px;
        padding-left:     30px;
    }

    .payments-info__list::after {
        top:   178px;
        right: 144px;
    }

    .payments-info__item {
        padding: 20px 10px 20px 118px;
    }

    .payments-info__title {
        margin-bottom: 10px;
    }

    .home-slider {
        padding-top: 40px;
    }

    .home-slider-group {
        gap: 18px;
    }

    .home-slider-group-swiper {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 67%;
        flex:             0 0 67%;
    }

    .home-slider-group-cards {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 31%;
        flex:             0 0 31%;
    }

    .home-slider .swiper {
        height: 550px;
    }

    .home-slider .swiper-slide {
        padding: 70px 100px;
    }

    .home-slider .swiper-slide .desktop {
        display: none;
    }

    .home-slider .swiper-slide .laptop {
        display: block;
    }

    .home-slider .swiper-slide-title {
        margin-bottom: 20px;
    }

    .home-slider .swiper-slide-subtitle {
        margin-bottom: 44px;
    }

    .home-slider-card-title {
        margin-bottom: 6px;
    }

    .home-slider-card-price {
        gap: 36px;
    }

    .home-slider-card-price-link {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 46%;
        flex:             0 0 46%;
    }

    .home-slider-group-cards {
        gap: 8px;
    }

    .home-slider::after {
        content: none;
    }

    .home-redcom-background {
        position: relative;
    }

    .home-redcom-background::before {
        background-image:    url(/local/templates/redcom.ru/cmp/../img/home-redcom-bg.png);
        background-size:     contain;
        background-position: top;
        top:                 -68px;
        z-index:             -1;
    }

    .home-redcom {
        padding-top:   40px;
        margin-bottom: 56px;
    }

    .home-redcom-title {
        margin-bottom: 40px;
        font-size:     30px;
        line-height:   39px;
    }

    .item-img {
        margin-bottom: 16px;
    }

    .item-title {
        font-size:   18px;
        line-height: 23px;
    }

    .home-app {
        margin-bottom: 150px;
    }

    .home-app-block {
        gap: 12px;
    }

    .home-app-download {
        padding: 36px 0 30px 30px;
    }

    .home-app-download__app-title {
        margin-bottom: 14px;
        font-size:     25px;
        line-height:   30px;
    }

    .home-app-download__img {
        position: absolute;
        right:    56px;
        bottom:   32px;
    }

    .home-app-download__img img {
        max-width:  206px;
        max-height: 334px;
    }

    .home-app-download__app-text {
        font-size:     16px;
        line-height:   22px;
        margin-bottom: 72px;
        max-width:     304px;
    }

    .home-app-download__block {
        gap: 18px;
    }

    .home-app-block-right {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 41%;
        flex:             0 0 41%;
        gap:              18px;
    }

    .home-app-support {
        padding: 22px 26px 32px;
    }

    .home-app-support__title {
        font-size:     20px;
        line-height:   26px;
        margin-bottom: 10px;
    }

    .home-app-support__text {
        font-size:     16px;
        line-height:   130%;
        margin-bottom: 46px;
    }

    .home-app-balance {
        padding: 22px 26px 20px;
    }

    .home-app-balance__title {
        margin-bottom: 10px;
        max-width:     230px;
        font-size:     20px;
        line-height:   26px;
    }

    .home-app-balance__contract {
        margin-bottom: 10px;
        padding:       12px 0 12px 20px;
    }

    .home-app-balance__send {
        gap: 20px;
    }

    .home-app-balance__send-sum {
        padding:      12px 0px 12px 22px;
        margin-right: 0px;
        width:        60%;
    }

    .home-app-balance__send-btn {
        padding:     16px 20px;
        width:       37%;
        font-size:   16px;
        line-height: 16px;
    }

    .home-app::after {
        content: none;
    }

    .home-news-title {
        font-size:   30px;
        line-height: 39px;
    }

    .home-news-header {
        margin-bottom: 44px;
    }

    .section-news .news-fixed-overlay .modal-news-more-list {
        -ms-flex-wrap: wrap;
        flex-wrap:     wrap;
    }

    .section-news .news-fixed-overlay .modal-news-more-list .news-item {
        -ms-flex-preferred-size: 44%;
        flex-basis:              44%;
    }

    .news {
        padding-top: 30px;
    }

    .news-content {
        -ms-flex-preferred-size: 66%;
        flex-basis:              66%;
    }

    .news-title {
        margin-bottom: 40px;
        font-size:     30px;
        line-height:   39px;
    }

    .news-card div.picture {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
		width: 100%;
    	min-height: 320px;
    }

    .news-card div.picture div {
        width:               100%;
        -ms-flex-item-align: normal;
        align-self:          normal;
    }

    .news-card-info {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 49%;
        flex:             0 0 49%;
        padding:          36px 20px 26px 30px;
    }

    .news-card-info::after {
        content: none;
    }

    .news-list {
        gap: 46px 26px;
    }

    .news-item {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 47%;
        flex:             0 0 47%;
    }

    .work-content {
        -ms-flex-preferred-size: 30%;
        flex-basis:              30%;
    }

    .work-title {
        margin-bottom: 40px;
        font-size:     30px;
        line-height:   39px;
    }

    .news-fixed-overlay .modal-news-more-list {
        -ms-flex-wrap: wrap;
        flex-wrap:     wrap;
    }

    .news-fixed-overlay .modal-news-more-list .news-item {
        -ms-flex-preferred-size: 44%;
        flex-basis:              44%;
    }

    .packs-list {
        padding-top:   30px;
        margin-bottom: 92px;
    }

    .packs-list-title {
        margin-bottom: 20px;
        font-size:     30px;
        line-height:   39px;
    }

    .packs-list-content {
        gap: 18px;
    }

    .packs-list-content .packs-card {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 32%;
        flex:             0 0 32%;
        max-width:        none;
    }

    .packs-list-content .packs-card-title {
        padding: 16px 20px 20px;
    }

    .packs-list-content .packs-card-title p {
        font-weight: 700;
        font-size:   20px;
        line-height: 26px;
    }

    .packs-list-content .packs-card-block {
        padding-top: 12px;
    }

    .packs-list-content .packs-card-block-speed .title {
        margin-bottom: 10px;
        font-size:     16px;
        line-height:   21px;
    }

    .packs-list-content .packs-card-block-speed .subtitle span {
        font-size:   30px;
        line-height: 30px;
    }

    .packs-list-content .packs-card-block-tv .title {
        margin-bottom: 20px;
        font-size:     16px;
        line-height:   21px;
    }

    .packs-list-content .packs-card-block-tv .subtitle {
        -webkit-box-align: center;
        -ms-flex-align:    center;
        align-items:       center;
    }

    .packs-list-content .packs-card-block-tv .subtitle span {
        font-size:   25px;
        line-height: 25px;
    }

    .packs-list-content .packs-card-btn {
        width: 54%;
    }

    .packs-list::after {
        content: none;
    }

    .packs-table::before {
        content:             '';
        background-image:    url(/local/templates/redcom.ru/cmp/../img/packs-table-bg.png);
        background-size:     auto;
        background-position: top;
    }

    .packs-table {
        margin-bottom: 166px;
    }

    .packs-table table thead tr th:first-child {
        font-size:   18px;
        line-height: 23px;
    }

    .packs-table table thead tr {
        font-size:   24px;
        line-height: 31px;
    }

    .packs-table table tbody tr span {
        font-size:   25px;
        line-height: 32px;
    }

    .packs-request::before {
        background-position: top;
        top:                 -182px;
    }

    .packs-request-title {
        margin-bottom: 40px;
        font-size:     30px;
        line-height:   39px;
    }

    .packs-request-content {
        gap: 18px;
    }

    .packs-request-card {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 41%;
        flex:             0 0 41%;
        margin-left:      100px;
        padding:          34px 34px 30px;
    }

    .packs-request-card-title {
        margin-bottom: 10px;
    }

    .packs-request-card-text {
        margin-bottom: 24px;
    }

    .packs-request .form-title {
        margin-bottom: 24px;
        font-size:     20px;
        line-height:   26px;
    }

    .packs-request .form-input.name {
        width: 62%;
    }

    .packs-request .form-input.tel {
        width: 34%;
    }

    .packs-request .form-group.buttom .city {
        width: 51%;
    }

    .packs-request .form-group.buttom .street {
        width: 54%;
    }

    .packs-request .form-group.buttom .home {
        width: 40%;
    }

    .packs-request .form-group.buttom .form-submit {
        width: 66%;
    }

    .packs-request-card::before {
        top:             -18px;
        left:            -99px;
        background-size: 70%;
        z-index:         -1;
    }

    .packs-request .form::after {
        top:             -132px;
        right:           -164px;
        background-size: 54%;
    }

    .packs-faq-title {
        margin-bottom: 40px;
        font-size:     30px;
        line-height:   39px;
    }

    .packs-faq-list {
        gap: 14px;
    }

    .packs-faq-item-title.ac-trigger {
        padding: 24px 60px 20px 30px;
    }

    .packs-faq-item-title.ac-trigger::after {
        right:                    16px;
        background-size:          74%;
        background-position:      left;
        -webkit-transform-origin: 14px 12px;
        -ms-transform-origin:     14px 12px;
        transform-origin:         14px 12px;
    }

    .net-list {
        margin-bottom: 166px;
    }

    .net-list-title {
        margin-bottom: 20px;
        font-size:     30px;
        line-height:   39px;
    }

    .net-list-content {
        gap: 18px;
    }

    .net-list-content .net-card {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 32%;
        flex:             0 0 32%;
        max-width:        none;
    }

    .net-list-content .net-card-title {
        padding: 16px 20px 20px;
    }

    .net-list-content .net-card-title p {
        font-weight: 700;
        font-size:   20px;
        line-height: 26px;
    }

    .net-list-content .net-card-block {
        padding-top: 22px;
    }

    .net-list-content .net-card-block-tarif .tarif-speed {
        margin-bottom:     10px;
        -webkit-box-align: start;
        -ms-flex-align:    start;
        align-items:       flex-start;
    }

    .net-list-content .net-card-block-tarif .tarif-speed svg {
        width:  30px;
        height: 26px;
    }

    .net-list-content .net-card-block-tarif .tarif-speed-info {
        margin-bottom: 10px;
        font-size:     16px;
        line-height:   21px;
    }

    .net-list-content .net-card-block-tarif .tarif-speed-info span {
        font-size:   30px;
        line-height: 30px;
    }

    .net-list-content .net-card-block-tarif .tarif-title {
        margin-bottom: 20px;
        font-size:     16px;
        line-height:   21px;
    }

    .net-list-content .net-card-block-tv .subtitle {
        -webkit-box-align: center;
        -ms-flex-align:    center;
        align-items:       center;
    }

    .net-list-content .net-card-block-tv .subtitle span {
        font-size:   25px;
        line-height: 25px;
    }

    .net-list-content .net-card-btn {
        width: 54%;
    }

    .net-list-content .net-card-bottom {
        padding-top: 14px;
    }

    .net-list::after {
        bottom: -26px;
        right:  -240px;
    }

    .net-nav {
        padding: 30px 0;
    }

    .net-nav__list {
        max-width: 84%;
        gap:       13px;
    }

    .net-nav__list-link {
        padding:        6px 28px;
        letter-spacing: 0.3px;
    }

    .net-table {
        margin-bottom: 166px;
    }

    .net-table table thead tr th:first-child {
        font-size:   18px;
        line-height: 23px;
    }

    .net-table table thead tr {
        font-size:   24px;
        line-height: 31px;
    }

    .net-table table tbody tr span {
        font-size:   25px;
        line-height: 32px;
    }

    .net-table table tbody tr {
        padding: 12px 30px 16px;
    }

    .net-table .table-wrap {
        margin-bottom: 100px;
    }

    .net-table .table-wrap::after {
        background-size: 70%;
        bottom:          -96px;
        left:            -92px;
    }

    .net-table-info-card {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 32%;
        flex:             0 0 32%;
    }

    .net-table-info {
        gap: 18px;
    }

    .net-table-info::after {
        background-size: 90%;
        bottom:          -60px;
        right:           -50px;
    }

    .net-request::before {
        content:             '';
        position:            absolute;
        display:             block;
        width:               100%;
        /*height: 1665px;*/
        background-size:     cover;
        background-position: top;
        top:                 -134px;
        z-index:             0;
    }

    .net-request-title {
        margin-bottom: 40px;
        font-size:     30px;
        line-height:   39px;
    }

    .net-request-content {
        gap: 18px;
    }

    .net-request-card {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 41%;
        flex:             0 0 41%;
        padding:          50px 34px 30px;
    }

    .net-request-card-title {
        margin-bottom: 10px;
    }

    .net-request-card-text {
        font-size:     16px;
        line-height:   21px;
        margin-bottom: 24px;
    }

    .net-request .form-title {
        margin-bottom: 24px;
        font-size:     20px;
        line-height:   26px;
    }

    .net-request .form-input.name {
        width: 62%;
    }

    .net-request .form-input.tel {
        width: 36%;
    }

    .net-request .form-group.buttom .city {
        width: 51%;
    }

    .net-request .form-group.buttom .street {
        width: 54%;
    }

    .net-request .form-group.buttom .home {
        width: 40%;
    }

    .net-request .form-group.buttom .form-submit {
        width: 66%;
    }

    .net-faq-title {
        margin-bottom: 40px;
        font-size:     30px;
        line-height:   39px;
    }

    .net-faq-list {
        gap: 14px;
    }

    .net-faq-item-title.ac-trigger {
        padding: 24px 26px 20px 30px;
    }

    .net-faq-item-title.ac-trigger::after {
        right:                    16px;
        background-size:          74%;
        background-position:      left;
        -webkit-transform-origin: 14px 12px;
        -ms-transform-origin:     14px 12px;
        transform-origin:         14px 12px;
    }

    .tv-list {
        margin-bottom: 100px;
    }

    .tv-list-head {
        margin-bottom:     50px;
        -webkit-box-align: end;
        -ms-flex-align:    end;
        align-items:       flex-end;
    }

    .tv-list-title {
        font-size:   30px;
        line-height: 30px;
    }

    .tv-list-content {
        gap: 18px;
    }

    .tv-list-content .tv-card {
        max-width: none;
    }

    .tv-list-content .tv-card-head {
        gap:              15px;
        -webkit-box-flex: 0;
        -ms-flex:         0 0 74px;
        flex:             0 0 74px;
        padding:          8px 12px 8px;
    }

    .tv-list-content .tv-card-head p {
        font-weight: 700;
        font-size:   20px;
        line-height: 26px;
    }

    .tv-list-content .tv-card-block {
        padding-top:    18px;
        padding-bottom: 12px;
    }

    .tv-list-content .tv-card-block-canal .canal-speed {
        margin-bottom:     0;
        -webkit-box-align: start;
        -ms-flex-align:    start;
        align-items:       flex-start;
    }

    .tv-list-content .tv-card-block-canal .canal-speed svg {
        width:  30px;
        height: 26px;
    }

    .tv-list-content .tv-card-block-canal .canal-title {
        margin-bottom: 20px;
        font-size:     16px;
        line-height:   21px;
    }

    .tv-list-content .tv-card-block-canal .canal-speed-info {
        font-size:   15px;
        line-height: 20px;
    }

    .tv-list-content .tv-card-block-canal .canal-speed-info span {
        font-size:   30px;
        line-height: 30px;
    }

    .tv-list-content .tv-card-block-descr .descr-item {
        margin-bottom: 12px;
        font-size:     16px;
        line-height:   21px;
    }

    .tv-list-content .tv-card-block-tv .subtitle {
        -webkit-box-align: center;
        -ms-flex-align:    center;
        align-items:       center;
    }

    .tv-list-content .tv-card-block-tv .subtitle span {
        font-size:   25px;
        line-height: 25px;
    }

    .tv-list-content .tv-card-btn {
        width: 54%;
    }

    .tv-list-content .tv-card-bottom {
        padding-top:   20px;
        margin-bottom: 20px;
    }

    .tv-list-content .tv-card-body {
        margin-bottom: 18px;
    }

    .tv-list::after {
        bottom:          -54px;
        right:           -112px;
        background-size: 99%;
    }

    .tv-navigation {
        padding: 30px 0;
    }

    .tv-navigation__list {
        max-width: 84%;
        gap:       13px;
    }

    .tv-navigation__list-link {
        padding: 6px 28px;
    }

    .tv-cabel-title {
        margin-bottom: 40px;
        font-size:     30px;
        line-height:   39px;
    }

    .tv-cabel-content {
        gap: 18px;
    }

    .tv-cabel-content .cabel-card-head {
        padding-top: 20px;
    }

    .tv-cabel-content .cabel-card-head .card-head-title {
        font-size:   20px;
        line-height: 22px;
        max-width:   264px;
        margin:      0 auto 6px;
    }

    .tv-cabel-content .cabel-card-block-canal {
        padding-bottom: 12px;
    }

    .tv-cabel-content .cabel-card-block-canal .canal-title {
        margin-bottom: 16px;
    }

    .tv-cabel-content .cabel-card-block-canal .canal-speed svg {
        width:  26px;
        height: 26px;
    }

    .tv-cabel-content .cabel-card-block-canal .canal-speed-info {
        font-size:   20px;
        line-height: 26px;
    }

    .tv-cabel-content .cabel-card-block-canal .canal-speed-info span {
        font-size:   30px;
        line-height: 1;
    }

    .tv-cabel-content .cabel-card-block-descr {
        padding:       14px 0;
        margin-bottom: 22px;
    }

    .tv-cabel-content .cabel-card-btn {
        width: 54%;
    }

    .tv-cabel-info {
        font-size:   15px;
        line-height: 21px;
    }

    .tv-premium-title {
        margin-bottom: 40px;
        font-size:     30px;
        line-height:   39px;
    }

    .tv-premium-content {
        gap: 18px;
    }

    .tv-premium-content .premium-card {
        width: 32%;
    }

    .tv-online-card-left {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 20%;
        flex:             0 0 20%;
        min-width:        242px;
        padding-right:    10px;
    }

    .tv-online-card-right {
        -webkit-box-flex:  0;
        -ms-flex:          0 0 80%;
        flex:              0 0 80%;
        -webkit-box-align: center;
        -ms-flex-align:    center;
        align-items:       center;
    }

    .tv-online-card-text {
        max-width: 666px;
    }

    .tv-online-card-link {
        min-height: 50px;
    }

    .tel-navitation {
        overflow-x: scroll;
    }

    .tel-navitation__list {
        gap:       12px;
        width:     100%;
        min-width: 804px;
    }

    .tel-navitation__list-link {
        padding:        6px 28px;
        letter-spacing: 0.3px;
    }

    .tel-intercity-content .intercity-card {
        height: 100%;
    }

    .tel-intercity-content .intercity-card-body-content {
        margin: 0 auto;
    }

    .tel-intercity-content .intercity-card-price span {
        font-size: 50px;
    }

    .tel-economy-info {
        height: 100%;
    }

    .tel-nice .swiper-slide .tel-nice__phone {
        display:               -webkit-box;
        display:               -ms-flexbox;
        display:               flex;
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        -webkit-box-pack:      center;
        -ms-flex-pack:         center;
        justify-content:       center;
        -webkit-box-align:     center;
        -ms-flex-align:        center;
        align-items:           center;
    }

    .tel-nice__phone-num {
        font-size:   40px;
        line-height: 52px;
    }

    .tel-nice .mySwiper {
        max-height: 106px !important;
    }

    .tel-sip-content .sip-card-price span {
        font-size: 50px;
    }

    .tel-sip-content .sip-card {
        -ms-flex-item-align: stretch;
        align-self:          stretch;
    }

    .tel-sip-content .sip-card-body {
        height:           100%;
        -webkit-box-pack: justify;
        -ms-flex-pack:    justify;
        justify-content:  space-between;
    }

    .bonus {
        margin-bottom: 164px;
        position:      relative;
        padding-top:   30px;
    }

    .bonus-title {
        margin-bottom: 38px;
        font-size:     30px;
        line-height:   39px;
    }

    .bonus-cards::before {
        right: -86px;
    }

    .bonus-cards::after {
        right:  246px;
        bottom: -200px;
    }

    .bonus-programm {
        -webkit-box-flex:    0;
        -ms-flex:            0 0 66%;
        flex:                0 0 66%;
        -ms-flex-item-align: start;
        align-self:          flex-start;
        padding-bottom:      54px;
    }

    .bonus-programm::after {
        right:           -40px;
        top:             -46px;
        background-size: 95%;
    }

    .bonus-programm-text {
        font-size:   16px;
        line-height: 21px;
        max-width:   502px;
    }

    .bonus-programm-text:not(:last-child) {
        margin-bottom: 18px;
    }

    .bonus-right {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 32%;
        flex:             0 0 32%;
        padding:          30px 16px 24px 32px;
    }

    .bonus-right::before {
        right:  -54px;
        bottom: 150px;
    }

    .bonus-right-list {
        margin-bottom: 30px;
    }

    .bonus-right-title {
        margin-bottom: 12px;
    }

    .bonus-right-item {
        font-size:   16px;
        line-height: 21px;
    }

    .bonus-right-item:not(:last-child) {
        margin-bottom: 28px;
    }

    .bonus-right-text {
        margin-bottom: 40px;
        font-size:     16px;
        line-height:   21px;
    }

    .bonus-right-btn {
        padding: 14px;
        width:   68%;
    }

    .bonus-faq-background {
        /*position: relative;*/
    }

    .bonus-faq-background::before {
        /*height: 1600px;*/
        background-image:  url(/local/templates/redcom.ru/cmp/../img/bonus-faq-bg-laptop.png);
        background-repeat: no-repeat;
        background-size:   cover;
        top:               -196px;
    }

    .bonus-faq-title {
        margin-bottom: 40px;
        font-size:     30px;
        line-height:   39px;
    }

    .bonus-faq-list {
        gap: 14px;
    }

    .bonus-faq-item-title.ac-trigger {
        padding: 24px 26px 20px 30px;
    }

    .bonus-faq-item-title.ac-trigger::after {
        right:                    16px;
        background-size:          74%;
        background-position:      left;
        -webkit-transform-origin: 14px 12px;
        -ms-transform-origin:     14px 12px;
        transform-origin:         14px 12px;
    }

    .grid-list-canals {
        grid-template-columns: repeat(5, minmax(170px, 200px));
    }

    .video-arch-list {
        margin-bottom: 40px;
    }

    .video-arch-list-head {
        margin-bottom:     50px;
        -webkit-box-align: center;
        -ms-flex-align:    center;
        align-items:       center;
    }

    .video-arch-list-lk {
        margin-bottom: 25px;
    }

    .video-arch-list-title {
        font-size:   30px;
        line-height: 30px;
    }

    .video-arch-list-content {
        gap: 18px;
    }

    .video-arch-list-content .video-arch-card {
        max-width: none;
    }

    .video-arch-list-content .video-arch-card-head {
        gap:              15px;
        -webkit-box-flex: 0;
        -ms-flex:         0 0 74px;
        flex:             0 0 74px;
        padding:          8px 12px 8px;
    }

    .video-arch-list-content .video-arch-card-head p {
        font-weight: 700;
        font-size:   22px;
        line-height: 28px;
    }

    .video-arch-list-content .video-arch-card-block {
        padding-top:    18px;
        padding-bottom: 12px;
    }

    .video-arch-list-content .video-arch-card-block-canal .canal-speed {
        margin-bottom:     0;
        -webkit-box-align: start;
        -ms-flex-align:    start;
        align-items:       flex-start;
    }

    .video-arch-list-content .video-arch-card-block-canal .canal-speed svg {
        width:      35px;
        height:     35px;
        margin-top: 20px;
    }

    .video-arch-list-content .video-arch-card-block-canal .canal-title {
        margin-bottom: 20px;
        font-size:     18px;
        line-height:   23px;
    }

    .video-arch-list-content .video-arch-card-block-canal .canal-speed-info {
        font-size:   15px;
        line-height: 20px;
    }

    .video-arch-list-content .video-arch-card-block-canal .canal-speed-info span {
        font-size:   60px;
        line-height: 78px;
    }

    .video-arch-list-content .video-arch-card-block-descr .descr-item {
        margin-bottom: 12px;
        font-size:     16px;
        line-height:   21px;
    }

    .video-arch-list-content .video-arch-card-block-tv .subtitle {
        -webkit-box-align: center;
        -ms-flex-align:    center;
        align-items:       center;
    }

    .video-arch-list-content .video-arch-card-block-tv .subtitle span {
        font-size:   25px;
        line-height: 25px;
    }

    .video-arch-list-content .video-arch-card-btn {
        width: 54%;
    }

    .video-arch-list-content .video-arch-card-bottom {
        padding-top:   34px;
        margin-bottom: 20px;
    }

    .video-arch-list-content .video-arch-card-body {
        margin-bottom: 18px;
    }

    .video-arch-list::after {
        bottom:          -54px;
        right:           -112px;
        background-size: 99%;
    }
}

@media (max-width: 1317px) {
    .tv-table table thead tr th:first-child {
        font-size: 25px;
    }

    .tv-table table tbody tr th:first-child {
        font-size:   25px;
        line-height: 32px;
    }

    .tv-table table tbody tr th {
        font-size:   20px;
        line-height: 26px;
    }

    .tv-table-action-text {
        font-size: 20px;
    }

    .tv-table table tbody tr span {
        font-size:   25px;
        line-height: 32px;
    }
}

@media (max-width: 1280px) {
    .laptop-none {
        display: none;
    }

    .wrap-top-line {
        gap: 20px;
    }

    .wrap-top-line .wrap-panel {
        gap: 10px;
    }

    .wrap-top-line .wrap-panel ul.group-btn-left {
        gap: 10px;
    }

    .wrap-top-line .wrap-panel ul.group-btn-right {
        gap: 10px;
    }

    .wrap-bottom-line {
        gap: 5%;
    }

    .navbar__wrap .menu {
        display: none;
    }

    .popup .menu {
        display: none !important;
    }

    .hamb {
        display:           -webkit-box;
        display:           -ms-flexbox;
        display:           flex;
        -webkit-box-align: center;
        -ms-flex-align:    center;
        align-items:       center;
    }

    .hamb__field {
        padding: 0;
        cursor:  pointer;
    }

    .hamb__field.active .bar:nth-child(2) {
        opacity: 0;
    }

    .hamb__field.active .bar:nth-child(1) {
        -webkit-transform: translateY(8px) rotate(45deg);
        -ms-transform:     translateY(8px) rotate(45deg);
        transform:         translateY(8px) rotate(45deg);
    }

    .hamb__field.active .bar:nth-child(3) {
        -webkit-transform: translateY(-8px) rotate(-45deg);
        -ms-transform:     translateY(-8px) rotate(-45deg);
        transform:         translateY(-8px) rotate(-45deg);
    }

    .bar {
        display:            block;
        width:              30px;
        height:             3px;
        margin:             6px auto;
        background-color:   #fff;
        -webkit-transition: 0.2s;
        -o-transition:      0.2s;
        transition:         0.2s;
    }

    .popup {
        position:              fixed;
        top:                   69px;
        left:                  -100%;
        width:                 100%;
        height:                100%;
        background-color:      #F5F5F5;
        z-index:               100;
        display:               -webkit-box;
        display:               -ms-flexbox;
        display:               flex;
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        overflow-y:            scroll;
        overflow-x:            hidden;
        padding:               20px 14px 80px;
        -webkit-transition:    0.3s;
        -o-transition:         0.3s;
        transition:            0.3s;
    }

    .popup.open {
        left: 0;
    }

    .popup .menu {
        width:                 100%;
        height:                100%;
        display:               -webkit-box;
        display:               -ms-flexbox;
        display:               flex;
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        -webkit-box-align:     center;
        -ms-flex-align:        center;
        align-items:           center;
        -webkit-box-pack:      start;
        -ms-flex-pack:         start;
        justify-content:       start;
        padding:               50px 0;
        overflow:              auto;
    }

    .popup .menu > li {
        width: 100%;
    }

    .popup .menu > li > a {
        width:            100%;
        display:          -webkit-box;
        display:          -ms-flexbox;
        display:          flex;
        -webkit-box-pack: center;
        -ms-flex-pack:    center;
        justify-content:  center;
        padding:          20px 0;
        font-size:        20px;
        font-weight:      bold;
        color:            #3f3f3f;
    }

    .popup .menu > li > a:hover {
        background-color: rgba(122, 82, 179, 0.1);
    }

    body.noscroll {
        overflow: hidden;
    }

    .btn-menu-tablet .icon-span span:not(:last-child) {
        margin-bottom: -2px;
    }

    .hamb__field.active .bar:nth-child(1) {
        -webkit-transform: translateY(6px) rotate(48deg);
        -ms-transform:     translateY(6px) rotate(48deg);
        transform:         translateY(6px) rotate(48deg);
    }

    .hamb__field.active .bar:nth-child(3) {
        -webkit-transform: translateY(-8px) rotate(-45deg);
        -ms-transform:     translateY(-8px) rotate(-45deg);
        transform:         translateY(-8px) rotate(-45deg);
    }

    .mobile-menu .wrap-panel {
        display:               -webkit-box;
        display:               -ms-flexbox;
        display:               flex;
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        width:                 100%;
        -webkit-box-pack:      justify;
        -ms-flex-pack:         justify;
        justify-content:       space-between;
    }

    .mobile-menu ul.group-btn-left,
    .mobile-menu ul.group-btn-right {
        display:           -webkit-box;
        display:           -ms-flexbox;
        display:           flex;
        list-style:        none;
        padding-left:      0;
        -webkit-box-align: center;
        -ms-flex-align:    center;
        align-items:       center;
    }

    .mobile-menu ul.group-btn-left {
        gap: 24px;
    }

    .mobile-menu ul.group-btn-left li a {
        display:         -webkit-box;
        display:         -ms-flexbox;
        display:         flex;
        position:        relative;
        padding:         6px 12px 6px 22px;
        border:          2px solid #4bcead;
        border-radius:   15px;
        text-decoration: none;
        font-family:     'Leto Sans', sans-serif;
        font-style:      normal;
        font-weight:     400;
        font-size:       16px;
        line-height:     20px;
    }

    .mobile-menu ul.group-btn-left li a:hover {
        background: #4bcead;
        color:      #fff;
    }

    .mobile-menu ul.group-btn-left li a:hover::before {
        color: #fff;
    }

    .mobile-menu ul.group-btn-left li a::before {
        content:    '●';
        width:      8px;
        height:     8px;
        color:      #4bcead;
        text-align: center;
        position:   absolute;
        top:        6px;
        left:       8px;
        font-size:  12px;
    }

    .mobile-menu ul.group-btn-left li a.blue {
        border: 2px solid #00A1FF;
    }

    .mobile-menu ul.group-btn-left li a.blue:hover {
        background: #00A1FF;
    }

    .mobile-menu ul.group-btn-left li a.blue::before {
        color: #00A1FF;
    }

    .mobile-menu ul.group-btn-left li a.blue:hover::before {
        color: #fff;
    }

    .mobile-menu ul.group-btn-left li a.purple {
        border: 2px solid #E94090;
    }

    .mobile-menu ul.group-btn-left li a.purple:hover {
        background: #E94090;
    }

    .mobile-menu ul.group-btn-left li a.purple::before {
        color: #E94090;
    }

    .mobile-menu ul.group-btn-left li a.purple:hover::before {
        color: #fff;
    }

    .mobile-menu ul.group-btn-right .link:nth-child(1) a {
        font-size:    16px;
        margin-right: 22px;
    }

    .mobile-menu .group-btn-right {
        margin-top: 32px;
    }

    .menu-fixed-overlay-h .menu {
        -webkit-transform: scale(0.8);
        -ms-transform:     scale(0.8);
        transform:         scale(0.8);
        top:               -56px;
    }

    .technology {
        padding-bottom: 70px;
    }

    .technology__title {
        margin-bottom: 30px;
    }

    .technology__item {
        margin-bottom: 30px;
        gap:           18px;
    }

    .sections {
        padding:    40px 0;
        overflow-x: scroll;
    }

    .sections__list {
        gap: 12px;
    }

    .sections__list-link {
        letter-spacing: 0;
        white-space:    nowrap;
    }

    .information {
        gap: 53px;
    }

    .information__title {
        margin-bottom: 30px;
    }

    .information__list {
        gap: 25px;
    }

    .contact {
        gap:               75px;
        -webkit-box-align: start;
        -ms-flex-align:    start;
        align-items:       start;
    }

    .contact__images::after {
        right: -60px;
    }

    .contact__images::before {
        right: -40px;
    }

    .contact__images {
        max-width: 644px;
    }

    .contacts .tabs__nav {
        padding-top: 0;
    }

    .wrap-intercom-tarif {
        gap: 30px;
    }

    .download-intercom__img {
        right:  -60px;
        bottom: 30px;
    }

    .download-intercom__block-app {
        z-index:    20;
        background: #fff;
        padding:    10px 40px 10px 40px;
    }

    .download-intercom__img {
        right:  -10px;
        bottom: 0;
    }

    .download-intercom__img source,
    .download-intercom__img img {
        width: 360px;
    }

    .download-intercom__app {
        width:       100%;
        max-width:   568px;
        font-size:   16px;
        line-height: 20px;
    }

    .download-intercom__app-text {
        width:       100%;
        max-width:   338px;
        font-size:   16px;
        line-height: 20px;
    }

    .wrap-intercom-tarif {
        gap: 30px;
    }

    .download-intercom__img {
        right:  -60px;
        bottom: 30px;
    }

    .download-intercom__block-app {
        z-index:    20;
        background: #fff;
        padding:    10px 40px 10px 40px;
        max-width:  275px;
    }

    .download-intercom__img {
        right:  -53px;
        bottom: 0;
    }

    .download-intercom__img source,
    .download-intercom__img img {
        width: 477px;
    }

    .wrap-intercom-advantages .first-group-advantages {
        gap: 18px;
    }

    .support-intercom {
        padding: 30px 34px 34px;
    }

    .wrap-intercom-advantages .second-group-advantages .intercom-advantages {
        width: 32.5%;
    }

    .support-intercom__text {
        font-size:   16px;
        line-height: 20px;
    }

    .intercom-table table thead tr th:first-child {
        font-size:   25px;
        line-height: 32px;
    }

    .intercom-table table thead tr {
        font-size:   24px;
        line-height: 31px;
    }

    .intercom-table table tbody tr span {
        font-size:   25px;
        line-height: 32px;
    }

    .license__title {
        margin-bottom: 30px;
        text-align:    center;
    }

    .license__items {
        row-gap: 40px;
    }

    .video-nav__list {
        max-width: 100%;
        gap:       10px;
    }

    .video-nav__list-link {
        padding: 10px 26px;
    }

    .video-info__right::after {
        bottom: -30px;
        right:  30%;
        width: 70%;
    }

    .video-list__items::before {
        right: 20px;
        top:   -260px;
    }

    .payments-info__list {
        gap: 50px 48px;
    }

    .home-slider {
        margin-bottom: 100px;
    }

    .home-slider-group {
        gap: 13px;
    }

    .home-offers__title {
        margin-bottom: 40px;
    }

    .home-slider .swiper-slide .laptop {
        display:            block;
        height:             100%;
        width:              100%;
        -o-object-position: center;
        object-position:    center;
        -o-object-fit:      cover;
        object-fit:         cover;
    }

    .tabs-item-title {
        font-size:   16px;
        line-height: 20px;
        max-width:   195px;
        text-align:  center;
    }

    .tabs-content-title {
        font-size:   25px;
        line-height: 32px;
    }

    .tabs-btn-text + span {
        white-space: nowrap;
    }

    .tabs-btn {
        padding: 10px 18px 10px 18px;
    }

    .tabs-btn:not(:last-child) {
        margin: 0;
    }

    .tabs-item-title {
        margin-bottom: 10px;
    }

    .tabs-link {
        font-size: 12px;
    }

    .tabs-item {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 auto;
        flex:             0 0 auto;
        padding:          50px 34px 26px;
        gap:              20px;
        -webkit-box-pack: justify;
        -ms-flex-pack:    justify;
        justify-content:  space-between;
    }

    .tabs-content-group-list {
        margin-bottom: 70px;
    }

    .tabs-link {
        margin-top: 32px;
    }

    .tabs-content-group-link {
        font-size: 12px;
    }

    .tabs-content {
        padding: 40px 50px 30px 30px;
    }

    .home-redcom-list {
        gap: 30px;
    }

    .home-app-download__img {
        position: absolute;
        right:    6px;
        bottom:   2px;
    }

    .home-app-balance__text {
        font-size: 16px;
    }

    .section-news .news-fixed-overlay .modal-close {
        right: 0;
    }

    .rekvizity__title {
        margin-bottom: 30px;
        text-align:    center;
    }

    .career {
        gap:            58px;
        padding-bottom: 162px;
    }

    .career__title {
        margin-bottom: 30px;
        font-size:     30px;
    }

    .career__images::after {
        display: none;
    }

    h2.career__title:not(::last-child) {
        margin-bottom: 40px;
    }

    .career-work {
        padding-bottom: 132px;
    }

    .career-work__advantages-item {
        font-size: 18px;
    }

    .career-work__advantages {
        -webkit-column-gap: 46px;
        -moz-column-gap:    46px;
        column-gap:         46px;
        row-gap:            30px;
    }

    .vacancies {
        padding-bottom: 102px;
    }

    .send {
        gap: 100px;
    }

    .send__text-desc {
        font-size:     16px;
        margin-bottom: 30px;
    }

    .send__email {
        font-size: 16px;
    }

    .send__form-title {
        font-size: 20px;
    }

    .career-work .career-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/career-laptop-background.png);
        /*top: 420px;*/
        z-index:          0;
    }

    .vacancies .career-background::after {
        background-image: url(/local/templates/redcom.ru/cmp/../img/career-laptop-background.png);
        /*top: 936px;*/
        z-index:          1;
    }

    .cameras__banner::before {
        bottom: 73px;
        right:  12px;
    }

    .cameras__banner::after {
        top:   -44px;
        right: -64px;
    }

    .cameras__videos-top {
        -webkit-column-gap: 15px;
        -moz-column-gap:    15px;
        column-gap:         15px;
        row-gap:            25px;
        margin-bottom:      40px;
    }

    .cameras__videos-list {
        -webkit-column-gap: 18px;
        -moz-column-gap:    18px;
        column-gap:         18px;
        margin-bottom:      100px;
    }

    .cameras__item-text {
        line-height: 23px;
    }

    .cameras__item {
        padding: 30px 20px 50px 35px;
    }

    .cameras__item:nth-child(1) {
        margin-bottom: 18px;
    }

    .cameras__item-list {
        max-width: 400px;
    }

    .cameras__popular-img {
        top:   166px;
        right: -26px;
    }

    .cameras__popular-img img {
        width: 278px;
    }

    .cameras .tabs__nav h1 {
        width:                     100%;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order:            5;
        order:                     5;
        margin-top:                40px;
        text-align:                center;
        margin-right:              0;
    }

    .news-fixed-overlay .modal-close {
        right: 0;
    }

    .text-page-fixed-overlay .modal-text-page-title {
        font-size:     30px;
        line-height:   40px;
        margin-bottom: 40px;
    }

    .text-page-fixed-overlay .modal-close {
        background-size: 100%;
        right:           0;
    }

    .text-page-fixed-overlay .modal-text-page-h3-card::after {
        right:   -118px;
        z-index: -1;
    }

    .packs-request .form-group.buttom .form-submit {
        padding: 16px 12px 12px;
    }

    .packs-request .form-group.buttom .city {
        width: 40%;
    }

    .packs-request .form-group.buttom .street {
        width: 76%;
    }

    .packs-request .form-group.buttom .home {
        width: 65%;
    }

    .packs-request .form-group.buttom .form-submit {
        width: 27%;
    }

    .net-list::after {
        content: none;
    }

    .net-nav__list {
        max-width: 100%;
        gap:       10px;
    }

    .net-nav__list-link {
        padding: 10px 26px;
    }

    .net-request .form-group.buttom .form-submit {
        padding: 16px 12px 12px;
    }

    .net-request .form-group.buttom .city {
        width: 40%;
    }

    .net-request .form-group.buttom .street {
        width: 76%;
    }

    .net-request .form-group.buttom .home {
        width: 65%;
    }

    .net-request .form-group.buttom .form-submit {
        width: 27%;
    }

    .tv-list::after {
        content: none;
    }

    .tv-navigation__list {
        max-width: 100%;
        gap:       10px;
    }

    .tv-navigation__list-link {
        padding: 10px 26px;
    }

    .tv-navigation {
        overflow-x: hidden;
        /* min-width: 400px; */
    }

    /* .tv-cabel {
	margin-bottom: 70px;
} */

    .tv-cabel-content .cabel-card-head .card-head-subtitle {
        font-size: 13px;
    }

    .tv-premium {
        padding-top: 75px;
    }

    .tv-premium-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/background-laptop.png);
        top:              -100px;
    }

    .tv-premium-content .premium-card-head .card-head-img {
        -webkit-transform: scale(0.8);
        -ms-transform:     scale(0.8);
        transform:         scale(0.8);
    }

    .tv-premium-content .premium-card-head .card-head-title {
        font-size:     20px;
        margin-bottom: 0;
    }

    .tv-premium-content .premium-card-block-canal .canal-title {
        font-size:     16px;
        margin-bottom: 14px;
    }

    .tv-premium-content .premium-card-block-canal .canal-qt-info {
        font-size: 15px;
    }

    .tv-premium-content .premium-card-block-canal .canal-qt-info span {
        font-size:   30px;
        line-height: 39px;
    }

    .canal-qt svg {
        -webkit-transform: scale(0.7);
        -ms-transform:     scale(0.7);
        transform:         scale(0.7);
        width:             100%;
        max-width:         44px;
    }

    .tv-premium-content .premium-card-block-canal .canal-qt {
        margin-bottom: 22px;
        gap:           10px;
    }

    .tv-premium-content .premium-card-block-canal .canal-qt-info {
        font-size:  15px;
        display:    block;
        margin-top: 4px;
    }

    .tv-online-card-left {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 18%;
        flex:             0 0 18%;
        min-width:        226px;
    }

    .tv-online-card-title {
        font-size: 20px;
    }

    .tv-online-card-right {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 77%;
        flex:             0 0 77%;
    }

    .tv-online-card-text {
        max-width: 524px;
    }

    .tv-online-card {
        -webkit-box-pack: justify;
        -ms-flex-pack:    justify;
        justify-content:  space-between;
    }

    .tv-online-background::before {
        display: none;
    }

    .tv-table table tbody tr {
        font-size:   24px;
        line-height: 31px;
    }

    .tv-table table tbody tr span {
        font-size:   25px;
        line-height: 32px;
    }

    .tel-city-content {
        gap: 18px;
    }

    .tel-card-head {
        font-size: 20px;
    }

    .tel-city-content .tel-card-block-line .line-title,
    .tel-city-content .tel-card-block-connection .connection-title {
        font-size: 16px;
    }

    .tel-city-content .tel-card-block-line .line-info span,
    .tel-city-content .tel-card-block-connection .connection-info span {
        font-size: 30px;
    }

    .tel-city-content .tel-card-block-price .price-info span {
        font-size: 45px;
    }

    .tel-city-content .tel-card-btn {
        width:     100%;
        max-width: 180px;
    }

    .tel-city-content .tel-card-info-list {
        padding-left: 16px;
    }

    .tel-city-content .tel-card-block-price {
        gap: 10px;
    }

    .tel-card-block.tel-card-block-price svg {
        -webkit-transform: scale(0.8);
        -ms-transform:     scale(0.8);
        transform:         scale(0.8);
    }

    .tel-city::after {
        bottom: 78px;
        right:  -172px;
    }

    .tel-intercity-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/background-laptop.png);
        top: -100px;
        height: 939px;
    }

    .tel-intercity {
        margin-bottom: 100px;
    }

    .tel-intercity-cards {
        -webkit-box-flex:      0;
        -ms-flex:              0 0 32%;
        flex:                  0 0 32%;
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .tel-intercity-info {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 68%;
        flex:             0 0 68%;
        padding:          20px 28px 28px 40px;
        height:           100%;
    }

    .tel-intercity-content .intercity-card-price span {
        font-size:   30px;
        line-height: 39px;
    }

    .tel-intercity-content .intercity-card-body {
        padding: 30px 36px 38px;
    }

    .tel-intercity-content .intercity-card-head {
        padding: 20px 50px;
    }

    .tel-intercity::after {
        bottom: 10px;
    }

    .tel-economy-content .economy-card-head {
        padding:     20px 28px;
        font-size:   20px;
        line-height: 26px;
    }

    .tel-economy-content,
    .tel-economy-cards {
        gap: 18px;
    }

    .tel-economy-cards {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 64%;
        flex:             0 0 64%;
    }

    .tel-economy-content .economy-card-head {
        padding:     20px 28px;
        font-size:   20px;
        line-height: 26px;
    }

    .tel-economy-content .economy-card-body {
        padding:          32px 10px 36px;
        -webkit-box-pack: center;
        -ms-flex-pack:    center;
        justify-content:  center;
    }

    .tel-economy-content .economy-card-body-content {
        padding-top: 0;
    }

    .tel-economy-content .economy-card-price span {
        font-size:   30px;
        line-height: 39px;
    }

    .tel-economy-container img {
        bottom: -164px;
        right:  -108px;
    }

    .tel-nice-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/background-laptop.png);
        top:              -190px;
    }

    .tel-nice__phone-num {
        font-size:   35px;
        line-height: 30px;
    }

    .tel-nice__phone-connect {
        font-size: 14px;
    }

    .telephony-table table thead tr th:first-child {
        font-size:   25px;
        line-height: 46px;
    }

    .telephony-table table tbody tr {
        -webkit-box-align: center;
        -ms-flex-align:    center;
        align-items:       center;
    }

    .telephony-table table tbody tr td:first-child {
        border-right: none;
    }

    .telephony-table table th {
        font-size:   20px;
        line-height: 26px;
    }

    .telephony-table table tbody tr span {
        font-size:   25px;
        line-height: 32px;
    }

    .telephony-table table:nth-child(2) tbody {
        position: relative;
    }

    .telephony-table table:nth-child(2) tbody:before {
        content:    '';
        position:   absolute;
        width:      140px;
        height:     180px;
        bottom:     -98px;
        left:       -46px;
        background: url('/local/templates/redcom.ru/cmp/../img/tel-table-before.svg') no-repeat;
        z-index:    -1;
    }

    .tel-sip-content {
        -webkit-box-pack: justify;
        -ms-flex-pack:    justify;
        justify-content:  space-between;
    }

    .tel-sip-cards {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        -webkit-box-flex:      0;
        -ms-flex:              0 0 32%;
        flex:                  0 0 32%;
        gap:                   18px;
    }

    .sip-card {
        width: 100%;
    }

    .tel-sip-info {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 64%;
        flex:             0 0 64%;
        height:           100%;
    }

    .tel-sip-content .sip-card:nth-child(2) .card-head-title {
        max-width: 100%;
    }

    .tel-sip-content .sip-card__btn {
        margin-top: 22px;
    }

    .tel-sip-content .sip-card {
        width:     100%;
        max-width: 100%;
    }

    .tel-sip-content .sip-card-head {
        width: 100%;
    }

    .bonus-programm::after {
        right:           -160px;
        top:             -15px;
        background-size: 65%;
    }

    .bonus-right::before {
        content: none;
    }

    .grid-list-canals {
        grid-template-columns: repeat(5, minmax(170px, 220px));
        gap:                   20px;
    }

    .tabs__pane h2 {
        font-size:   30px;
        line-height: 40px;
    }

    .purchases__title {
        margin-bottom: 30px;
        text-align:    center;
    }

    .video-arch-list::after {
        content: none;
    }

    .video-arch-list-title {
        margin: 0 0 50px;
    }
}

@media (max-width: 1200px) {
    .home-app-balance__send {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .video-arch-list-head {
        margin-top: 30px;
    }


    .video-info__picture-img { 
        width: 80%;
        right: -15%;
	}

    .home-app-balance__send-btn,
    .home-app-balance__send .wrap-cards {
        width: 100%;
    }

    .home-app-balance__title {
        max-width: 100%;
    }

}

@media (max-width: 1120px) {
    .menu-fixed-overlay-h .menu {
        -webkit-transform: scale(0.7);
        -ms-transform:     scale(0.7);
        transform:         scale(0.7);
        top:               0;
        height:            130vh;
    }
}

@media (max-width: 1098px) {
    .cameras__popular-img {
        right: -92px;
        top:   188px;
    }

    .cameras__popular-img img {
        width: 214px;
    }
}

@media (max-width: 1072px) {
    .send__file {
        height: 76px;
    }
}

@media (max-width: 992px) {
    ul.group-btn-right li:nth-child(1),
    ul.group-btn-right li:nth-child(2) {
        height:        100%;
        margin-bottom: 0;
    }

    .header.start {
        /* top: -70px; */
    }

    .top-line {
        padding: 20px 0;
    }

    .top-line .container {
        padding-right: 20px;
        position:      relative;
        z-index:       1;
    }

    .wrap-top-line {
        -webkit-box-pack: justify;
        -ms-flex-pack:    justify;
        justify-content:  space-between;
    }

    .wrap-top-line .wrap-logo {
        display:           -webkit-box;
        display:           -ms-flexbox;
        display:           flex;
        -webkit-box-align: center;
        -ms-flex-align:    center;
        align-items:       center;
        gap:               14px;
    }

    .wrap-top-line .wrap-logo .logo-img-desktop {
        display: none;
    }

    .wrap-top-line .wrap-logo .logo-img-tablet {
        display: block;
    }

    .wrap-top-line .wrap-logo .wrap-dropdown-tablet {
        display: block;
    }

    .wrap-top-line .wrap-panel {
        display: none;
    }

    .wrap-top-line .wrap-btns-tablet {
        display:           -webkit-box;
        display:           -ms-flexbox;
        display:           flex;
        -webkit-box-align: center;
        -ms-flex-align:    center;
        align-items:       center;
        gap:               20px;
    }

    .bottom-line {
        display: none;
    }

    .b24-widget-button-inner-container {
        display: none;
    }
    /* .b24-widget-button-wrapper.b24-widget-button-position-bottom-right,
.b24-widget-button-wrapper.b24-widget-button-position-bottom-middle,
.b24-widget-button-wrapper.b24-widget-button-position-bottom-left {
	display: none;
} */

    .btn-menu-tablet:hover .icon-span span {
        background: #000;
    }

    .wrap-dropdown-hidden {
        right: 0;
        top:   60px;
        left:  108px;
    }

    .top-scroll {
        width:    100%;
        height:   100%;
        position: absolute;
        top:      0;
        z-index:  0;
        overflow: hidden;
    }

    .top-scroll .podlozhka {
        width:              56px;
        height:             56px;
        border-radius:      50%;
        position:           absolute;
        bottom:             -32px;
        right:              90px;
        background:         rgba(0, 0, 0, 0.0588235294);
        -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.0588235294);
        box-shadow:         0px 4px 6px 0px rgba(0, 0, 0, 0.0588235294);
        opacity:            0;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -o-transition:      all 0.4s ease-in-out 0s;
        transition:         all 0.4s ease-in-out 0s;
    }

    .top-line {
        border:             none;
        -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.0588235294);
        box-shadow:         0px 4px 6px 0px rgba(0, 0, 0, 0.0588235294);
    }

    .top-line.tl-open {
        z-index:          110;
        position:         fixed;
        top:              0;
        left:             0;
        right:            0;
        background-color: white;
    }

    .top-line .btn-scr {
        content:            '';
        width:              56px;
        height:             56px;
        border-radius:      50%;
        background:         url('/local/templates/redcom.ru/cmp/../img/top-scr.svg');
        position:           absolute;
        bottom:             -26px;
        right:              94px;
        z-index:            1;
        opacity:            0;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -o-transition:      all 0.4s ease-in-out 0s;
        transition:         all 0.4s ease-in-out 0s;
    }

    .top-line.tl-open .btn-scr {
        opacity: 0 !important;
    }

    .top-line.tl-open .top-scroll .podlozhka {
        opacity: 0 !important;
    }

    footer .wrap-top-line-footer {
        -ms-flex-wrap: wrap;
        flex-wrap:     wrap;
    }

    footer .wrap-top-line-footer .first-column-footer {
        width:                 100%;
        display:               -webkit-box;
        display:               -ms-flexbox;
        display:               flex;
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        -webkit-box-pack:      center;
        -ms-flex-pack:         center;
        justify-content:       center;
        -webkit-box-align:     center;
        -ms-flex-align:        center;
        align-items:           center;
        margin-bottom:         44px;
        margin-right:          0;
    }

    footer .wrap-top-line-footer .first-column-footer .panel-contacts {
        width:     100%;
        max-width: 462px;
    }

    .information {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction:    column-reverse;
        flex-direction:        column-reverse;
    }

    .information__title {
        display: none;
    }

    .information__title--hidden {
        display:    block;
        text-align: center;
    }

    .sections-intercom {
        padding-top:    40px;
        padding-bottom: 50px;
    }

    .contacts__address {
        margin: 0 auto 50px;
    }

    .contacts__adress-text {
        margin-bottom: 36px;
    }

    .contacts__address .tabs__btn_c {
        display:       block;
        padding:       10px 16px 10px 42px;
        width:         100%;
        max-width:     246px;
        margin-left:   0;
        border:        1px solid #705BDE;
        border-radius: 10px;
        min-width:     246px;
        font-weight:   400;
        font-size:     16px;
        line-height:   20px;
        font-family:   'Leto Sans', sans-serif;
        font-weight:   400;
        color:         #000;
    }

    .contacts__address .tabs__btn_c::before {
        top:  8px;
        left: 18px;
    }

    .contact__item-phone span {
        display: block;
    }

    .contact__item-phone a {
        font-size: 14px;
    }

    .contacts__address .tabs__btn_c + .tabs__btn_c {
        margin-left: 0px;
    }

    .contacts__address .tabs__btn_c:nth-child(1) {
        margin-bottom: 10px;
    }

    .contacts__address .tabs__btn_c:nth-child(2) {
        text-align: center;
    }

    .contacts__address .tabs__btn_c:nth-child(2)::before {
        left: 60px;
    }

    .contacts__address .tabs__btn_c_active {
        background: #705BDE;
        color:      #fff !important;
    }

    .contacts__address .tabs__btn_c_active::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/point-contact.svg);
    }

    .contact__images {
        max-width: 470px;
    }

    .contacts__title {
        text-align: center;
    }

    .contacts__address {
        display:               -webkit-box;
        display:               -ms-flexbox;
        display:               flex;
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        -webkit-box-pack:      center;
        -ms-flex-pack:         center;
        justify-content:       center;
        -webkit-box-align:     center;
        -ms-flex-align:        center;
        align-items:           center;
    }

    .contact {
        display:               -webkit-box;
        display:               -ms-flexbox;
        display:               flex;
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .webp .contact__images::before,
    .webp .contact__images::after {
        content: none;
    }

    .contact__item-phone::before {
        top: 0;
    }

    .contact__images {
        max-width: 100%;
    }

    .contact__text {
        display:               grid;
        width:                 100%;
        grid-template-columns: 1fr 1fr;
        gap:                   34px;
    }

    .contact {
        gap: 60px;
    }

    .contacts__title,
    .contacts__adress-title {
        font-size:   25px;
        line-height: 32px;
    }

    .contacts__adress .contacts__adress-title {
        margin:     82px auto 60px;
        text-align: center;
    }

    .contacts .contacts__title {
        margin-bottom: 14px;
        margin-top:    20px;
    }

    .sections-intercom {
        padding-top:    40px;
        padding-bottom: 25px;
        margin-bottom: 25px;
    }

    .intercom-tarif h1 {
        text-align: center;
    }

    .wrap-intercom-tarif {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        -webkit-box-pack:      center;
        -ms-flex-pack:         center;
        justify-content:       center;
        -webkit-box-align:     center;
        -ms-flex-align:        center;
        align-items:           center;
        gap:                   90px;
        padding-bottom:        128px;
    }

    .download-intercom__block-app {
        max-width:  200px;
        z-index:    20;
        background: #fff;
        padding:    10px 20px 10px 20px;
    }

    .download-intercom__img {
        right:  -10px;
        bottom: 0;
    }

    .download-intercom__img source,
    .download-intercom__img img {
        width: 460px;
    }

    .download-intercom::after {
        display:          none;
        background-image: url(/local/templates/redcom.ru/cmp/../img/intercom-tarifs-bg.svg);
    }

    .intercom-lvl h2 {
        font-size:   25px;
        line-height: 32px;
        text-align:  center;
    }

    .wrap-intercom-advantages {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .support-intercom {
        margin: 0 auto;
    }

    .wrap-intercom-advantages .first-group-advantages {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        display: flex;
        flex-direction:        column;
    }

    .wrap-intercom-advantages .first-group-advantages picture {
        width: 100%;
    }

    .wrap-intercom-advantages .first-group-advantages .group-column {
        width: 100%;
    }

    .wrap-intercom-advantages .first-group-advantages .group-column .list-advantages {
        margin:    0 auto 50px;
        max-width: 524px;
        border:    1px solid #DEDEDE;
    }

    .wrap-intercom-advantages .second-group-advantages .intercom-advantages {
        max-width: 524px;
        width:     100%;
        margin:    0 auto;
        border:    1px solid #DEDEDE;
    }

    .wrap-intercom-advantages .second-group-advantages {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        gap:                   14px;
        padding-bottom:        0;
    }

    .mobile-sup-intercome {
        display: none;
    }

    .intercom-table table thead {
        display: none;
    }

    .intercom-table table thead tr th:first-child {
        text-align: center;
    }

    .intercom-table table tbody tr td {
        border-right: 0;
    }

    .intercom-table table thead.mobile {
        display: block;
    }

    .intercom-table table tr {
        display:       block;
        border-bottom: 2px solid #ddd;
    }

    .intercom-table table tr:not(:last-child) {
        margin-bottom: 10px;
    }

    .intercom-table table td {
        display:       block;
        text-align:    right;
        font-size:     13px;
        border-bottom: 1px dotted #ccc;
        border-right:  1px solid transparent;
    }

    .intercom-table table td:last-child {
        border-bottom: 0;
    }

    .intercom-table table td:before {
        content:        attr(data-label);
        float:          left;
        text-transform: none;
        font-weight:    400;
    }

    .intercom-table table tbody tr {
        border:        1.5px solid #DEDEDE;
        border-radius: 15px;
        padding:       20px 24px 14px 20px;
        margin-top:    0;
    }

    .intercom-table table tbody tr td {
        border-right:  none;
        border-bottom: 1px solid #DEDEDE;
        padding:       14px 0 10px;
        font-size:     14px;
        line-height:   18px;
    }

    .intercom-table table tbody tr td:last-child {
        padding-bottom: 0;
    }

    .intercom-table table tbody tr td:first-child {
        display:       -webkit-box;
        display:       -ms-flexbox;
        display:       flex;
        margin-bottom: 14px;
        padding:       0;
        border-bottom: none;
        font-size:     18px;
        line-height:   23px;
        color:         #E94090;
    }

    .intercom-table table tbody tr td:first-child::before {
        color: #000;
    }

    .intercom-table table tbody tr td:nth-child(2) {
        padding-top: 0;
    }

    .intercom-table table td:before {
        margin-top: 6px;
    }

    .intercom-table .CellComment .text {
        color: #000;
    }

    .intercom-table .CellComment {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .intercom-table .CellComment picture {
        margin: 0 auto;
    }

    .intercom-table .CellWithComment .toltip + svg {
        margin-top: 0;
    }

    .intercom-table .CellWithComment .toltip {
        line-height: 23px;
    }

    .intercom-table .intercom-table {
        padding: 50px 0 14px;
    }

    .intercom-table .after-table {
        margin-top: 10px;
        font-size: 12px;
        line-height: 140%;
    }

    .intercom-table table tbody tr td:nth-child(2) .wrap-price {
        border-left:  none;
        border-right: none;
    }

    .intercom-table table tbody tr td:nth-child(3) .wrap-price {
        border-right: none;
    }

    .license__items {
        grid-template-columns: repeat(3, 1fr);
    }

    .video-nav__list {
        overflow-x:           auto;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type:     x mandatory;
        max-width:            none;
        padding-bottom: 20px !important;
        margin-bottom: 20px !important;
    }

    .video-nav__list-item {
        scroll-snap-align: start;
        -webkit-box-flex:  0;
        -ms-flex:          0 0 auto;
        flex:              0 0 auto;
    }

    .video-nav__list-link {
        padding: 8px 14px;
    }

    .video-info__right::after {
        bottom: -30px;
        right:  34px;
    }

    .video-info__picture-img {
        position: inherit;
        z-index:  10;
        width:    80%;
        z-index:  10;
    }

    .video-list__items {
        gap:          30px 26px;
        padding-left: 20px;
    }

    .video-list__items::before {
        content: none;
    }

    .video-list__item {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 48%;
        flex:             0 0 48%;
    }

    .video-list__item::after {
        left: -12px;
    }

    .payments__list {
        -webkit-box-orient:    horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction:    row;
        flex-direction:        row;
        -ms-flex-wrap:         wrap;
        flex-wrap:             wrap;
        -webkit-box-pack:      start;
        -ms-flex-pack:         start;
        justify-content:       flex-start;
        gap:                   20px;
    }

    .payments__item {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 48%;
        flex:             0 0 48%;
    }

    ul.group-btn-right li:nth-child(2) {
        border-bottom: none !important;
        color:         #000;
    }

    ul.group-btn-right li:hover:nth-child(2) a {
        color:       #4bcead;
        text-shadow: 0 0 0.65px #4bcead, 0 0 0.65px #4bcead;
    }

    .payments-info__list {
        gap: 70px 28px;
    }

    .payments-info__list::after {
        content: none;
    }

    .payments-info__item {
        padding: 80px 10px 20px 10px;
    }

    .payments-info__item::before {
        left: -16px;
        top:  -46px;
    }

    .home-slider-group-swiper {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 67%;
        flex:             0 0 52%;
    }

    .home-slider-group-cards {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 31%;
        flex:             0 0 45%;
    }

    .home-offers-tabs {
        display: none;
    }

    .home-offers__mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .home-redcom {
        display: none;
    }

    .home-app-download__img {
        display: none;
    }

    .home-news-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/intercom-mobile-back-main.png);
        top:              -130px;
        background-size:  cover;
    }

    .section-news .news-fixed-overlay .modal-news-more {
        position: relative;
        width:    100%;
    }

    .career {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction:    column-reverse;
        flex-direction:        column-reverse;
    }

    .career__title--visible {
        display: none;
    }

    .career__title-hidden {
        display:    block;
        text-align: center;
    }

    .career__title {
        font-size: 25px;
    }

    .send {
        gap: 30px;
    }

    .cameras__banner::before {
        display: none;
    }

    .cameras__banner::after {
        display: none;
    }

    .cameras__banner-img {
        width: 100%;
    }

    .cameras__nav {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction:    column-reverse;
        flex-direction:        column-reverse;
        gap:                   40px;
        margin-bottom:         25px;
    }

    .cameras__nav-title {
        margin-right: 0;
    }

    .cameras__videos-top {
        row-gap: 0;
    }

    .cameras__desc > .container {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .cameras__popular-img {
        width: 215px;
        right: 0px;
    }

    .cameras__popular {
        max-width: none;
    }

    .cameras__item {
        max-width: none;
    }

    .cameras__right {
        display:               -webkit-box;
        display:               -ms-flexbox;
        display:               flex;
        -webkit-box-orient:    vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction:    column-reverse;
        flex-direction:        column-reverse;
    }

    .cameras__videos-top .cameras__videos-item:nth-child(1) p {
        margin-top: 10px;
    }

    ul.group-btn-right li:nth-child(1) {
        border-bottom: none !important;
        color:         #000;
    }

    ul.group-btn-right li:hover:nth-child(1) {
        color: #705BDE;
    }

    .news {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .news-content {
        margin-bottom: 30px;
    }

    .news-card {
        margin-bottom: 30px;
    }

    .work-list {
        -webkit-box-orient:    horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction:    row;
        flex-direction:        row;
        gap:                   26px;
        -ms-flex-wrap:         wrap;
        flex-wrap:             wrap;
    }

    .work-item {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 48%;
        flex:             0 0 48%;
    }

    .news-fixed-overlay .modal-news-more {
        position: relative;
        width:    100%;
    }

    .text-page-fixed-overlay .modal-text-page-h3-card::after {
        right:   0;
        z-index: 1;
    }

    .packs-list-content {
        gap:           18px;
        -ms-flex-wrap: wrap;
        flex-wrap:     wrap;
    }

    .packs-list-content .packs-card {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 48%;
        flex:             0 0 48%;
    }

    .packs-table {
        margin-bottom: 290px;
    }

    .packs-table table {
        border: 0;
    }

    .packs-table table thead {
        display: none;
    }

    .packs-table table thead tr th:first-child {
        text-align: center;
    }

    .packs-table table tbody tr td {
        border-right: 0;
    }

    .packs-table table thead.mobile {
        display: block;
    }

    .packs-table table tr {
        display:       block;
        border-bottom: 2px solid #ddd;
    }

    .packs-table table tr:not(:last-child) {
        margin-bottom: 10px;
    }

    .packs-table table td {
        display:       block;
        text-align:    right;
        font-size:     13px;
        border-bottom: 1px dotted #ccc;
        border-right:  1px solid transparent;
    }

    .packs-table table td:last-child {
        border-bottom: 0;
    }

    .packs-table table td:before {
        content:        attr(data-label);
        float:          left;
        text-transform: none;
        font-weight:    400;
    }

    .packs-table table tbody tr {
        border:        1.5px solid #DEDEDE;
        border-radius: 15px;
        padding:       20px 24px 14px 20px;
        margin-top:    0;
    }

    .packs-table table tbody tr td {
        border-right:  none;
        border-bottom: 1px solid #DEDEDE;
        padding:       14px 0 10px;
        font-size:     14px;
        line-height:   18px;
    }

    .packs-table table tbody tr td:last-child {
        padding-bottom: 0;
    }

    .packs-table table tbody tr td:first-child {
        display:       -webkit-box;
        display:       -ms-flexbox;
        display:       flex;
        margin-bottom: 14px;
        padding:       0;
        border-bottom: none;
        font-size:     18px;
        line-height:   23px;
        color:         #E94090;
    }

    .packs-table table tbody tr td:first-child::before {
        color: #000;
    }

    .packs-table table tbody tr td:nth-child(2) {
        padding-top: 0;
    }

    .packs-table table td:before {
        margin-top: 6px;
    }

    .packs-table .CellComment .text {
        color: #000;
    }

    .packs-table .CellComment {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .packs-table .CellComment picture {
        margin: 0 auto;
    }

    .packs-table .CellWithComment .toltip + svg {
        margin-top: 0;
    }

    .packs-table .CellWithComment .toltip {
        line-height: 23px;
    }

    .packs-table .intercom-table {
        padding: 50px 0 14px;
    }

    .packs-table .after-table {
        margin-top: 60px;
    }

    .packs-table table tbody tr td:nth-child(2) .wrap-price {
        border-left:  none;
        border-right: none;
    }

    .packs-table table tbody tr td:nth-child(3) .wrap-price {
        border-right: none;
    }

    .packs-request {
        /*margin-bottom: 100px;*/
    }

    .packs-request-card::before {
        top:             auto;
        left:            auto;
        background-size: 46%;
        z-index:         1;
        right:           -86px;
        bottom:          -96px;
    }

    .packs-request .form::after {
        top:             -285px;
        right:           -184px;
        background-size: 56%;
    }

    .packs-request-title {
        margin-bottom: 30px;
        font-size:     25px;
        line-height:   33px;
        text-align:    center;
    }

    .packs-request-content {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        gap:                   32px;
    }

    .packs-request-card {
        margin-left:   0;
        padding:       20px 14px 18px;
        border:        1px solid #DEDEDE;
        border-radius: 15px;
    }

    .packs-request-card-title {
        margin-bottom: 20px;
        font-size:     18px;
        line-height:   23px;
    }

    .packs-request-card-text {
        margin-bottom: 14px;
        font-size:     14px;
        line-height:   18px;
    }

    .packs-request-card-link {
        font-size:   14px;
        line-height: 18px;
    }

    .packs-request .form {
        padding: 20px 16px 24px;
    }

    .packs-request .form-title {
        margin-bottom: 24px;
        font-size:     18px;
        line-height:   23px;
        text-align:    center;
    }

    .packs-request .form-group {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        gap:                   14px;
    }

    .packs-request .form-group.buttom .form-group-mobile {
        gap: 14px;
    }

    .packs-request .form-group.buttom {
        margin-top: 14px;
    }

    .packs-request .form-input.name,
    .packs-request .form-input.tel,
    .packs-request .form-group.buttom .city {
        width: 100%;
    }

    .packs-request .form-group.buttom .street {
        width: 68%;
    }

    .packs-request .form-group.buttom .home {
        width: 30%;
    }

    .packs-request .form-group.buttom .form-submit {
        width: 100%;
    }

    .net-list {
        margin-bottom: 88px;
    }

    .net-list-content {
        gap:           18px;
        -ms-flex-wrap: wrap;
        flex-wrap:     wrap;
    }

    .net-list-content .net-card {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 48%;
        flex:             0 0 48%;
    }

    .net-nav__list {
        overflow-x:           auto;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type:     x mandatory;
        max-width:            none;
    }

    .net-nav__list-item {
        scroll-snap-align: start;
        -webkit-box-flex:  0;
        -ms-flex:          0 0 auto;
        flex:              0 0 auto;
    }

    .net-nav__list-link {
        padding: 8px 14px;
    }

    .net-table .net-table-info .net-table-bg-mobile {
        display: block;
    }

    .net-table {
        margin-bottom:    94px;
        background-color: #fff;
        width:            100vw;
        margin-left:      unset;
        padding:          unset;
    }

    .net-table table {
        border: 0;
    }

    .net-table .table-wrap {
        margin-bottom: 290px;
    }

    .net-table table thead {
        display: none;
    }

    .net-table table thead tr th:first-child {
        text-align: center;
    }

    .net-table table tbody tr td {
        border-right: 0;
    }

    .net-table table thead.mobile {
        display: block;
    }

    .net-table table tr {
        display:       block;
        border-bottom: 2px solid #ddd;
    }

    .net-table table tr:not(:last-child) {
        margin-bottom: 10px;
    }

    .net-table table td {
        display:       block;
        text-align:    right;
        font-size:     13px;
        border-bottom: 1px dotted #ccc;
        border-right:  1px solid transparent;
    }

    .net-table table td:last-child {
        border-bottom: 0;
    }

    .net-table table td:before {
        content:        attr(data-label);
        float:          left;
        text-transform: none;
        font-weight:    400;
    }

    .net-table table tbody tr {
        border:        1.5px solid #DEDEDE;
        border-radius: 15px;
        padding:       20px 24px 14px 20px;
        margin-top:    0;
    }

    .net-table table tbody tr td {
        border-right:  none;
        border-bottom: 1px solid #DEDEDE;
        padding:       14px 0 10px;
        font-size:     14px;
        line-height:   18px;
    }

    .net-table table tbody tr td:last-child {
        padding-bottom: 0;
    }

    .net-table table tbody tr td:first-child {
        display:       -webkit-box;
        display:       -ms-flexbox;
        display:       flex;
        margin-bottom: 14px;
        padding:       0;
        border-bottom: none;
        font-size:     18px;
        line-height:   24px;
        color:         #E94090;
    }

    .net-table table tbody tr td:first-child::before {
        color: #000;
    }

    .net-table table tbody tr td:nth-child(2) {
        padding-top: 0;
    }

    .net-table table td:before {
        margin-top: 6px;
    }

    .net-table .CellComment .text {
        color: #000;
    }

    .net-table .CellComment {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .net-table .CellComment picture {
        margin: 0 auto;
    }

    .net-table .CellWithComment .toltip + svg {
        margin-top: 0;
        width:      20px;
        height:     20px;
    }

    .net-table .CellWithComment .toltip {
        line-height: 23px;
    }

    .net-table .intercom-table {
        padding: 50px 0 14px;
    }

    .net-table .after-table {
        margin-top: 60px;
    }

    .net-table .table-wrap::after {
        left:            auto;
        top:             auto;
        right:           -130px;
        bottom:          -158px;
        background-size: 54%;
    }

    .net-table-info {
        gap:                   20px;
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .net-table-info-card {
        border:        1px solid #DEDEDE;
        border-radius: 15px;
        width:         100%;
    }

    .net-table-info-card .info-card-title {
        margin-bottom: 6px;
        font-size:     16px;
        line-height:   22px;
        font-family:   'Leto Sans', sans-serif;
    }

    .net-table-info-card .info-card-text {
        font-size:   14px;
        line-height: 18px;
    }

    .net-table-info-card .info-card-subtitle span {
        font-size:   18px;
        line-height: 23px;
        font-family: 'Leto Sans', sans-serif;
    }

    .net-table-info-card .info-card-subtitle {
        margin-bottom: 6px;
        font-size:     14px;
        line-height:   20px;
    }

    .net-table-info-card .info-card-subtitle.little-subtitle {
        margin-bottom: 12px;
    }

    .net-table-info-card .info-card-subtitle span.little-subtitle {
        font-size:   14px;
        line-height: 20px;
    }

    .net-table-info::after {
        background-size: 73%;
        top:             -214px;
        right:           -70px;
    }

    .net-table-bg-mobile::after {
        position:          absolute;
        content:           '';
        background-image:  url(/local/templates/redcom.ru/cmp/../img/net-request-table-mobile-01.png);
        top:               -268px;
        margin-left:       -14px;
        width:             100vw;
        height:            656px;
        z-index:           -1;
        background-repeat: no-repeat;
        background-size:   cover;
    }

    .net-table table tbody tr td:nth-child(2) .wrap-price {
        border-left:  none;
        border-right: none;
    }

    .net-table table tbody tr td:nth-child(3) .wrap-price {
        border-right: none;
    }

    .net-request {
        /*margin-bottom: 100px;*/
    }

    .net-request-title {
        margin-bottom: 30px;
        font-size:     25px;
        line-height:   33px;
        text-align:    center;
    }

    .net-request-content {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        gap:                   32px;
    }

    .net-request-card {
        margin-left:   0;
        padding:       20px 14px 18px;
        border:        1px solid #DEDEDE;
        border-radius: 15px;
    }

    .net-request-card-title {
        margin-bottom: 10px;
        font-size:     18px;
        line-height:   23px;
    }

    .net-request-card-text {
        margin-bottom: 14px;
        font-size:     14px;
        line-height:   18px;
    }

    .net-request-card-link {
        font-size:   14px;
        line-height: 18px;
    }

    .net-request .form {
        padding: 20px 16px 24px;
    }

    .net-request .form-title {
        margin-bottom: 24px;
        font-size:     18px;
        line-height:   23px;
        text-align:    center;
    }

    .net-request .form-group {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        gap:                   14px;
    }

    .net-request .form-group.buttom .form-group-mobile {
        gap: 14px;
    }

    .net-request .form-group.buttom {
        margin-top: 14px;
    }

    .net-request .form-input.name,
    .net-request .form-input.tel,
    .net-request .form-group.buttom .city {
        width: 100%;
    }

    .net-request .form-group.buttom .street {
        width: 68%;
    }

    .net-request .form-group.buttom .home {
        width: 30%;
    }

    .net-request .form-group.buttom .form-submit {
        width: 100%;
    }

    .old-price {
        font-size:   20px !important;
        line-height: 26px !important;
    }

    .tv-list {
        margin-bottom: 98px;
    }

    .tv-list-content {
        gap:           18px;
        -ms-flex-wrap: wrap;
        flex-wrap:     wrap;
    }

    .tv-list-head {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        -webkit-box-align:     center;
        -ms-flex-align:        center;
        align-items:           center;
    }

    .tv-list-title {
        margin-bottom: 14px;
    }

    .tv-list-content .tv-card {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 48%;
        flex:             0 0 48%;
    }

    .tv-navigation {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        -webkit-box-align:     start;
        -ms-flex-align:        start;
        align-items:           flex-start;
        padding:               30px 0;
    }

    .tv-navigation__list {
        overflow-x:           auto;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type:     x mandatory;
        max-width:            none;
        margin-bottom:        18px;
    }

    .tv-navigation__list-item {
        scroll-snap-align: start;
        -webkit-box-flex:  0;
        -ms-flex:          0 0 auto;
        flex:              0 0 auto;
    }

    .tv-navigation__list-link {
        padding: 8px 14px;
    }

    .mobile-nav {
        display: block;
    }

    .desktop-nav {
        display: none;
    }

    .tv-cabel-content {
        -ms-flex-wrap: wrap;
        flex-wrap:     wrap;
    }

    .tv-cabel-content .cabel-card {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 48%;
        flex:             0 0 48%;
    }

    .tv-premium-content .premium-card {
        width: 48%;
    }

    .tv-online-content {
        -webkit-box-orient:    horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction:    row;
        flex-direction:        row;
    }

    .tv-online-card {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        padding:               20px 20px 24px 20px;
        height:                auto;
        border:                1px solid #dedede;
        border-radius:         15px;
    }

    .tv-online-card-left {
        -webkit-box-flex: 1;
        -ms-flex:         auto;
        flex:             auto;
        min-width:        -webkit-fit-content;
        min-width:        -moz-fit-content;
        min-width:        fit-content;
        -webkit-box-pack: center;
        -ms-flex-pack:    center;
        justify-content:  center;
        padding-right:    0;
        border-right:     none;
        padding-bottom:   14px;
    }

    .tv-online-card-right {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        border-top:            1px solid #DEDEDE;
        padding-top:           14px;
        padding-left:          0;
    }

    .tv-online-card-link {
        margin-top:       20px;
        width:            100%;
        max-width:        200px;
        -webkit-box-pack: center;
        -ms-flex-pack:    center;
        justify-content:  center;
    }

    .tv-table table thead tr {
        font-size: 20px;
    }

    .tv-table table thead tr th:first-child {
        font-size:   24px;
        line-height: 38px;
    }

    .tv-table-action-text {
        font-family: 'Leto Sans', sans-serif;
        line-height: 21px;
    }

    .tv-table-action-link {
        width:  100%;
        margin: 30px auto 0;
    }

    .tv-table-action-link {
        padding:     15px 36px 15px;
        line-height: 20px;
    }

    .tv-table .CellWithComment .toltip {
        line-height: 23px;
    }

    .tel-navitation__list-link {
        padding: 8px 14px;
    }

    .tel-intercity-info {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 60%;
        flex:             0 0 60%;
    }

    .tel-intercity-cards {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 38%;
        flex:             0 0 38%;
    }

    .tel-intercity-content .intercity-card-body {
        border:     1px solid #705BDE;
        border-top: none;
    }

    .tel-intercity-title {
        text-align: center;
    }

    .tel-economy-content .economy-card-head .card-head-title {
        font-size:   16px;
        line-height: 21px;
    }

    .tel-economy-content {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .tel-economy-container img {
        -webkit-transform: scale(0.7);
        -ms-transform:     scale(0.7);
        transform:         scale(0.7);
        bottom:            -164px;
        right:             -140px;
    }

    .tel-nice__wrapper {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        width:                 100%;
    }

    .tel-nice__item {
        max-width: 70%;
        margin:    0 auto 20px;
    }

    .tel-nice__title {
        font-size: 25px;
        text-align:    center;
        margin-bottom: 30px;
    }

    .telephony-table table thead tr th:first-child {
        font-size:   20px;
        line-height: 38px;
    }

    .telephony-table table th {
        font-size:   18px;
        line-height: 24px;
    }

    .telephony-table .CellWithComment .toltip {
        line-height: 23px;
    }

    .tel-sip-cards {
        -webkit-box-orient:    horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction:    row;
        flex-direction:        row;
        width:                 100%;
        -webkit-box-pack:      justify;
        -ms-flex-pack:         justify;
        justify-content:       space-between;
    }

    .tel-sip-content {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .tel-sip-content .sip-card-head {
        max-width:  100%;
        min-height: 116px;
    }

    .tel-sip-content .sip-card {
        width: 48%;
    }

    .tel-sip-content {
        margin-bottom: 80px;
    }

    .tel-sip-content .sip-card-body {
        padding: 30px 36px;
    }

    .tel-sip-content .sip-card-body-content {
        padding-top:      0;
        -webkit-box-pack: center;
        -ms-flex-pack:    center;
        justify-content:  center;
    }

    .tel-sip-title {
        text-align: center;
    }

    .tel-economy-content .economy-card {
        max-width: 100%;
    }

    .grid-list-canals {
        grid-template-columns: repeat(4, minmax(170px, 220px));
        gap:                   20px;
    }

    .nicetel__list {
        gap: 10px;
    }

    .nicetel__item-title {
        font-size: 17px;
    }

    .nicetel__item-title p span.rub {
        line-height: 16px;
        font-size:   16px;
    }

    .nicetel-content ul li {
        font-size: 15px;
    }

    .nicetel-content ul li .btn-connect {
        font-size: 15px;
    }

    .video-arch-list {
        margin-bottom: 50px;
    }

    .video-arch-list-content {
        gap:           18px;
        -ms-flex-wrap: wrap;
        flex-wrap:     wrap;
    }

    .video-arch-list-head {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        -webkit-box-align:     center;
        -ms-flex-align:        center;
        align-items:           center;
    }

    .video-arch-list-title {
        margin-bottom: 14px;
    }

    .video-arch-list-content .video-arch-card {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 48%;
        flex:             0 0 48%;
    }

    .bonus-programm-title {
        padding-right: 50px;
    }
}

@media (max-width: 886px) {
    .cameras__videos-top {
        grid-template-rows: repeat(2, 200px);
    }
}

@media (max-width: 846px) {
    .career__title {
        margin-bottom: 35px;
    }

    .career__title {
        text-align: center;
    }

    .career-work__advantages {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(4, 110px);
        -webkit-column-gap:    0;
        -moz-column-gap:       0;
        column-gap:            0;
        row-gap:               50px;
    }

    .career-work__advantages-text {
        padding-left:   20px;
        padding-bottom: 20px;
        padding-top:    20px;
        font-size:      16px;
        line-height:    140%;
    }

    .career-work__advantages-img {
        width: 61px;
        /* top:   -22px;
	left:  18px; */
        position: initial;
    }

    .send {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .send .career__title {
        text-align:    left;
        margin-bottom: 20px;
    }

    .send__form {
        margin: 0 auto;
    }

    .send__file {
        height: 104px;
    }

    .instructions__item--video_text {
        display: none;
    }

    .instructions__item--video_text-none {
        display: block;
    }
}

@media (max-width: 768px) {

    .net-table::before {
        content:             '';
        position:            absolute;
        display:             block;
        background-image:    url(/local/templates/redcom.ru/cmp/../img/background-laptop.webp);
        width:               100%;
        /*height: 1665px;*/
        background-size:     100vw auto;
        background-position: top;
        top:                 -92px;
        bottom:              0;
        z-index:             0;
    }

    table {
        border: 0;
    }

    table thead {
        display: none;
    }

    table tr {
        margin-bottom: 10px;
        display:       block;
        border-bottom: 2px solid #ddd;
    }

    table td {
        display:       block;
        text-align:    right;
        font-size:     13px;
        border-bottom: 1px dotted #ccc;
        border-right:  1px solid transparent;
    }

    table td:last-child {
        border-bottom: 0;
    }

    table td:before {
        content:        attr(data-label);
        float:          left;
        text-transform: uppercase;
        font-weight:    bold;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .mobile-menu ul.group-btn-left {
        gap: 10px;
    }

    .mobile-menu ul.group-btn-left li a {
        font-size:   14px;
        line-height: 18px;
        padding:     6px 10px 6px 16px;
    }

    .mobile-menu ul.group-btn-left li a::before {
        top:  5px;
        left: 6px;
    }

    .first-list__top img {
        scale: 0.3;
    }

    .second-list__accordion-title img {
        scale: 0.7;
    }

    .modal__form > p {
        padding: 0 20px;
    }

    footer .wrap-top-line-footer {
        padding: 40px 0 50px 0;
    }

    .footer-desktop {
        display: none;
    }

    .panel img {
        max-width: 160px;
        width:     100%;
    }

    .footer-mobile {
        display: block;
    }

    .footer-mobile .bottom-line-footer {
        padding-bottom: 98px;
    }

    footer .wrap-top-line-footer {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    footer .wrap-bottom-line-footer {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        -webkit-box-pack:      center;
        -ms-flex-pack:         center;
        justify-content:       center;
        -webkit-box-align:     center;
        -ms-flex-align:        center;
        align-items:           center;
        font-weight:           400;
        padding:               25px 0;
        line-height:           18px;
        gap:                   15px;
    }

    footer .wrap-top-line-footer .first-column-footer {
        margin-right:  0;
        margin-bottom: 0;
    }

    footer .wrap-top-line-footer .first-column-footer .panel {
        margin-bottom:    30px;
        -webkit-box-pack: center;
        -ms-flex-pack:    center;
        justify-content:  center;
    }

    footer .wrap-top-line-footer .first-column-footer .panel > a {
        margin-right: 0;
    }

    footer .wrap-top-line-footer .second-colummn-footer ul {
        -webkit-box-pack:  center;
        -ms-flex-pack:     center;
        justify-content:   center;
        -webkit-box-align: center;
        -ms-flex-align:    center;
        align-items:       center;
        margin-bottom:     34px;
        gap:               25px;
    }

    footer .wrap-top-line-footer .second-colummn-footer ul li {
        margin-bottom: 0;
        font-size:     14px;
        font-weight:   400;
        line-height:   18px;
    }

    footer .wrap-top-line-footer .second-colummn-footer ul li:last-child {
        margin-bottom: 12px;
    }

    footer .wrap-top-line-footer .first-column-footer .panel-contacts {
        -webkit-box-pack: justify;
        -ms-flex-pack:    justify;
        justify-content:  space-between;
        gap:              20px;
    }

    footer .wrap-top-line-footer .first-column-footer .panel-contacts .btn-panel-contacts {
        max-width:   100%;
        padding:     22px 0 14px 0;
        font-size:   14px;
        line-height: 18px;
    }

    footer .wrap-top-line-footer .first-column-footer .panel-contacts .phone {
        padding-left: 0;
        margin-right: 8px;
        display:      none;
    }

    footer .wrap-top-line-footer .first-column-footer .panel-contacts .phone::after {
        content:          'позвонить';
        font-weight:      700;
        font-size:        11px;
        line-height:      14px;
        color:            #fff;
        width:            60px;
        height:           14px;
        border-radius:    0;
        background:       none;
        position:         absolute;
        left:             -2px;
        bottom:           -10px;
        background-image: none;
    }

    .footer-fixed-menu {
        position:              fixed;
        bottom:                0;
        display:               -webkit-box;
        display:               -ms-flexbox;
        display:               flex;
        width:                 100%;
        height:                80px;
        background:            red;
        -webkit-box-orient:    horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction:    row;
        flex-direction:        row;
        left:                  0;
        right:                 0;
        background:            #262626;
        -webkit-box-shadow:    0px -2px 10px rgba(0, 0, 0, 0.25);
        box-shadow:            0px -2px 10px rgba(0, 0, 0, 0.25);
        border-radius:         30px 30px 0px 0px;
        z-index:               100;
        padding:               14px 30px 20px;
    }

    .footer-fixed-menu nav {
        width: 100%;
    }

    .footer-fixed-menu nav ul {
        display:          -webkit-box;
        display:          -ms-flexbox;
        display:          flex;
        -webkit-box-pack: justify;
        -ms-flex-pack:    justify;
        justify-content:  space-between;
        position:         relative;
    }

    .footer-fixed-menu nav ul li a {
        display:               -webkit-box;
        display:               -ms-flexbox;
        display:               flex;
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        -webkit-box-pack:      center;
        -ms-flex-pack:         center;
        justify-content:       center;
        -webkit-box-align:     center;
        -ms-flex-align:        center;
        align-items:           center;
    }

    .footer-fixed-menu nav ul li a p {
        font-weight: 400;
        font-size:   9px;
        line-height: 10px;
        margin-top:  8px;
    }

    .footer-fixed-menu nav ul li .top-icon {
        width:             68px;
        height:            68px;
        background:        #E94090;
        border-radius:     50%;
        -webkit-transform: translateY(-28px);
        -ms-transform:     translateY(-28px);
        transform:         translateY(-28px);
        -webkit-box-pack:  start;
        -ms-flex-pack:     start;
        justify-content:   start;
        padding-top:       10px;
    }

    .footer-fixed-menu nav ul li .top-icon p {
        margin-top: 4px;
    }

    footer .wrap-top-line-footer .first-column-footer .panel-contacts {
        max-width: 100%;
    }

    .dropbtn {
        font-family:      'Leto Sans', sans-serif;
        font-size:        9px;
        line-height:      10px;
        border:           none;
        color:            white;
        background-color: transparent;
        cursor:           pointer;
        z-index:          10;
    }

    .dropbtn p {
        position:   relative;
        z-index:    -1;
        margin-top: 6px;
    }

    .dropbtn svg {
        position: relative;
        z-index:  -1;
    }

    .dropbtn.active p {
        color: #E94090;
    }

    .dropbtn.active svg path {
        stroke: #E94090;
    }

    .dropdown {
        position: relative;
    }

    .dropdown-content {
        display:            none;
        position:           absolute;
        min-width:          124px;
        border-radius:      10px;
        -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        box-shadow:         0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        left:               -30px;
        top:                -130px;
        background-color:   #fff;
        z-index:            1;
    }

    .dropdown a.dropdown-link {
        display:               -webkit-box;
        display:               -ms-flexbox;
        display:               flex;
        -webkit-box-orient:    horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction:    row;
        flex-direction:        row;
        -webkit-box-align:     center;
        -ms-flex-align:        center;
        align-items:           center;
        -webkit-box-pack:      start;
        -ms-flex-pack:         start;
        justify-content:       flex-start;
        gap:                   5px;
        padding:               14px 10px;
        font-family:           'Leto Sans', sans-serif;
        font-weight:           400;
        font-size:             12px;
        line-height:           10px;
        text-decoration:       none;
    }

    .dropdown a.dropdown-link:not(:last-child) {
        border-bottom: 1px solid #F5F5F5;
    }

    .dropdown a.dropdown-link.green {
        color: #48C95F;
    }

    .dropdown a.dropdown-link.blue {
        color: #27A6E5;
    }

    .dropdown a.dropdown-link.purple {
        color: #E94090;
    }

    .show {
        display: block;
    }

    .technology {
        padding-bottom: 12px;
    }

    .technology__title {
        text-align: center;
        font-size:  25px;
    }

    .technology__item {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        margin-bottom:         38px;
        gap:                   20px;
    }

    .technology_item-img {
        border-bottom-left-radius:  0px;
        border-bottom-right-radius: 0px;
    }

    .sections {
        padding-bottom: 50px;
    }

    .information {
        padding-bottom: 60px;
        gap:            22px;
    }

    .information__title {
        font-size: 25px;
    }

    .information__list {
        gap: 15px;
    }

    .information__images::before,
    .information__images::after {
        display: none;
    }

    .information__list {
        position: relative;
    }

    .information__list::after {
        content:          '';
        position:         absolute;
        background-image: url('/local/templates/redcom.ru/cmp/../img/greendecor-small.png');
        width:            84px;
        height:           64px;
        bottom:           -67px;
        right:            -25px;
    }

    .information__list::before {
        content:          '';
        position:         absolute;
        background-image: url('/local/templates/redcom.ru/cmp/../img/purpledecor-small.png');
        width:            100px;
        height:           83px;
        bottom:           -109px;
        right:            22px;
        z-index:          1;
    }

    .sections-intercom__list {
        gap: 10px;
    }

    .contact__item {
        border-bottom: 1.5px solid #DEDEDE;
    }

    .contact__item:last-child {
        border-bottom: none;
    }

    .contact__item:nth-child(2) {
        max-width: 340px;
    }

    .contacts {
        padding-bottom: 0;
    }

    .contacts__adress-item {
        padding-left: 0;
        width:        100%;
        max-width:    250px;
        margin:       0 auto;
        text-align:   center;
        font-size:    16px;
    }

    .contacts__adress-item::before {
        left:             42%;
        top:              -40px;
        background-image: url(/local/templates/redcom.ru/cmp/../img/point.svg);
        background-color: transparent;
    }

    .sections-intercom__list {
        gap: 10px;
    }

    .intercom-tarif h1 {
        font-size:   25px;
        line-height: 32px;
    }

    .wrap-intercom-tarif {
        padding-top: 24px;
    }

    .download-intercom__app-title {
        font-size:   24px;
        line-height: 36px;
    }

    .download-intercom__app-text {
        max-width: 100%;
    }

    .wrap-intercom-tarif .card .title-card {
        font-size: 18px;
    }

    .download-intercom__img {
        bottom: -16px;
    }

    .download-intercom__img source,
    .download-intercom__img img {
        width: 260px;
    }

    .download-intercom__block-app {
        max-height: 42px;
    }

    .download-intercom__block-app svg {
        -webkit-transform: scale(0.78);
        -ms-transform:     scale(0.78);
        transform:         scale(0.78);
    }

    .modal__container {
        padding: 40px 20px;
    }

    .modal__form-input-group {
        padding: 0;
    }

    .download-intercom {
        padding: 20px;
    }

    .download-intercom__app-title {
        line-height: 24px;
        font-size:   20px;
    }

    .modal__form > p {
        padding: 0 20px;
    }

    .wrap-intercom-advantages {
        overflow: hidden;
    }

    .wrap-intercom-advantages .first-group-advantages .group-column .list-advantages {
        position: relative;
    }

    .wrap-intercom-advantages .first-group-advantages .group-column .list-advantages:after {
        content:          '';
        position:         absolute;
        width:            118px;
        height:           128px;
        background-image: url(/local/templates/redcom.ru/cmp/../img/intercom-after-pril.svg);
        z-index:          1;
        right:            -25px;
        bottom:           -10px;
    }

    .support-intercom__phone {
        display: none;
    }

    .mobile-sup-intercome {
        display:               -webkit-box;
        display:               -ms-flexbox;
        display:               flex;
        -webkit-box-orient:    horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction:    row;
        flex-direction:        row;
        -webkit-box-pack:      justify;
        -ms-flex-pack:         justify;
        justify-content:       space-between;
        min-height:            60px;
    }

    .submit-sup {
        width:            100%;
        padding:          16px 12px 12px;
        border-radius:    15px;
        font-family:      'Leto Sans', sans-serif;
        font-weight:      700;
        font-size:        14px;
        line-height:      21px;
        text-align:       center;
        background-color: #fff;
        cursor:           pointer;
        color:            #000;
        max-height:       50px;
        max-width:        160px;
        margin-top:       4px;
    }

    .submit-sup:hover {
        background: -o-linear-gradient(3.21deg, #4BCF79 6.16%, #4FD4E0 92.94%), -o-linear-gradient(2.91deg, #EF4F9C 6.42%, #F6908A 91.66%);
        background: linear-gradient(86.79deg, #4BCF79 6.16%, #4FD4E0 92.94%), linear-gradient(87.09deg, #EF4F9C 6.42%, #F6908A 91.66%);
        color:      #fff;
    }

    .intercome-support__phone {
        padding-left:    60px;
        font-size:       0;
        font-family:     'Leto Sans', sans-serif;
        font-weight:     700;
        line-height:     23px;
        text-decoration: none;
        position:        relative;
    }

    .intercome-support__phone::before {
        content:           '';
        position:          absolute;
        width:             50px;
        height:            50px;
        background-image:  url(/local/templates/redcom.ru/cmp/../img/phone.svg);
        top:               auto;
        left:              4px;
        bottom:            10px;
        background-repeat: no-repeat;
    }

    .intercome-support__phone::after {
        content:     'позвонить';
        position:    absolute;
        bottom:      -6px;
        left:        0;
        font-family: 'Leto Sans', sans-serif;
        font-weight: 700;
        font-size:   11px;
        line-height: 14px;
        text-align:  center;
        color:       #fff;
    }

    .wrap-intercom-advantages .second-group-advantages .intercom-advantages:nth-child(1)::after {
        display: none;
    }

    .wrap-intercom-advantages .first-group-advantages .group-column .list-advantages ul {
        grid-template-columns: 1fr;
    }

    .wrap-intercom-advantages {
        padding-bottom: 10px;
    }

    .section-intercom-table-background::before {
        top: -64px;
    }

    .modal__form > p {
        padding: 0 20px;
    }

    .intercom-table table tbody tr {
        border:        1.5px solid #DEDEDE;
        border-radius: 15px;
        padding:       20px;
    }

    .intercom-table table tbody tr td {
        border-right:  none;
        border-bottom: 1px solid #DEDEDE;
        padding:       14px 0 10px;
    }

    .intercom-table table tbody tr td:first-child {
        border-bottom: none;
        color:         #E94090;
        margin-bottom: 14px;
        padding:       0;
    }

    .intercom-table table tbody tr td:first-child::before {
        color: #000;
    }

    .intercom-table table td:before {
        margin-top: 6px;
    }

    .CellComment .text {
        color: #000;
    }

    .CellComment {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .CellComment picture {
        margin: 0 auto;
    }

    .intercom-table {
        padding:     50px 0 14px;
        padding-top: 0;
    }

    .after-table {
        margin-top: 60px;
    }

    .intercom-table table thead tr th:first-child {
        line-height: 23px;
        font-size:   20px;
    }

    .license {
        padding-bottom: 60px;
    }

    .license__title {
        font-size: 25px;
    }

    .license__items {
        grid-template-columns: repeat(2, 1fr);
        row-gap:               30px;
    }

    .video-info__title {
        text-align:    center;
        margin-bottom: 24px;
        font-size:     25px;
        line-height:   33px;
    }

    .video-info__card {
        padding: 24px 20px;
        border:  1px solid #DEDEDE;
    }

    .video-info__card-title {
        margin-bottom: 10px;
        font-size:     20px;
        line-height:   24px;
    }

    .video-info__card-subtitle {
        margin-bottom: 14px;
        font-size:     16px;
        line-height:   22px;
    }

    .video-info__card-text {
        margin-bottom: 14px;
        font-size:     14px;
        line-height:   20px;
    }

    .video-info__card-text.purple-text {
        margin-bottom: 26px;
    }

    .video-info__right {
        position: absolute;
        height:   -webkit-fit-content;
        height:   -moz-fit-content;
        height:   fit-content;
        bottom:   -160px;
        right:    -16px;
        z-index:  100;
    }

    .video-info__right::after {
        content: none;
    }

    .video-info .blue {
        max-width:  350px;
        width:      100%;
        text-align: center;
    }

    .video-list {
        padding-top:   102px;
        margin-bottom: 36px;
    }

    .video-list::after {
        content: none;
    }

    .video-list__title {
        margin-bottom: 70px;
        font-size:     25px;
        line-height:   33px;
        text-align:    center;
        position:      relative;
        z-index:       1;
    }

    .video-list__items {
        gap:          56px 18px;
        padding-left: 0;
    }

    .video-list__item {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 100%;
        flex:             0 0 100%;
        padding-left:     20px;
        padding-top:      56px;
        padding-bottom:   12px;
    }

    .video-list__item::after {
        left:            20px;
        top:             -24px;
        width:           82px;
        height:          70px;
        background-size: contain;
    }

    .video-list__item-title {
        margin-bottom: 8px;
        font-size:     16px;
        line-height:   22px;
    }

    .video-list__item-text {
        font-size:   14px;
        line-height: 20px;
    }

    .video-list__background::before {
        top:              38px;
        height:           2326px;
        background-image: url(/local/templates/redcom.ru/cmp/../img/video-list-bg-mobile.png);
    }

    .video-cards {
        padding-top: 68px;
        margin-bottom: unset;
        padding-bottom: 12px;
    }

    .video-cards::after {
        content: none;
    }

    .video-cards .info-text {
        margin-top: 20px;
        line-height: 140%;
    }

    .video-card {
        margin-top: 40px;
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        gap:                   24px;
    }

    .video-card__left {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction:    column-reverse;
        flex-direction:        column-reverse;
    }

    .video-card__info {
        padding:       14px 16px;
        border:        1px solid #00A1FF;
        border-radius: 0 0 15px 15px;
    }

    .video-card__img {
        display: none;
    }

    .video-card__img-mobile {
        display: block;
        width:   100%;
    }

    .video-card__title {
        margin-bottom:       14px;
        font-size:           18px;
        line-height:         23px;
        -ms-flex-item-align: center;
        align-self:          center;
    }

    .video-card__text {
        margin-bottom: 14px;
        font-size:     14px;
        line-height:   18px;
    }

    .video-card a {
        -ms-flex-item-align: center;
        align-self:          center;
    }

    .video-card__right {
        padding:       14px 14px 20px 30px;
        border:        1px solid #00A1FF;
        border-radius: 15px;
    }

    .video-card__item {
        font-size:   14px;
        line-height: 20px;
    }

    .video-card__item:not(:last-child) {
        margin-bottom: 12px;
    }

    .video-info__picture-img {
        position: inherit;
        z-index:  10;
        width:    162px;
        height:   132px;
        z-index:  10;
    }

    .modal__container {
        padding: 40px 20px;
    }

    .modal__form-input-group {
        padding: 0;
    }


    .video-card button {
        display:   block;
        margin:    0 auto;
        font-size: 14px;
    }

    .info-text {
        font-size: 12px;
    }

    .modal__form > p {
        padding: 0 20px;
    }

    .video-card__background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/video-card-bg-mobile.png);
        top:              10px;
    }

    .payments__title {
        margin-bottom: 24px;
        font-size:     25px;
        line-height:   33px;
        text-align:    center;
    }

    .payments__list {
        -webkit-box-orient:    horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction:    row;
        flex-direction:        row;
        -ms-flex-wrap:         wrap;
        flex-wrap:             wrap;
        -webkit-box-pack:      start;
        -ms-flex-pack:         start;
        justify-content:       flex-start;
        gap:                   20px;
    }

    .payments__item {
        border:           1px solid #00A1FF;
        -webkit-box-flex: 0;
        -ms-flex:         0 0 48%;
        flex:             0 0 48%;
    }

    .payments__item.green {
        border: 1px solid #4bcead;
    }

    .payments__item.lilac {
        border: 1px solid #705BDE;
    }

    .payments__item-title {
        border-top-left-radius:  12px;
        border-top-right-radius: 12px;
    }

    .payments__item-subtitle {
        margin-bottom: 24px;
    }

    .payments__item-subtitle::after {
        bottom: -12px;
    }

    .payments__item .btn {
        width: 66%;
    }

    .payments {
        margin-bottom: 60px;
    }

    .modal {
        width:    90%;
        overflow: scroll;
        height:   72%;
    }

    .modal__container {
        padding: 40px 0 30px;
        width:   100%;
    }

    .modal__form-input-group.services br {
        margin-right: 220px;
    }

    .modal__form-title {
        margin: 0 20px;
    }

    .modal__form-input-group {
        padding: 0;
    }

    .modal__form-submit-group {
        margin: 0 20px;
    }

    form p {
        padding: 0 20px;
    }

    .modal-close {
        top:             6px;
        right:           4px;
        background-size: 60%;
    }

    .modal__form-title {
        margin-bottom: 30px;
        font-size:     18px;
        line-height:   23px;
    }

    .modal__form-input-group {
        padding:       0 20px;
        gap:           14px;
        margin-bottom: 14px;
    }

    .modal__form-input {
        font-size:   14px;
        line-height: 18px;
    }

    .modal__form-input-group.price {
        gap:              14px;
        margin-bottom:    30px;
        -webkit-box-pack: start;
        -ms-flex-pack:    start;
        justify-content:  flex-start;
    }

    .modal__form-input-group.price input {
        width:            56%;
        -webkit-box-flex: 0;
        -ms-flex:         0 0 auto;
        flex:             0 0 auto;
    }

    .modal__form-input-text {
        font-size:   12px;
        line-height: 16px;
    }

    .modal__form-submit-group {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        margin-top:            30px;
        gap:                   14px;
        margin-bottom:         0;
    }

    .modal__form-submit-btn {
        width: 100%;
        /*margin-bottom: 14px;*/
    }

    .modal__info {
        margin-top: 30px;
        padding:    0;
    }

    .modal__info-text {
        margin-bottom: 24px;
        font-size:     14px;
        line-height:   18px;
    }

    .modal__info-logo-group {
        width: 100%;
        gap:   20px;
    }

    .modal__info-logo-group img {
        display:   block;
        max-width: 100%;
    }

    .modal__info-btn {
        margin-bottom: 0;
        display:       inline-block;
    }

    .tabset {
        padding: 0 20px;
    }

    .payments-background::before {
        content: none;
    }

    .payments-info {
        display: none;
    }

    .documents {
        padding-bottom: 0px;
    }

    .documents__top-title {
        text-align:    center;
        margin-bottom: 30px;
        font-size:     25px;
    }

    .documents__item {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        -webkit-box-align:     start;
        -ms-flex-align:        start;
        align-items:           start;
    }

    .documents__item-text::before {
        bottom: 0;
        top:    0;
    }

    .documents__item-text {
        margin-bottom: 20px;
    }

    .documents__top {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .documents__top-link {
        display: block;
        margin:  0 auto 0 0;
    }

    .documents__item-text {
        font-size: 14px;
    }

    .home-slider {
        padding-top: 30px;
        z-index:     100;
    }

    .home-slider-group {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .home-slider-group-swiper {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 auto;
        flex:             0 0 auto;
    }

    .home-slider .swiper {
        display: none;
    }

    .home-slider .swiper-mobile {
        position:      relative;
        display:       block;
        width:         100%;
        min-height:    330px;
        margin-bottom: 34px;
    }

    .home-slider .swiper-mobile .swiper-slide {
        padding:               0;
        display:               -webkit-box;
        display:               -ms-flexbox;
        display:               flex;
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .home-slider .swiper-slide picture {
        margin-bottom: 20px;
        position:      static;
        display:       -webkit-box;
        display:       -ms-flexbox;
        display:       flex;
        width:         100%;
        height:        100%;
        border-radius: 15px;
        overflow: hidden;
    }

    .home-slider .swiper-slide .mobile {
        display: block;
        width:   100%;
        height:  100%;
    }

    .home-slider .swiper-slide-title {
        margin-bottom: 10px;
        font-size:     20px;
        line-height:   24px;
    }

    .home-slider .swiper-slide-subtitle {
        margin-bottom: 20px;
        font-size:     14px;
        line-height:   18px;
    }

    .home-slider .swiper-slide-link {
        margin-top: 20px;
        max-width:  100%;
    }

    .home-slider .swiper-pagination-bullets {
        left:  auto !important;
        right: auto !important;
    }

    .home-slider .swiper-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: var(--swiper-pagination-bottom, -30px) !important;
    }

    .home-slider .swiper-pagination-bullet {
        width:      10px;
        height:     10px;
        margin-top: 0 !important;
        margin:     0 10px !important;
    }

    .home-slider .swiper-pagination-bullet:not(:last-child) {
        margin-bottom: 0 !important;
    }

    .home-slider-group-cards {
        display: none;
    }

    .home-slider-group-cards-mobile {
        display:              -webkit-box;
        display:              -ms-flexbox;
        display:              flex;
        gap:                  10px;
        overflow-x:           auto;
        -ms-scroll-snap-type: x;
        scroll-snap-type:     x;
    }

    .home-slider-group-cards-link {
        position:          relative;
        padding:           15px 15px 15px 0;
        min-height:        104px;
        min-width:         186px;
        font-weight:       700;
        border-radius:     10px;
        font-size:         16px;
        line-height:       18px;
        color:             #fff;
        text-decoration:   none;
        scroll-snap-align: start;
    }

    .home-slider-group-cards-link svg {
        position: absolute;
        bottom:   0;
        right:    0;
    }

    .home-slider-group-cards-link.lilac {
        background-color: #705BDE;
    }

    .home-slider-group-cards-link.green {
        background-color: #4bcead;
    }

    .modal__container {
        padding: 40px 20px;
    }

    .modal__form-input-group {
        padding: 0;
    }

    .modal__form > p {
        padding: 0 20px;
    }

    .home-offers__title {
        text-align:  center;
        font-size:   25px;
        line-height: 32px;
    }

    .tabs-content-group-price span {
        font-size: 24px;
    }

    .modal__container {
        padding: 40px 20px;
    }

    .modal__form-input-group {
        padding: 0;
    }

    .modal__form > p {
        padding: 0 20px;
    }

    .home-redcom-background::after {
        content:           '';
        background-image:  url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.png);
        top:               -918px;
        z-index:           0;
        position:          absolute;
        display:           block;
        width:             100%;
        height:            1665px;
        background-repeat: no-repeat;
        background-size:   cover;
    }

    .home-redcom-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/home-main-background.png);
        top:              -46px;
        z-index:          1;
    }

    .home-app {
        margin-bottom: 132px;
    }

    .home-app-block {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction:    column-reverse;
        flex-direction:        column-reverse;
        gap:                   0;
    }

    .home-app-block-right {
        -webkit-box-orient:    horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction:    row-reverse;
        flex-direction:        row-reverse;
        margin-bottom:         40px;
        -webkit-box-pack:      end;
        -ms-flex-pack:         end;
        justify-content:       flex-end;
    }

    .home-app-balance {
        display: none;
    }

    .home-app-balance-mobile {
        display:          block;
        padding:          20px 20px 30px;
        border:           1.5px solid #DEDEDE;
        border-radius:    15px;
        -webkit-box-flex: 0;
        -ms-flex:         0 0 46%;
        flex:             0 0 46%;
        background:       #fff;
    }

    .home-app-balance-mobile .wrap-cards {
        display:           -webkit-box;
        display:           -ms-flexbox;
        display:           flex;
        width:             100%;
        -webkit-box-pack:  justify;
        -ms-flex-pack:     justify;
        justify-content:   space-between;
        -webkit-box-align: center;
        -ms-flex-align:    center;
        align-items:       center;
        margin-top:        26px;
    }

    .home-app-balance-mobile .wrap-cards .item img {
        display: block;
        width:   100%;
        height:  100%;
    }

    .home-app-balance-mobile .wrap-cards .item:nth-child(1) img {
        min-width: 54px;
    }

    .home-app-balance-mobile .wrap-cards .item:nth-child(2) img {
        min-width: 54px;
    }

    .home-app-balance-mobile .wrap-cards .item:nth-child(3) img {
        min-width: 58px;
    }

    .home-app-balance-mobile .wrap-cards .item:nth-child(4) img {
        min-width: 40px;
    }

    .home-app-balance-mobile .wrap-cards .item:nth-child(5) img {
        min-width: 40px;
    }

    .home-app-balance__btn {
        padding:         16px 50px;
        border-radius:   15px;
        background:      -webkit-gradient(linear, left top, right top, from(#238BCD), to(#02BFFE));
        background:      -o-linear-gradient(left, #238BCD 0%, #02BFFE 100%);
        background:      linear-gradient(to right, #238BCD 0%, #02BFFE 100%);
        font-size:       16px;
        line-height:     20px;
        font-weight:     bold;
        font-family:     'Leto Sans', sans-serif;
        color:           #fff;
        cursor:          pointer;
        width:           100%;
        display:         block;
        text-align:      center;
        margin:          0 auto;
        text-decoration: none;
    }

    .home-app-balance__title {
        margin-bottom: 20px;
        text-align:    center;
        max-width:     none;
        font-family:   'Leto Sans', sans-serif;
        font-weight:   700;
    }

    .home-app-balance__text {
        max-width:    224px;
        text-align:   center;
        font-size:    14px;
        margin-left:  auto;
        margin-right: auto;
    }

    .home-app-support {
        display:          -webkit-box;
        display:          -ms-flexbox;
        display:          flex;
        padding:          22px 26px 22px;
        -webkit-box-flex: 0;
        -ms-flex:         0 0 46%;
        flex:             0 0 46%;
    }

    .home-app-support-content {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 80%;
        flex:             0 0 80%;
    }

    .home-app-support__title {
        font-size:     18px;
        line-height:   23px;
        margin-bottom: 8px;
    }

    .home-app-support__text {
        font-size:     14px;
        max-width:     100%;
        margin-bottom: 0;
    }

    .home-app-support__text br {
        display: block;
    }

    .home-app-support__phone {
        margin-bottom: 8px;
        -webkit-box-flex: 0;
        -ms-flex:         0 0 20%;
        flex:             0 0 20%;
        font-size:        0;
    }

    .home-app-support__phone::before {
        top:               auto;
        left:              4px;
        bottom:            10px;
        background-repeat: no-repeat;
    }

    .home-app-support__phone::after {
        content:     'позвонить';
        position:    absolute;
        bottom:      -6px;
        left:        0;
        font-family: 'Leto Sans', sans-serif;
        font-weight: 700;
        font-size:   11px;
        line-height: 14px;
        text-align:  center;
        color:       #fff;
    }

    .home-app-block-left {
        display:               -webkit-box;
        display:               -ms-flexbox;
        display:               flex;
        -webkit-box-orient:    horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction:    row;
        flex-direction:        row;
        gap:                   20px;
    }

    .home-app-download {
        padding:          14px;
        border:           1px solid #DEDEDE;
        border-radius:    10px;
        -webkit-box-flex: 0;
        -ms-flex:         0 0 46%;
        flex:             0 0 46%;
    }

    .home-app-download__app-title {
        margin-bottom: 10px;
        font-size:     20px;
        line-height:   24px;
        max-width:     none;
    }

    .home-app-download__app-text {
        font-size:     14px;
        line-height:   18px;
        margin-bottom: 24px;
        max-width:     none;
    }

    .home-app-download__block {
        gap:                   20px;
        -webkit-box-orient:    horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction:    row;
        flex-direction:        row;
        -ms-flex-wrap:         wrap;
        flex-wrap:             wrap;
    }

    .home-app-download__block-app {
        width:            100%;
        max-width:        none;
        height:           60px;
        padding:          6px 28px;
        -webkit-box-flex: 0;
        -ms-flex:         0 0 100%;
        flex:             0 0 100%;
    }

    .home-app-download__block-app svg {
        width: 96px;
    }

    .home-app-bonus-mobile {
        display:          block;
        -webkit-box-flex: 0;
        -ms-flex:         0 0 46%;
        flex:             0 0 46%;
    }

    .home-app-bonus-mobile .bonus-programm {
        position:                relative;
        margin-bottom:           0;
        padding:                 16px 18px 86px 18px;
        border:                  1px solid #DEDEDE;
        border-radius:           15px;
        -ms-flex-preferred-size: 100%;
        flex-basis:              100%;
    }

    .home-app-bonus-mobile .bonus-programm-title {
        margin-bottom:  24px;
        max-width:      100%;
        font-size:      18px;
        font-weight:    700;
        line-height:    22px;
        text-transform: uppercase;
        font-family:    'Leto Sans', sans-serif;
    }

    .home-app-bonus-mobile .bonus-programm-new {
        margin-bottom:  12px;
        font-size:      18px;
        line-height:    22px;
        font-weight:    700;
        text-transform: uppercase;
        color:          #E94090;
        font-family:    'Leto Sans', sans-serif;
    }

    .home-app-bonus-mobile .bonus-programm-text {
        font-family: 'Lato-Regular', sans-serif;
        font-weight: 400;
        max-width:   100%;
        font-size:   14px;
        line-height: 18px;
    }

    .home-app-bonus-mobile .bonus-programm-text:not(:last-child) {
        margin-bottom: 14px;
    }

    .home-app-bonus-mobile .bonus-programm::after {
        content:          '';
        background-image: url(/local/templates/redcom.ru/cmp/../img/bonus-icon-mobile.png);
        width:            302px;
        height:           112px;
        right:            14px;
        top:              auto;
        bottom:           -28px;
        background-size:  100%;
        z-index:          2;
    }

    .home-app-bonus-mobile .bonus-programm::before {
        content:           '';
        background-repeat: no-repeat;
        background-image:  url(/local/templates/redcom.ru/cmp/../img/bonus-icon-03.png);
        position:          absolute;
        width:             108px;
        height:            110px;
        right:             -76px;
        bottom:            auto;
        top:               56px;
        background-size:   63%;
    }

    .home-app-block-left::before {
        content:           '';
        background-repeat: no-repeat;
        background-image:  url(/local/templates/redcom.ru/cmp/../img/bonus-icon-02.png);
        position:          absolute;
        left:              -58px;
        bottom:            -150px;
        z-index:           0;
        width:             218px;
        height:            210px;
        background-size:   60%;
    }

    .tabset {
        padding: 0 20px;
    }

    .home-news-background.offers {
        display: block;
    }

    .home-news-background.offers::after {
        top:                   -60px;
    }

    .home-news-background.offers::before {
        top:              815px;
    }

    .home-news-background::after {
        content:               '';
        background-image:      url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.png);
        top:                   -882px;
        z-index:               2;
        position:              absolute;
        display:               block;
        width:                 100%;
        height:                1665px;
        background-repeat:     no-repeat;
        background-size:       cover;
        background-position-x: auto;
    }

    .home-news-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/intercom-mobile-back-main.png);
        top:              -48px;
        z-index:          3;
        background-size:  cover;
    }

    .home-news {
        text-align:    center;
        margin-bottom: 50px;
    }

    .home-news-header {
        margin-bottom: 30px;
    }

    .home-news-title {
        font-size:   25px;
        line-height: 33px;
        margin:      0 auto;
    }

    .home-news-all-link {
        display: none;
    }

    .home-news-all-link.mobile {
        display: block;
        margin:  0 auto;
    }

    .home-news-list {
        -ms-flex-wrap: wrap;
        flex-wrap:     wrap;
        gap:           26px;
        margin-bottom: 28px;
        text-align:    left;
    }

    .home-news-item {
        padding-bottom:   0;
        -webkit-box-flex: 0;
        -ms-flex:         0 0 47%;
        flex:             0 0 47%;
    }

    .home-news-item-text {
        font-size:   14px;
        line-height: 20px;
    }

    .section-news .news-fixed-overlay .modal-news-container {
        padding:        0 14px;
        padding-bottom: 60px;
    }

    .section-news .news-fixed-overlay .modal-news-container .modal-close {
        top:             -90px;
        right:           2px;
        background-size: 80%;
    }

    .section-news .news-fixed-overlay .modal-news-title {
        margin-bottom: 30px;
        font-size:     25px;
        line-height:   33px;
        text-align:    center;
    }

    .section-news .news-fixed-overlay .modal-news-tags {
        margin-bottom: 14px;
    }

    .section-news .news-fixed-overlay .modal-news-tag.green {
        padding-left: 24px;
    }

    .section-news .news-fixed-overlay .modal-news-tag.green::before {
        background-size: 80%;
    }

    .section-news .news-fixed-overlay .modal-news-img {
        width: 100%;
    }

    .section-news .news-fixed-overlay .modal-news-text {
        font-size:   14px;
        line-height: 20px;
    }

    .section-news .news-fixed-overlay .modal-news-more .modal-news-more-title {
        margin-bottom: 20px;
        font-size:     25px;
        line-height:   33px;
        text-align:    center;
    }

    .section-news .news-fixed-overlay .modal-news-more .modal-news-more-list {
        gap: 28px;
    }

    .section-news .news-fixed-overlay .modal-news-more .news-item {
        -ms-flex-preferred-size: 47%;
        flex-basis:              47%;
    }

    .section-news .news-fixed-overlay .modal-news-more .news-item-text {
        font-size:   14px;
        line-height: 20px;
    }

    .rekvizity__title {
        font-size: 25px;
    }

    .rekvizity__title {
        line-height: 33px;
    }

    .vacancies {
        padding-bottom: 50px;
    }

    .career {
        gap:            23px;
        padding-bottom: 75px;
    }

    .career__images::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/purple-decor-small-career.png);
        width:            90px;
        height:           83px;
        bottom:           -24px;
        right:            -42px;
    }

    .career__text-desc p + p {
        margin: 0;
    }

    .career__text-desc {
        margin-bottom: 30px;
    }

    .career__resume {
        display:    block;
        text-align: center;
        padding:    15px 30px;
    }

    .career-work {
        padding-bottom: 75px;
    }

    .vacancies__list-text {
        font-size: 14px;
    }

    .vacancies__top-title {
        font-size: 14px;
    }

    .vacancies__top-img {
        width: 30px;
    }

    .vacancies__item {
        border: 1px solid #DEDEDE;
    }

    .vacancies__drop-title {
        font-size: 14px;
    }

    .vacancies__top {
        padding: 23px 26px 21px 26px;
    }

    .send {
        padding-bottom: 50px;
    }

    .send__fields-item::-webkit-input-placeholder, .send__load-field::-webkit-input-placeholder {
        white-space: pre-wrap;
    }

    .send__fields-item::-moz-placeholder, .send__load-field::-moz-placeholder {
        white-space: pre-wrap;
    }

    .send__fields-item:-ms-input-placeholder, .send__load-field:-ms-input-placeholder {
        white-space: pre-wrap;
    }

    .send__fields-item::-ms-input-placeholder, .send__load-field::-ms-input-placeholder {
        white-space: pre-wrap;
    }

    .send__fields-item::placeholder,
    .send__load-field::placeholder {
        white-space: pre-wrap;
    }

    .send__load-field {
        height:      68px;
        padding-top: 0;
    }

    .send__text-desc p + p {
        margin: 0;
    }

    .send .career__title {
        line-height: 33px;
    }

    .send__fields {
        grid-template-columns: 1fr;
    }

    .career-work__advantages {
        padding-left: 0;
    }

    .career-work .career-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.png);
        top:              -36px;
        z-index:          0;
    }

    .vacancies .career-background::after {
        background-image: url(/local/templates/redcom.ru/cmp/../img/intercom-mobile-back-main.png);
        top:              -36px;
        z-index:          1;
    }

    .cameras__banner {
        padding: 30px 0;
    }

    .cameras__videos-top {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: none;
        row-gap:               25px;
        margin-bottom:         20px;
    }

    .cameras__videos-top .cameras__videos-item:nth-child(1) {
        display:           grid;
        grid-column-start: 1;
        grid-column-end:   5;
    }

    .cameras__videos-top .cameras__videos-item:nth-child(2) {
        display:           grid;
        grid-column-start: 1;
        grid-column-end:   3;
    }

    .cameras__videos-top .cameras__videos-item:nth-child(3) {
        display:           grid;
        grid-column-start: 3;
        grid-column-end:   5;
    }

    .cameras__videos-list {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom:         30px;
        row-gap:               20px;
    }

    .cameras__videos-title {
        font-size:    14px;
        line-height:  18px;
        padding-left: 12px;
    }

    .cameras__videos-title::before {
        width:  4px;
        height: 4px;
    }

    .cameras__videos-top .cameras__videos-item:nth-child(1) p {
        font-size:   16px;
        line-height: 20px;
    }

    .cameras__desc > .container {
        gap:            30px;
        padding-bottom: 60px;
    }

    .cameras__popular {
        border:  1px solid #DEDEDE;
        padding: 20px 20px 20px 20px;
    }

    .cameras__item {
        border:  1px solid #DEDEDE;
        padding: 20px 20px 20px 20px;
    }

    .cameras__item:nth-child(2) {
        padding: 20px;
    }

    .cameras__item-text {
        font-size: 14px;
    }

    .cameras__right {
        gap: 30px;
    }

    .cameras__popular-img {
        right: -48px;
        top:   140px;
    }

    .cameras__popular-img img {
        width: 182px;
    }

    .cameras__popular-title_main {
        font-size: 20px;
    }

    .cameras__item-title {
        font-size:   18px;
        line-height: 120%;
    }

    .cameras__nav-title {
        font-size:  25px;
        text-align: center;
    }

    .cameras__list-link {
        font-size: 14px;
    }

    .cameras__list {
        gap: 10px;
    }

    .cameras .tabs__nav {
        padding-top: 0;
    }

    .cameras h2 {
        line-height:   24px;
        margin-bottom: 14px;
    }

    .cameras__popular-name {
        font-size:   14px;
        line-height: 130%;
    }

    .news {
        padding-bottom: 60px;
    }

    .news-content {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        margin-bottom:         90px;
    }

    .news-title {
        margin-bottom: 30px;
        font-size:     25px;
        line-height:   33px;
        text-align:    center;
    }

    .news-card {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        margin-bottom:         90px;
    }


    .news-card-info {
        padding: 20px 10px 18px 20px;
    }

    .news-card-title {
        margin-bottom: 14px;
        font-size:     18px;
        line-height:   25px;
        cursor:        pointer;
    }

    .news-card-text {
        margin-bottom: 22px;
        font-size:     16px;
        line-height:   22px;
    }

    .news-card-link {
        margin-bottom: 30px;
        font-size:     14px;
        line-height:   18px;
    }

    .news-card-tag {
        font-size:   14px;
        line-height: 20px;
    }

    .news-list {
        gap:           30px;
        margin-bottom: 34px;
    }

    .news-item {
        -ms-flex-preferred-size: 100%;
        flex-basis:              100%;
    }

    .news-item-text {
        font-size:   14px;
        line-height: 20px;
    }

    .news-btn {
        width: 86%;
    }

    .work-title {
        margin-bottom: 30px;
        font-size:     25px;
        line-height:   33px;
        text-align:    center;
    }

    .work-list {
        gap: 20px;
    }

    .work-item {
        padding:                 14px;
        padding-left:            52px;
        -ms-flex-preferred-size: 100%;
        flex-basis:              100%;
    }

    .work-item-title {
        margin-bottom: 14px;
        font-size:     16px;
        line-height:   25px;
    }

    .work-item-text {
        font-size:   14px;
        line-height: 20px;
    }

    .news-fixed-overlay .modal-news-container {
        padding:        0 14px;
        padding-bottom: 60px;
    }

    .news-fixed-overlay .modal-news-container .modal-close {
        top:             -90px;
        right:           2px;
        background-size: 80%;
    }

    .news-fixed-overlay .modal-news-title {
        margin-bottom: 30px;
        font-size:     25px;
        line-height:   33px;
        text-align:    center;
    }

    .news-fixed-overlay .modal-news-tags {
        margin-bottom: 14px;
    }

    .news-fixed-overlay .modal-news-tag.green {
        padding-left: 24px;
    }

    .news-fixed-overlay .modal-news-tag.green::before {
        background-size: 80%;
    }

    .news-fixed-overlay .modal-news-img {
        width: 100%;
    }

    .news-fixed-overlay .modal-news-text {
        font-size:   14px;
        line-height: 20px;
    }

    .news-fixed-overlay .modal-news-more .modal-news-more-title {
        margin-bottom: 20px;
        font-size:     25px;
        line-height:   33px;
        text-align:    center;
    }

    .news-fixed-overlay .modal-news-more .modal-news-more-list {
        gap: 28px;
    }

    .news-fixed-overlay .modal-news-more .news-item {
        -ms-flex-preferred-size: 47%;
        flex-basis:              47%;
    }

    .news-fixed-overlay .modal-news-more .news-item-text {
        font-size:   14px;
        line-height: 20px;
    }

    .news-background-mobile::before {
        content:     '';
        top:         -52px;
        margin-left: -14px;
        width:       100vw;
    }

    .work-background-mobile::before {
        content:     '';
        top:         -70px;
        margin-left: -14px;
        width:       100vw;
    }

    .text-page-fixed-overlay .modal-text-page-title {
        font-size:   25px;
        line-height: 30px;
        text-align:  center;
    }

    .text-page-fixed-overlay .modal-text-page-h3-card::after {
        top:    auto;
        bottom: -22px;
    }

    .text-page-fixed-overlay .modal-text-page-h3-card {
        margin-bottom: 50px;
    }

    .text-page-fixed-overlay .modal-close {
        width: 30px;
        top:   -90px;
    }

    .text-page-fixed-overlay .modal-text-page-h2-title {
        font-size:   22px;
        line-height: 28px;
    }

    .text-page-fixed-overlay .modal-text-page-h3-title {
        font-size: 20px;
    }

    .text-page-fixed-overlay .modal-close {
        background-size: 70%;
    }

    .modal-table-text {
        font-size: 14px;
    }

    .modal-table-head-title {
        font-size: 16px;
        padding:   22px 40px 17px;
    }

    .text-page-fixed-overlay .modal-text-page-container {
        padding-bottom: 40px;
    }

    .reviews__title {
        text-align:    center;
        margin-bottom: 22px;
        padding-top:   22px;
    }

    .reviews__desc::after {
        background-image: url(/local/templates/redcom.ru/cmp/../img/review-mobile-decor.png);
        width:            217px;
        height:           159px;
        z-index:          10;
        bottom:           -78px;
        top:              auto;
        right:            44px;
    }

    .packs-list {
        margin-bottom: 10px;
    }

    .packs-list-content {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        gap:                   30px;
    }

    .packs-list-title {
        margin-bottom: 30px;
        font-size:     25px;
        line-height:   33px;
        text-align:    center;
    }

    .packs-list-content .packs-card-block-speed .subtitle span {
        font-size: 25px;
    }

    .packs-list-content .packs-card-block-tv .title {
        margin-bottom: 20px;
        font-size:     18px;
        line-height:   23px;
        text-align:    center;
    }

    .packs-list-content .packs-card-btn {
        width: 66%;
    }

    .packs-card-block .packs-card-block-list {
        padding-bottom: 12px;
    }

    .packs-list::after {
        content:         '';
        top:             auto;
        right:           -162px;
        bottom:          -138px;
        background-size: 50%;
        z-index:         1;
    }

    .packs-card.lilac {
        border: 1px solid #705BDE;
    }

    .packs-card.green {
        border: 1px solid #4bcead;
    }

    .packs-card.purple {
        border: 1px solid #E94090;
    }

    .packs-card.orange {
        border: 1px solid #F7A940;
    }

    .packs-card.blue {
        border: 1px solid #00A1FF;
    }

    .modal__container {
        padding: 40px 20px;
    }

    .modal__form-input-group {
        padding: 0;
    }

    .packs-list-content .packs-card-block {
        padding-top:    14px;
        padding-bottom: 14px;
    }

    .modal__form > p {
        padding: 0 20px;
    }

    .packs-table::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/packs-table-bg-mobile.png);
        top:              40px;
        background-size:  cover;
        /*height: 1140px;*/
    }

    .packs-table table thead tr th:first-child {
        line-height: 23px;
    }

    .packs-request::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/packs-request-bg-mobile.png);
        background-size:  cover;
        top:              -260px;
    }

    .packs-faq-background::before {
        background-image:  url(/local/templates/redcom.ru/cmp/../img/packs-faq-bg-mobile.png);
        background-repeat: no-repeat;
        top:               -60px;
        background-color:  inherit;
        background-size:   cover;
    }

    .packs-faq {
        padding-bottom: 14px;
    }

    .packs-faq-title {
        margin-bottom: 24px;
        font-size:     25px;
        line-height:   33px;
        text-align:    center;
    }

    .packs-faq-list {
        gap:           18px;
        margin-bottom: 0;
    }

    .packs-faq-item-title.ac-trigger {
        padding:     22px 42px 20px 14px;
        font-size:   14px;
        line-height: 18px;
    }

    .packs-faq-item-title.ac-trigger::after {
        right:                    0px;
        background-size:          66%;
        background-position:      left;
        -webkit-transform-origin: 14px 6px;
        -ms-transform-origin:     14px 6px;
        transform-origin:         14px 6px;
    }

    .packs-faq-item.ac.is-active .ac-trigger {
        cursor:      pointer;
        font-size:   14px;
        line-height: 18px;
    }

    .packs-faq .ac-panel .ac-text {
        font-size:    14px;
        line-height:  18px;
        padding-left: 14px;
    }

    .packs-faq-info {
        margin-top:  20px;
        font-size:   12px;
        line-height: 140%;
    }

    .net-list-content {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        gap:                   30px;
        display:               block;
    }

    .net-list-content .net-card-block {
        padding-top: 16px;
    }

    .net-list-title {
        margin-bottom: 30px;
        font-size:     25px;
        line-height:   33px;
        text-align:    center;
    }

    .net-list-content .net-card-block-tarif .tarif-speed-info span {
        font-size: 25px;
    }

    .net-list-content .net-card-block-tarif .tarif-title {
        margin-bottom: 14px;
        font-size:     16px;
        line-height:   21px;
        text-align:    center;
    }

    .net-list-content .net-card-block-tarif .tarif-list {
        padding-left: 30px;
    }

    .net-list-content .net-card-block-tarif .tarif-item {
        font-size:   14px;
        line-height: 19px;
    }

    .net-list-content .net-card-block-router .router-info-text-title {
        font-size:   14px;
        line-height: 20px;
    }

    .net-list-content .net-card-block-router .router-info-text-subtitle {
        font-size:   14px;
        line-height: 18px;
    }

    .net-list-content .net-card-bottom {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        padding-top:           10px;
        gap:                   22px;
    }

    .net-list-content .net-card-price span {
        font-size:   25px;
        line-height: 25px;
    }

    .net-list-content .net-card-btn {
        width: 66%;
    }

    .net-card-block .net-card-block-list {
        padding-bottom: 12px;
    }

    .net-card {
        margin-bottom: 16px;
    }

    .net-card.lilac {
        border: 1px solid #705BDE;
    }

    .net-card.green {
        border: 1px solid #4bcead;
    }

    .net-card.purple {
        border: 1px solid #E94090;
    }

    .net-card.blue {
        border: 1px solid #00A1FF;
    }

    .net-card.orange {
        border: 1px solid #F7A940;
    }

    .modal__container {
        padding: 40px 20px;
    }

    .modal__form-input-group {
        padding: 0;
    }

    .modal__form > p {
        padding: 0 20px;
    }

    .net-nav {
        padding: 34px 0;
    }

    .net-table table thead tr th:first-child {
        line-height: 23px;
    }

    .net-request::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/net-request-bg-mobile.png);
        top:              -60px;
        /*background-size: contain;*/
    }

    .net-faq-background {
        position: relative;
    }

    .net-faq-background::before {
        content:             '';
        position:            absolute;
        display:             block;
        width:               100%;
        height:              1600px;
        background-image:    url(/local/templates/redcom.ru/cmp/../img/net-faq-bg-mobile.png);
        background-repeat:   no-repeat;
        top:                 -62px;
        background-size:     cover;
        z-index:             1;
        background-position: top;
    }

    .net-faq {
        padding-bottom:   14px;
        background-color: #fff;
    }

    .net-faq-title {
        margin-bottom: 24px;
        font-size:     25px;
        line-height:   33px;
        text-align:    center;
    }

    .net-faq-list {
        gap:           18px;
        margin-bottom: 0;
    }

    .net-faq-item.ac {
        border:        1px solid #DEDEDE;
        border-radius: 15px;
    }

    .net-faq-item-title.ac-trigger {
        padding:     22px 42px 20px 14px;
        font-size:   14px;
        line-height: 18px;
    }

    .net-faq-item-title.ac-trigger::after {
        right:                    0px;
        background-size:          66%;
        background-position:      left;
        -webkit-transform-origin: 14px 6px;
        -ms-transform-origin:     14px 6px;
        transform-origin:         14px 6px;
    }

    .net-faq-item.ac.is-active .ac-trigger {
        cursor:      pointer;
        font-size:   14px;
        line-height: 18px;
    }

    .net-faq .ac-panel .ac-text {
        font-size:    14px;
        line-height:  18px;
        padding-left: 14px;
    }

    .net-faq-info {
        margin-top:  20px;
        font-size:   12px;
        line-height: 140%;
    }

    .tv-list-content {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        gap:                   30px;
    }

    .tv-list-content .tv-card-block {
        padding-top:    14px;
        padding-bottom: 18px;
    }

    .tv-list-head {
        margin-bottom: 24px;
    }

    .tv-list-title {
        font-size:   25px;
        line-height: 33px;
        text-align:  center;
    }

    .tv-list-head-link {
        display: none;
    }

    .tv-list-content .tv-card-block-canal .canal-title {
        margin-bottom: 18px;
        font-size:     18px;
        line-height:   23px;
    }

    .tv-list-content .tv-card-block-canal .canal-speed-info {
        font-size:   15px;
        line-height: 20px;
    }

    .tv-list-content .tv-card-block-canal .canal-speed-info span {
        font-size:   25px;
        line-height: 25px;
    }

    .tv-list-content .tv-card-block-tarif .tarif-title {
        margin-bottom: 14px;
        font-size:     16px;
        line-height:   21px;
        text-align:    center;
    }

    .tv-list-content .tv-card-block-tarif .tarif-list {
        padding-left: 30px;
    }

    .tv-list-content .tv-card-block-descr {
        padding-bottom: 14px;
    }

    .tv-list-content .tv-card-block-descr .descr-item {
        margin-bottom: 12px;
        font-size:     14px;
        line-height:   19px;
        margin-bottom: 0;
    }

    .tv-list-content .tv-card-block-descr .descr-item:not(:last-child) {
        margin-bottom: 14px;
    }

    .tv-list-content .tv-card-block-router .router-info-text-title {
        font-size:   14px;
        line-height: 20px;
    }

    .tv-list-content .tv-card-block-router .router-info-text-subtitle {
        font-size:   14px;
        line-height: 18px;
    }

    .tv-list-content .tv-card-bottom {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        padding-top:           18px;
        gap:                   22px;
        margin-bottom:         30px;
    }

    .tv-list-content .tv-card-price span {
        font-size:   25px;
        line-height: 25px;
    }

    .tv-list-content .tv-card-btn {
        width: 66%;
    }

    .tv-card-block .tv-card-block-list {
        padding-bottom: 12px;
    }

    .tv-list-content .tv-card-body {
        min-height: unset;
        margin-bottom: 0;
    }

    .tv-card.purple {
        margin-bottom: 20px;
    }

    .tv-list-content .tv-card-info {
        display: none;
    }

    .tv-list-content .tv-card-info-mobile {
        display:               -webkit-box;
        display:               -ms-flexbox;
        display:               flex;
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        gap:                   20px;
    }

    .tv-list-content .tv-card-info-mobile .tv-card-info {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 auto;
        flex:             0 0 auto;
        display:          block;
        padding:          20px 10px 10px 36px;
        border:           1px solid #DEDEDE;
        border-radius:    15px;
    }

    .tv-list-content .tv-card-info-mobile + .tv-list-head-link {
        display:             block;
        width:               100%;
        -ms-flex-item-align: center;
        align-self:          center;
        text-align:          center;
        font-size:           14px;
        line-height:         14px;
        padding:             18px 10px;
    }

    .tv-list-content .tv-card-info-mobile + .tv-list-head-link span {
        margin-left: -20px;
    }

    .tv-list-content .tv-card-info-item {
        font-size:   14px;
        line-height: 18px;
    }

    .tv-list-head-link::after {
        right:       auto;
        margin-left: 6px;
        top:         10px;
    }

    .tv-card.lilac {
        border: 1px solid #705BDE;
    }

    .tv-card.green {
        border: 1px solid #4bcead;
    }

    .tv-card.purple {
        border: 1px solid #E94090;
    }

    .modal__container {
        padding: 40px 20px;
    }

    .modal__form-input-group {
        padding: 0;
    }

    .tv-list-content .tv-card-block-descr .descr-item::after {
        top: 4px;
    }

    .tv-list-content .tv-card-info-item::after {
        top: 4px;
    }

    .modal__form > p {
        padding: 0 20px;
    }

    .tv-cabel {
        margin-bottom: 50px;
    }

    .tv-cabel-title {
        margin-bottom: 30px;
        font-size:     25px;
        line-height:   33px;
        text-align:    center;
    }

    .tv-cabel-content {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        gap:                   36px;
        margin-bottom:         36px;
    }

    .tv-cabel-content .cabel-card-head {
        padding-bottom: 18px;
    }

    .tv-cabel-content .cabel-card-head .card-head-title {
        font-size:   18px;
        line-height: 23px;
        max-width:   100%;
    }

    .tv-cabel-content .cabel-card-head .card-head-subtitle {
        font-size:   14px;
        line-height: 18px;
    }

    .tv-cabel-content .cabel-card-block-canal {
        padding-top:    14px;
        padding-bottom: 18px;
    }

    .tv-cabel-content .cabel-card-block-canal .canal-title {
        margin-bottom: 12px;
    }

    .tv-cabel-content .cabel-card-block-canal .canal-speed-info span {
        font-size: 25px;
    }

    .tv-cabel-content .cabel-card-block-descr {
        padding:       14px 0;
        margin-bottom: 30px;
    }

    .tv-cabel-content .cabel-card-btn {
        width:         64%;
        border-radius: 10px;
    }

    .tv-cabel-info {
        font-size:   16px;
        line-height: 22px;
    }

    .cabel-card {
        border: 1px solid #705BDE;
    }

    .modal__container {
        padding: 40px 20px;
    }

    .modal__form-input-group {
        padding: 0;
    }

    .tv-premium-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.png);
        top:              -10px;
        z-index:          0;
    }

    .tv-premium-background::after {
        content:           '';
        background-image:  url(/local/templates/redcom.ru/cmp/../img/intercom-mobile-back-main.png);
        top:               -35px;
        z-index:           1;
        position:          absolute;
        display:           block;
        width:             100%;
        height:            1665px;
        background-repeat: no-repeat;
        background-size:   cover;
        z-index:           0;
    }

    .tv-premium {
        margin-bottom: 90px;
        padding-top:   50px;
    }

    .tv-premium-title {
        text-align: center;
        max-width:  250px;
        margin:     0 auto 30px;
        display:    -webkit-box;
        display:    -ms-flexbox;
        display:    flex;
    }

    .tv-premium-content .premium-card {
        width: 100%;
    }

    .tv-premium-content .premium-card-body {
        border:     1px solid #00A1FF;
        border-top: none;
    }

    .tv-premium-content .premium-card-bottom {
        gap:                   30px;
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .tv-premium::after {
        display: none;
    }

    .tv-premium-content .premium-card-btn {
        width:     100%;
        max-width: 200px;
    }

    .modal__container {
        padding: 40px 20px;
    }

    .modal__form-input-group {
        padding: 0;
    }

    .tv-online-content {
        gap: 12px;
    }

    .tv-online-title {
        text-align:    center;
        font-size:     25px;
        line-height:   32px;
        margin-bottom: 30px;
    }

    .tv-online-card-text {
        font-size:   14px;
        line-height: 20px;
    }

    .modal__container {
        padding: 40px 20px;
    }

    .modal__form-input-group {
        padding: 0;
    }

    .modal__form > p {
        padding: 0 20px;
    }

    .tv-online-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.png);
        top:              -48px;
        z-index:          0;
    }

    .tv-online-background::after {
        content:           '';
        background-image:  url(/local/templates/redcom.ru/cmp/../img/intercom-mobile-back-main.png);
        top:               762px;
        z-index:           1;
        position:          absolute;
        display:           block;
        width:             100%;
        height:            1400px;
        background-repeat: no-repeat;
        background-size:   cover;
        z-index:           0;
    }

    .tv-table {
        padding-bottom: 14px;
	}

    .tv-table table tbody tr {
        border:        1.5px solid #DEDEDE;
        border-radius: 15px;
        padding:       20px;
        display:       block;
    }

    .tv-table table thead tr th:first-child {
        font-size:        20px;
        line-height:      23px;
        text-align:       center;
        display:          -webkit-box;
        display:          -ms-flexbox;
        display:          flex;
        -webkit-box-pack: center;
        -ms-flex-pack:    center;
        justify-content:  center;
        width:            100%;
    }

    .tv-table table thead tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .tv-table table tbody tr td {
        border-right:  none;
        border-bottom: 1px solid #DEDEDE;
        padding:       14px 0 10px;
        text-align:    end;
    }

    .tv-table table tbody tr td:first-child {
        border-bottom: none;
        color:         #E94090;
        margin-bottom: 14px;
        padding:       0;
    }

    .tv-table table tbody tr td:first-child::before {
        color: #000;
    }

    .tv-table table tbody tr td:last-child {
        border-bottom:  none;
        padding-bottom: 0px;
    }

    .tv-table table tbody tr td:before {
        margin-top:     6px;
        text-transform: initial;
        font-weight:    400;
        font-size:      14px;
    }

    .CellComment .text {
        color: #000;
    }

    .CellComment {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .CellComment picture {
        margin: 0 auto;
    }

    .tv-table-action {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        text-align:            center;
        margin-bottom:         20px;
    }

    .tv-table-info {
        font-size: 12px;
        line-height: 140%;
	}

    .modal__container {
        padding: 40px 20px;
    }

    .modal__form-input-group {
        padding: 0;
    }

    .tv-table table tbody tr td:nth-child(2) .wrap-price {
        border-left:  none;
        border-right: none;
    }

    .tv-table table tbody tr td:nth-child(3) .wrap-price {
        border-right: none;
    }

    .modal__form > p {
        padding: 0 20px;
    }

    .tel-navitation__list {
        gap:       10px;
        min-width: 630px;
    }

    .tel-navitation {
        padding-bottom: 40px;
        padding-top:    40px;
    }

    .tel-navitation__list-link {
        padding:   10px 20px;
        font-size: 14px;
    }

    .tel-city {
        margin-bottom: 90px;
    }

    .tel-city-title {
        font-size:     25px;
        text-align:    center;
        margin-bottom: 24px;
    }

    .tel-city-content .tel-card-head p,
    .tel-city-content .tel-card-block-line .line-title,
    .tel-city-content .tel-card-block-connection .connection-title {
        font-size: 18px;
    }

    .tel-city-content .tel-card-block-line .line-info span,
    .tel-city-content .tel-card-block-connection .connection-info span {
        font-size: 25px;
    }

    .tel-city-content .tel-card-block-price .price-info span {
        font-size: 25px;
    }

    .tel-city-content .tel-card-info-item,
    .tel-city-content .tel-card-btn {
        font-size: 14px;
    }

    .tel-city-content {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .tel-city-content .tel-card.blue .tel-card-body {
        border:     1px solid #00A1FF;
        border-top: none;
    }

    .tel-city-content .tel-card.green .tel-card-body {
        border:     1px solid #4bcead;
        border-top: none;
    }

    .tel-city-content .tel-card.lilac .tel-card-body {
        border:     1px solid #705BDE;
        border-top: none;
    }

    .tel-city::after {
        display: none;
    }

    .tel-intercity-background::before {
        top: 939px;
	}

    .modal__container {
        padding: 40px 20px;
    }

    .modal__form-input-group {
        padding: 0;
    }

    .tel-city-content .tel-card-block {
        padding: 15px 0;
    }

    .tel-city-content .tel-card-block-line {
        padding-bottom: 15px;
    }

    .tel-city-content .tel-card-block-line .line-title {
        margin-bottom: 14px;
    }

    .tel-city-content .tel-card-block-connection .connection-title {
        margin-bottom: 14px;
    }

    .tel-city-content .tel-card-block-price {
        padding-bottom: 22px;
        margin-bottom:  0;
    }

    .tel-intercity-background::after {
        content:           '';
        background-image:  url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.png);
        top:               -69px;
        z-index:           2;
        position:          absolute;
        display:           block;
        width:             100%;
        height:            1750px;
        background-repeat: no-repeat;
        background-size:   cover;
    }

    .tel-intercity-title {
        margin-bottom: 30px;
    }

    .tel-intercity-cards {
        -webkit-box-flex:      1;
        -ms-flex:              auto;
        flex:                  auto;
        -webkit-box-orient:    horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction:    row;
        flex-direction:        row;
    }

    .tel-intercity-content {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .tel-intercity-info {
        -webkit-box-flex: 1;
        -ms-flex:         auto;
        flex:             auto;
        border:           1px solid #DEDEDE;
    }

    .tel-intercity {
        margin-bottom: 90px;
    }

    .tel-economy {
        padding-bottom: 80px;
    }

    .tel-economy-title {
        font-size:     25px;
        line-height:   32px;
        text-align:    center;
        margin-bottom: 30px;
    }

    .tel-economy-container::before {
        display: none;
    }

    .tel-economy-background {
        position: relative;
    }

    .tel-economy-background::before {
        content:           '';
        position:          absolute;
        display:           block;
        width:             100%;
        height:            1665px;
        background-repeat: no-repeat;
        background-size:   cover;
        background-image:  url(/local/templates/redcom.ru/cmp/../img/intercom-mobile-back-main.png);
        top:               -50px;
        z-index:           3;
    }

    .tel-nice-background::after {
        content:           '';
        background-image:  url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.png);
        top:               -83px;
        z-index:           3;
        position:          absolute;
        display:           block;
        width:             100vw;
        height:            1665px;
        background-repeat: no-repeat;
        background-size:   100vw auto;
        background-position-x: center;
    }

    .tel-nice-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/intercom-mobile-back-main.png);
        top:              756px;
        z-index:          4;
    }

    .modal__container {
        padding: 40px 20px;
    }

    .modal__form-input-group {
        padding: 0;
    }

    .tel-nice__slider-show {
        text-decoration: underline;
    }

    .all-list {
        display:       block;
        margin:        6px auto 0;
        position:      relative;
        width:         100%;
        max-width:     126px;
        padding-right: 10px;
        background:    transparent;
        font-size:     14px;
        line-height:   19px;
    }

    .all-list::before {
        content:    '';
        display:    block;
        width:      12px;
        height:     8px;
        background: url('/local/templates/redcom.ru/cmp/../img/all-list.svg') no-repeat;
        right:      0;
        top:        6px;
        position:   absolute;
    }

    tr.telephony-table__table-info_text.mobile {
        padding:      0;
        margin:       0;
        padding-left: 10px;
    }

    .telephony-table__table-info_text::before {
        top:       4px;
        position:  absolute;
        left:      5px;
        font-size: 20px;
    }

    .telephony-table__table-info,
    .telephony-table table:nth-child(2) tbody:before {
        display: none;
    }

    tr.telephony-table__table-info_text.mobile {
        border: none;
    }

    tr.telephony-table__table-info_text.mobile td {
        font-size:     18px !important;
        line-height:   24px !important;
        color:         #000 !important;
        font-weight:   400 !important;
        margin-bottom: 0 !important;
    }

    .telephony-table table tbody tr td:nth-child(2) {
        border-left: none;
    }

    tr.telephony-table__table-info_text.mobile {
        display:  -webkit-box;
        display:  -ms-flexbox;
        display:  flex;
        position: relative;
    }

    .telephony-table table tbody tr {
        border:        1.5px solid #DEDEDE;
        border-radius: 15px;
        padding:       20px;
        display:       block;
    }

    .telephony-table table thead tr th:first-child {
        font-size:        20px;
        line-height:      23px;
        text-align:       center;
        display:          -webkit-box;
        display:          -ms-flexbox;
        display:          flex;
        -webkit-box-pack: center;
        -ms-flex-pack:    center;
        justify-content:  center;
        width:            100%;
    }

    .telephony-table table thead tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .telephony-table table tbody tr td {
        border-right:  none;
        border-bottom: 1px solid #DEDEDE;
        padding:       14px 0 10px;
        text-align:    end;
    }

    .telephony-table table tbody tr td:first-child {
        border-bottom: none;
        color:         #E94090;
        margin-bottom: 14px;
        padding:       0;
    }

    .telephony-table table tbody tr td:first-child::before {
        color: #000;
    }

    .telephony-table table tbody tr td:last-child {
        border-bottom:  none;
        padding-bottom: 0px;
    }

    .telephony-table table tbody tr td:before {
        margin-top: 6px;
    }

    .CellComment .text {
        color: #000;
    }

    .CellComment {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .CellComment picture {
        margin: 0 auto;
    }

    .telephony-table-action {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        text-align:            center;
        margin-bottom:         60px;
    }

    .telephony-table-action-link {
        width:     100%;
        max-width: 344px;
        margin:    30px auto 0;
    }

    .telephony-table__btn {
        width:      100%;
        text-align: center;
        margin-top: 20px;
    }

    .webp .telephony-table table:nth-child(2)::before {
        display: none;
    }

    .telephony-table table tbody tr td:first-child {
        color: #000;
    }

    .modal__container {
        padding: 40px 20px;
    }

    .modal__form-input-group {
        padding: 0;
    }

    .telephony-table table tbody tr td:nth-child(2) .wrap-price {
        border-left:  none;
        border-right: none;
    }

    .telephony-table table tbody tr td:nth-child(3) .wrap-price {
        border-right: none;
    }

    .telephony-table table tbody tr td:before {
        margin-top:     6px;
        text-transform: initial;
        font-weight:    400;
        font-size:      14px;
    }

    .modal__form > p {
        padding: 0 20px;
    }

    .tel-sip {
        padding-bottom: 14px;
	}

    .tel-sip-content .sip-card-price span {
        font-size: 30px;
    }

    .tel-sip-content .sip-card-body {
        border:     1px solid #4bcead;
        border-top: none;
    }

    .tel-sip-info {
        border: 1px solid #DEDEDE;
    }

    .tel-sip-cards {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .tel-sip-content .sip-card {
        width: 100%;
    }

    .tel-sip-content .sip-card-body-content {
        -webkit-box-pack: center;
        -ms-flex-pack:    center;
        justify-content:  center;
    }

    .tel-sip-content {
        margin-bottom: 30px;
    }

    .tel-sip__extra {
        font-size:   12px;
        line-height: 140%;
    }

    .tel-sip-title {
        font-size:   25px;
        line-height: 32px;
    }

    .modal__container {
        padding: 40px 20px;
    }

    .modal__form-input-group {
        padding: 0;
    }

    .modal__form > p {
        padding: 0 20px;
    }

    .bonus {
        margin-bottom: 108px;
    }

    .bonus-title {
        margin-bottom: 30px;
        font-size:     25px;
        line-height:   33px;
        text-align:    center;
    }

    .bonus-cards {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .bonus-cards::before {
        right:           auto;
        top:             auto;
        bottom:          290px;
        left:            -54px;
        background-size: 58%;
    }

    .bonus-programm {
        position:                relative;
        padding:                 20px 16px 60px 20px;
        border:                  1px solid #DEDEDE;
        border-radius:           15px;
        margin-bottom:           68px;
        -ms-flex-preferred-size: 100%;
        flex-basis:              100%;
    }

    .bonus-programm::after {
        content:          '';
        background-image: url(/local/templates/redcom.ru/cmp/../img/mobile-g-bonus.svg);
        width:            302px;
        height:           112px;
        right:            14px;
        top:              auto;
        bottom:           -58px;
        background-size:  100%;
        z-index:          2;
    }

    .bonus-programm-title {
        margin-bottom: 24px;
        font-size:     18px;
        line-height:   22px;
        max-width:     100%;
        padding-right: 0;
    }

    .bonus-programm-new {
        margin-bottom: 8px;
        font-size:     18px;
        line-height:   22px;
    }

    .bonus-programm-text {
        max-width:   100%;
        font-size:   16px;
        line-height: 21px;
    }

    .bonus-right {
        padding:       20px 10px 24px 20px;
        border:        1px solid #DEDEDE;
        border-radius: 15px;
    }

    .bonus-right::before {
        content:         '';
        right:           -76px;
        bottom:          auto;
        top:             -432px;
        background-size: 60%;
    }

    .bonus-cards::after {
        right:           0px;
        bottom:          -154px;
        background-size: 40% 50%;
    }

    .bonus-right-title {
        margin-bottom: 24px;
        font-size:     18px;
        line-height:   22px;
        margin-left:   0;
    }

    .bonus-right-list {
        margin-bottom: 30px;
        margin-left:   18px;
    }

    .bonus-right-item {
        font-size:   14px;
        line-height: 20px;
    }

    .bonus-right-item:not(:last-child) {
        margin-bottom: 14px;
    }

    .bonus-right-text {
        margin-bottom: 14px;
    }

    .bonus-right-btn {
        padding:   14px;
        width:     96%;
        max-width: none;
    }

    .bonus-faq-background {
        /*position: relative;*/
    }

    .bonus-faq-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/bonus-faq-bg-mobile.png);
        top:              -60px !important;
        background-color: inherit !important;
    }

    .bonus-faq {
        padding-bottom: 30px;
    }

    .bonus-faq-title {
        margin-bottom: 24px;
        font-size:     25px;
        line-height:   33px;
        text-align:    center;
    }

    .bonus-faq-list {
        gap:           18px;
        margin-bottom: 0;
    }

    .bonus-faq-item-title.ac-trigger {
        padding:     22px 20px 20px 14px;
        font-size:   14px;
        line-height: 18px;
    }

    .bonus-faq-item-title.ac-trigger::after {
        right:                    0px;
        background-size:          66%;
        background-position:      left;
        -webkit-transform-origin: 14px 6px;
        -ms-transform-origin:     14px 6px;
        transform-origin:         14px 6px;
    }

    .bonus-faq-item.ac.is-active .ac-trigger {
        cursor:      pointer;
        font-size:   14px;
        line-height: 18px;
    }

    .bonus-faq .ac-panel .ac-text {
        font-size:   14px;
        line-height: 18px;
    }

    .instructions {
        padding-bottom: 40px;
    }

    .instructions__top-title {
        text-align:    center;
        margin-bottom: 30px;
        font-size:     25px;
    }

    .instructions__item {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        -webkit-box-align:     start;
        -ms-flex-align:        start;
        align-items:           start;
    }

    .instructions__item-text::before {
        bottom: 0;
        top:    0;
    }

    .instructions__item-text {
        /* margin-bottom: 20px; */
    }

    .instructions__list.active {
        max-height: 2000px;
    }

    .instructions__item {
        gap: 20px;
    }

    .instructions__item-text {
        font-size: 14px;
    }

    .list-canals {
        background: #fafafa;
    }

    .grid-list-canals {
        grid-template-columns: repeat(3, minmax(170px, 220px));
        gap:                   16px;
    }

    .tabs__pane h2 {
        font-family: 'Leto Sans', sans-serif;
        text-align:  center;
    }

    .purchases__title {
        font-size: 25px;
    }

    .nicetel {
        padding-top:   30px;
        margin-bottom: 60px;
    }

    .nicetel__title {
        margin-bottom: 30px;
        font-size:     25px;
        line-height:   32px;
        text-align:    center;
    }

    .instructions__item--video_none {
        display: block;
    }


    .nicetel__list {
        gap:                   30px;
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .nicetel__item-title {
        font-size: 22px;
    }

    .nicetel__item-title p span.rub {
        line-height: 20px;
        font-size:   20px;
    }

    .nicetel-content ul li {
        font-size: 14px;
    }

    .nicetel-content ul li .btn-connect {
        font-size: 14px;
    }

    .modal {
        width:    90%;
        overflow: scroll;
        height:   72%;
    }

    .modal__container {
        padding: 40px 20px 25px 20px;
        width:   100%;
    }

    .modal-close {
        top:             6px;
        right:           4px;
        background-size: 60%;
    }

    .modal__form-title {
        margin-bottom: 30px;
        font-size:     18px;
        line-height:   23px;
    }

    .modal__form-input-group {
        padding:       0 20px;
        gap:           14px;
        margin-bottom: 14px;
    }

    .modal__form-input {
        font-size:   14px;
        line-height: 18px;
    }

    .modal__form-input-group.price {
        gap:              14px;
        margin-bottom:    30px;
        -webkit-box-pack: start;
        -ms-flex-pack:    start;
        justify-content:  flex-start;
    }

    .modal__form-input-group.price input {
        width:            56%;
        -webkit-box-flex: 0;
        -ms-flex:         0 0 auto;
        flex:             0 0 auto;
    }

    .modal__form-input-text {
        font-size:   12px;
        line-height: 16px;
    }

    .modal__form-submit-group {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        margin-top:            30px;
        gap:                   14px;
        margin-bottom:         0;
    }

    .modal__form-submit-btn {
        width: 100%;
        /*margin-bottom: 14px;*/
    }

    .modal__info {
        margin-top: 30px;
        padding:    0;
    }

    .modal__info-text {
        margin-bottom: 24px;
        font-size:     14px;
        line-height:   18px;
    }

    .modal__info-logo-group {
        width: 100%;
        gap:   20px;
    }

    .modal__info-logo-group img {
        display:   block;
        max-width: 100%;
    }

    .modal__info-btn {
        margin-bottom: 0;
        display:       inline-block;
    }

    .tabset {
        padding: 0 20px;
    }

    .main {
        background-color: #fff;
    }

    .bg-intercome {
        background: white;
    }

    .video-arch-list-content .video-arch-card-block-canal .canal-speed svg {
        margin-top: 0;
    }

    .video-arch-list-content .video-arch-card-block-canal .canal-speed-info {
        margin-top: 4px;
    }

    .video-arch-list-content {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        gap:                   30px;
    }

    .video-arch-list-content .video-arch-card-block {
        padding-top:    14px;
        padding-bottom: 18px;
    }

    .video-arch-list-head {
        margin-bottom: 24px;
    }

    .video-arch-list-title {
        font-size:   25px;
        line-height: 33px;
        text-align:  center;
    }

    .video-arch-list-lk {
        display: none;
    }

    .video-arch-list-head-link {
        display: none;
    }

    .video-arch-list-content .video-arch-card-block-canal .canal-title {
        margin-bottom: 18px;
        font-size:     18px;
        line-height:   23px;
    }

    .video-arch-list-content .video-arch-card-block-canal .canal-speed-info {
        font-size:   15px;
        line-height: 20px;
    }

    .video-arch-list-content .video-arch-card-block-canal .canal-speed-info span {
        font-size:   25px;
        line-height: 25px;
    }

    .video-arch-list-content .video-arch-card-block-tarif .tarif-title {
        margin-bottom: 14px;
        font-size:     16px;
        line-height:   21px;
        text-align:    center;
    }

    .video-arch-list-content .video-arch-card-block-tarif .tarif-list {
        padding-left: 30px;
    }

    .video-arch-list-content .video-arch-card-block-descr {
        padding-bottom: 14px;
    }

    .video-arch-list-content .video-arch-card-block-descr .descr-item {
        margin-bottom: 12px;
        font-size:     14px;
        line-height:   19px;
        margin-bottom: 0;
    }

    .video-arch-list-content .video-arch-card-block-descr .descr-item:not(:last-child) {
        margin-bottom: 14px;
    }

    .video-arch-list-content .video-arch-card-block-router .router-info-text-title {
        font-size:   14px;
        line-height: 20px;
    }

    .video-arch-list-content .video-arch-card-block-router .router-info-text-subtitle {
        font-size:   14px;
        line-height: 18px;
    }

    .video-arch-list-content .video-arch-card-bottom {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        padding-top:           18px;
        gap:                   22px;
        margin-bottom:         26px;
    }

    .video-arch-list-content .video-arch-card-price span {
        font-size:   25px;
        line-height: 25px;
    }

    .video-arch-list-content .video-arch-card-btn {
        width: 66%;
    }

    .video-arch-card-block .video-arch-card-block-list {
        padding-bottom: 12px;
    }

    .video-arch-list-content .video-arch-card-body {
        margin-bottom: 0;
    }

    .video-arch-card.purple {
        margin-bottom: 20px;
    }

    .video-arch-list-content .video-arch-card-info {
        display: none;
    }

    .video-arch-list-content .video-arch-card-info-mobile {
        display:               -webkit-box;
        display:               -ms-flexbox;
        display:               flex;
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        gap:                   20px;
    }

    .video-arch-list-content .video-arch-card-info-mobile .video-arch-card-info {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 auto;
        flex:             0 0 auto;
        display:          block;
        padding:          20px 10px 10px 36px;
        border:           1px solid #DEDEDE;
        border-radius:    15px;
    }

    .video-arch-list-content .video-arch-card-info-mobile + .video-arch-list-head-link {
        display:             block;
        width:               100%;
        -ms-flex-item-align: center;
        align-self:          center;
        text-align:          center;
        font-size:           14px;
        line-height:         14px;
        padding:             18px 10px;
    }

    .video-arch-list-content .video-arch-card-info-mobile + .video-arch-list-head-link span {
        margin-left: -20px;
    }

    .video-arch-list-content .video-arch-card-info-item {
        font-size:   14px;
        line-height: 18px;
    }

    .video-arch-list-head-link::after {
        right:       auto;
        margin-left: 6px;
        top:         10px;
    }

    .video-arch-card.lilac {
        border: 1px solid #705BDE;
    }

    .video-arch-card.green {
        border: 1px solid #4bcead;
    }

    .video-arch-card.purple {
        border: 1px solid #E94090;
    }

    .video-arch-list-content .video-arch-card-block-descr .descr-item::after {
        top: 4px;
    }

    .video-arch-list-content .video-arch-card-info-item::after {
        top: 4px;
    }

    .old-price {
        font-size:   20px !important;
        line-height: 26px !important;
    }

    .payments .modal__container form p {
        padding: 0;
    }

    .modal__form-input-group.information {
        gap: 15px;
    }

    .send__file-text .mobile-off {
        display: none;
    }
    .send__file-text .underline .big-z-in-mobile {
        display: inline !important;
    }
}

@media (max-width: 717px) {
    .text-page-fixed-overlay .modal-text-page-h2-block-img .modal-text-page-h2-img {
        -webkit-box-flex: 0;
        -ms-flex:         0 0 49.3%;
        flex:             0 0 49.3%;
    }

    .modal-text-page-h4-table-scroll {
        overflow-x: scroll;
    }

    .modal-text-page-h4-table {
        min-width: 600px;
    }

    .text-page-fixed-overlay .modal-text-page-h2-block-img {
        -webkit-column-gap: 7px;
        -moz-column-gap:    7px;
        column-gap:         7px;
        row-gap:            10px;
    }
}

@media (max-width: 374px) {
    .home-news-background.offers::before {
        top:              910px;
    }

    .home-news-background::after {
        top:              -950px;
    }
}

@media (max-width: 624px) {
    .cameras__popular-img {
        right: -94px;
        top:   192px;
    }

    .cameras__popular-img img {
        width: 136px;
    }
}

@media (max-width: 576px) {
    .wrap-dropdown-hidden {
        right: 0 !important;
        left:  0;
        top:   60px;
        width: 100%;
    }

    footer .wrap-top-line-footer .first-column-footer .panel-contacts .btn-panel-contacts {
        max-height:  50px;
        padding-top: 18px;
    }

    .contact__text {
        grid-template-columns: 1fr;
        gap:                   0;
    }

    .wrap-intercom-tarif .card {
        font-size:   14px;
        line-height: 18px;
    }

    .wrap-intercom-tarif .card .line-first-card span,
    .wrap-intercom-tarif .card .line-second-card span {
        font-size:   25px;
        line-height: 32px;
    }

    .wrap-intercom-tarif .card .line-third-card span {
        font-size:   25px;
        line-height: 32px;
    }

    .wrap-intercom-tarif .card .line-third-card p {
        padding-left: 0px;
    }

    .wrap-intercom-tarif .card .line-third-card p::after {
        content:    '';
        width:      30px;
        height:     30px;
        position:   absolute;
        left:       -46px;
        background: url(/local/templates/redcom.ru/cmp/../img/telsmall.svg) no-repeat;
    }

    .wrap-intercom-tarif .card .line-first-card p,
    .wrap-intercom-tarif .card .line-second-card p {
        font-size: 18px;
    }

    .modal__form-input-group.services {
        display:               grid;
        grid-template-columns: 1fr 1fr;
    }

    .modal__form-input-group.adress,
    .modal__form-input-group.information {
        grid-template-columns: 100%;
    }

    .modal__form-input-group.information input:first-child {
        grid-column: 1;
    }

    .modal__form-input-group.adress select.modal__form-input {
        background-position-x: 96%;
    }

    .wrap-intercom-tarif .card .body-card .btn-submit {
        max-width: 200px;
    }

    .download-intercom__app-title {
        margin-bottom: 10px;
    }

    .download-intercom__app-text {
        margin-bottom: 16px;
    }

    .download-intercom__block {
        gap: 16px;
    }

    .download-intercom__img {
        bottom: -60px;
    }

    .download-intercom__block-app {
        max-width: 152px;
    }

    .support-intercom__title {
        text-align: center;
        max-width:  210px;
        margin:     0 auto 8px;
    }

    table td:before {
        font-weight: 400;
    }

    .license__items {
        grid-template-columns: repeat(2, 44%);
        row-gap:               30px;
        -webkit-column-gap:    44px;
        -moz-column-gap:       44px;
        column-gap:            44px;
    }

    .license__item {
        width:       100%;
        line-height: 20px;
    }

    .license__item-img img {
        width: 100%;
    }

    .license__item-title {
        font-size:   14px;
        line-height: 20px;
    }

    .modal__form-input-group.services {
        display:               grid;
        grid-template-columns: 1fr 1fr;
    }

    .modal__form-input-group.adress,
    .modal__form-input-group.information {
        grid-template-columns: 100%;
    }

    .modal__form-input-group.information input:first-child {
        grid-column: 1;
    }

    .modal__form-input-group.adress select.modal__form-input {
        background-position-x: 96%;
    }

    .payments__list {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        gap:                   34px;
    }

    .modal__form-submit-info {
        width: 100%;
    }

    .modal__form-input-group.services {
        display:               grid;
        grid-template-columns: 1fr 1fr;
    }

    .modal__form-input-group.adress,
    .modal__form-input-group.information {
        grid-template-columns: 100%;
    }

    .modal__form-input-group.information input:first-child {
        grid-column: 1;
    }

    .modal__form-input-group.adress select.modal__form-input {
        background-position-x: 96%;
    }

    .modal__form-input-group.services {
        display:               grid;
        grid-template-columns: 1fr 1fr;
    }

    .modal__form-input-group.adress,
    .modal__form-input-group.information {
        grid-template-columns: 100%;
    }

    .modal__form-input-group.information input:first-child {
        grid-column: 1;
    }

    .modal__form-input-group.adress select.modal__form-input {
        background-position-x: 96%;
    }

    .home-app-block-right {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction:    column-reverse;
        flex-direction:        column-reverse;
        margin-bottom:         108px;
        -webkit-box-pack:      justify;
        -ms-flex-pack:         justify;
        justify-content:       space-between;
    }

    .home-app-block-left {
        position:              relative;
        display:               -webkit-box;
        display:               -ms-flexbox;
        display:               flex;
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        gap:                   30px;
    }

    .home-app-download {
        padding:       14px;
        border:        1px solid #DEDEDE;
        border-radius: 10px;
    }

    .home-app-download__app-title {
        margin-bottom: 10px;
        font-size:     20px;
        line-height:   24px;
        max-width:     206px;
    }

    .home-app-download__app-text {
        font-size:     14px;
        line-height:   18px;
        margin-bottom: 24px;
        max-width:     190px;
    }

    .home-app-download__img {
        display:  block;
        position: absolute;
        right:    12px;
        bottom:   auto;
        top:      -36px;
    }

    .home-app-download__img img {
        max-width:  138px;
        max-height: 224px;
    }

    .home-app-download__block {
        gap:                   8px;
        -webkit-box-orient:    horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction:    row;
        flex-direction:        row;
        -ms-flex-wrap:         wrap;
        flex-wrap:             wrap;
    }

    .home-app-download__block-app {
        width:            100%;
        max-width:        293px;
        height:           36px;
        padding:          6px 28px;
        -webkit-box-flex: 0;
        -ms-flex:         0 0 48%;
        flex:             0 0 48%;
    }

    .home-app-download__block-app svg {
        width: 96px;
    }

    .home-app-bonus-mobile {
        display: block;
    }

    .home-app-bonus-mobile .bonus-programm {
        position:                relative;
        padding:                 16px 18px 86px 18px;
        border:                  1px solid #DEDEDE;
        border-radius:           15px;
        -ms-flex-preferred-size: 100%;
        flex-basis:              100%;
    }

    .home-app-bonus-mobile .bonus-programm-title {
        margin-bottom:  24px;
        max-width:      100%;
        font-size:      18px;
        font-weight:    700;
        line-height:    22px;
        text-transform: uppercase;
    }

    .home-app-bonus-mobile .bonus-programm-new {
        margin-bottom:  12px;
        font-size:      18px;
        line-height:    22px;
        font-weight:    700;
        text-transform: uppercase;
        color:          #E94090;
    }

    .home-app-bonus-mobile .bonus-programm-text {
        font-family: 'Lato-Regular', sans-serif;
        font-weight: 400;
        max-width:   100%;
        font-size:   14px;
        line-height: 18px;
    }

    .home-app-bonus-mobile .bonus-programm-text:not(:last-child) {
        margin-bottom: 14px;
    }

    .home-app-bonus-mobile .bonus-programm::after {
        content:          '';
        background-image: url(/local/templates/redcom.ru/cmp/../img/bonus-icon-mobile.png);
        width:            302px;
        height:           112px;
        right:            14px;
        top:              auto;
        bottom:           -28px;
        background-size:  100%;
        z-index:          2;
    }

    .home-app-bonus-mobile .bonus-programm::before {
        content:           '';
        background-repeat: no-repeat;
        background-image:  url(/local/templates/redcom.ru/cmp/../img/bonus-icon-03.png);
        position:          absolute;
        width:             108px;
        height:            110px;
        right:             -76px;
        bottom:            auto;
        top:               56px;
        background-size:   63%;
    }

    .home-app-block-left::before {
        content:           '';
        background-repeat: no-repeat;
        background-image:  url(/local/templates/redcom.ru/cmp/../img/bonus-icon-02.png);
        position:          absolute;
        left:              -58px;
        bottom:            -232px;
        z-index:           0;
        width:             218px;
        height:            210px;
        background-size:   60%;
    }

    .home-news-list {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .section-news .news-fixed-overlay .modal-news-more .news-item {
        -ms-flex-preferred-size: 100%;
        flex-basis:              100%;
    }

    .rekvizity {
        padding-bottom: 60px;
    }

    .rekvizity__download {
        display:    block;
        text-align: center;
    }

    .rekvizity__download > p {
        position:      relative;
        display:       inline-block;
        padding-right: 34px;
    }

    .rekvizity__download > p::after {
        content:          '';
        position:         absolute;
        background-image: url(/local/templates/redcom.ru/cmp/../img/download-rekvizity.svg);
        right:            0;
        top:              -4px;
        width:            24px;
        height:           24px;
    }

    .career-work__advantages {
        grid-template-rows: auto;
        padding-left:       0;
    }

    .cameras__list {
        gap: 5px;
    }

    .news-fixed-overlay .modal-news-more .news-item {
        -ms-flex-preferred-size: 100%;
        flex-basis:              100%;
    }

    .text-page .swiper {
        max-height: 392px;
    }

    .text-page .swiper-button-prev,
    .text-page .swiper-rtl .swiper-button-next {
        left: 83%;
    }

    .modal__form-input-group.services {
        display:               grid;
        grid-template-columns: 1fr 1fr;
    }

    .modal__form-input-group.adress,
    .modal__form-input-group.information {
        grid-template-columns: 100%;
    }

    .modal__form-input-group.information input:first-child {
        grid-column: 1;
    }

    .modal__form-input-group.adress select.modal__form-input {
        background-position-x: 96%;
    }

    table td:before {
        font-weight: 400;
    }

    .modal__form-input-group.services {
        display:               grid;
        grid-template-columns: 1fr 1fr;
    }

    .modal__form-input-group.adress,
    .modal__form-input-group.information {
        grid-template-columns: 100%;
    }

    .modal__form-input-group.information input:first-child {
        grid-column: 1;
    }

    .modal__form-input-group.adress select.modal__form-input {
        background-position-x: 96%;
    }

    table td:before {
        font-weight: 400;
    }

    .modal__form-input-group.services {
        display:               grid;
        grid-template-columns: 1fr 1fr;
    }

    .modal__form-input-group.adress,
    .modal__form-input-group.information {
        grid-template-columns: 100%;
    }

    .modal__form-input-group.information input:first-child {
        grid-column: 1;
    }

    .modal__form-input-group.adress select.modal__form-input {
        background-position-x: 96%;
    }

    .modal__form-input-group.services {
        display:               grid;
        grid-template-columns: 1fr 1fr;
    }

    .modal__form-input-group.adress,
    .modal__form-input-group.information {
        grid-template-columns: 100%;
    }

    .modal__form-input-group.information input:first-child {
        grid-column: 1;
    }

    .modal__form-input-group.adress select.modal__form-input {
        background-position-x: 96%;
    }

    .modal__form-input-group.services {
        display:               grid;
        grid-template-columns: 1fr 1fr;
    }

    .modal__form-input-group.adress,
    .modal__form-input-group.information {
        grid-template-columns: 100%;
    }

    .modal__form-input-group.information input:first-child {
        grid-column: 1;
    }

    .modal__form-input-group.adress select.modal__form-input {
        background-position-x: 96%;
    }

    .modal__form > p {
        padding: 0 20px;
    }

    .tv-online-content {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .tv-online-content {
        gap: 12px;
    }

    .modal__form-input-group.services {
        display:               grid;
        grid-template-columns: 1fr 1fr;
    }

    .modal__form-input-group.adress,
    .modal__form-input-group.information {
        grid-template-columns: 100%;
    }

    .modal__form-input-group.information input:first-child {
        grid-column: 1;
    }

    .modal__form-input-group.adress select.modal__form-input {
        background-position-x: 96%;
    }

    .tv-table table td:before {
        font-weight: 400;
    }

    .tv-table table tbody tr:first-child {
        margin-top: 0;
    }

    .modal__form-input-group.services {
        display:               grid;
        grid-template-columns: 1fr 1fr;
    }

    .modal__form-input-group.adress,
    .modal__form-input-group.information {
        grid-template-columns: 100%;
    }

    .modal__form-input-group.information input:first-child {
        grid-column: 1;
    }

    .modal__form-input-group.adress select.modal__form-input {
        background-position-x: 96%;
    }

    .modal__form-input-group.services {
        display:               grid;
        grid-template-columns: 1fr 1fr;
    }

    .modal__form-input-group.adress,
    .modal__form-input-group.information {
        grid-template-columns: 100%;
    }

    .modal__form-input-group.information input:first-child {
        grid-column: 1;
    }

    .modal__form-input-group.adress select.modal__form-input {
        background-position-x: 96%;
    }

    .modal__form > p {
        padding: 0 20px;
    }

    .tel-intercity-cards {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .tel-intercity-content .intercity-card {
        width: 100%;
    }

    .tel-intercity-content .intercity-card-body-content {
        padding-top: 0;
    }

    .tel-intercity-content .intercity-card-body {
        padding: 14px;
    }

    .tel-intercity-content .intercity-card-price span {
        font-size:   25px;
        line-height: 32px;
    }

    .tel-intercity-title {
        font-size:   25px;
        line-height: 32px;
    }

    .intercity-card-body-content svg {
        -webkit-transform: scale(0.68);
        -ms-transform:     scale(0.68);
        transform:         scale(0.68);
    }

    .tel-intercity::after {
        display: none;
    }

    .tel-economy-cards {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
    }

    .tel-economy-content .economy-card-body {
        border:     1px solid #00A1FF;
        border-top: none;
        padding:    25px 10px 28px;
    }

    .tel-economy-info {
        border: 1px solid #00A1FF;
    }

    .tel-economy-info-text {
        font-size: 14px;
    }

    .tel-economy-container img {
        -webkit-transform: scale(0.45);
        -ms-transform:     scale(0.45);
        transform:         scale(0.45);
        bottom:            -140px;
        right:             -42px;
    }

    .tel-economy-content .economy-card {
        width: 100%;
    }

    .tel-nice__item {
        max-width: 100%;
    }

    .tel-nice .swiper-slide .tel-nice__phone {
        padding: 20px 40px 20px !important;
    }

    .tel-nice .mySwiper {
        min-height: 106px;
    }

    .tel-nice__phone-num {
        font-size:   25px;
        line-height: 32px;
    }

    .tel-nice__phone-connect {
        line-height: 18px;
    }

    .tel-nice__slider-price span {
        font-size:   25px;
        line-height: 32px;
    }

    .tel-nice__slider-show {
        font-size:   14px;
        line-height: 18px;
    }

    .modal__form-input-group.services {
        display:               grid;
        grid-template-columns: 1fr 1fr;
    }

    .modal__form-input-group.adress,
    .modal__form-input-group.information {
        grid-template-columns: 100%;
    }

    .modal__form-input-group.information input:first-child {
        grid-column: 1;
    }

    .modal__form-input-group.adress select.modal__form-input {
        background-position-x: 96%;
    }

    .modal__form > p {
        padding: 0 20px;
    }

    tr.telephony-table__table-info_text.mobile td {
        font-size:   14px !important;
        line-height: 18px !important;
    }

    .modal__form-input-group.services {
        display:               grid;
        grid-template-columns: 1fr 1fr;
    }

    .modal__form-input-group.adress,
    .modal__form-input-group.information {
        grid-template-columns: 100%;
    }

    .modal__form-input-group.information input:first-child {
        grid-column: 1;
    }

    .modal__form-input-group.adress select.modal__form-input {
        background-position-x: 96%;
    }

    .tel-sip__extra {
        font-size: 12px;
    }

    .tel-sip-info-title {
        font-size:   18px;
        line-height: 25px;
    }

    .tel-sip-info-text {
        font-size:   14px;
        line-height: 19px;
    }

    .tel-sip-content .sip-card-head {
        padding:    20px 60px;
        text-align: center;
    }

    .tel-sip-content .sip-card-price span {
        font-size:   25px;
        line-height: 32px;
    }

    .tel-sip-content .sip-card-price {
        font-size:   14px;
        line-height: 18px;
    }

    .modal__form-input-group.services {
        display:               grid;
        grid-template-columns: 1fr 1fr;
    }

    .modal__form-input-group.adress {
        grid-template-columns: auto 90px;
        grid-template-areas: 'A A'
						 'B C';
        gap:                   15px 8px;
    }

    .modal__form-input-group.adress select {
        grid-area: A;
    }

    .modal__form-input-group.adress input:first-of-type {
        grid-area: B;
    }

    .modal__form-input-group.adress input:last-of-type {
        grid-area: C;
    }

    .modal__form-input-group.information {
        grid-template-columns: 100%;
    }

    .modal__form-input-group.adress,
    .modal__form-input-group.information {
        margin-bottom: 20px;
    }

    .modal__form-input-group.information input:first-child {
        grid-column: 1;
    }

    .modal__form-input-group.adress select.modal__form-input {
        background-position-x: 96%;
    }

    .tel-sip-content .sip-card__btn {
        width:      200px;
        height:     50px;
        margin:     22px auto 0;
        padding:    13px 32px;
        text-align: center;
    }

    .tel-sip-content .sip-card-head .card-head-title {
        font-size: 20px;
    }

    .instructions__item {
        -webkit-box-orient:    vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction:    column;
        flex-direction:        column;
        -webkit-box-align:     start;
        -ms-flex-align:        start;
        align-items:           start;
        text-align:            start;
        gap:                   20px;
    }

    .instructions__item--video .instructions__item-text {
        min-height: auto;
    }

    .instructions__item-text {
        min-height:    42px;
        margin-bottom: 0;
    }


    .grid-list-canals {
        grid-template-columns: repeat(3, minmax(104px, 280px));
        gap:                   14px;
    }

    .grid-list-canals .canal {
        min-height: 130px;
    }

    .canal img {
        width:      100%;
        height:     100%;
        max-width:  50px;
        max-height: 50px;
    }

    .grid-list-canals .canal .toltip-img {
        top:   8px;
        right: 8px;
    }

    .tabs__nav {
        gap: 10px;
    }

    .tabs__btn {
        min-width:   122px;
        padding:     10px 26px;
        font-size:   14px;
        line-height: 18px;
    }

    .tabs__pane h2 {
        font-size:   25px;
        line-height: 32px;
    }

    .purchases {
        padding-bottom: 60px;
    }

    .purchases__download {
        display:    block;
        text-align: center;
    }

    .purchases__download > p {
        position:      relative;
        display:       inline-block;
        padding-right: 34px;
    }

    .purchases__download > p::after {
        content:          '';
        position:         absolute;
        background-image: url(/local/templates/redcom.ru/cmp/../img/download-rekvizity.svg);
        right:            0;
        top:              -4px;
        width:            24px;
        height:           24px;
    }

    .modal__form-submit-info {
        width: 100%;
    }

    .wrap-intercom-tarif .card .body-card .old-price {
        font-size:     20px;
        font-weight:   700;
        line-height:   26px;
        margin-left:   30px;
        margin-bottom: 0px;
    }
}

@media (max-width: 568px) {
    .cameras__popular .cameras__item-text:nth-child(3) {
        max-width: 365px;
    }
}

@media (max-width: 548px) {
    .cameras__popular-img {
        top: 188px;
    }
}

@media (max-width: 512px) {
    .send__file {
        height: 72px;
    }
}

@media (max-width: 494px) {
    .cameras__popular .cameras__item-text:nth-child(3) {
        max-width: 278px;
    }

    .cameras__popular-img {
        top:   223px;
        right: -83px;
    }

    .cameras__popular-img img {
        width: 147px;
    }
}

@media (max-width: 484px) {
    .cameras__popular-img {
        top: 226px;
    }

    .cameras .tabs__nav {
        gap: 10px;
    }

    .cameras .tabs__btn {
        font-size:   14px;
        line-height: 14px;
        padding:     8px 18px;
    }
}

@media (max-width: 446px) {
    .text-page-fixed-overlay .modal-text-page-h3-card::after {
        right: -72px;
    }

    .text-page .swiper {
        max-height: 342px;
    }

    .text-page-fixed-overlay .modal-text-page-container {
        overflow: hidden;
    }
}

@media (max-width: 434px) {
    .cameras__popular .cameras__item-text:nth-child(3) {
        max-width: 238px;
    }

    .cameras .tabs__nav h1 {
        font-size:   25px;
        line-height: 32px;
    }

    .cameras .tabs__content {
        padding: 24px 0 60px;
    }
}

@media (max-width: 420px) {
    .top-icon {
        width:  58px;
        height: 58px;
    }
}

@media (max-width: 410px) {
    .wrap-dropdown-hidden {
        right: -148px;
        width: 320px;
    }
}

@media (max-width: 404px) {
    .send__file {
        height: 54px;
    }
}

@media (max-width: 398px) {
    .cameras__popular .cameras__item-text:nth-child(3) {
        max-width: 200px;
    }

    .cameras__popular-img {
        top:   306px;
        right: -82px;
    }
}

@media(max-width: 767px) {
    .section-intercom-new-lvl-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.png) !important;
        top:              -530px;
    }

    .section-intercom-new-lvl-background::after {
        content:           '';
        position:          absolute;
        background-image:  url(/local/templates/redcom.ru/cmp/../img/intercom-mobile-back-main.png) !important;
        display:           block;
        width:             100%;
        background-repeat: no-repeat;
        background-size:   cover;
        top:               -55px;
        bottom: 0;
        z-index:           0;
    }

    .webp .tv-cabel-bg::before, .webp .tv-online-bg::before, .tv-equipment-bg::before, .tel-add-bg::before, .tel-add-bg::after {
        visibility: visible !important;
    }
}

@media (max-width: 767px) {
    .section-intercom-table-background::before {
        background-image:  url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.png);
        top:               -52px;
        bottom: 0;
        display:           block;
        width:             100%;
        background-repeat: no-repeat;
        background-size:   cover;
    }
}

@media (max-width: 375px) {



    .career-work .career-background::before {
        top: -45px;
    }

    .vacancies .career-background::after {
        top: -45px;
    }

    .cameras-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.png);
        top:              1445px;
    }

    .text-page .swiper {
        max-height: 274px;
    }

    .text-page .swiper-button-prev,
    .text-page .swiper-rtl .swiper-button-next {
        left: 75%;
    }

    .text-page .swiper-button-next,
    .text-page .swiper-button-prev {
        top: 90%;
    }

    .review-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.png);
        top:              585px;
    }

    #mc-review {
        background: #fff;
    }

    .reviews__desc {
        padding-bottom: 86px;
    }

    #mc-review {
        background: #fff;
    }

    .reviews__desc {
        padding-bottom: 86px;
    }
}

@media (max-width: 370px) {
    .modal__form-input-group.services {
        grid-template-columns: 100%;
    }

}

.webp .download-intercom::after {
    background-image: url(/local/templates/redcom.ru/cmp/../img/after-intercom.webp);
}

.webp .section-intercom-new-lvl-background::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/section-intercom-new-lvl-bg.webp);
}

.webp .section-intercom-table-background::before {
    /* background-image: url(/local/templates/redcom.ru/cmp/../img/section-intercom-table-bg.webp); */
    background-image: url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.webp);
    background-position-x: center;
    background-size: 100%;
}
.webp .tv-cabel-bg {
    position: relative;
    padding-bottom: 50px
}
.tv-online {
    /* position: relative; */
    margin-bottom: 0;
    padding-bottom: 90px
}
.relative-container {
    position: relative;
}
.tv-online-bg, .tv-equipment-bg, .tel-add-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* position: relative;
left: 0;
top: 0;
width: 100vw;
height: auto; */
}
.webp .tv-cabel-bg::before, .tv-online-bg::before, .tv-equipment-bg::before, .tel-add-bg::before, .tel-add-bg::after {
    /* background-image: url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.webp);
background-position: center;
background-size: 100%; */
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    background-image: url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    top: -57px;
    bottom: 0;
    z-index: 0;
    visibility: hidden;
    /* height: 100%; */
}
.tv-equipment-bg::before {
    top: -50px !important;
}
.tel-add-bg::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/career-background-mobile-white.webp);
    z-index: 4;
}
.tel-add-bg::after {
    top: 1385px;
    bottom: -500px;
    z-index: 4;
}

.webp .video-list__items::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/video-list-phone.webp);
}

.webp .video-list__background::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/video-list-bg.webp);
}

.webp .video-list__background::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/video-list-bg.webp);
}

.webp .video-card__background::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/video-card-bg.webp);
}

.webp .video-card__background::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/video-card-bg.webp);
}

.webp .payments-background::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/payment-bg.webp);
}

.webp .payments-info__background::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/payment-bg.webp);
}

.webp .home-redcom-background::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/home-redcom-bg.webp);
}

.webp .home-news-background::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/home-news-bg.webp);
}

.webp .reviews__desc::after {
    background-image: url(/local/templates/redcom.ru/cmp/../img/review-decor.webp);
}

.webp .review-background::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.webp);
}

.webp .career-work .career-background::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/career-background.webp);
}

.webp .vacancies .career-background::after {
    background-image: url(/local/templates/redcom.ru/cmp/../img/career-background.webp);
}

.webp .cameras__banner::after {
    background-image: url(/local/templates/redcom.ru/cmp/../img/greendecor-bigger.webp);
}

.webp .cameras__banner::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/purpledecor-bigger.webp);
}

.webp .cameras-background::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/cameras-background.webp);
}

.webp .news-background-mobile::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/news-bg-mobile.webp);
}

.webp .work-background-mobile::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/news-work-bg-mobile.webp);
}

.webp .packs-table::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/packs-table-bg.webp);
}

.webp .packs-request::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/packs-request-bg.webp);
}

.webp .net-request::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/packs-table-bg.webp);
}

.webp .tv-premium-background::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/tv-premium-bg.webp);
}

.webp .tel-intercity-background::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/tel-intercity-bg.webp);
}

.webp .tel-nice-background::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/tel-nice-bg.webp);
}

.webp .bonus-faq-background::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/bonus-bg.webp);
}

.webp .ui-widget-header .ui-icon {
    background-image: url(/local/templates/redcom.ru/cmp/images/ui-icons_444444_256x240.webp);
}

.webp .ui-icon, .webp .ui-widget-content .ui-icon {
    background-image: url(/local/templates/redcom.ru/cmp/images/ui-icons_444444_256x240.webp);
}

.webp .ui-state-hover .ui-icon, .webp .ui-state-focus .ui-icon, .webp .ui-button:hover .ui-icon, .webp .ui-button:focus .ui-icon {
    background-image: url(/local/templates/redcom.ru/cmp/images/ui-icons_555555_256x240.webp);
}

.webp .ui-state-active .ui-icon, .webp .ui-button:active .ui-icon {
    background-image: url(/local/templates/redcom.ru/cmp/images/ui-icons_ffffff_256x240.webp);
}

.webp .ui-state-highlight .ui-icon, .webp .ui-button .ui-state-highlight.ui-icon {
    background-image: url(/local/templates/redcom.ru/cmp/images/ui-icons_777620_256x240.webp);
}

.webp .ui-state-error .ui-icon, .webp .ui-state-error-text .ui-icon {
    background-image: url(/local/templates/redcom.ru/cmp/images/ui-icons_cc0000_256x240.webp);
}

.webp .ui-button .ui-icon {
    background-image: url(/local/templates/redcom.ru/cmp/images/ui-icons_777777_256x240.webp);
}

.webp .tv-online-background::before {
    background-image: url(/local/templates/redcom.ru/cmp/../img/tv-premium-bg.webp);
}

@media (max-width: 1448px) {

    .webp .home-news-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/bottom-background-laptop.webp);
    }
}

@media (max-width: 1400px) {

    .webp .video-list__background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/video-list-bg-desktop.webp);
    }
}

@media (max-width: 1400px) {

    .webp .video-card__background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/video-card-bg-desktop.webp);
    }
}

@media (max-width: 1400px) {

    .webp .payments-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/payment-bg-laptop.webp);
    }
}

@media (max-width: 1400px) {

    .webp .home-redcom-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/home-redcom-bg.webp);
        background-size: cover;
    }
}

@media (max-width: 1400px) {

    .webp .packs-table::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/packs-table-bg.webp);
    }
}

@media (max-width: 1400px) {

    .webp .bonus-faq-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/bonus-faq-bg-laptop.webp);
    }
}

@media (max-width: 1280px) {

    .webp .career-work .career-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/career-laptop-background.webp);
    }
}

@media (max-width: 1280px) {

    .webp .vacancies .career-background::after {
        background-image: url(/local/templates/redcom.ru/cmp/../img/career-laptop-background.webp);
    }
}

@media (max-width: 1280px) {

    .webp .tv-premium-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/background-laptop.webp);
    }
}

@media (max-width: 1280px) {

    .webp .tel-intercity-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/career-background-mobile-white.webp);
    }
}

@media (max-width: 1280px) {

    .webp .tel-nice-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/background-laptop.webp);
    }

    .webp .packs-request::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/packs-request-bg-tablet.webp);
    }

}

@media (max-width: 992px) {

    .webp .home-news-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/intercom-mobile-back-main.webp);
    }
}

@media (max-width: 992px) {

    .webp .net-table-bg-mobile::after {
        background-image: url(/local/templates/redcom.ru/cmp/../img/net-request-table-mobile-01.webp);
    }
}

@media (max-width: 768px) {

    .webp .information__list::after {
        background-image: url(/local/templates/redcom.ru/cmp/../img/greendecor-small.webp);
    }
}

@media (max-width: 768px) {

    .webp .information__list::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/purpledecor-small.webp);
    }
}

@media (max-width: 768px) {

    .webp .video-list__background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/video-list-bg-mobile.webp);
    }
}

@media (max-width: 768px) {

    .webp .video-card__background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/video-card-bg-mobile.webp);
    }
}

@media (max-width: 768px) {

    .webp .home-redcom-background::after {
        background-image: url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.webp);
    }
}

@media (max-width: 768px) {

    .webp .home-redcom-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/home-main-background.webp);
    }
}

@media (max-width: 768px) {

    .webp .home-app-bonus-mobile .bonus-programm::after {
        background-image: url(/local/templates/redcom.ru/cmp/../img/bonus-icon-mobile.webp);
    }
}

@media (max-width: 768px) {

    .webp .home-app-bonus-mobile .bonus-programm::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/bonus-icon-03.webp);
    }
}

@media (max-width: 768px) {

    .webp .home-app-block-left::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/bonus-icon-02.webp);
    }
}

@media (max-width: 768px) {

    .webp .home-news-background::after {
        background-image: url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.webp);
    }
}

@media (max-width: 768px) {

    .webp .home-news-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/intercom-mobile-back-main.webp);
    }
}

@media (max-width: 768px) {

    .webp .career__images::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/purple-decor-small-career.webp);
    }
}

@media (max-width: 768px) {

    .webp .career-work .career-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.webp);
    }
}

@media (max-width: 768px) {

    .webp .vacancies .career-background::after {
        background-image: url(/local/templates/redcom.ru/cmp/../img/intercom-mobile-back-main.webp);
    }
}

@media (max-width: 768px) {

    .webp .reviews__desc::after {
        background-image: url(/local/templates/redcom.ru/cmp/../img/review-mobile-decor.webp);
    }
}

@media (max-width: 768px) {

    .webp .packs-table::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/packs-table-bg-mobile.webp);
    }
}

@media (max-width: 768px) {

    .webp .packs-request::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/packs-request-bg-mobile.webp);
    }
}

@media (max-width: 768px) {

    .webp .packs-faq-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/packs-faq-bg-mobile.webp);
    }
}

@media (max-width: 768px) {

    .webp .net-request::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/net-request-bg-mobile.webp);
    }
}

@media (max-width: 768px) {

    .webp .net-faq-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/net-faq-bg-mobile.webp);
    }
}

@media (max-width: 768px) {

    .webp .tv-premium-background::before, .tv-equipment-bg::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/home-main-background.webp);
        top: -30px;
        z-index: 0;
        /* background-position: center; */
        background-size: 100% auto;
    }
}

@media (max-width: 768px) {

    .webp .tv-premium-background::after {
        background-image: url(/local/templates/redcom.ru/cmp/../img/intercom-mobile-back-main.webp);
        display:          none;
    }
}

@media (max-width: 768px) {

    .webp .tv-online-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.webp);
    }
}

@media (max-width: 768px) {

    .webp .tv-online-background::after {
        background-image: url(/local/templates/redcom.ru/cmp/../img/intercom-mobile-back-main.webp);
    }
}

@media (max-width: 768px) {

    .webp .tel-intercity-background::after {
        background-image: url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.webp);
    }
}

@media (max-width: 768px) {

    .webp .tel-economy-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/intercom-mobile-back-main.webp);
    }
}

@media (max-width: 768px) {

    .webp .tel-nice-background::after {
        background-image: url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.webp);
    }
}

@media (max-width: 768px) {

    .webp .tel-nice-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/intercom-mobile-back-main.webp);
    }
}

@media (max-width: 768px) {

    .webp .bonus-faq-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/bonus-faq-bg-mobile.webp);
    }
}

@media (max-width: 576px) {

    .webp .home-app-bonus-mobile .bonus-programm::after {
        background-image: url(/local/templates/redcom.ru/cmp/../img/bonus-icon-mobile.webp);
    }
}

@media (max-width: 576px) {

    .webp .home-app-bonus-mobile .bonus-programm::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/bonus-icon-03.webp);
    }
}

@media (max-width: 576px) {

    .webp .home-app-block-left::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/bonus-icon-02.webp);
    }
}

@media (max-width: 375px) {

    .webp .section-intercom-new-lvl-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.webp);
    }
}

@media (max-width: 375px) {

    .webp .section-intercom-new-lvl-background::after {
        background-image: url(/local/templates/redcom.ru/cmp/../img/intercom-mobile-back-main.webp);
    }
}

@media (max-width: 767px) {

    .webp .cameras-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.webp);
        top:              -50px;
    }
}

@media (max-width: 375px) {

    .webp .section-intercom-table-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.webp);
    }

    .webp .cameras-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.webp);
    }

    .webp .review-background::before {
        background-image: url(/local/templates/redcom.ru/cmp/../img/review-mobile-bg.webp);
    }
}

.modal__form-input-group.services {
    /*display: block;  */
    display:         flex;
    flex-wrap:       wrap;
    max-width:       100%;
    align-items:     center;
    justify-content: space-between;
    gap:             20px 30px;
    flex-direction:  row;
}

@media (max-width: 768px) {
    .modal__form-input-group.services {
        justify-content: flex-start;
    }

    .list-canals {
        padding-bottom: 60px
    }
}

.modal__form-input-group.services .custom-checkbox {
    margin-right: 5px;
}

.modal__form-input-group.services br {
    content:      ' ';
    margin-right: 35px;
}

.technology__item ul li {
    list-style:  disc;
    margin-left: 20px;
}

.technology__item ul li::marker {
    color: #705BDE;
}

/* .modal__container { */
/* 	color: #fff; */
/* } */

.modal__container form {
    color: #000;
}

.modal__container form p {
    margin-bottom: 15px;
}

.modal__container form p.modal__form-submit-info {
    margin-bottom: 0;
}

.modal-success {
    text-align: center;
    color:      #000
}

.modal-success h2 {
    margin-bottom: 10px;
}

.modal-success svg {
    margin-top:    -110px;
    margin-bottom: 22px;
}

.intercom-btn {
    -webkit-box-flex: 0;
    -ms-flex:         0 0 50%;
    flex:             0 0 50%;
    display:          inline-block;
    padding:          14px 38px 14px 36px;
    border-radius:    15px;
    font-weight:      700;
    font-size:        16px;
    line-height:      15px;
    text-align:       center;
    text-decoration:  none;
    color:            #0fabeb;
    background:       #fff;
    cursor:           pointer;
}

.intercom-btn:hover {
    background: -o-linear-gradient(359.49deg, #238BCD 2.06%, #02BFFE 97.14%);
    background: linear-gradient(90.51deg, #238BCD 2.06%, #02BFFE 97.14%);
    color:      #fff;
}


@media (max-width: 1045px) {
    .banner__info {
        flex-wrap: wrap;
    }
}

@media (max-width: 929px) {
    .banner__info {
        flex-direction: column;
        align-items:    flex-start;
        flex-wrap:      wrap;
    }

    .banner__info-link {
        text-decoration: underline;
        margin-top:      18px;
    }

    .banner__info-text, .banner__info-title {
        width: 90%;
    }

    .banner__bonus-btn {
        min-width: 34px
    }
}

.video-info__left .home-app-download__block {
    flex-direction: row;
    gap:            15px;
}

.list-canals {
    padding-bottom: 100px
}

.tel-intercity-wrapper {
    position:    relative;
    margin-top:  100px;
}

.tel-nice-wrapper {
    position:    relative;
}

.intercome-wrapper {
    position:   relative;
    margin-top: 80px;
}

@media screen and (max-width: 1440px) and (min-width: 769px) {
    .intercome-wrapper {
        margin-top: 0;
    }
}

.intercome-wrapper .container {
    position: relative;
    z-index:  1;
}







.tv-navitation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 70px;
    padding-bottom: 52px;
    font-family: "Leto Sans", sans-serif;
}
.mobile-nav .tv-navitation {
    padding-bottom: 0;
    overflow: scroll;
    padding-bottom: 15px;
}
.mobile-nav .tv-navitation__list {
    margin-bottom: 0;
    min-width: 700px;
}
.tv-navitation__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
}
.tv-navitation__list-link {
    text-decoration: none;
    display: inline-block;
    padding: 10px 30px 6px 30px;
    border: 1px solid #8D8D8F;
    border-radius: 20px;
    font-size: 16px;
    line-height: 20px;
    background: #fff;
}

@media (max-width: 1400px) {
    .tv-navitation {
        padding: 30px 0;
    }
    .tv-navitation__list {
        max-width: 84%;
        gap: 13px;
    }
    .tv-navitation__list-link {
        padding: 6px 28px;
    }
}
@media (max-width: 1280px){
    .tv-navitation {
        overflow-x: hidden;
        /* min-width: 400px; */
    }
    .tv-navitation__list {
        max-width: 100%;
        gap: 10px;
    }
    .tv-navitation__list-link {
        padding: 10px 26px;
    }
}
@media (max-width: 992px) {
    .tv-navitation {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 30px 0;
    }
    .tv-navitation__list {
        overflow-x: auto;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        max-width: none;
        margin-bottom: 18px;
    }
    .tv-navitation__list-item {
        scroll-snap-align: start;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .tv-navitation__list-link {
        padding: 8px 14px;
    }
}


@media (max-width: 768px) {
    .modal {
        border-radius: 20px;
        overflow: visible;
        transform: translate(-50%, -68%);
    }
    .popup-dadata-container.name {
        grid-column: 1 !important;
    }
    .modal-close {
        top: 10px;
        right: 10px;
    }
}


@media (max-width: 576px) {
    .modal__form-input-group.adress {
        display: flex;
        flex-direction: column;
    }
}


@media (max-width: 768px) {
    div.bx-livechat-mobile.bx-livechat-wrapper {
        top: 14px;
        left: 14px;
        right: 14px;
        bottom: 110px;
        width: auto !important;
        height: auto !important;
    }

    div.b24-widget-button-inner-container {
        display: none
    }
}
/* End */


/* Start:/local/templates/redcom.ru/components/bitrix/menu/top-menu-left/style.min.css?1695282089490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/redcom.ru/components/bitrix/menu/top-menu-left/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/redcom.ru/components/bitrix/menu/top-menu-right/style.min.css?1695282089490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/redcom.ru/components/bitrix/menu/top-menu-right/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/redcom.ru/components/bitrix/menu/top-menu-right-mobile/style.min.css?1695282089490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/redcom.ru/components/bitrix/menu/top-menu-right-mobile/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/redcom.ru/components/bitrix/menu/menu-mobile-active/style.min.css?1695282089490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/redcom.ru/components/bitrix/menu/menu-mobile-active/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/redcom.ru/components/bitrix/menu/menu-mobile/style.min.css?1695282089490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/redcom.ru/components/bitrix/menu/menu-mobile/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/redcom.ru/components/bitrix/menu/burger-menu-bottom/style.min.css?1695282089490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/redcom.ru/components/bitrix/menu/burger-menu-bottom/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/redcom.ru/components/bitrix/menu/burger-contact-mobile/style.min.css?1695282089490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/redcom.ru/components/bitrix/menu/burger-contact-mobile/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/redcom.ru/components/bitrix/menu/main_menu/style.min.css?1695282089490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/redcom.ru/components/bitrix/menu/main_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/redcom.ru/components/bitrix/menu/pack-menu/style.min.css?1695282089490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/redcom.ru/components/bitrix/menu/pack-menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/redcom.ru/components/bitrix/menu/inerner-menu/style.min.css?1695282089490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/redcom.ru/components/bitrix/menu/inerner-menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/redcom.ru/components/bitrix/menu/tv-menu/style.min.css?1695282089490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/redcom.ru/components/bitrix/menu/tv-menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/redcom.ru/components/bitrix/menu/intercom-menu/style.min.css?1695282089490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/redcom.ru/components/bitrix/menu/intercom-menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/redcom.ru/components/bitrix/menu/telefony-menu/style.min.css?1695282089490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/redcom.ru/components/bitrix/menu/telefony-menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/redcom.ru/components/bitrix/menu/video-menu/style.min.css?1695282089490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/redcom.ru/components/bitrix/menu/video-menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/redcom.ru/components/bitrix/menu/burger-bottom-left/style.min.css?1695282089490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/redcom.ru/components/bitrix/menu/burger-bottom-left/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/redcom.ru/components/bitrix/menu/company-menu/style.min.css?1695282089490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/redcom.ru/components/bitrix/menu/company-menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/redcom.ru/components/bitrix/form/popup/bitrix/form.result.new/.default/style.css?1699604270867*/
table.form-table
{
	width:100%;
	background-color:white;
	border-collapse:collapse;
	font-size:100%;
	font-weight:normal;
	line-height:160%;
}

table.form-table th, table.form-table td
{
	border:1px solid #ADC3D5;
	padding: 5px 5px;
	vertical-align:top;
}

table.form-table th
{
	background-image:url(/local/templates/redcom.ru/components/bitrix/form/popup/bitrix/form.result.new/.default/images/table_head.gif);
	background-repeat:repeat-x;
	text-align: left;
	color:#25639A;
}


table.form-table td
{
	padding: 15px 5px;
}

.form-required 
{
	color: red;
}

.error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/local/templates/redcom.ru/components/bitrix/form/popup/bitrix/form.result.new/.default/images/icon_warn.gif);
}


/* .invalid-form, */
.invalid-form::placeholder {
	color: #ff4545;
}

.xname {display:block;height:.1px;margin:0!important;overflow:hidden;padding:0!important;width:.1px;border:0;opacity:.01;}
/* End */


/* Start:/local/templates/redcom.ru/components/bitrix/menu/business/style.min.css?1695282089490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/redcom.ru/components/bitrix/menu/business/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/redcom.ru/components/bitrix/menu/bottom-main/style.min.css?1695282089490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/redcom.ru/components/bitrix/menu/bottom-main/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/redcom.ru/components/bitrix/menu/menu-company/style.min.css?1695282089490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/redcom.ru/components/bitrix/menu/menu-company/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/redcom.ru/components/bitrix/menu/support-menu/style.min.css?1695282089490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/redcom.ru/components/bitrix/menu/support-menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */
/* /local/templates/redcom.ru/cmp/style.min.css?1699838547850791 */
/* /local/templates/redcom.ru/components/bitrix/menu/top-menu-left/style.min.css?1695282089490 */
/* /local/templates/redcom.ru/components/bitrix/menu/top-menu-right/style.min.css?1695282089490 */
/* /local/templates/redcom.ru/components/bitrix/menu/top-menu-right-mobile/style.min.css?1695282089490 */
/* /local/templates/redcom.ru/components/bitrix/menu/menu-mobile-active/style.min.css?1695282089490 */
/* /local/templates/redcom.ru/components/bitrix/menu/menu-mobile/style.min.css?1695282089490 */
/* /local/templates/redcom.ru/components/bitrix/menu/burger-menu-bottom/style.min.css?1695282089490 */
/* /local/templates/redcom.ru/components/bitrix/menu/burger-contact-mobile/style.min.css?1695282089490 */
/* /local/templates/redcom.ru/components/bitrix/menu/main_menu/style.min.css?1695282089490 */
/* /local/templates/redcom.ru/components/bitrix/menu/pack-menu/style.min.css?1695282089490 */
/* /local/templates/redcom.ru/components/bitrix/menu/inerner-menu/style.min.css?1695282089490 */
/* /local/templates/redcom.ru/components/bitrix/menu/tv-menu/style.min.css?1695282089490 */
/* /local/templates/redcom.ru/components/bitrix/menu/intercom-menu/style.min.css?1695282089490 */
/* /local/templates/redcom.ru/components/bitrix/menu/telefony-menu/style.min.css?1695282089490 */
/* /local/templates/redcom.ru/components/bitrix/menu/video-menu/style.min.css?1695282089490 */
/* /local/templates/redcom.ru/components/bitrix/menu/burger-bottom-left/style.min.css?1695282089490 */
/* /local/templates/redcom.ru/components/bitrix/menu/company-menu/style.min.css?1695282089490 */
/* /local/templates/redcom.ru/components/bitrix/form/popup/bitrix/form.result.new/.default/style.css?1699604270867 */
/* /local/templates/redcom.ru/components/bitrix/menu/business/style.min.css?1695282089490 */
/* /local/templates/redcom.ru/components/bitrix/menu/bottom-main/style.min.css?1695282089490 */
/* /local/templates/redcom.ru/components/bitrix/menu/menu-company/style.min.css?1695282089490 */
/* /local/templates/redcom.ru/components/bitrix/menu/support-menu/style.min.css?1695282089490 */