@import "font/fonts.css";

* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
}

body {
    min-height: 100vh;
    font: 400 14px 'Montserrat', sans-serif;
    color: #fff;
}

a {
    cursor: pointer;
}

.is-mobile {
    display: none;
}

.overflow-hidden {
    overflow: hidden;
}

.underline {
    position: relative;
    cursor: pointer;
}

.underline:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(153, 9, 227, .5);
    transition: .2s ease-in-out;
}

.underline:hover:after {
    background-color: transparent;
}

a:hover .underline:after {
    background-color: transparent;
}

.animation-open {
    display: block;
    animation: open .25s ease-in-out;
    opacity: 1;
}

@keyframes open {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.animation-close {
    animation: close .4s ease-in-out;
    opacity: 1;
}

@keyframes close {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 70px;
    padding: 15px 30px 15px 25px;
    background-color: #291536;
    z-index: 10;
}

.header__container {
    width: 100%;

    margin: 0 auto;
    display: flex;
}

.logotype {
    max-width: 144px;
    margin-right: 50px;
}

.logotype img {
    max-width: 100%;
}

.header__tabs {
    display: flex;
}

.tabs__link {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 10px 15px;
    line-height: 20px;
    color: #fff;
}

.tabs__link_active {
    position: relative;
    pointer-events: none;
}

.header__tabs .tabs__link_active:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 55px;
    width: 100%;
    background-color: #351b46;
}

.tabs__icon {
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

.tabs__icon_home {
    background: url("../img/icon__home.svg") no-repeat center;
}

.tabs__icon_business {
    background: url("../img/icon__business.svg") no-repeat center;
}

.tabs__link_active .underline:after {
    content: none;
}

.phone {
    display: flex;
    align-items: center;
}

.header__phone {
    margin: auto 40px auto auto;
}

.phone__icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url("../img/icon__phone.svg") no-repeat center;
    margin-right: 8px;
}

.phone__text {
    display: inline-block;
    font-size: 19px;
    line-height: 22px;
    color: #fff;
    vertical-align: top;
}

/*.header__call-order {*/
/*    width: 174px;*/
/*    height: 40px;*/
/*    border-radius: 3px;*/
/*    border: 1px solid rgba(255, 255, 255, .12);*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    cursor: pointer;*/
/*    margin-right: 60px;*/
/*}*/

/*.header__call-order:hover .underline:after {*/
/*    background-color: transparent;*/
/*}*/

.header__select {
    display: flex;
    align-items: center;
    padding: 0 10px;
    margin: 0 50px 0 0;
    color: #fff;
    position: relative;
}

.header__select-name {
    margin-right: 5px;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

.header__select .icon__big-arrow-right {
    margin-right: 8px;
}

.header__select-block {
    position: relative;
}

.header__select-title {
    color: #fff;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    background: none;
    cursor: pointer;
    position: relative;
}

.header__select-title:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(153, 9, 227, .5);
    transition: .2s ease-in-out;
}

.header__select-title:hover:after {
    background-color: transparent;
}

.header__select-dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    padding: 15px;
    background-color: #EFF1F2;
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    transition: all .25s ease-in-out;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
    border: 1px solid #C9D6DC;
    z-index: 2;
    white-space: nowrap;
}

.header__select-dropdown p {
    cursor: pointer;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #C9D6DC;
    background-color: transparent;
    transition: all .25s ease-in-out;
}

.header__select-dropdown p:hover {
    color: #9909E3;
}

.header__select-dropdown p:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.header__select-block.open .header__select-dropdown {
    visibility: visible;
    opacity: 1;
}

.lang-switcher {
    display: flex;
}

.header__lang-switcher {
    margin: auto 50px auto 0;
}

.lang-switcher__item {
    color: #685376;
    font-size: 14px;
    margin-right: 15px;
    cursor: pointer;
}

.lang-switcher__item_active {
    color: #fff;
    pointer-events: none;
}

.lang-switcher__item_active.underline:after {
    content: none;
}

.lang-switcher__item:last-child {
    margin: 0;
}

.sign-in {
    background-color: #9909e3;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    transition: .2s ease-in-out;
    border-radius: 3px;
}

.butt {
    background-color: #9909e3;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    transition: .2s ease-in-out;
    border-radius: 3px;
padding: 10px;
}


.header__sign-in {
    min-width: 105px;
    height: 40px;
    padding: 0 15px;
}
.header__sign-in1 {
    min-width: 105px;
    height: 40px;
    padding: 0 15px;
width:300px;
}


.sign-in:hover {
    background-color: #8101c2;
}

.sign-in__icon {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url("../img/icon__sign-in.svg") no-repeat center;
    margin-right: 12px;
}

.dropdown {
    display: none;
}

.dropdown__burger {
    position: relative;
    width: 100%;
    height: 9px;
    cursor: pointer;
    z-index: 1;
}

.dropdown__close {
    position: absolute;
    right: 30px;
    top: 15px;
    width: 36px;
    height: 36px;
    cursor: pointer;
}

.dropdown__burger.dropdown__burger_open {
    height: 100%;
}

.dropdown__burger span,
.dropdown__close span {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 2px;
    background-color: #9909e3;
    left: 0;
    transition: .2s linear;
}

.dropdown__burger span:first-child {
    top: -1px;
}

.dropdown__burger.dropdown__burger_open span:first-child,
.dropdown__close span:first-child {
    top: 17px;
    transform: rotate(45deg);
}

.dropdown__burger span:last-child {
    bottom: 0;
}

.dropdown__burger.dropdown__burger_open span:last-child,
.dropdown__close span:last-child {
    bottom: 17px;
    transform: rotate(-45deg);
}

.dropdown__wrapper {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    background-color: rgba(41, 21, 54, 0.9);
    overflow: auto;
    z-index: 5;
    transition: opacity .25s ease-in-out;
}

.dropdown__wrapper:not(.animation-open) {
    opacity: 0;
    display: none;
}

.dropdown__container {
    background-color: #eff1f2;
    max-width: 400px;
    width: 100vw;
    min-height: 100vh;
    position: absolute;
    right: 0;
    top: 0;
    padding: 15px 30px 30px;
}

.dropdown__lang-switcher {
    height: 36px;
    align-items: center;
    margin: 0 36px 20px 0;
}

.dropdown__lang-switcher .lang-switcher__item {
    color: #b5b7be;
}

.dropdown__lang-switcher .lang-switcher__item_active {
    color: #351b46;
}

.dropdown__tabs {
    display: flex;
    margin-bottom: 35px;
}

.dropdown__tabs .tabs__link {
    width: 50%;
    background-color: #9909e3;
    padding: 16px 10px;
    font-size: 12px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
}

.dropdown__tabs .tabs__link_active {
    color: #000;
    background-color: #fff;
}

.dropdown__tabs .underline:after {
    background-color: rgba(255, 255, 255, 0.5);
}

.dropdown__tabs .tabs__link:hover .underline:after {
    background-color: transparent;
}

.dropdown__menu .menu__link {
    align-items: baseline;
    font-size: 20px;
    line-height: 24px;
    color: #202124;
    font-weight: 400;
    margin-bottom: 20px;
    padding: 0;
}

.dropdown__menu .menu__link:hover {
    background-color: transparent;
}

.dropdown__menu .menu__link.menu__link_active {
    color: #9909E3;
}

.dropdown__menu .menu__link.menu__link_active .underline:after {
    content: unset;
}

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

.menu__link:hover > .underline:after {
    background-color: transparent;
}

.menu__link-list {
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: all 0.5s;
}

.menu__link-list.open {
    height: 135px;
    opacity: 1;
    visibility: visible;
}

.menu__link-list a.menu__link {
    font-size: 16px;
    margin-bottom: 10px;
}

.menu__link-list a.menu__link .underline:after {
    bottom: 2px;
}

.social a {
    width: 24px;
    height: 24px;
    display: block;
}

.dropdown__social {
    margin: 20px 0;
}

.contact-paragraph {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
}

.dropdown__contact-paragraph {
    color: #202124;
}

.contact-paragraph a {
    display: inline-block;
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    margin-top: 5px;
}

.dropdown__contact-paragraph a {
    color: #202124;
}

.dropdown__container hr {
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    outline: none;
    border: none;
    margin: 17px 0;
}

.dropdown__call-order {
    border: 0;
    height: auto;
    width: auto;
    display: inline-block;
    color: #202124;
    margin: 6px 0 25px 0;
}

.dropdown__sign-in {
    width: 100%;
    height: 50px;
    margin-top: 20px;
}

main {
    overflow-x: hidden;
}

.left-aside {
    position: fixed;
    top: 70px;
    left: 0;
    width: 147px;
    height: calc(100% - 70px);
    background-color: #fff;
    padding: 15px 0 15px 10px;
    z-index: 5;
}

.menu__link {
    font-weight: 500;
    color: #351b46;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 10px 15px 0;
    transition: all .25s ease-in-out;
    cursor: pointer;
}

a.menu__link:hover {
    color: rgba(153, 9, 227, .5);
}

div.menu__link:hover {
    background-color: #E5E7EF;
}

.menu__icon {
    display: block;
    width: 31px;
    height: 31px;
    margin-bottom: 7px;
}

.menu__icon_kits {
    background: url("../img/icon__kits.svg") no-repeat center bottom;
}

.menu__icon_internet {
    background: url("../img/icon__internet.svg") no-repeat center bottom;
}
.menu__icon_datacenter {
    background: url("../img/icon__datacenter-svg.svg") no-repeat center bottom;
}

.menu__icon_partneri {
    background: url("../img/partneri1.svg") no-repeat center bottom;
}


.menu__icon_television {
    background: url("../img/icon__television.svg") no-repeat center bottom;
}

.menu__icon_telephony {
    background: url("../img/icon__telephony.svg") no-repeat center bottom;
}

.menu__icon_company {
    background: url("../img/icon__company.svg") no-repeat center bottom;
}

.menu__icon_shop {
    background: url("../img/icon__shop.svg") no-repeat center bottom;
}

.menu__second-level {
    position: absolute;
    left: 147px;
    top: 0;
    width: 269px;
    height: 100%;
    padding: 48px 24px;
    background-color: #E5E7EF;
    visibility: hidden;
    opacity: 0;
    transition: all .25s ease-in-out;
    display: flex;
    flex-direction: column;
}

div.menu__link:hover .menu__second-level {
    visibility: visible;
    opacity: 1;
}

.menu__second-level a {
    padding: 15px 22px;
    margin-bottom: 5px;
    display: inline-block;
    transition: background-color .25s ease-in-out;
    background-color: transparent;
    font-size: 16px;
    color: #351B46;
    font-weight: 500;
}

.menu__second-level a:hover {
    background-color: #EBEEF9;
}

.content {
    padding: 0 0 0 147px;
}

section {
    padding: 0 70px;
}

.welcome {
    max-width: 100vw;
    padding-top: 125px;
    padding-bottom: 95px;
    background-color: #351b46;
    display: flex;
}
.welcome44 {
    max-width: 100vw;
    padding-top: 125px;
    
    background-color: #351b46;
    display: flex;
}


.business__welcome {
    background-color: #D2CEEC;
    color: #291536;
}

.business__link span {
    color: #291536;
}

.content-container {
    width: 100%;
    max-width: 1145px;
    margin: 0 auto;
}

.welcome__content-container {
    display: flex;
    flex-direction: column;
}

.welcome__top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.welcome__top44 {
    display: flex;
    justify-content: space-between;
}


.welcome__content {
    width: 100%;
    max-width: 540px;
    display: flex;
    flex-direction: column;
}

.welcome__title {
    color: #ffd66d;
    font-size: 50px;
    line-height: 57px;
    font-weight: 600;
    margin-bottom: 20px;
    letter-spacing: -0.02em;
}

.business__title {
    color: #291536;
}

.title-price {
    display: inline-block;
    background-color: #ffd66d;
    color: #351b46;
    border-radius: 3px;
    padding: 0 5px;
}

.break-line {
    display: block;
}

.welcome__subtitle {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 90px;
}

.welcome__check-form {
    max-width: 540px;
    margin: auto 0 0 0;
}

.check-form__top {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    line-height: 17px;
}

.check-form__top p:last-child {
    display: none;
}

.check-form__step-one {
    display: block;
    position: relative;
}

.check-form__step-one:after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #9909e3;
    transition: width 1.5s ease-in-out;
}

.check-form__step-one.check-form_loading:after {
    width: 100%;
}

.check-form__step-two {
    display: none;
}

.check-form__block {
    position: relative;
}

.check-form__block input {
    width: 100%;
    height: 55px;
    background-color: #fff;
    border-radius: 3px;
    padding: 22px 190px 0 13px;
    color: #000;
    font-size: 16px;
    border: 0;
    outline: none;
}

.check-form__block label {
    position: absolute;
    color: #7e8082;
    font-size: 16px;
    line-height: 16px;
    top: calc((100% - 16px) / 2);
    left: 13px;
    transition: top .2s ease-in-out;
}

.check-form__block input:focus ~ label,
.check-form__block input:valid ~ label {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #9909e3;
    top: 10px;
}

.check-form__step-one.check-form_loading .check-form__block input:valid ~ label,
.check-form__step-one.check-form_loading .check-form__block input {
    color: #cdcdcd !important;
}

input.error ~ label {
    color: #ff3939;
}

.check-form__button-check,
.check-form__button {
    position: absolute;
    right: -1px;
    top: 0;
    width: 177px;
    height: 55px;
    background: #9909e3 url('../img/icon__search.svg') no-repeat center right;
    border-radius: 3px;
    padding: 0 55px 0 0;
    line-height: 55px;
    text-align: center;
    transition: background .2s ease-in-out;
    cursor: pointer;
    outline: none;
    border: none;
    color: #fff;
    font-size: 14px;
}

.check-form__button-check span {
    display: none;
}

.check-form__button-check:hover,
.check-form__button:hover {
    background: #8101c2 url("../img/icon__search.svg") no-repeat center right;
}

.check-form__step-one.check-form_loading .check-form__button-check {
    background: #8101c2;
    color: transparent;
    user-select: none;
    pointer-events: none;
    cursor: not-allowed;
}

.check-form__step-one.check-form_loading .check-form__button-check:hover {
    background: #8101c2;
}

.check-form__step-one.check-form_loading .check-form__button-check:after {
    content: '';
    position: absolute;
    width: 29px;
    height: 29px;
    top: 13px;
    right: 13px;
    background: #8002c2 url('../img/icon__loader.svg') no-repeat center right;
    animation: rotate 3s infinite ease-in-out;
}

.check-form__error {
    display: none;
    font-size: 12px;
    line-height: 13px;
    color: #ff3939;
    margin-top: 9px;
    text-align: left;
}

.check-form__error_active {
    display: block;
}

.check-form__checkbox {
    width: 100%;
    height: 23px;
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 10px;
}

.check-form__checkbox input {
    position: absolute;
    width: 23px;
    height: 23px;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

.check-form__checkbox-icon {
    width: 23px;
    height: 23px;
    border: 1px solid #9909e3;
    border-radius: 2px;
    background: transparent;
}

.check-form__checkbox input:checked + .check-form__checkbox-icon {
    background: #9909e3 url("../img/icon__checkbox.svg") no-repeat 60% 55%;
}

.check-form__checkbox-icon_error {
    border-color: #ff3939;
}

.check-form__checkbox label {
    font-size: 12px;
    line-height: 13px;
    margin-left: 10px;
    transition: .2s ease-in-out;
}

.check-form__checkbox label a {
    color: #fff;
    text-decoration: underline;
    transition: .2s ease-in-out;
}

.check-form__checkbox-label_error,
.check-form__checkbox-label_error a {
    color: #ff3939 !important;
}

.check-form__checkbox label a:hover {
    text-decoration-color: transparent;
}

.check-form__loader {
    display: none;
    width: 100%;
    height: 55px;
    background-color: #9909e3;
    border-radius: 3px;
    padding: 13px;
    position: relative;
    justify-content: space-between;
    align-items: center;
}

.check-form__loader.check-form__loader_active {
    display: flex;
}

.check-form__loader:after {
    position: relative;
    content: '';
    width: 29px;
    height: 29px;
    background: url("../img/icon__loader.svg") no-repeat center;
    animation: rotate 3s infinite ease-in-out;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.welcome__image {
    margin-top: 14px;
}

.welcome__image img {
    max-width: 100%;
}

.welcome__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto 0 0 0;
    position: relative;
}

.welcome__phone {
    display: none;
}

.welcome__rating {
    max-width: 380px;
    line-height: 21px;
}

.rating__icon {
    display: inline-block;
    width: 101px;
    height: 17px;
    background: url("../img/icon__rating.svg") no-repeat center;
    margin-right: 10px;
    vertical-align: text-top;
}

.business-rating__icon {
    display: inline-block;
    width: 101px;
    height: 17px;
    background: url("../img/business-rating__icon.svg") no-repeat center;
    margin-right: 10px;
    vertical-align: text-top;
}

.scroll-down {
    display: block;
    position: absolute;
    left: calc((100% - 18px) / 2);
    width: 18px;
    height: 41px;
    background: url("../img/icon__scroll-down.svg") no-repeat center;
}

.stock {
    text-align: right;
}

.stock a {
    color: #b547ed;
}

.advantages {
    padding-bottom: 100px;
}

.advantages__title {
    padding-bottom: 100px;
}

.advantages__list {
    width: 100%;
    max-width: 1145px;
    margin: 0 auto;
    display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr;
}

.advantages__list li {
    max-width: 510px;
    display: flex;
}

.advantages__image {
    width: 80px;
    height: 80px;
    border: 2px solid #e8edf0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.advantages__image img {
    max-width: 50%;
    max-height: 50%;
}

.advantages__text {
    width: calc(100% - 80px - 16px);
    color: #000;
    margin-left: 16px;
}

.advantages__text h4 {
    font-weight: 500;
    font-size: 22px;
    line-height: 27px;
}

.advantages__text p {
    font-size: 15px;
    line-height: 22px;
    margin-top: 16px;
}

.house-rates {
    background-color: #eff1f2;
    padding-bottom: 70px;
    margin-top: 90px;
}

.internet-tv__house-rates {
    margin-bottom: 90px;
}

.house-rates__title {
    padding-bottom: 50px;
}

.house-rates__switch {
    max-width: 366px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 50px;
    border-bottom: 1px solid #C9D6DC;
}

.house-rates__switch-item {
    font-size: 15px;
    font-weight: 500;
    color: #9FAAB0;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    padding-bottom: 15px;
    cursor: pointer;
    transition: all .25s ease-in-out;
}

.house-rates__switch-item:first-child {
    margin-right: 30px;
}

.house-rates__switch-item.active {
    color: #9909E3;
    border-color: #9909E3;
}

.house-rates__switch-item:hover {
    color: #9909E3;
}

.title {
    font: 700 44px/52px 'SF Pro Rounded Semibold';
    color: #202124;
    letter-spacing: -0.02em;
    text-align: center;
    padding-top: 130px;
}

.telephony-rates__wrapper {
    max-width: 915px;
    width: 100%;
    margin: 50px auto 0;
    background-color: #E3E9EC;
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
}

.telephony-rates__left {
    max-width: 350px;
    min-width: 250px;
    width: 60%;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.telephony-rates__left ul {
    font-size: 14px;
    line-height: 20px;
    color: #202124;
}

.telephony-rates__left ul li {
    border-bottom: 1px solid #CDD5E1;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.telephony-rates__pdf {
    display: flex;
    align-items: center;
}

.icon__pdf {
    display: inline-block;
    min-width: 40px;
    width: 40px;
    height: 54px;
    background: url("../img/icon__pdf.svg") no-repeat center;
    background-size: cover;
    margin-right: 10px;
}

.telephony-rates__pdf a {
    font-size: 14px;
    line-height: 20px;
    color: #202124;
}

.telephony-rates__pdf a span {
    border-bottom: 1px solid rgba(153, 9, 227, 0.5);
    transition: all .25s ease-in-out;
}

.telephony-rates__pdf a:hover span {
    border-color: transparent;
}

.telephony-rates__table {
    max-width: 535px;
    width: 100%;
    min-height: 389px;
    padding: 30px 20px;
    background-color: #fff;
    margin: -51px 28px 28px 0;
}

.telephony-rates__table {
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
}

.telephony-rates__table--item {
    width: calc((100% - 35px) / 2);
}

.telephony-rates__table--item h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #202124;
    margin-bottom: 20px;
}

.telephony-rates__table--item ul {
    font-size: 14px;
    line-height: 20px;
    color: #202124;
}

.telephony-rates__table--item ul li {
    border-bottom: 1px solid #E7E8EB;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.telephony-rates__table--item ul li:first-child {
    border-top: 1px solid #E7E8EB;
    padding-top: 10px;
}

.telephony-rates__table--item ul li span:nth-child(2) {
    display: none;
}

.telephony-rates__table--item ul li a {
    color: #202124;
}

.telephony-rates__table--item .house-rates__button {
    height: 40px;
    line-height: 40px;
    margin: 15px 0 0 0;
}

.telephony-tariffs__title {
    padding-bottom: 50px;
}

.telephony-tariffs__grid {
    max-width: 755px;
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr;
}

.telephony-tariffs__item {
    display: flex;
    align-items: center;
    border: 1px solid #E9E9E9;
    border-radius: 10px;
    padding: 40px 35px;
}

.telephony-tariffs__link {
    font-size: 15px;
    line-height: 20px;
    color: #676E7F;
}

.telephony-tariffs__link span:last-child {
    border-bottom: 1px solid #9909e3;
    transition: all .2s ease-in-out;
}

.telephony-tariffs__link:hover span:last-child {
    border-color: transparent;
}

.icon__tariffs {
    display: inline-block;
    min-width: 40px;
    width: 40px;
    height: 48px;
    background: url("../img/icon__tariffs.svg") no-repeat center;
    background-size: cover;
    margin-right: 20px;
}

.house-rates__content-container {
    max-width: 1400px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.house-rates__item {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #f4f4f4;
    padding: 30px 18px;
    margin: 10px;
}

.house-rates__item:first-child:nth-last-child(4),
.house-rates__item:first-child:nth-last-child(4) ~ li,
.house-rates__item:first-child:nth-last-child(6),
.house-rates__item:first-child:nth-last-child(6) ~ li,
.house-rates__item:first-child:nth-last-child(7),
.house-rates__item:first-child:nth-last-child(7) ~ li,
.house-rates__item:first-child:nth-last-child(8),
.house-rates__item:first-child:nth-last-child(8) ~ li {
    width: calc((100% - (10px * 10)) / 4);
}

.house-rates__item:first-child:nth-last-child(5),
.house-rates__item:first-child:nth-last-child(5) ~ li,
.house-rates__item:first-child:nth-last-child(9),
.house-rates__item:first-child:nth-last-child(9) ~ li,
.house-rates__item:first-child:nth-last-child(10),
.house-rates__item:first-child:nth-last-child(10) ~ li {
    width: calc((100% - (10px * 10)) / 5);
}


.house-rates__content-container .house-rates__item[data-city='valmiera'],
.house-rates__content-container .house-rates__item[data-city='tukums'],
.house-rates__content-container .house-rates__item[data-city='talsi'],
.house-rates__content-container .house-rates__item[data-city='liepaja'] {
    display: none;
}

.house-rates__content-container .house-rates__item.data-city__show[data-city='valmiera'],
.house-rates__content-container .house-rates__item.data-city__show[data-city='tukums'],
.house-rates__content-container .house-rates__item.data-city__show[data-city='talsi'],
.house-rates__content-container .house-rates__item.data-city__show[data-city='liepaja'] {
    display: flex;
}

.house-rates__item_hit {
    position: relative;
    border: 2px solid #a7d365;
    box-shadow: 0 10px 25px rgba(53, 27, 70, 0.1);
}

.house-rates__item_hit .hit__box {
    position: absolute;
    right: -12px;
    top: 31px;
    min-width: 47px;
    height: 19px;
    background-color: #9909e3;
    border-radius: 3px 3px 0 0;
    font-weight: 500;
    font-size: 10px;
    line-height: 19px;
    color: #fff;
    text-align: center;
}

.house-rates__item_hit .hit__box:after {
    content: '';
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: #351b46 transparent transparent transparent;
}

.house-rates__item h3 {
    font-weight: 500;
    font-size: 18px;
    color: #202124;
    margin-bottom: 20px;
}

.house-rates__setting {
    position: relative;
    padding: 21px 0;
    margin: 0 4px 13px;
    border-top: 1px solid #e7e8eb;
    border-bottom: 1px solid #e7e8eb;
}

.house-rates__setting > div {
    display: flex;
    margin-bottom: 13px;
}

.house-rates__setting > div:last-child {
    margin: 0;
}

.house-rates__icon {
    width: 31px;
height: 28px;
    display: inline-block;
    margin-right: 13px;
}

.house-rates__icon_internet {
    background: url("../img/icon__rates-internet.svg") no-repeat center;
}
.house-rates__icon_internetram {
    background: url("../img/crop1.svg") no-repeat center;
}
.house-rates__icon_internethdd {
    background: url("../img/hdd1.svg") no-repeat center;
}

.house-rates__icon_internetcpu {
    background: url("../img/cpu1.svg") no-repeat center;
}
.house-rates__icon_internetdb {
    background: url("../img/database1.svg") no-repeat center;
}
.house-rates__icon_internetsite {
    background: url("../img/page1.svg") no-repeat center;
}
.house-rates__icon_internetoz {
    background: url("../img/OZ.svg") no-repeat center;
}



.house-rates__icon_television {
    background: url("../img/icon__rates-television.svg") no-repeat center;
}

.house-rates__icon_telephony {
    background: url("../img/icon__rates-telephony.svg") no-repeat center;
}

.house-rates__icon_hd {
    background: url("../img/icon__rates-hd.svg") no-repeat center;
}


.house-rates__text {
    color: #202124;
    line-height: 18px;
    font-size: 14px;
}

.house-rates__text p:first-child {
    font-weight: 700;
}

.hd-channel .house-rates__text p:first-child {
    font-weight: 400;
    line-height: 21px;
}

.house-rates__info {
    position: absolute;
    top: 25px;
    right: 0;
}

.house-rates__info-icon {
    width: 23px;
    height: 23px;
    background: rgba(154, 167, 183, 0.18) url("../img/icon__info.svg") no-repeat center;
    border-radius: 3px;
    cursor: pointer;
}

.house-rates__info-text {
    width: 262px;
    position: absolute;
    left: -120px;
    bottom: 35px;
    padding: 12px;
    background-color: #3c3e51;
    font-weight: 300;
    font-size: 11px;
    line-height: 13px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease-in-out;
    z-index: 1;
    border-radius: 5px;
}

.house-rates__info-text:after {
    content: '';
    position: absolute;
    left: calc((100% - 16px) / 2);
    bottom: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 8px 0 8px;
    border-color: #3c3e51 transparent transparent transparent;
}

.house-rates__info:hover .house-rates__info-text {
    opacity: 1;
    pointer-events: auto;
}

.house-rates__info-text p {
    margin-bottom: 15px;
}

.house-rates__info-text p:last-child {
    margin: 0;
}

.house-rates__price {
    margin: auto 4px 13px;
}

.house-rates__price-old {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 6px;
    height: 23px;
}

.house-rates__price-old .house-rates__info {
    top: 0;
}

.house-rates__stock-price {
    position: relative;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #aaa;
}

.house-rates__stock-price:after {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 100%;
    height: 1px;
    background-color: #eb3323;
    transform: rotate(-20deg);
}

.house-rates__stock {
    position: relative;
    font-weight: 500;
    font-size: 11px;
    line-height: 14px;
    color: #202124;
    background-color: #ffd66d;
    padding: 2px 7px 2px 2px;
    border-radius: 0 3px 3px 0;
    margin-left: 20px;
}

.house-rates__stock:before {
    content: '';
    position: absolute;
    left: -12px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 12px 9px 0;
    border-color: transparent #ffd66d transparent transparent;
}

.house-rates__price-new {
    align-items: center;
    display: none;
}

.house-rates__price-new.active {
    display: flex;
}

.house-rates__price-new span {
    font-weight: 500;
    font-size: 46px;
    line-height: 56px;
    color: #202124;
    margin-right: 7px;
}

.house-rates__price-new div {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #585d67;
}

.house-rates__price-new div hr {
    width: 100%;
    height: 1px;
    background-color: #d0d1d3;
    outline: none;
    border: none;
}

.house-rates__button {
    display: block;
    height: 40px;
    background-color: #9909e3;
    border-radius: 3px;
    font-weight: 500;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    transition: .2s ease-in-out;
    margin: 0 4px;
}

.house-rates__button:hover {
    background-color: #8101c2;
}

.house-rates > p {
    font-size: 15px;
    line-height: 20px;
    color: #202124;
    text-align: center;
    margin-top: 35px;
}

.warranty__item {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

.warranty__item:last-child {
    margin: 0;
}

.warranty__image {
    width: 559px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
}

.warranty__image img {
    max-width: 100%;
}

.warranty__item:nth-child(2n) .warranty__image {
    order: 2;
    margin-right: 0;
    margin-left: 25px;
}

.warranty__text {
    max-width: 480px;
    color: #202124;
}

.warranty__item:nth-child(2n) .warranty__text {
    order: 1;
    margin: 0 auto 0 0;
}

.warranty__text h3 {
    font-weight: 500;
    font-size: 46px;
    line-height: 52px;
    letter-spacing: -0.02em;
}

.warranty__text1 h3 {
    font-weight: 500;
    font-size: 46px;
    line-height: 52px;
    letter-spacing: -0.02em;
}


.warranty__text1 p {
    font-size: 15px;
    line-height: 22px;
    margin-top: 20px;
    color: #000;
}

.warranty__text1 h3 span {
    display: block;
}


.warranty__text p {
    font-size: 15px;
    line-height: 22px;
    margin-top: 20px;
    color: #000;
}

.warranty__text h3 span {
    display: block;
}

.channel {
    color: #202124;
    padding-bottom: 100px;
}

.channel__title {
    padding-bottom: 50px;
}

.channel__top {
    max-width: 855px;
    width: 100%;
    min-height: 173px;
    background-color: #EFF1F2;
    border-radius: 5px;
    margin: 0 auto 55px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
}

.city__select {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 720px;
    width: 100%;
    border-bottom: 1px solid #C9D6DC;
    margin: 0 auto 15px;
    padding: 10px 0 30px;
}

.house-rates__select {
    border-bottom: 0;
}

.city__select-name {
    margin-right: 5px;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

.icon__big-arrow-right {
    display: inline-block;
    background: url("../img/icon__big-arrow-right.svg") no-repeat center;
    background-size: cover;
    width: 14px;
    height: 12px;
}

.city__select .icon__big-arrow-right {
    margin-right: 8px;
}

.city__select-block {
    position: relative;
}

.city__select-title {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
    cursor: pointer;
    position: relative;
    padding-right: 15px;
    background: url("../img/icon__arrow-down.svg") no-repeat center right;
}

.city__select-title:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: calc(100% - 15px);
    height: 1px;
    background-color: rgba(153, 9, 227, .5);
    transition: .2s ease-in-out;
}

.city__select-title:hover:after {
    background-color: transparent;
}

.city__select-dropdown {
    position: absolute;
    left: 0;
    top: calc(100% + 5px);
    padding: 15px;
    background-color: #EFF1F2;
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    transition: all .25s ease-in-out;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
    border: 1px solid #C9D6DC;
    z-index: 2;
    white-space: nowrap;
}

.city__select-dropdown p {
    cursor: pointer;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #C9D6DC;
    background-color: transparent;
    transition: all .25s ease-in-out;
}

.city__select-dropdown p:hover {
    color: #9909E3;
}

.city__select-dropdown p:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.city__select-block.open .city__select-dropdown {
    visibility: visible;
    opacity: 1;
}

.channel__menu {
    max-width: 720px;
    width: 100%;
    border-bottom: 1px solid #C9D6DC;
    margin-bottom: 30px;
}

.channel__menu-list {
    display: flex;
    justify-content: center;
}

.channel__menu-list li {
    margin: 0 15px;
}

.channel__menu-list li:first-child {
    margin: 0 15px 0 0;
}

.channel__menu-list li:last-child {
    margin: 0 0 0 15px;
}

.channel__menu-list li[data-city='valmiera'],
.channel__menu-list li[data-city='tukums'],
.channel__menu-list li[data-city='talsi'],
.channel__menu-list li[data-city='liepaja'] {
    display: none;
}

.channel__menu-list li[data-city='valmiera'].data-city__show,
.channel__menu-list li[data-city='tukums'].data-city__show,
.channel__menu-list li[data-city='talsi'].data-city__show,
.channel__menu-list li[data-city='liepaja'].data-city__show {
    display: block;
}

.channel__menu-href {
    color: #9FAAB0;
}

.channel__menu-href .underline:after {
    content: unset;
}

.channel__menu-href.active {
    color: #9909E3;
}

.channel__menu-href .underline {
    display: inline-block;
    padding: 0 0 13px 0;
}

.channel__menu-href.active .underline:after {
    content: '';
}

.channel__menu-href .underline:after {
    height: 2px;
    background-color: #9909E3;
    bottom: -1px;
}

.channel__switch {
    display: flex;
    justify-content: center;
}

.channel__switch-item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 20px;
}

.channel__switch-item img {

}

.channel__switch-item p {
    margin: 0 15px;
    font-weight: 700;
}

.on-off__switch input {
    display: none;
}

.on-off__switch label {
    position: relative;
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 30px;
    width: 56px;
    padding: 0;
    line-height: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background-color: #ffffff;
    -webkit-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in;
    margin-bottom: 0;
}

.on-off__switch input:checked + label {
    background-color: #351b46;
}

.on-off__switch label:before {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    margin: 0;
    background: rgba(159, 170, 176, 0.56);
    position: absolute;
    top: 2px;
    bottom: 0;
    right: 28px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
}

.on-off__switch input:checked + label:before {
    right: 2px;
    -webkit-box-shadow: 0 3px 6px rgba(39, 55, 71, .3);
    box-shadow: 0 3px 6px rgba(39, 55, 71, .3);
    background-color: #fff;
}

.channel__more {
    max-width: 288px;
    width: 100%;
    height: 55px;
    border: 2px solid #9909e3;
    border-radius: 3px;
    background-color: transparent;
    transition: background-color .2s ease-in-out;
    cursor: pointer;
    margin: 0 auto;
    text-align: center;
    line-height: 55px;
    font-weight: 500;
    color: #351b46;
}

.channel__more:hover {
    background-color: #9909e3;
    color: #fff;
}

.channel__tabs {
    display: none;
}

.channel__tabs.active {
    display: block;
}

#tabs-BASIC .channel__container {
    position: relative;
    overflow: hidden;
}

#tabs-BASIC .channel__container:after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: '';
    width: 100%;
    height: 160px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 70.83%);
}

#tabs-BASIC .channel__container.channel__content_active:after {
    content: unset;
}

.channel__container2 {
    border: 1px solid #E7E8EB;
}

.channel__wrapper {
    column-count: 3;
    column-gap: 30px;
    transition: max-height .2s ease-in-out;
}

#tabs-TEM1 .channel__wrapper,
#tabs-BIG .channel__wrapper,
#tabs-TV3 .channel__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}

#tabs-TEM1 .channel__wrapper .channel__column,
#tabs-BIG .channel__wrapper .channel__column,
#tabs-TV3 .channel__wrapper .channel__column {
    margin-bottom: 0;
}

.channel__row {
    width: 100%;
    padding: 30px 18px;
    border: 1px solid #E7E8EB;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    justify-content: space-between;
}

.channel__row1 {
    width: 100%;
    padding: 30px 18px;
    border: 1px solid #E7E8EB;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.channel__row1 > span {
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: 25px;
    color: #202124;
    padding-bottom: 20px;
    border-bottom: 1px solid #E7E8EB;
}

.channel__row1 .channel__block-price {
    margin: auto 50px 0 0;
}


.channel__row > span {
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: 25px;
    color: #202124;
    padding-bottom: 20px;
    border-bottom: 1px solid #E7E8EB;
}

.channel__row .channel__block-price {
    margin: auto 50px 0 0;
}

.channel__package {
    width: 100%;
    display: flex;
    align-items: baseline;
    margin: 15px auto;
}

.channel__package h5 {
    background-color: #EFF1F2;
    border-radius: 3px;
    padding: 11px 16px;
    font-weight: 500;
    font-size: 14px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    margin-right: 15px;
}

.channel__package h5:last-child {
    margin: 0;
}

.channel__column {
    border: 1px solid #E7E8EB;
    border-radius: 5px;
    padding: 30px 18px;
    width: 100%;
    margin-bottom: 30px;
    page-break-inside: avoid;
    break-inside: avoid;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

.channel__column h3 {
    padding: 0 0 20px 0;
    border-bottom: 1px solid #E7E8EB;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 700;
}

.channel__item {
    display: flex;
    align-items: center;
    padding: 6px 15px;
    border: 1px solid transparent;
}

.channel__image {
    width: 13%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.channel__image img {
    max-width: 100%;
    max-height: 25px;
}

.channel__name {
    display: flex;
    width: calc(100% - 13% - 5%);
    margin-left: 5%;
    align-items: center;
}

.channel__name p {
    line-height: 20px;
}

.channel__icon {
    margin-left: 10px;
}

.channel__icon img {
    max-width: 100%;
}

.channel__block {
    margin: auto 0 0 0;
    padding: 15px 0 0 0;
    border-top: 1px solid #E7E8EB;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.channel__block-price {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 30px;
    padding: 2px 0 0 0%;
    line-height: 40px;
    height: 40px;
    color: #202124;
}

.channel__block-price div {
    font-weight: 500;
    font-size: 10px;
    line-height: 13px;
    color: #585d67;
    margin-left: 7px;
}

.channel__block-button {
    width: 125px;
    height: 40px;
    background-color: #9909E3;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .25s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto 0 0 0;
}

.channel__block-button:hover {
    background-color: #8101c2;
}

.interactive {
    background-color: #eff1f2;
    margin-top: 90px;
    padding-bottom: 130px;
}

.television__interactive {
    margin-top: 0;
}

.interactive__title {
    padding-bottom: 100px;
}

.interactive__content-container {
    display: grid;
    grid-row-gap: 70px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.interactive__item {
    padding-left: 18px;
    padding-right: 30px;
    border-left: 2px solid #dbe4e9;
    color: #000;
}

.interactive__item:nth-child(4n + 1) {
    padding-left: 0;
    border-left: 0;
}

.interactive__item:nth-child(4n) {
    padding-right: 0;
}

.interactive__image {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 5px;
}

.interactive__image img {
    max-width: 50%;
    max-height: 50%;
}

.interactive__item h4 {
    font-weight: 500;
    font-size: 22px;
    line-height: 27px;
    margin-top: 30px;
}

.interactive__item p {
    font-size: 15px;
    line-height: 22px;
    margin-top: 10px;
}

.main__coverage {
    padding-top: 100px;
}

.internet__coverage,
.business__coverage {
    padding-bottom: 100px;
}

.television__coverage {
    padding-top: 100px;
}

.telephony__coverage {
    padding-bottom: 100px;
}

.coverage__content-container {
    padding: 0 28px 80px;
    background: #351b46;
    border-radius: 5px;
}

.coverage__title {
    max-width: 620px;
    color: #ffd66d;
    padding: 80px 0 30px;
    margin: 0 auto;
}

.coverage__subtitle {
    max-width: 492px;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    margin: 0 auto 30px;
}

.coverage__check-form {
    max-width: 590px;
    margin: 0 auto 40px;
}

.coverage__check-form .check-form__top {
    align-items: center;
}

.coverage__stock {
    display: none;
}

.coverage__rating {
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.coverage__rating .rating__icon {
    margin-right: 16px;
}

.faq {
    background-color: #EFF1F2;
    padding-bottom: 130px;
}


.faq__title {
    padding-bottom: 100px;
}

.faq dl {
    max-width: 1145px;
    margin: 0 auto;
    color: #000;
}

.faq dl dt {
    display: inline-block;
    position: relative;
    margin-left: 35px;
    font-weight: 500;
    font-size: 28px;
    line-height: 27px;
    cursor: pointer;
    margin-top: 30px;
    transition: .2s ease-in-out;
}

.faq dl dt span {
    border-bottom: 1px solid #9909e3;
    transition: .2s ease-in-out;
}

.faq dl dt:hover span {
    border-color: transparent;
}

.faq dl dt:first-child {
    margin: 0 0 0 35px;
}

.faq dl dt:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    top: calc((100% - 20px) / 2);
    left: -35px;
    background: url("../img/icon__plus.svg") no-repeat center;
}

.faq dl dt.active:before {
    background: url("../img/icon__minus.svg") no-repeat center;
}

.faq dl dd {
    font-size: 15px;
    line-height: 22px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    margin-top: 15px;
    padding-left: 35px;
}



.faq44 {
    background-color: #EFF1F2;
    padding-bottom: 50px;
}


.faq44__title {
    padding-bottom: 100px;
}

.faq44 dl {
    max-width: 1145px;
    margin: 0 auto;
    color: #000;
}

.faq44 dl dt {
    display: inline-block;
    position: relative;
    margin-left: 35px;
    font-weight: 500;
    font-size: 28px;
    line-height: 27px;
    cursor: pointer;
    margin-top: 30px;
    transition: .2s ease-in-out;
}

.faq44 dl dt span {
    border-bottom: 1px solid #9909e3;
    transition: .2s ease-in-out;
}

.faq44 dl dt:hover span {
    border-color: transparent;
}

.faq44 dl dt:first-child {
    margin: 0 0 0 35px;
}

.faq44 dl dt:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    top: calc((100% - 20px) / 2);
    left: -35px;
    background: url("../img/icon__plus.svg") no-repeat center;
}

.faq44 dl dt.active:before {
    background: url("../img/icon__minus.svg") no-repeat center;
}



.faq44 dl dd {
    font-size: 15px;
    line-height: 22px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    margin-top: 15px;
    padding-left: 35px;
}















footer {
    padding: 0 70px 0 calc(147px + 70px);
    background-color: #291536;
}

.footer__container {
    max-width: 1920px;
    margin: 0 auto;
}

.footer-top {
    padding: 35px 0;
    display: flex;
    justify-content: space-between;
}

.footer-top__left {
    max-width: 260px;
}

.footer-top__left hr {
    display: none;
}

.footer__contact-paragraph {
    margin-bottom: 30px;
    text-transform: uppercase;
}

.footer__contact-paragraph:last-child {
    margin: 0;
}

.footer__contact-paragraph a {
    color: #fff;
}

.footer__call-order {
    display: none;
}

.footer-top__right {
    max-width: 600px;
    display: flex;
    flex-direction: column;
    margin-left: 25px;
}

.footer-top__menu {
    display: flex;
    flex-wrap: wrap;
}

.footer-top__menu span {
    width: calc(100% / 4);
    margin-bottom: 20px;
}

.footer-top__menu a {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

.footer__social {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
}

.footer__social a {
    margin-right: 20px;
}

.footer-bottom {
    padding: 22px 0 17px;
    border-top: 1px solid #442657;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-bottom p {
    display: flex;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #62556b;
}

.footer-bottom p a {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #62556b;
    margin: 0 20px;
}

.footer-bottom a {
    display: block;
}

.footer-mobile {
    display: none;
}

.icon__scroll-up {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("../img/icon__scroll-up.svg") no-repeat center;
}

.thanks-page {
    height: calc(100vh - 70px);
    padding: 170px 70px 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #202124;
}

.thanks-page h1 {
    font-size: 70px;
    line-height: 55px;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin-bottom: 45px;
}

.thanks-page h3 {
    max-width: 760px;
    font-size: 22px;
    line-height: 29px;
    margin-bottom: 45px;
    font-weight: 400;
}

.thanks-page p {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 10px;
}

.thanks-page__phone {
    display: block;
    margin: 0 auto;
}

.thanks-page__phone .phone__text {
    color: #000;
}

.thanks-page__link {
    font-size: 18px;
    line-height: 27px;
    color: #000;
    margin: auto 0 0 0;
}

.contact-service {
    padding-bottom: 60px;
}

.contact-service h2 {
    font-weight: bold;
    font-size: 56px;
    line-height: 67px;
    color: #291536;
    padding: 90px 0 30px;
}

.payment-welcome {
    background-color: #EFF1F2;
    padding-top: 125px;
    padding-bottom: 85px;
}

.payment-welcome h1 {
    font-weight: bold;
    font-size: 56px;
    line-height: 67px;
    color: #291536;
    padding-bottom: 30px;
}

.payment-welcome__description {
    max-width: 755px;
    font-weight: 500;
    font-size: 32px;
    line-height: 44px;
    color: #291536;
    margin-bottom: 145px;
}

.payment-welcome__list {
    max-width: 755px;
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 35px 50px;
}

.payment-welcome__list li {
    border-bottom: 1px solid #E9E9E9;
    font-size: 18px;
    line-height: 48px;
}

.payment-welcome__list li:last-child {
    border-bottom: 0;
}

.payment-welcome__list li span {
    display: inline-block;
}

.payment-welcome__list li > span:first-child {
    width: 45%;
    color: #676E7F;
}

.payment-welcome__list li span:last-child {
    color: #000000;
}

.payment-welcome__list li a {
    color: #000000;
    line-height: 20px;
}

.icon__copy {
    /*display: inline-block;*/
    display: none !important;
    width: 19px;
    height: 19px;
    background: url("../img/icon__copy.svg") no-repeat center;
    background-size: cover;
    margin: 0 0 -2px 5px;
    cursor: pointer;
}

.payment-instruction {
    padding-bottom: 120px;
}

.payment-instruction h2 {
    font-size: 56px;
    line-height: 67px;
    color: #291536;
    padding: 90px 0 70px;
}

.payment-instruction__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 80px;
}

.payment-instruction__item:last-child {
    margin-bottom: 0;
}

.payment-instruction__content {
    margin-right: 80px;
    max-width: 363px;
}

.payment-instruction__content h3 {
    font-weight: 500;
    font-size: 32px;
    line-height: 38px;
    color: #291536;
    margin-bottom: 15px;
}

.payment-instruction__content p {
    font-size: 20px;
    line-height: 25px;
    color: rgba(45, 51, 58, 0.8);
}

.payment-instruction__image {
    max-width: 705px;
    width: 100%;
}

.payment-instruction__image img {
    max-width: 100%;
    border-radius: 10px;
}

.payment-instruction__item:nth-child(2n) .payment-instruction__content,
.payment-instruction__reverse .payment-instruction__content {
    order: 2;
    margin-right: 0;
    margin-left: 80px;
}

.payment-instruction__item:nth-child(2n) .payment-instruction__image,
.payment-instruction__reverse .payment-instruction__image {
    order: 1;
}

.shop__list {
    display: grid;
    grid-gap: 45px;
    grid-template-columns: 1fr 1fr;
}

.shop__item {
    background-color: #fff;
    border-radius: 10px;
    padding: 30px 40px 40px;
    display: flex;
    flex-direction: column;
    transition: all .25s ease-in-out;
}

.shop__item:hover {
    box-shadow: 0 12px 36px 0 rgba(0, 0, 0, .2);
    transform: translateY(-4px);
}

.shop__item-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.shop__content {
    max-width: 300px;
    width: 100%;
    color: #000;
    margin-top: 30px;
}

.shop__content h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 15px;
}

.shop__content p {
    max-width: 265px;
    font-size: 18px;
    line-height: 25px;
}

.shop__image {
    max-width: 166px;
    margin: 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shop__image img {
    max-width: 100%;
}

.shop__item-bottom {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 35px;
    margin-top: auto;
    border-top: 1px solid #E9E9E9;
    font-weight: 500;
    font-size: 40px;
    line-height: 56px;
    color: #202124;
}

.shop__item-bottom p span {
    font-size: 18px;
    line-height: 25px;
}

.shop__item-bottom-disc {
    position: absolute;
    left: 0;
    bottom: -35px;
 /*   text-decoration: line-through; */
    color: #9909E3;
    font-size: 14px;
    line-height: 25px;
}

.shop__button {
    width: 186px;
    height: 40px;
    background-color: #9909E3;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
}

.contact-welcome__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
}

.contact-welcome__item {
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 30px 40px 40px;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
    display: flex;
    flex-direction: column;
}

.contact-welcome__item h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
    width: calc(100% + 80px);
    margin: 0 -40px 20px;
    border-bottom: 1px solid #E9E9E9;
    padding: 0 40px 20px;
}

.contact-welcome__content {
    margin-top: auto;
}

.contact-welcome__item > p {
    margin-bottom: 30px;
}

.contact-welcome__item p span {
    font-weight: 400;
}

.contact-welcome__item p.bold {
    font-weight: 600;
}

.contact-welcome__item a {
    color: #000000;
    display: inline-block;
}

.contact-service__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
}

.contact-service__item {
    border: 1px solid #E9E9E9;
    border-radius: 10px;
    padding: 30px 40px 40px;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
    display: flex;
    flex-direction: column;
}

.contact-service__item h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
    width: calc(100% + 80px);
    margin: 0 -40px 20px;
    border-bottom: 1px solid #E9E9E9;
    padding: 0 40px 20px;
}

.contact-service__content p {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
}

.contact-service__content p .underline:after {
    bottom: 0;
}

.contact-service__content p:last-child {
    margin-bottom: 0;
}

.contact-service__content p span {
    white-space: nowrap;
}

.contact-service__content p span.bold {
    font-weight: 600;
}

.payment-welcome__block {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 35px;
    grid-row-gap: 55px;
}

.contact-requisites__list {
    padding: 0 !important;
    margin: 0 !important;
}

.contact-requisites__list:first-child {
    margin: 0 35px 55px 0;
}

.contact-requisites__list:last-child {
    margin-bottom: 0;
}

.contact-requisites__list li:first-child {
    font-weight: 600;
    font-size: 24px;
    line-height: 40px;
    color: #000000;
    padding-bottom: 25px;
}

.contact-requisites__list li {
    display: flex;
    justify-content: space-between;
}

.contact-requisites__list li > span:first-child {
    width: 28%;
}

.contact-requisites__list li > span:last-child {
    max-width: 360px;
    width: 80%;
}

.about-welcome {
    padding-top: 185px;
    padding-bottom: 85px;
    background-color: #D2CEEC;
    display: flex;
    flex-direction: column;
}

.about-welcome__top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 150px;
}

.about-welcome__description {
    max-width: 750px;
    width: 80%;
    font-weight: 500;
    font-size: 32px;
    line-height: 43px;
    color: #291536;
}

.about-welcome__image {
    margin: 0 25px;
    max-width: 230px;
}

.about-welcome__image img {
    max-width: 100%;
}

.about-welcome__achievements {
    max-width: 750px;
    display: flex;
    justify-content: space-between;
    margin: auto 0 0 0;
}

.about-welcome__achievements p {
    font-size: 17px;
    color: #000;
    display: flex;
    flex-direction: column;
}

.about-welcome__achievements p span {
    font-size: 140px;
    line-height: 145px;
    color: #fff;
}

.about-team h2 {
    font-weight: bold;
    font-size: 56px;
    line-height: 67px;
    color: #291536;
    padding: 80px 0 20px;
}

.about-team > p {
    max-width: 750px;
    font-size: 20px;
    line-height: 28px;
    color: rgba(45, 51, 58, .8);
}

.about-team__image {
    width: calc(100% + 70px);
    margin: 90px -70px;
}

.about-team__image img {
    max-width: 100%;
    border-radius: 10px;
}

.about-team__list {
    margin-top: 65px;
}

.about-team__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 80px;
}

.about-team__item:last-child {
    margin-bottom: 0;
}

.about-team__item-image {
    max-width: 700px;
}

.about-team__item:nth-child(2n) .about-team__item-image {
    order: 2;
}

.about-team__item-image img {
    max-width: 100%;
    border-radius: 10px;
}

.about-team__item-content {
    max-width: 450px;
    width: 100%;
    margin: 0 0 0 75px;
}

.about-team__item:nth-child(2n) .about-team__item-content {
    order: 1;
    margin: 0 75px 0 0;
}

.about-team__item-content h3 {
    font-weight: 500;
    font-size: 32px;
    line-height: 38px;
    color: #291536;
    margin-bottom: 15px;
}

.about-team__item-content p {
    font-size: 20px;
    line-height: 25px;
    letter-spacing: -0.01em;
    color: rgba(45, 51, 58, .8);
}

.our-service h2 {
    font-weight: bold;
    font-size: 56px;
    line-height: 67px;
    color: #291536;
    margin-bottom: 30px;
}

.our-service__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}

.our-service__item {
    background-color: #FFFFFF;
    border-radius: 10px;
    transition: all .25s ease-in-out;
}


.our-service__item:hover {
    box-shadow: 0 12px 36px 0 rgba(0, 0, 0, .2);
    transform: translateY(-4px);
}

.our-service__top {
    display: flex;
    justify-content: space-between;
    padding: 40px 40px 0;
}

.our-service__content {
    max-width: 260px;
}

.our-service__content h3 {
    font: 600 26px/31px 'SF Pro Rounded Semibold';
    color: #000000;
    margin-bottom: 10px;
}

.our-service__content p {
    font-size: 15px;
    line-height: 20px;
    color: #676E7F;
    margin-bottom: 15px;
}

.our-service__image {
    margin: -20px -25px -40px 0;
    min-width: 200px;
    max-width: 300px;
}

.our-service__image img {
    max-width: 100%;
}

.our-service__bottom {
    padding: 20px 40px;
    /*border-top: 1px solid #E9E9E9;*/
}

.our-service__bottom p {
    font-size: 14px;
    line-height: 18px;
    color: #5B24F2;
}

.icon__arrow-right {
    display: inline-block;
    background: url("../img/icon__arrow-right.svg") no-repeat center;
    background-size: cover;
    width: 15px;
    height: 7px;
}

.legal-information {
    padding-bottom: 100px;
}

.legal-information h2 {
    font-size: 56px;
    line-height: 67px;
    padding-bottom: 25px;
    text-align: left;
}

.legal-information__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
}

.legal-information__item {
    padding: 35px 40px;
    display: flex;
    align-items: center;
    border: 1px solid #E9E9E9;
    border-radius: 10px;
}

.legal-information__item a {
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    color: #676E7F;
    margin-left: 20px;
}

.legal-information__item a span {
    border-bottom: 1px solid rgba(153, 9, 227, 0.5);
    transition: all .25s ease-in-out;
}

.legal-information__item a:hover span {
    border-color: transparent;
}

.icon__adobe {
    display: inline-block;
    background: url("../img/icon__adobe.svg") no-repeat center;
    background-size: cover;
    min-width: 40px;
    width: 40px;
    height: 48px;
}

.main-welcome {
    height: 600px;
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.main-welcome__slider {
    display: flex;
    height: 100%;
    transition: all .25s ease-in-out;
    left: 0;
    position: relative;
}

.main-welcome__slide {
    padding: 140px 70px 80px;
    min-width: calc(100vw - 147px);
    height: 100%;
    position: relative;
    overflow: hidden;
}

.main-welcome__slide-one {
    background-color: #D2CEEC;
}

.main-welcome__slide-two {
    background-color: #804AF4;
}

.main-welcome__button {
    position: absolute;
    right: 75px;
    bottom: 20px;
    width: 130px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
}

.main-welcome__button-item {
    width: 56px;
    height: 56px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .25s ease-in-out;
}

.main-welcome__button-item:hover {
    background-color: #990ae3;
}

.main-welcome__button-item svg path {
    fill: #9909E3;
    transition: fill .25s ease-in-out;
}

.main-welcome__button-item:hover svg path {
    fill: #fff;
}

.main-welcome__dotted {
    position: absolute;
    width: 100%;
    bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-welcome__dotted-item {
    width: 10px;
    height: 10px;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 50%;
    cursor: pointer;
    margin: 0 10px;
    transition: background-color .25s ease-in-out;
}

.main-welcome__dotted-item:hover {
    background-color: rgba(255, 255, 255, .5);
}

.main-welcome__dotted-item.active {
    background-color: #fff;
}

.main-welcome__content {
    position: relative;
    z-index: 2;
    max-width: 550px;
    width: 100%;
}

.main-welcome__content h2 {
    font: 600 45px/52px 'SF Pro Rounded Semibold';
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.main-welcome__content p {
    max-width: 350px;
    font-size: 17px;
    line-height: 26px;
    color: #FFFFFF;
    margin-bottom: 75px;
}

.main-welcome__content a {
    background-color: #FFFFFF;
    border-radius: 3px;
    font-weight: 500;
    font-size: 16px;
    color: #804AF4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 217px;
    height: 55px;
}

.main-welcome__image {
    position: absolute;
    height: 100%;
    padding: 70px 0 0 0;
    right: 0;
    bottom: -4px;
    display: flex;
    justify-content: flex-end;
}

.main-welcome__image.bottom {
    align-items: flex-end;
    width: 70%;
}

.main-welcome__image.center {
    align-items: center;
    width: 50%;
    padding: 70px 70px 0 0;
}

.main-welcome__image img {
    max-width: 100%;
}

.main__wrapper {
    background-color: #EFF1F2;
}

.main-button {
    padding: 55px 70px 0;
}

.main-button__list {
    padding: 15px;
    background-color: #fff;
    border-radius: 7px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.main-button__item {
    border-right: 1px solid #DDDDDD;
}

.main-button__item:last-child {
    border: 0;
}

.main-button__item a {
    display: flex;
    align-items: center;
    min-height: 70px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #351B46;
    padding: 0 20px;
    white-space: nowrap;
}

.icon__bill {
    background: url("../img/icon__bill.svg") no-repeat center;
    background-size: cover;
    width: 27px;
    height: 27px;
    margin-right: 13px;
}

.icon__plus-blue {
    background: url("../img/icon__plus-blue.svg") no-repeat center;
    background-size: cover;
    width: 27px;
    height: 27px;
    margin-right: 12px;
}

.icon__ok {
    background: url("../img/icon__ok.svg") no-repeat center;
    background-size: cover;
    width: 27px;
    height: 30px;
    margin-right: 12px;
}

.icon__cart {
    background: url("../img/icon__cart.svg") no-repeat center;
    background-size: cover;
    width: 29px;
    height: 29px;
    margin-right: 11px;
}

.main__our-service {
    padding-top: 30px;
}

.main__our-service h2 {
    font: 600 36px/52px 'SF Pro Rounded Semibold';
}


.warranty {
    padding: 0 70px;
}

.warranty__list {
    max-width: 1145px;
    margin: 0 auto;
}

.warranty__list li {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

.warranty__list li:last-child {
    margin: 0;
}

.warranty__image {
    width: 559px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
}

.warranty__image img {
    max-width: 100%;
}

.warranty__list li:nth-child(2n) .warranty__image {
    order: 2;
    margin-right: 0;
    margin-left: 25px;
}

.warranty__text {
    max-width: 480px;
    color: #202124;
}

.warranty__text1 {


    color: #202124;
}


.warranty__list li:nth-child(2n) .warranty__text {
    order: 1;
    margin: 0 auto 0 0;
}

.warranty__text h3 {
    font-weight: 500;
    font-size: 46px;
    line-height: 52px;
    letter-spacing: -0.02em;
}

.warranty__text p {
    font-size: 15px;
    line-height: 22px;
    margin-top: 20px;
    color: #000;
}

.warranty__text h3 span {
    display: block;
}

.type__switcher{
    display: none;
}

.type__switcher.show-switcher{
    display: flex;
    justify-content: center;
    margin-bottom: 45px;
}

.type__switcher > div{
     display: flex;
     align-items: center;
}

.type__switcher p{
    margin: 0 25px 0 15px;
    color: #202124;
    font-weight: 700;
}

.swich-cards .house-rates__item{
    display: none!important;
}

.swich-cards .house-rates__item.show-card{
    display: flex!important;
}

.swich-cards.house-rates__content-container .show-card.house-rates__item.data-city__show[data-city='valmiera'],
.swich-cards.house-rates__content-container .show-card.house-rates__item.data-city__show[data-city='tukums'],
.swich-cards.house-rates__content-container .show-card.house-rates__item.data-city__show[data-city='talsi'],
.swich-cards.house-rates__content-container .show-card.house-rates__item.data-city__show[data-city='liepaja']{
    display: flex!important;
}

.swich-cards.house-rates__content-container .house-rates__item[data-city='valmiera'], .swich-cards.house-rates__content-container .house-rates__item[data-city='tukums'], .swich-cards.house-rates__content-container .house-rates__item[data-city='talsi'], .swich-cards.house-rates__content-container .house-rates__item[data-city='liepaja'] {
    display: none!important;
}