

/* Start:/bitrix/components/zdv1g/form.tradein/templates/.default/style.css?17170246387585*/
/*div.mfeedback {}*/
/*div.mf-name, div.mf-email, div.mf-captcha, div.mf-message {width:80%; padding-bottom:0.4em;}*/
/*div.mf-name input, div.mf-email input {width:60%;}*/
/*div.mf-message textarea {width: 60%;}*/
/*span.mf-req {color:red;}*/
/*div.mf-ok-text {color:green; font-weight:bold; padding-bottom: 1em;}*/
/* input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
} */

/*.card_header{*/
/*    margin-top: 2rem;*/
/*}*/

.popup_iframe_wrapper{
    overflow-y: scroll !important;
}
.ssz:before{
    display: none;
}

.dx-body{

    margin: 1rem;
}

input:autofill {
    appearance: auto;
    background-image: none !important;
    background-color: var(--card_bg_hover_black) !important;
    color: var(--basic_text_black) !important;
}


.xleft_side{
    position:relative;
}

@media (min-width: 200px) {

    #x_contact{
        display:none;
    }
    .x-submit{
        display:none!important;
    }
    .x-submit-mobile{
        display:inline-block!important;
    }

    .site_modal_dialog_overlay{
        display:none;
    }
    .x-modal{
        height: calc(100vh - 60px);
    }
    .xProductView_img{
        display:flex;
        flex-direction: column;
        justify-content: center;
    }
    .xProductView_img>a{
        width:100%;
        display: flex;
        justify-content: center;
    }

    .xProductView_img>img{
        margin: 0 auto;
    }

    .xProductView_img_content {
        margin-top: 1rem;
    }
    .xleft_side{
        grid-column: span 1 / span 1;
    }
    .xright_side{
        width:100%;
        grid-column: span 1 / span 1;
    }
    .xwrapper{
        grid-template-columns: repeat(1, 1fr);
        justify-content: center;
    }
    .xstatus{
        grid-template-columns: repeat(1, 1fr);
    }
    .site_modal_dialog{
        height:fit-content !important;
    }

    .item_block {
        display: inline-flex;
        gap: 0.75rem;
        padding: 1rem;
        border: 1px solid #ececec;
        border-color: var(--stroke_black);
        margin-bottom: 1rem;
        justify-content: center;
        align-items: center;
    }
    .card_body{
        max-height:fit-content!important;
    }
    .popup .form-control {
        margin-bottom: 0.5rem !important;
    }

}

/*sm*/
@media (min-width: 576px) {
    #x_contact{
        display: block;
    }
    .site_modal_dialog_overlay{
        display:block;
    }
    .x-modal{
        height:unset;
    }
    .xleft_side{
        grid-column: span 1 / span 1;
    }
    .xright_side{
        width:100%;
        grid-column: span 1 / span 1;
    }
    .xstatus{
        grid-template-columns: repeat(1, 1fr);
    }
    .xwrapper{
        grid-template-columns: repeat(1, 1fr);
    }
    .xstatus{
        grid-template-columns: repeat(1, 1fr);
    }
}
/*md*/
@media (min-width: 768px) {
    .x-submit{
        display:inline-block!important;
    }
    .x-submit-mobile{
        display:none!important;
    }
    .xleft_side{
        grid-column: span 1 / span 1;
    }
    .xright_side{
        width:100%;
        grid-column: span 1 / span 1;
    }
    .xProductView_img{
        display:flex;
        flex-direction: column;
        justify-content: center;
    }
    .xProductView_img>a{
        display: block;
        width: fit-content;
    }
    .xProductView_img_content {
        margin-top: 1rem;
    }
    .xwrapper{
        grid-template-columns: repeat(1, 1fr);
    }
    .xstatus{
        grid-template-columns: repeat(1, 1fr);
    }
}
/*lg*/
@media (min-width: 992px) {

    .xProductView_img_content {
        margin-top: 0rem;
    }

    .xleft_side{
        grid-column: span 2 / span 2;
    }
    .xright_side{
        grid-column: span 1 / span 1;
    }
    .xwrapper{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xProductView_img{
        display:inline-flex;
        flex-direction: row;
        justify-content: unset;
    }
    .xProductView_img_content {
        margin-left: 1rem;
    }
    .xstatus{
        grid-template-columns: repeat(2, 1fr);
    }
}
/*lg*/
@media (min-width: 1200px) {
    .xstatus{
        grid-template-columns: repeat(2, 1fr);
    }
}
.card_xbody p{
    word-wrap: break-word;
    word-break: break-all;
    overflow-wrap: break-word;
}
.title-product-status{
    font-weight: 700 !important;
    font-size: 15px;
}
.left-col{
    width:75%;
}
.right-col{
    width:24%;
}
.card{
    height: 100%;
    padding: 0.5rem 1.25rem 0 1.25rem;
}
.card_xbody{}

.xmargin{
    margin-left: 0.75rem !important;
}
.xMargiTop{
    margin-top: 1.5rem !important;
}
.xheading{
    margin: 0.75rem 0 1rem 0;
}
.container{
    height:100%
}
.margin-off{
    margin: 0 !important;
}
.xstatus{
    display: grid;

    gap: 0.5rem;
}
.xwrapper{
    height: 100%;
    display:grid;
    gap: 1.5rem;
}
span .star {
    font-size: 12px;
    font-weight: 400;
    line-height: 0;
    margin: 0 0 0 4px;
    position: relative;
    color: red;
}


.xfixedtop{
    position: sticky;
    top:70px;
}
xhfull{
    height:600px;
}
.xProductView{
    padding: 1.25rem;
}
.xProductView_img{
    /*display: inline-flex;*/
    width:100%;
}
.xProductView_body{

}
.xProductView_title{
    margin-bottom: 0.5rem;
}

.xProductView_img_content .values_wrapper{
    font-weight: bold;
    font-size: 16px;
}
.xProductView_img_content .desc_values_wrapper{
    text-decoration: line-through;
    font-size: 16px;
}

.xResultView{
    padding: 1.25rem;
}

.xResultView> .imgsvg{
    display: flex;
    justify-content: center;
    fill:var(--theme-base-color);
    margin-bottom: 0.5rem;
}
.card:has(.error){
    border-color: var(--theme-base-color);
}
@keyframes loading {
    to {
        background-position-x: -20%;
    }
}
.xhead{
    position: absolute;
    right: 0;
    top: 0;
    display: inline-flex;
    margin: 0rem 0 1rem 0;
}
.xhead > h5{
    margin: 0;
}

.xhead >a{
    flex-grow: 1;
    text-align: right;
    text-decoration: none;
}

#reset{
    width: fit-content;
    z-index: 1000;
}
.xProductView_desc{
    margin:0.5rem 0 0 0;
}
.xProductView_desc>p{
    margin-bottom:0.75rem;
}
.xstyled-block {
    border-left: 2px solid;
    border-color: var(--theme-base-color);
    background: #f5f5f5;
    background: var(--darkerblack_bg_black);
    color: var(--basic_text_black);
    clear: both;
    padding: 0.75rem 1rem;
    font-size: 15px;
    margin-bottom: 1.25rem;
}
.loader{
    height: 245px;
    /*transition: height 2s;*/
    background-color: var(--card_bg_hover_black);
    background: linear-gradient(
            100deg,
            rgba(255, 255, 255, 0) 40%,
            rgba(255, 255, 255, .5) 50%,
            rgba(255, 255, 255, 0) 60%
    ) var(--card_bg_hover_black);
    background-size: 200% 100%;
    background-position-x: 180%;
    animation: 1s loading ease-in-out infinite;
}
.loader > div{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height:100%
}
.loader > div > svg{
    width: 100px;
    height: 100px;
}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/tabs.min.css?17201429554176*/
.tabs{margin-bottom:49px;border-bottom:1px solid #ededed;border-bottom-color:var(--stroke_black)}.tabs .bordered{border:none}.tabs--in-section{margin-bottom:48px}.tabs .nav-tabs>li>a{line-height:inherit;border:none}.tabs .nav>li>a:focus,.tabs .nav>li>a:hover{background-color:transparent}.tabs .tab-content{background-color:#fff;background-color:var(--black_bg_black);border:none;padding:40px 0 0}.tabs .tab-content.not_tabs{padding-top:0}.tabs .nav-tabs+.tab-content{border-top:0}.tabs .nav-tabs li{margin:3px 23px 3px 3px}.tabs .nav-tabs li span{padding-top:11px;padding-bottom:11px}.tabs .nav-tabs li a,.tabs .nav-tabs li>span{cursor:pointer;display:block;margin:0;padding:18px 0 19px 0;color:#555;color:var(--basic_text_black)}.tabs .nav-tabs li:not(.active) a:hover,.tabs .nav-tabs li:not(.active) span:hover{border-color:transparent;color:#333;color:var(--fill_dark_lite_hover)}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border:none;background:0 0}.nav-tabs>li.active:after{content:"";position:absolute;left:-1px;right:-1px;bottom:0;z-index:1;height:2px;-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;background:#9e9e9e;background:var(--theme-more-color)}.tabs .nav-tabs li.active>span{color:#333;color:var(--white_text_black);cursor:default}.tabs .nav-tabs li.active a{color:#222;color:var(--white_text_black);cursor:default}.tabs .nav-tabs li.active:hover{box-shadow:none;transform:none;border-color:#e5e5e5;border-color:var(--stroke_black)}.tabs .tab-content .content{margin:-8px 0 0}.pagination>li:before,.tabs .nav-tabs>li:before{margin:0;padding:0}.nav:after{clear:both;content:" ";display:table}.nav-tabs{border:none;margin:-3px;padding:0}.nav-tabs li{margin:0;padding:0;float:left}.nav-tabs li:before{display:none!important}.tabs.horizontal-scrolling{margin:0;position:relative;overflow:hidden}.tabs.horizontal-scrolling:after,.tabs.horizontal-scrolling:before{content:"";width:10px;height:48px;background:#fff;background:var(--black_bg_black);position:absolute;top:0;opacity:0}.tabs.horizontal-scrolling:before{left:0}.tabs.horizontal-scrolling:after{right:0}.tabs.horizontal-scrolling .nav{margin:0;white-space:nowrap;padding:0}.tabs.horizontal-scrolling .nav>li{float:none;display:inline-block;margin:0}.tabs.horizontal-scrolling .nav>li:not(:last-of-type){margin-right:4px}.tabs.horizontal-scrolling+.tab-content{margin-top:2.666rem}.tabs.horizontal-scrolling.bottom-line .nav>li:not(:last-of-type){margin-right:2.266rem}.tabs.bottom-line li{background:0 0}.tabs.bottom-line li a{padding:0 0 .466rem}.tabs.bottom-line li.active:after{left:0;right:0;top:auto;bottom:0;border-radius:0}.tabs.bottom-line+.tab-content{margin-top:1.666rem}.arrow_scroll{max-height:65px;overflow:hidden}.arrow_scroll .nav.nav-tabs{white-space:nowrap;z-index:1;position:relative}.arrow_scroll .nav.nav-tabs>li{float:none;display:inline-block;vertical-align:top}.arrow_scroll_init .arrows_wrapper{position:absolute;top:0;bottom:0;width:100%}.arrow_scroll_init .arrows_wrapper .arrow{position:absolute;width:38px;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;background:var(--black_bg_black);z-index:1;cursor:pointer}.grey_block .arrow_scroll_init .arrows_wrapper .arrow{background-color:#f9f9fa;background-color:var(--darkerblack_bg_black)}.arrow_scroll_init .arrows_wrapper .arrow.arrow_left{left:-14px;border-right:1px solid #ececec;border-color:var(--stroke_black)}.arrow_scroll_init .arrows_wrapper .arrow.arrow_left svg{transform:rotate(-90deg)}.arrow_scroll_init .arrows_wrapper .arrow.arrow_right{right:-14px;border-left:1px solid #ececec;border-color:var(--stroke_black)}.dropdown-select .arrow_scroll_init .arrows_wrapper .arrow.arrow_right{right:14px}.dropdown-select .arrow_scroll_init .arrows_wrapper{right:-14px}.arrow_scroll_init .arrows_wrapper .arrow.arrow_right svg{transform:rotate(90deg)}.arrow_scroll_init .arrows_wrapper .arrow.disabled{display:none}.dropdown-select .line-block{position:relative}@media (max-width:600px){.tabs{margin-bottom:41px}}
/* End */
/* /bitrix/components/zdv1g/form.tradein/templates/.default/style.css?17170246387585 */
/* /bitrix/templates/aspro-lite/css/tabs.min.css?17201429554176 */
