@import url("disable-browser-styles.css");
@import url("bootstrap-grid.luto.css");
@import url("fancybox.min.css");
@import url("swiper-bundle.min.css");
@import url("select2.min.css");
@import url("luto.css");

/*_CUSTOM*/


body {
    background-image: url('/i/body-background-image.webp');
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.s-header {
    position: relative;
    z-index: 10;
}

.row-header-middle>.col-logo {
    flex: 0 0 250px;
    max-width: 250px;
}
.row-header-middle>.col-left,
.row-header-middle>.col-right {
    flex: 0 0 calc((100% - 250px) / 2);
    max-width: calc((100% - 250px) / 2);
}
.row-header-middle>.col-logo .header-logo__link {
    color: #009149;
    color: #dd2b1c;
    color: #E3E3E3;
}

.round-btn {
    width: 30px;
    height: 30px;
    background-color: rgba(255,255,255,0.8);
    border: 1px solid rgba(255,255,255,1);
    border-radius: 50%;
    transition: all ease 0.2s;

    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
    border: 1px solid #fff;
}

.button {
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s ease;
    display: inline-block;
    border-radius: 12px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    padding: 10px 20px;
    color: #fff;
    text-align: center;
    /*background: linear-gradient(90deg, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 30%, rgba(0,0,0,0));*/
    background-color: rgba(0, 145, 73, 0.60);
    backdrop-filter: blur(5px);
    position: relative;
    border: 1px solid #f2f2f2;
    font-family: "Roboto", arial, sans-serif;
    -webkit-user-select: none;
    user-select: none;
}


.round-btn svg path {
    transition: all ease 0.2s;
    fill: #202020;
}

.white-btn-arrow:hover .round-btn {
    background-color: #009149;
}
.white-btn-arrow:hover .round-btn svg path {
    fill: #fff;
}

.white-btn-cabinet-user:hover .round-btn {
    background-color: rgba(255, 255, 255, 0.8);
    border-color: #fff;
}
.white-btn-cabinet-user:hover .round-btn svg path {
    fill: #202020;
}

.col-login-form-frame {
    max-width: 530px;
}


.w-site-default-bg-cloud-frame.h100,
.w-site-default-bg-cloud-frame.h100>.frame {
    height: 100%;
}
.w-site-default-bg-cloud-frame {
    position: relative;
    overflow: hidden;
}
.w-site-default-bg-cloud-frame .blur-background {
    border-radius: 12px;
    background-color: rgba(255,255,255,0.75);
    backdrop-filter: blur(5px);
    z-index: 2;
}
.w-site-default-bg-cloud-frame>.frame {
    position: relative;
    z-index: 4;
    border: 1px solid #fff;
    background-color: rgba(255,255,255,0.75);
    backdrop-filter: blur(5px);
}
.w-site-default-bg-cloud-frame>.frame.lgreen-bg {
    background-color: rgba(227, 234, 236, 0.75);
}
.w-popup .w-site-default-bg-cloud-frame>.frame {
    background-color: rgba(255,255,255,0.7);
    max-height: calc(100vh - 20px);
    max-height: calc(100dvh - 20px);
    overflow: auto;
}
.w-site-default-bg-cloud-frame>.frame,
.w-site-default-bg-cloud-frame .blur-background {
    border-radius: 12px;
}
.w-site-default-bg-cloud-frame>.frame .sides-offset {
    padding: 20px 20px;
}
.w-site-default-bg-cloud-frame>.frame .sides-offset.no-bottom-offset,
.w-site-default-bg-cloud-frame>.frame .w-site-default-bg-cloud-frame-body .sides-offset.no-bottom-offset {
    padding-bottom: 0;
}
.w-site-default-bg-cloud-frame>.frame .sides-offset.no-top-offset,
.w-site-default-bg-cloud-frame>.frame .w-site-default-bg-cloud-frame-body .sides-offset.no-top-offset {
    padding-top: 0;
}
@media (min-width: 1200px) {
    .col-login-form-frame .w-site-default-bg-cloud-frame>.frame .sides-offset {
        padding: 40px;
    }
}

.w-login-form-top-switcher {
    border-radius: 12px;
    background-color: rgba(0,0,0,0.1);
    padding: 4px;
}
.w-login-form-top-switcher>.row>.col {
    position: relative;
}
.w-login-form-top-switcher>.row>.col:after {
    content: "";
    position: absolute;
    height: 12px;
    width: 1px;
    right: -0.5px;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(150,150,150,0.2);
}
.w-login-form-top-switcher>.row>.col:nth-last-child(1):after {
    display: none;
}
.w-login-form-top-switcher .btn {
    text-align: center;
    display: block;
    border-radius: 8px;
    background-color: transparent;
    color: #202020;
    text-decoration: none;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    padding: 4px 2px 4px;
    position: relative;
}
.w-login-form-top-switcher .btn:hover {
    z-index: 2;
    background-color: rgba(255,255,255,0.5);
}
.w-login-form-top-switcher .btn._active {
    background-color: #fff;
    position: relative;
    z-index: 2;
}

.w-pop-checkboxes-group-green-frame>.frame {
    background-color: #E3EAEC;
    padding: 20px 20px 5px 20px;
    border-radius: 10px;
    border: 1px solid #d3d3d3;
}
.w-icon-left.w-person-photo-aside {

}
.w-icon-left.w-person-photo-aside {
    min-height: 79px;
    padding: 15px 0 15px 90px;
}
.w-icon-left.w-person-photo-aside>.icon {
    width: 69px;
    height: 69px;
}
.w-icon-left.w-person-photo-aside>.icon .image {
    width: 69px;
    height: 69px;
    background-position: center;
    background-size: cover;
}
.w-icon-left.w-person-photo-aside>.icon .image.round {
    border-radius: 50%;
    overflow: hidden;
}
.w-icon-left.w-person-photo-aside .label.overlay {
    background: transparent;
    z-index: 3;
}
.w-icon-left.w-person-photo-aside .photo-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 28px;
    height: 28px;
    transition: all ease 0.2s;
    background-color: #797979;
    border-radius: 50%;
    border: 1px solid #fff;
}
.w-icon-left.w-person-photo-aside .label:hover ~ .photo-icon {
    background-color: #65bd91;
    border-color: #41a171;
}
.w-title-counter-roll {
    text-align: center;
    min-width: 18px;
    font-size: 12px;
    line-height: 12px;
    padding: 3px 1px;
    color: #5D5D5D;
    background-color: rgba(118, 118, 128, 0.12);
    border-radius: 9px;
}
.w-site-default-bg-cloud-frame>.frame .w-site-default-bg-cloud-frame-header .sides-offset {
    padding-top: 15px;
    padding-bottom: 15px;
}
.w-site-default-bg-cloud-frame>.frame .w-site-default-bg-cloud-frame-body .sides-offset {
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: inset 0 10px 10px rgba(0,0,0,0.1);
}
.w-site-default-bg-cloud-frame>.frame .w-site-default-bg-cloud-frame-body .sides-offset .w-site-default-bg-cloud-frame .frame.lgreen-bg .sides-offset {
    box-shadow: none;
}

.w-icon-left.w-cabinet-calc-item-icon-left {
    min-height: 59px;
    padding: 5px 0 5px 70px;
}
.w-icon-left.w-cabinet-calc-item-icon-left>.icon {
    width: 48px;
    height: 48px;
}

.w-progress-line {
    position: relative;
}
.w-progress-line .line {
    border-radius: 3px;
    height: 6px;
    width: 100%;
    background-color: #E3E3E3;
}
.w-progress-line .line .progress {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    border-radius: 3px;
    transition: all ease 0.2;
}
@media (min-width: 420px) {
    .row-rolls-sm-between>.col {
        position: relative;
    }
    .row-rolls-sm-between>.col:after {
        content: "";
        position: absolute;
        height: 3px;
        width: 3px;
        right: -1.5px;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(150, 150, 150, 0.8);
    }
    .row-rolls-sm-between>.col:nth-last-child(1):after {
        display: none;
    }
}

.swiper-cabinet-contracts-slider .swiper-custom-pagination{
    position: relative;
    padding-top: 10px;
    padding-bottom: 0px;
}

.delete-trash-icon__link svg path {
    fill: transparent;
    stroke: #404040;
    transition: all ease 0.2s;
}
.delete-trash-icon__link:hover svg path {
    stroke: #dd2b1c;
}
.w-tag-item-cloud {
    padding: 2px 10px;
    font-size: 12px;
    line-height: 14px;
    border-radius: 9px;
    color: #fff;
    text-transform: uppercase;
}
.w-tag-item-cloud.color001 {
    background-color: #34C759;
}
.w-tag-item-cloud.color002 {
    background-color: #FF383C;
}
.w-tag-item-cloud.color003 {
    background-color: #08F;
}

.round-btn.green {
    background-color: rgba(0, 145, 73, 0.7);
    color: #fff;
    border-color: #fff;
}
.round-btn.green svg path {
    fill: #fff;
}
.green-callback-btn .round-btn {
    width: 56px;
    height: 56px;
}
.row-contracts-blank {
    min-height: 150px;
}
.row-questionnaire-blank {
    min-height: 150px;
}
@media (min-width: 1200px) {
    .row-contracts-blank {
        min-height: 230px;
    }
    .row-questionnaire-blank {
        min-height: 138px;
    }
}
@media (min-width: 1300px) {
    .row-contracts-blank {
        min-height: 263px;
    }
    .row-questionnaire-blank {
        min-height: 138px;
    }
}
.reload-page__link .icon {

}
.reload-page__link:hover .icon {
    transition: all ease 0.2s;
    transform: rotate(360deg);
}
.w-contracts-list .w-contract-list-item+.w-contract-list-item {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #cecece;
}

.w-article-faq-list-item.w-togglable-item .mobile-toggle-button__link {
    padding: 10px 0 10px 45px;
    background: transparent;
    color: #202020;
}
.w-article-faq-list-item.w-togglable-item .mobile-toggle-button__link .b-dropper {
    transform: rotate(-90deg);
    background-color: transparent;
    left: 0;
}
.w-article-faq-list-item.w-togglable-item .mobile-toggle-button__link .b-dropper svg path {
    fill: #202020;
}
.w-article-faq-list-item.w-togglable-item .mobile-toggle-button__link .b-dropper svg path {
    fill: #202020;
}
.w-article-faq-list-item.w-togglable-item._toggled .mobile-toggle-button__link .b-dropper {
    transform: rotate(0deg);
}
.w-article-faq-list-item.w-togglable-item .inset>.frame {
    padding-left: 45px;
}
.w-article-faq-list-item.w-togglable-item .mobile-toggle-button__link:hover .dotted {
    border-bottom-color: #cecece;
}
.w-togglable-item .relative>.b-dropper:after {
    display: none;
}
.w-togglable-item .relative>.b-dropper:hover svg path {
    fill: #404040;
}
.w-togglable-item .mobile-toggle-button__link .dashed {
    border-bottom: 1px solid transparent;
    transition: all ease 0.2s;
}
.w-togglable-item .mobile-toggle-button__link:hover .dashed {
    border-bottom-color: #202020;
}

.w-profile-photo {
    padding-left: 160px;
    position: relative;
    min-height: 100px;
}
.w-profile-photo .w-photo {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
}
.w-profile-photo .w-photo .image {
    width: 100px;
    height: 100px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    border-radius: 10px;
}
.w-profile-photo .label.overlay {
    background: transparent;
    z-index: 3;
}
.w-profile-photo .photo-icon {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 28px;
    height: 28px;
    transition: all ease 0.2s;
    background-color: #797979;
    border-radius: 50%;
    border: 1px solid #fff;
}
.w-profile-photo .label:hover ~ .photo-icon {
    background-color: #65bd91;
    border-color: #41a171;
}
@media (min-width: 1200px) {
    .w-edit-profile-frame .w-content .row-cabinet-profile-edit-parent {
        margin-left: -30px;
        margin-right: -30px;
    }
    .w-edit-profile-frame .w-content .row-cabinet-profile-edit-parent>.col {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.w-add-photo-frame>.frame {
    background-color: #E3EAEC;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #cecece;
}
.w-add-photo-frame>.frame,
.w-add-photo-frame>.frame .fcm {
    min-height: 150px;
    padding: 15px;
}
.attach-image-label .selector ~ .w-add-photo-frame>.frame svg path {
    stroke-linejoin:round;
    stroke-width:1.5;
    stroke: #404040;
    transition: all ease 0.2s;
}
.attach-image-label:hover .selector ~ .w-add-photo-frame>.frame svg path {
    stroke: #009149;
}


.w-contract-key-toggler-list-item.w-togglable-item {
    position: relative;
    padding-left: 30px;
}
.w-contract-key-toggler-list-item.w-togglable-item>.aside-icon {
    position: absolute;
    left: 0;
    top: 5px;
}
.w-contract-key-toggler-list-item.w-togglable-item>.aside-icon svg path {
    fill: #202020;
}
.w-contract-key-toggler-list-item.w-togglable-item>.icon {

}
.w-contract-key-toggler-list-item.w-togglable-item .mobile-toggle-button__link {
    padding: 5px 35px 5px 0px;
    background: transparent;
    color: #202020;
}
.w-contract-key-toggler-list-item.w-togglable-item .mobile-toggle-button__link .b-dropper {
    background-color: transparent;
    right: 0;
}
.w-contract-key-toggler-list-item.w-togglable-item .mobile-toggle-button__link .b-dropper svg path {
    fill: #202020;
}
.w-contract-key-toggler-list-item.w-togglable-item._toggled .mobile-toggle-button__link .b-dropper {

}
.w-contract-key-toggler-list-item.w-togglable-item .inset>.frame {
    padding-left: 0px;
}
.w-contract-key-toggler-list-item.w-togglable-item .mobile-toggle-button__link .dotted {
    border-bottom: 1px dotted transparent;
    transition: all ease 0.2s;
}
.w-contract-key-toggler-list-item.w-togglable-item .mobile-toggle-button__link:hover .dotted {
    border-bottom-color: #cecece;
}

table.payments-timing-table {
    width: 100%;
    border-collapse: collapse;
}
table.payments-timing-table th,
table.payments-timing-table td {
    padding: 15px;
    border: 1px solid transparent;
}
table.payments-timing-table th {
    text-align: left;
    background-color: rgba(0,0,0,0.05);
    backdrop-filter: blur(5px);
}
table.payments-timing-table td {
    background-color: rgba(255,255,255,0.3);
    /*backdrop-filter: blur(5px);*/
}

table.payments-timing-table .td-date {
    width: 25%;
    min-width: 25%;
    max-width: 25%;
}
table.payments-timing-table .td-payment-number {
    width: 15%;
    min-width: 15%;
    max-width: 15%;
}
table.payments-timing-table .td-price {
    width: 25%;
    min-width: 25%;
    max-width: 25%;
}
table.payments-timing-table .td-total-price {
    width: 35%;
    min-width: 35%;
    max-width: 35%;
}

table.payments-timing-table th.td-price,
table.payments-timing-table .td-price,
table.payments-timing-table .td-total-price {
    text-align: right;
}

table.payments-timing-table .tr-table-toggler td {
    background-color: rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(5px);
    padding-top: 8px;
    padding-bottom: 8px;
}
.tr-table-toggler .toggler__link .w-icon-right {
    display: inline-block;
    padding-right: 30px;
}
.tr-table-toggler .toggler__link .w-icon-right>.icon {
    width: 20px;
    height: 20px;
}
.tr-table-toggler .toggler__link .b-dropper {
    background: transparent;
}
.tr-table-toggler .toggler__link .b-dropper:after {
    width: 12px;
    height: 12px;
}
.tr-table-toggler .toggler__link._toggled .b-dropper {
    transform: rotate(180deg);
}

.w-form-title-icon-aside.w-icon-left {
    padding-left: 40px;
}
.w-form-title-icon-aside.w-icon-left>.icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(0, 145, 73, 0.24), rgba(0, 145, 73, 0.60));
}

.w-input-close-btn-right {
    position: relative;
    padding-right: 35px;
}
.w-input-close-btn-right .icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.close-icon-btn svg path {
    transition: all ease 0.2s;
    stroke:#404040;
}
.close-icon-btn:hover svg path {
    stroke: red;
}

.row-adress-line-type001>.col-city {
    flex: 0 0 calc((100% - 100px - 100px) / 2);
    max-width: calc((100% - 100px - 100px) / 2);
}
.row-adress-line-type001>.col-street {
    flex: 0 0 calc((100% - 100px - 100px) / 2);
    max-width: calc((100% - 100px - 100px) / 2);
}
.row-adress-line-type001>.col-house {
    flex: 0 0 100px;
    max-width: 100px;
}
.row-adress-line-type001>.col-flat {
    flex: 0 0 100px;
    max-width: 100px;
}
.row-cabinet-form-numbers-steps-list>.col {
    position: relative;
    padding-right: 50px;
}
.row-cabinet-form-numbers-steps-list>.col:after {
    position: absolute;
    left: calc(100% - 40px);
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 1px;
    content: "";
    background-color: #797979;
}
.row-cabinet-form-numbers-steps-list>.col:nth-last-child(1) {
    padding-right: 15px;
}
.row-cabinet-form-numbers-steps-list>.col:nth-last-child(1):after {
    display: none;
}
.w-cabinet-form-number-step-list-item {
    position: relative;
    padding-left: 36px;
    color: #797979;
}
.w-cabinet-form-number-step-list-item>.number {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background-color: #fff;
    color: #797979;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    padding: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.w-cabinet-form-number-step-list-item>.title {

}

.row-cabinet-form-numbers-steps-list>.col._active .w-cabinet-form-number-step-list-item {
    color: #000;
}
.row-cabinet-form-numbers-steps-list>.col._active .w-cabinet-form-number-step-list-item>.number {
    background-color: #202020;
    color: #fff;
}
.row-cabinet-form-numbers-steps-list>.col._checked .w-cabinet-form-number-step-list-item {
    color: #000;
}
.row-cabinet-form-numbers-steps-list>.col._checked .w-cabinet-form-number-step-list-item>.number {
    background-color: rgba(0, 145, 73, 0.60);
}
@media (min-width: 1200px) {
    .row.row-form-double-sides-offsets {
        margin-left: -30px;
        margin-right: -30px;
    }
    .row.row-form-double-sides-offsets>.col {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.w-input-currancy-select-right {
    position: relative;
    padding-right: 100px;
}
.w-input-currancy-select-right .input__default {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.w-input-currancy-select-right .w-select {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}
.w-input-currancy-select-right .w-select .select2-container--default .select2-selection--single {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #e7e7e7;
}

.row-attached-photos-list>.col-auto.col {
    flex: 0 0 25%;
    max-width: 25%;
}
.w-attached-photo-list-item {
    position: relative;
}
.w-attached-photo-list-item .close {
    position: absolute;
    top: -6px;
    right: -6px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: rgba(0,0,0,1);
}
.w-attached-photo-list-item .close:hover {
    background-color: rgb(150 0 0 / 50%);
}
.w-attached-photo-list-item .close:after,
.w-attached-photo-list-item .close:before {
    width: 13px;
    right: 3px;
    top: 9px;
}
.w-attached-photo-list-item .close:hover:after,
.w-attached-photo-list-item .close:hover:before {
    background-color: #fff;
}
.w-attached-photo-list-item .frame {
    transition: all ease 0.2s;
    background-color: #E3EAEC;
    border-radius: 6px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}
.w-attached-photo-list-item.file .frame {
    padding: 10px;
    aspect-ratio: auto;
}

.w-attached-photo-list-item.file .w-icon-left {
    width: 100%;
    padding-left: 50px;
}
.w-attached-photo-list-item.file .w-icon-left>.icon .img,
.w-attached-photo-list-item.file .w-icon-left>.icon {
    width: 42px;
    height: 42px;
    border-radius: 4px;
}
.w-attached-photo-list-item.file .w-icon-left>.text * {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.w-attached-photo-list-item.file .w-icon-left>.icon .img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.w-attached-photo-list-item.file .w-icon-left>.icon.contain .img {
    object-fit: contain;
}

.w-site-default-bg-cloud-frame>.frame.lgreen-bg .w-attached-photo-list-item .frame {
    background-color: #fff;
}
.w-attached-photo-list-item .frame .plus-icon svg path {
    transition: all ease 0.2s;
    stroke-width:1.5px;
    stroke: #404040;
}
.w-attached-photo-list-item .frame,
.w-attached-photo-list-item .frame>a {
    aspect-ratio: 1 / 1;
}
.w-attached-photo-list-item .frame .img {
    transition: all ease 0.2s;
    width: 100%;
    height: 100%;

    object-position: center;
    object-fit: contain;
    object-fit: cover;
}

.w-attached-photo-list-item .frame.w-document-attached-file>div {
    padding: 10px;
    width: 100%;
}
.w-attached-photo-list-item .frame.w-document-attached-file .img {
    width: 100%;
    height: auto;
}
.w-attached-photo-list-item .frame.w-document-attached-file .w-icon {
    margin-bottom: 5px;
    width: 45px;
}
.w-attached-photo-list-item .frame.w-document-attached-file .w-title .w-file-name {
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.w-attached-photo-list-item .frame.w-document-attached-file .w-title .w-file-size {
    font-size: 12px;
    line-height: 14px;
    color: #909090;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.w-attached-photo-list-item label:hover .frame .plus-icon svg path {
    stroke: rgba(0, 145, 73, 0.7);
}
.w-attached-photo-list-item label:hover .frame {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.w-attached-photo-list-item label:hover .frame .img {
    opacity: 0.8;
}

.w-icon-left.w-download-file-icon-left {
    padding-left: 15px;
}
.w-icon-left.w-download-file-icon-left>.icon,
.w-icon-left.w-download-file-icon-left>.icon svg {
    width:7px;
    height: 11px;
    top: 4px;
}
.w-relative-popup {
    padding-left: 30px;
    padding-right: 30px;
}
@media (min-width: 768px) {
    .w-photos-list-title-group001 {
        min-height: 80px;
    }
}

.button.white.btn-msi-login-btn {
    text-align: left;
}
.button.white.btn-msi-login-btn .col-text {
    flex: 0 0 calc(100% - 40px);
    max-width: calc(100% - 40px);
}
.button.white.btn-msi-login-btn .col-arrow {
    flex: 0 0 40px;
    max-width: 40px;
}

@media (min-width: 768px) {
    .w-popup.pop-support-form,
    .w-popup.pop-login-msi {
        max-width: 760px;
    }
}

.w-icon-left.w-person-photo-aside.w-addition-frame {
    padding: 25px 0 25px 100px;
}
.w-icon-left.w-person-photo-aside.w-addition-frame>.icon {
    left: 15px;
}



table.desktop-table-default {
    width: 100%;
}
table.desktop-table-default th {
    width: 100%;
}
table.desktop-table-default tr {
    border-bottom: 1px solid #f2f2f2;
}
table.desktop-table-default th,
table.desktop-table-default td {
    padding: 15px;
    border: 1px solid transparent;
    border-bottom: 1px solid #ececec;
    color: #202020;
}
table.desktop-table-default th {
    text-align: left;
    background-color: rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(5px);
}

table.orders-history-table-togglers {

}
table.orders-history-table-togglers .td-title {
    width: calc(100% - 150px - 200px);
    min-width: calc(100% - 150px - 200px);
    max-width: calc(100% - 150px - 200px);
}
table.orders-history-table-togglers .td-date {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}
table.orders-history-table-togglers .td-status {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}
.gray-tag-item-btn,
.button.gray-tag-item-btn {
    -webkit-user-select: all;
    user-select: all;
    padding: 2px 5px;
    border-radius: 2px;
}
.document-print-text {
    padding: 2px 0;
    word-break: break-all;
}



/*_CUSTOM END*/

@media (max-width: 1400px) {

    .owl-carousel.nav-outside .owl-stage-outer {padding-bottom: 60px;}
    .owl-carousel.nav-outside .owl-nav .owl-prev {left: auto;right: 50px;}
    .owl-carousel.nav-outside .owl-nav [class*=owl-] {top:auto;bottom: 10px;}

}

@media (max-width: 1199px) {

    .row-header-middle>.col-logo {flex: 0 0 67px;max-width: 67px;}
    .row-header-middle>.col-left,
    .row-header-middle>.col-right {flex: 0 0 calc(100% - 67px);max-width: calc(100% - 67px);}


    .w-cabinet-form-number-step-list-item>.title {
        font-size: 14px;
        line-height: 18px;
        max-width: 80px;
    }


}

@media (max-width: 991px) {

    article img {width: auto !important; height: auto !important;}
    .img-article-left,
    .img-article-right {float: none !important;}
    table.payments-timing-table .td-date {width: 20%;min-width: 20%;max-width: 20%;}
    table.payments-timing-table .td-payment-number {width: 10%;min-width: 10%;max-width: 10%;}
    table.payments-timing-table .td-price {width: 25%;min-width: 25%;max-width: 25%;}
    table.payments-timing-table .td-total-price {width: 55%;min-width: 55%;max-width: 55%;}

    .w-cabinet-form-number-step-list-item {
        padding-left: 0;
        text-align: center;
    }
    .w-cabinet-form-number-step-list-item>.number {
        position: relative;
        top: 0;
        transform: none;
        margin: 0 auto 10px;
    }
    .w-cabinet-form-number-step-list-item>.title {
        font-size: 14px;
        line-height: 18px;
        max-width: inherit;
    }
    .row-cabinet-form-numbers-steps-list>.col:after {
        left: calc(100% - 40px);
        top: 12px;
        transform: none;
    }


}

@media (max-width: 767px) {

    .w-site-default-bg-cloud-frame>.frame .sides-offset {padding: 20px;}
    .w-profile-photo {padding-left: 130px;}
    table.payments-timing-table th,
    table.payments-timing-table td {padding: 10px 5px;font-size: 13px;}
    table.payments-timing-table .td-date {width: 90px;min-width: 90px;max-width: 90px;}
    table.payments-timing-table .td-payment-number {width: 65px;min-width: 65px;max-width: 65px;}
    table.payments-timing-table .td-price {width: 90px;min-width: 90px;max-width: 90px;}
    table.payments-timing-table .td-total-price {width: 195px;min-width: 195px;max-width: 195px;}
    .row-adress-line-type001>.col-city,
    .row-adress-line-type001>.col-street {flex: 0 0 50%;max-width: 50%;}
    .row-adress-line-type001>.col-house {flex: 0 0 100px;max-width: 100px;}
    .row-adress-line-type001>.col-flat {flex: 0 0 100px;max-width: 100px;}

    .row-cabinet-form-numbers-steps-list>.col:nth-last-child(1),
    .row-cabinet-form-numbers-steps-list>.col {
        padding-left: 5px;
        padding-right: 5px;
    }
    .row-cabinet-form-numbers-steps-list>.col:after {
        display: none;
    }
    .w-cabinet-form-number-step-list-item>.number {
        width: 44px;
        height: 44px;
        border-radius: 8px;
        padding: 12px 2px;
        position: relative;
        top: 0;
        transform: none;
        margin: 0 auto 10px;
    }
    .w-cabinet-form-number-step-list-item>.title {
        max-width: inherit;
        font-size: 12px;
        line-height: 14px;
    }

    table.orders-history-table-togglers thead {
        display: none;
    }
    table.orders-history-table-togglers .td-status,
    table.orders-history-table-togglers .td-date {
        display: none;
    }
    table.orders-history-table-togglers .td-title {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }


}

@media (max-width: 575px) {

    .w-profile-photo {padding-left: 0px;}
    .w-profile-photo .w-photo {position: relative}
    table.payments-timing-table .td-total-price {width: 110px;min-width: 110px;max-width: 110px;}
    .w-site-default-bg-cloud-frame>.frame .w-table-xs-scroll {margin-left: -25px;margin-right: -25px;padding-left: 25px;padding-right: 25px;overflow: auto;}
    .row-adress-line-type001>.col-city,
    .row-adress-line-type001>.col-street {flex: 0 0 100%;max-width: 100%;}
    .row-adress-line-type001>.col-house,
    .row-adress-line-type001>.col-flat {flex: 0 0 50%;max-width: 50%;}



}

@media (max-width: 419px) {

    .w-site-default-bg-cloud-frame>.frame .sides-offset {padding: 15px;}
    .w-login-form-top-switcher .btn {font-size: 14px;}
    .w-pop-checkboxes-group-green-frame>.frame {background-color: #E3EAEC;padding: 10px 15px 0px 15px;border-radius: 10px;}
    .w-site-default-bg-cloud-frame>.frame.w-table-xs-scroll {margin-left: -15px;margin-right: -15px;padding-left: 15px;padding-right: 15px;overflow: auto;}

}

@media (max-width: 359px) {

}