/*NEWS*/
/*news cmpx
news.list*/
.news-list__items { margin-bottom: 30px; gap: 24px; }

    .news-list__item-wrapper { }
        .news-list__item { width: 100%;}
            .news-list__item-image-wrapper {
                position: relative;
                overflow: hidden;
                padding-bottom: 66.67%;
            }
            .news-list__item-image-inner img { 
               position: absolute;
                top: 0;
                left: 0;
                object-fit: cover;
                width: 100%;
                height: 100%;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
            }


        
            .news-item__inner-text { }
            .news-item__date { margin-bottom: 8px; }
            .news-item__title { }

        @media screen and (max-width: 767px) {
            .news-list__items { gap: 10px; }
        }
        @media screen and (max-width: 480px) {
        }
/*news cmpx
news.detail*/
.news-detail {}
.news-detail__date { }
.news-detail__image { 
    float: right; 
    max-width: 350px;
    margin-left: 20px;
    margin-bottom: 35px;
    padding: 0;
    text-align: left;
 }
.news-detail__image img {
    max-width: 100%;
    margin: auto;
    max-height: 100%;
}
.news-detail__backlink {
    margin: 3.135rem 0 3.135rem;
    line-height: 1rem;
}
.news-detail__backlink a {
    text-decoration: none;
}
.news-detail__backlink svg {
    fill: var(--color-text-muted);
}
.news-detail__backlink a:hover svg {
   fill: var(--color-link-hover);
}


@media screen and (max-width: 767px) {
    .news-detail__image {
        float: none; 
        text-align: center;
        max-width: 100%;
        margin-left: 0;
    }
}


/*catalog.smart.filter*/
/*
.custom-filter-section {
    border: 1px solid #ddd;
    padding: 18px 23px;
    background: #f9f9f9;
    max-width: 250px;
}
    .custom-filter-section .bx-filter-title {
        font-weight: var(--font-bold);
    }
    .custom-filter-section .bx-filter-parameters-box-title {
        margin-bottom: 10px;
    }
    .custom-filter-section .bx-filter-parameters-box-hint { 
        color: var(--black) !important;
        font-size: var(--fs-16);
        
    }
    .custom-filter-section .bx-filter-parameters-box-hint i {
        float: right;
    }
    .bx-filter-param-text {
        color: var(--basic);
    }
    .bx-filter-parameters-box-container .checkbox {
        margin-bottom: 15px;
    }
*/

/*services 
catalog.section*/
.services-group-4 {
}
@media screen and (max-width: 1200px) {
    
}
@media screen and (max-width: 1030px) {
    
}
@media screen and (max-width: 480px) {
    
}



.product-item {
    padding: 0 20px;
    
}
.custom-product-item-title a {
    font-size: 15px;
    font-weight: var(--font-bold);
    text-align: center;
    display: block;
}
.bx-no-touch .product-item-container.hover .product-item {
    padding: 0 35px;
}
.product-item-price-container {
    text-align: center;
}
.product-item-price-current {
    font-size: 16px;
    font-weight: var(--font-bold);
    
}

/*services 
catalog.item*/
.product-item-hidden {
    display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center;
}
.custom-product-item-info-container-left {
    width: 50%; float: left;
}
    .product-item-amount-description-container { display: none; }
    .product-item-amount-field { width: 30px;}
.custom-product-item-info-container-right {
    width: 50%; float: right;
}
.custom-product-item-info-container-summa {
    text-align: center;
}
.product-item-amount-field-container {
    display: flex; flex-direction: row; flex-wrap: nowrap; margin: 3px 0 0 0 ;
}
.product-item-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr );
}
.product-item-image-wrapper span {
    padding: 15px;
}
@media screen and (max-width: 1200px) {
    .product-item-cards { grid-template-columns: repeat(3, 1fr );}
}
@media screen and (max-width: 1030px) {
    .product-item-cards { grid-template-columns: repeat(2, 1fr );}
}
@media screen and (max-width: 480px) {
    .product-item-cards { grid-template-columns: 1fr; }
}

/*AUTH*/
.personal_form {
    
}
    .personal_form label { 
        margin: 0 0 3px;
        font-size: var(--fs-15);
        font-weight: 400;
        cursor: pointer; 
        color: var(--grey);
    }
    .personal_form .input input {
        box-shadow: none;
        background: #f0f4f8;
        border: 1px solid #d3dbe5;
        border-radius: 2px;
        width: 100%;
        padding: 10px 15px 9px;
        font-size: 16px;
        color: #000;
        height: 40px;
    }
    .personal_form .input input.is-invalid {
        border: 1px solid red;
    }

    .personal_form .input_checkbox {
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: baseline;
    }
    
    

/*Form authorize*/
/*LOGIN*/
.auth_form {
    border: 4px solid var(--color-theme-hover);
    padding: 43px 0 0px;
}
    .auth_form .title {
        font-size: 18px;
        font-weight: normal;
        color: #232e43;
        margin: 0 0 21px;
    }
    .auth_form .title b {
        font-weight: normal;
    }
    .auth_form .desc {
        line-height: 18px;
        margin: 0 0 21px;
    }

    .auth_form .form_block {}
    /*Left block*/
    .auth_form .left_auth {
        padding: 0 45px 50px 45px;
        position: relative;
    }
    .auth_form .left_auth::after {
        content: "";
        position: absolute;
        right: -10px;
        top: -43px;
        bottom: 0px;
        width: 1px;
        background: var(--color-theme-hover);
    }
        .auth_form .left_auth .auth_remember, 
        .auth_form .left_auth .forgot_pass { margin: 12px 0 0;}
        
        .auth_form .left_auth .forgot_pass { margin-top: 14px; }
        .auth_form .left_auth .forgot_pass { font-size: var(--fs-15);}

        .auth_form .left_auth .auth_button { margin: 17px 0 0; }
    /*Right block*/
    .auth_form .right_auth { padding: 0 50px 0 46px; }
        .auth_form .right_auth .desc {
            line-height: 18px;
            margin: 0 0 30px;
        }
        .auth_form .right_auth .reg_button { margin: 0 0 18px; }

        .auth_form .right_auth .bottom_desc {
            font-size: var(--fs-14);
            line-height: 16px;
            color: #7d7d7d;
            margin: 25px 0 0 0;
        }
    /*Adaptive*/
    @media screen and (max-width: 571px) {
        .auth_form  { padding: 25px 0 0px; }
        .auth_form .left_auth { padding: 0 20px 35px 20px;}
        .auth_form .right_auth { 
            padding: 30px 20px 35px 20px; 
            border-top: 1px solid var(--color-theme-hover);
         }
    }
    /*Bottom block*/
    .auth-serv-icons {
        border-top: 1px solid var(--color-theme-hover);
        padding: 45px 25px 45px 25px;
        display: flex;
        flex-direction: column;
    }
        .auth-serv-icons > div { align-self: center; }
    
        .auth-serv-icons .title { 
            font-size: var(--fs-22); 
            font-weight: var(--font-bold);
            margin-bottom: 25px;
        }
        .auth-serv-icons .desc {
            font-size: var(--fs-15); 
            color: var(--grey);
            margin-bottom: 25px;
        }
        .auth-serv-icons .socservices {}
/*OTP*/
.otp_auth {
    padding: 0 45px 50px 45px;
    position: relative;
}
    .otp_auth .title {
        font-size: 18px;
        font-weight: normal;
        color: #232e43;
        margin: 0 0 21px;
    }
    .otp_auth .title b {
        font-weight: normal;
    }

    .auth_otp_button {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: baseline;
    }
    /*Adaptive*/
    @media screen and (max-width: 571px) {
        .otp_auth { padding: 0 20px 35px 20px;}
    }

/*REGISTRATION*/
.registration_form { padding: 40px 0 40px; }
    .registration_form .f-block.note { padding: 0px 210px 20px; }
        .registration_form .note span {
                line-height: 22px;
                font-size: var(--fs-16);
            }
    .registration_form .title {
        text-align: center;
        font-size: var(--fs-20);
        color: var(--dark);
        position: relative;
        padding: 0 20px;
    }
    .registration_form .title:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 14px;
        height: 1px;
        background: var(--color-theme-hover);
    }
    .registration_form .title span {
        background: #FFF;
        padding: 0 23px;
        position: relative;
    }
    .registration_form .f-block.last_name { padding: 0px 210px 0px; }
    .registration_form .f-block.name { padding: 0px 210px 30px; }
    .registration_form .f-block.login { padding: 0px 210px 0px; }
    .registration_form .f-block.personal_phone { padding: 0px 210px 0px; }
    .registration_form .f-block.work { padding: 0px 210px 30px; }
    .registration_form .f-block.passw { padding: 0px 210px 00px; }
    .registration_form .f-block.pass_desc { padding: 0px 210px 30px; color: var(--grey); font-size: var(--fs-14); }
    .registration_form .f-block.personal_captcha { padding: 0px 210px 30px; }
    .registration_form .f-block.consent { padding: 0px 210px 0px; }
    .registration_form .f-block.consent .main-user-consent-request-announce-link { margin-left: 10px; }
    .registration_form .f-block.reg-button { padding: 20px 210px 20px;  text-align: center; }

    .registration_form .f-block .field { flex: 1; margin-bottom: 10px; }
    .registration_form .f-block.fields-2 { display: flex; flex-direction: row; gap: 15px; justify-content: space-between; }

/*REGISTRATION Adaptive*/
@media screen and (max-width: 760px) {
    .registration_form { padding: 25px 0 25px; }
    .registration_form .title:before { top: 10px; }
    .registration_form .f-block.note { padding: 0px 25px 20px; }
    .registration_form .f-block.last_name { padding: 0px 25px 0px; }
    .registration_form .f-block.name { padding: 0px 25px 10px; }
    .registration_form .f-block.login { padding: 0px 25px 10px; }
    .registration_form .f-block.personal_phone { padding: 0px 25px 10px; }
    .registration_form .f-block.work { padding: 0px 25px 10px; }
    .registration_form .f-block.work { flex-direction: column;  gap: 10px; justify-content:stretch; }
    .registration_form .f-block.passw { padding: 0px 25px 0px; }
    .registration_form .f-block.pass_desc { padding: 0px 25px 20px; }
    .registration_form .f-block.personal_captcha { padding: 0px 25px 20px; }
    .registration_form .f-block.consent { padding: 0px 25px 10px; }
    .registration_form .f-block.reg-button { padding: 0px 25px 0px; }
}


/*FORGOT*/
.forgot_form { padding: 40px 0 40px; }
    .forgot_form .f-block.note { padding: 0px 210px 10px; }
        .forgot_form .note span { line-height: 22px; font-size: var(--fs-16); }
    .forgot_form .f-block.email { padding: 0px 210px 10px; }
    .forgot_form .f-block.captcha { padding: 0px 210px 10px; }
    .forgot_form .f-block.forgot-button { padding: 20px 210px 0px; }
    .forgot_form .f-block.links { padding: 20px 210px 0px; }
    
    
/*FORGOT Adaptive*/
@media screen and (max-width: 760px) {
.forgot_form { padding: 25px 0 25px; }
    .forgot_form .f-block.note { padding: 0px 25px 10px; }
    .forgot_form .f-block.email { padding: 0px 25px 20px; }
    .forgot_form .f-block.captcha { padding: 0px 25px 20px; }
    .forgot_form .f-block.forgot-button { padding: 0px 25px 20px; }
    .forgot_form .f-block.links { padding: 0px 25px 0px; }
}
/*CHANGEPASSWORD*/
.changepassw_form { padding: 40px 0 40px; }
    .changepassw_form .f-block.password,
    .changepassw_form .f-block.password2 { padding: 0px 210px 10px; }
    .changepassw_form .f-block.password2 span { color: var(--grey); display: inline-block; margin-top: 15px; }
    .changepassw_form .f-block.change-button { padding: 0px 210px 0px; }
/*CHANGEPASSWORD Adaptive*/
@media screen and (max-width: 760px) {
.changepassw_form { padding: 25px 0 25px; }
    .changepassw_form .f-block.password,
    .changepassw_form .f-block.password2,
    .changepassw_form .f-block.change-button { padding: 0px 25px 10px; }
}

/*sale.personal.section*/
/*sale.personal.profile.list default*/
.sale-personal-profile-list-container { color: var(--grey); font-size: var(--fs-15); }
    .sale-personal-profile-list-container tr:first-child { border: 1px solid #eee;}
    .sale-personal-profile-list-container tr:first-child th { text-align: center; padding: 15px !important; background: #f9f9f9; }
    .sale-personal-profile-list-container tr td { padding: 15px !important; }
    .sale-personal-profile-list-container tr td { text-align: center; }
    .sale-personal-profile-list-container tr:hover td { background: #f9f9f9; }
    .sale-personal-profile-list-container tr td b { color: var(--color-theme-hover); }
    .sale-personal-profile-list-change-button { color: var(--color-theme-hover); }

    .sale-personal-profile-list-arrow-up { display: none; }
    .sale-personal-profile-list-arrow-down { display: none; }
    .sale-personal-profile-list-change-button { border-bottom: none; transition:none; }
    .sale-personal-profile-list-change-button:hover { border-bottom: none; }

/*sale.personal.profile.list default Adaptive*/
@media screen and (max-width: 1040px) {
    .sale-personal-profile-list-container { overflow-x: auto; display: block; white-space: nowrap; }
}

.sale-personal-section-row-flex { flex-wrap: wrap;}
.sale-personal-section-row-flex > div { max-width: 50%; min-width: 170px; flex-shrink: 1;}
.sale-personal-section-index-block-link, 
.sale-personal-section-index-block-link:hover, 
.sale-personal-section-index-block-link:active, 
.sale-personal-section-index-block-link:focus, 
.sale-personal-section-index-block-link:visited { 
    padding: 15px 0 15px;
}
.sale-personal-section-index-block-name { font-size: var(--fs-15); margin: 10px 0 10px; line-height: 1.3em;}

/*main.profile default*/
.main-profile-block-date-info { display: none; }
.main-profile-form-label { font-size: var(--fs-15); font-weight: 400; color: var(--grey);}


/*isale.keys.list personal*/
.table-my-keys { color: var(--grey); font-size: var(--fs-15); width: 100%; }
    .table-my-keys tr:first-child { border: 1px solid #eee; }
    .table-my-keys tr:first-child th { text-align: center; padding: 15px !important; background: #f9f9f9; }
    .table-my-keys tr td { padding: 15px; text-align: center; }
    .table-my-keys tr:hover td { background: #f9f9f9; }
    .table-my-keys .order-link { color: var(--color-theme-hover); }
    .table-my-keys .key { color: var(--color-theme-hover); }
/*isale.keys.list personal Adaptive*/
@media screen and (max-width: 1040px) {
    .table-my-keys { overflow-x: auto; display: block; white-space: nowrap; }
}

/*sale.basket.basket universal*/
.basket-item-property-custom-name { font-size: var(--fs-15); }