/* --- MAIN STYLES --- */
body.covered {overflow: hidden;}
main{
    min-height: calc(100vh - 153px);
    background: linear-gradient(180deg,#000 0,#2e2e2e 300px,#000 1000px);
    position: relative;
}
main.hide{
    display: none;
}
/* --- --- */
body{
    position: relative;
}
/* --- Header --- */
header{
    position: relative;
    z-index: 31;

    width: 100%;
    background: #000;
}
header.fixed{
    position: fixed;
    top: 0;
    left: 0;
}
.wrapper_header{
    background-color: #000;
    color: #fff;
}
    .header{
        margin: 0 auto;
        padding: 16px 44px;
        /* max-width: 1440px; */
        width: 100%;
        min-height: 96px;
        height: auto;
        color: #999;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .header::before {
        content: "";
        width: 180px;
    }
        .header .btn_icon{
            width: 48px;
            height: 48px;
            padding: 0;
            flex-shrink: 0;
        }
            .header .btn .ms_icon{
                font-size: 24px;
                margin: 0;
            }
            .header .btn:hover,
            .header .btn:focus{
                color: #fff;
            }
            .header .btn svg{
                height: 24px;
                fill: #ccc;
            }
            .header .btn:hover svg,
            .header .btn:focus svg{
                fill: #fff;
            }
            .header .btn+.btn{
                margin-left: 16px;
            }
            .header .header_search{
                margin-left: auto;
            }                
    .header .logo_section{
        display: inline-block;
    }
    .header_car,
    .header_burger{
        display: none;
    }
        .header .logo_section .logo{
            width: 38px;
            height: 38px;
        }
        .header .logo_section .logo_text{
            vertical-align: bottom;   
            margin-left: 62px;
            /*padding-bottom: 2px;*/
        }
.header_burger.active,
.header_car.active{
    background-color: #00adef;
    color: #ffffff;
}
    .header_burger.active svg,
    .header_car.active svg{
        fill: #ffffff;
    }

/* --- Navigation --- */
.wrapper_nav{
    background-color: #000;
    border-top: 1px solid #262626;
}
    .navigation{
        margin: 0 auto;
        /* max-width: 1440px; */
        width: 100%;
        padding: 0 44px;
        color: #999;
        display: flex;
        min-height: 56px;
    }
    .navigation ul{
        margin: 0;
        list-style: none;
        display: flex;
        flex-direction: row;
        width: 100%;
    }
        .navigation li.login_link{
            margin-left: auto;
        }
        .navigation .btn{
            padding: 0 8px;
            position: relative;        
            font-family:'Mercedes-title','DaimlerCS', Helvetica, sans-serif;
            font-size: 18px;        
            color: #999;
            height: 100%;
        }
            .navigation .btn svg{
                height: auto;
                width: 24px;
                fill: #ccc;
            }
        .navigation .btn:hover{
            color: #fff;
        }
            .navigation .btn:hover svg{
                fill: #fff;
            }
        .navigation .btn::before{   
            content: "";
            position: absolute;
            top: -2px;
            left: 0;
            width: 0;
            height: 1px;
            background-color: transparent;
            transition: width 300ms;
        }
        .navigation .btn.active{
            color: #fff;
        }
        .navigation .btn.active::before{
            width: 100%;
            height: 1px;
            background-color: #00adef;
        }
            .navigation .btn .link_text_wrapper .ms_icon{
                display: none;
            }
    
header .dealer_name{
    width: 180px;
    flex-shrink: 0;
    color: #ffffff;
    /*margin-left: auto;*/
}
    header .dealer_name>.title{
        font-family: 'DaimlerCAC';
        margin: 0;
        font-size: 24px;
        line-height: 24px;
    }
    header .dealer_name>.text{
        font-family: 'DaimlerCS';
        margin: 0;
        font-size: 13px;
        line-height: 24px;
    }
    .wrapper_dealer_name{    
        display: none;
    }

/* --- Card menu --- */

.nav_list{
    color: #666666;
    width: 446px;
    margin: 0;
    height: 100%;
    height: calc(100vh - 192px);
    margin: 0px calc(50% - 720px);
    position: fixed;
    top: 172px;
    /* left: 0; */
    left: -100vw;
    transform: translateX(-50px);
    opacity: 0;
    padding-bottom: 80px;
    display: block;
    z-index: 51;
    transition: transform 500ms ease, opacity 500ms ease;
    background-color: #fff;    
}
.nav_list.show{
    left: 0;
    opacity: 1;    
    transform: translateX(0px);
    transition: transform 500ms ease, opacity 500ms ease;
}
/* .nav_list.show.hide{
    left: -100vw;
    opacity: 0;    
    transform: translateX(-50px);
    transition: transform 500ms ease, opacity 500ms ease, left 500ms ease;
} */
    .nav_list .main_section{
        position: relative;
        height: 100%;
        /*overflow-y: scroll;*/
        background-color: transparent;
        border-radius: 4px 4px 0 0;
        z-index: 10;
    }
    .nav_list .mobile_block{
        display: none;
    }
.nav_list.submenu{
    /* left: 456px;
    width: 380px; */    
    width: 380px;
}
.nav_list.submenu.show{
    left: 456px;
    opacity: 1;
}
    .header_list{
        padding: 16px 50px 16px;
        padding-right: 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 80px;
        position: sticky;
        top: 0;
        left: 0;
        z-index: 25;
        background: #ffffff;
        border-bottom: 1px solid transparent;
        transition: border-bottom 500ms;
    }
    .header_list.scroll{
        border-bottom: 1px solid #d9d9d9
    }
        .header_list .btn{
            width: auto;
            height: 48px;
            padding: 0;
            color: #161616;
            font-size: 18px;
        }        
        .header_list .return_home{
            width: 100%;
            justify-content: flex-start;
        }   
            .parent_menu .header_list .return_home_title{
                opacity: 0;
                cursor: auto;
                pointer-events: none;   
                transition: all 500ms;
            }    
            .parent_menu .header_list.scroll .return_home_title{
                opacity: 1;
                pointer-events: all;
                cursor: auto;
            }    
            .header_list .return_home:hover{
                margin-left: -40px;
                padding-left: 40px;
                width: calc(100% + 40px);
            }    
                .parent_menu .return_home .ms_icon{
                    display: none;
                }    
                .header_list .return_home .ms_icon{
                    transform: translateX(-10px);
                    transition: transform 500ms;
                }        
                .header_list .return_home .ms_icon:before{
                    /* vertical-align: middle; */
                    bottom: 0;
                    display: block;
                }        
                .header_list .return_home:hover .ms_icon{
                    transform: translateX(-40px);
                }        
        .header_list .close_menu{   
            width: 48px;
            margin-left: auto;
            flex-shrink: 0;
        } 
        .nav_list.submenu .header_list .close_menu{
            display: none;
        }
        .body_section{
            opacity: 0;
            pointer-events: none;
            display: none;
            height: 100%;
            /* padding-bottom: 80px; */
            transition: opacity 500ms;
        }
        .body_section.show{
            display: block;
            opacity: 1;
            pointer-events: auto;
        }
            .body_section .list_section{
                padding: 0 54px;
                padding-top: 10px;
                padding-right: 80px;
                color: #666666;
                background-color: #ffffff;
                padding-bottom: 30px;
                position: relative;
            }
            .nav_list.submenu .body_section .list_section{
                padding: 0 40px;
                padding-bottom: 20px;
            }
                .body_section .list_section .title_list{
                    font-size: 32px;
                    color: #000000;
                    font-family: 'Mercedes-Serif', 'DaimlerCAC', "Times New Roman", Times, serif;
                    margin: 0;
                    margin-bottom: 10px;
                }
                .nav_list.submenu .body_section .list_section .title_list{
                    display: none;
                }
                .body_section .list_section ul{
                    list-style: none;
                    /* max-width: 320px; */
                    width: 100%;
                    margin: 0;
                    padding-top: 10px;
                }
                    .body_section .list_section li{
                        border-bottom: none;
                        margin-bottom: 8px;
                    }
                    .body_section .list_section li:last-child{
                        margin-bottom: 0px;
                    }
                        .body_section .list_section .body_link{
                            display: inline-block;
                            padding: 12px 0;
                            font-size: 18px;
                            font-family:'Mercedes-title', 'DaimlerCS', Arial, Helvetica, sans-serif;
                            line-height: 1.334;
                            text-align: left;
                        }
                        .body_section .list_section .body_link.active{
                            color: #00adef;
                        }
                        .body_section .list_section .body_link:hover{
                            color: #000000;
                        }
                            .list_section .body_link .link_text_wrapper{
                                display: flex;
                                flex-direction: row;
                                flex-wrap: nowrap;
                                justify-content: space-between;
                                align-items: center;
                            }
                                .body_section .list_section .body_link[role="button"]{
                                    width: 100%;
                                }
                                    .body_section .list_section .body_link .ms_icon{
                                        display: none;
                                        transition: transform 500ms;
                                    }
                                        .body_section .list_section .body_link .ms_icon::before{
                                            display: block;
                                        }
                                    .body_section .list_section .body_link[role="button"] .ms_icon{
                                        display: inline-block;
                                        margin-left: 25px;
                                    }
                                    .body_section .list_section .body_link.active .ms_icon{
                                        transform: translateX(10px);
                                    }
                                    .body_section .list_section .body_link .note_link{
                                        display: block;
                                        font-size: 12px;
                                        color: #999999;
                                        margin-top: 8px;
                                    }
            .additional_section {
                background-color: #ffffff;
            }
                .additional_section .options{
                    list-style: none;
                    padding: 60px 0 20px 0;
                    margin: 0 54px;
                    /* margin-left: 54px; */
                    border-top: solid 1px #ececec;
                    color: #666666;
                    width: auto;
                }
                .additional_section .options.no-media-section {
                    padding: 60px 0;
                }
                    .additional_section .options li{
                        margin-bottom: 16px;                
                        padding: 0;
                    }
                    .additional_section .options li:last-child{
                        margin-bottom: 0px;
                    }
                    .additional_section .options a{
                        font-size: 18px;
                    }
                    .additional_section .options a:hover{
                        color: #666666;
                    }
                    .additional_section .options a svg{
                        fill: #666666;
                        height: 22px;
                        margin-top: -2px;
                    }
                .additional_section .media_section{
                    margin: 0;
                    padding: 20px 0;
                    padding-top: 60px;
                    margin: 0 54px;
                    width: auto;
                    border-top: 1px solid transparent;
                }
                    .additional_section .media_section img{               
                        width: 100%;
                        height: auto;
                        max-height: 50vw;
                        border-radius: 4px;
                    }
                    .additional_section .media_section a{               
                        padding: 15px 0;
                        color: #00adef;
                        font-size: 18px;
                    }




    .scroll_bottom{
        position: absolute;
        bottom: 0;
        left: 0;
        height: 80px;
        width: 100%;
        background-color: #fff;
        display: flex;
        align-items: center;
        border-radius: 4px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        transition: opacity 0.5s;
        opacity: 1;
        z-index: 0;
    }
    .scroll_bottom.hide {
        opacity: 0;
    }
    .scroll_bottom::after{
        content: '';
        width: 100%;
        height: 75%;
        left: 0;
        top: 0%;
        position: absolute;
        transform: translateY(-75%);
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);

        }
        .scroll_bottom .btn_scroll_bottom{
            opacity: 1;
            transition: opacity 0.5s;
        }
        .scroll_bottom.hide .btn_scroll_bottom{
            opacity: 0;
            pointer-events: none;
            /* display: none; */
        }
    .scroll_bottom.hide:after{
        opacity: 0;        
        pointer-events: none;
        /* display: none; */
    }
        .scroll_bottom .btn{
            width: 50px;
            height: 50px;
            margin-left: auto;
            margin-right: 20px;
            padding: 0;
        }
            .scroll_bottom .btn svg{
                fill: #666;
                margin: 0;
                width: 24px;
                height: auto;
                transform: translateY(0);
                animation: 1s pulse infinite;
            }
            @keyframes pulse {
                0% {transform: translateY(0);}
                50% {transform: translateY(5px);}
                100% {transform: translateY(0);}
              }

.body_section .mCSB_inside>.mCSB_container{
    margin-right: 0;
}
.body_section .mCSB_scrollTools .mCSB_draggerContainer{
    z-index: 50;
}
.body_section  .mCSB_scrollTools {
    opacity: 0!important;
    cursor: initial;
    pointer-events: none;
}      
/* --- Footer --- */
footer{
    width: 100%;
    background-color: #000;
}
footer hr{ 
    width: 100%; 
    background-color: #494949; 
    margin: 0;
}
    .wrapper_footer{
        max-width: 1680px;
        width: 86%;
        padding: 0;
        margin: 0 auto;
        padding-bottom: 10px;
    }
        .wrapper_footer .title{   
            font-weight: 700;
            font-size: 20px;
            color: #ffffff;
            margin-bottom: 8px;
        }
        .wrapper_footer a{
            text-decoration: none;
            color: #999999;
            position: relative;
            transition: color 0.4s ease;
        }
        .wrapper_footer a::after{
            content: '';
            position: absolute;
            bottom: -3px;
            left: 0;
            width: 0;
            height: 1px;
            background-color: #ffffff;
            transition: width 0.4s ease; 
        }
        .wrapper_footer a:hover{
            color: #ffffff;
        }
        .wrapper_footer a:hover::after{
            width: 100%;
        }            
            
            .footer .wrapper_btn_up{
                position: relative;
                text-align: center;
            }
                .footer .wrapper_btn_up .footer_btn_up{
                    color: #ffffff;
                    font-size: 16px;
                    padding: 15px;
                    margin: 32px 0;
                    flex-direction: column;
                }
                    .footer .wrapper_btn_up .footer_btn_up svg{
                        width: 24px;
                        height: auto;
                        fill: #ffffff;
                        transform: rotate(180deg);
                    }
                    .footer .wrapper_btn_up .footer_btn_up svg+span{
                        margin: 0;
                        margin-top: 10px;
                    }
                .footer .wrapper_btn_up .btn:hover,
                .footer .wrapper_btn_up .btn:focus{
                    color: #ffffff
                }
                
                .footer .subscription_form{
                    width: 100%;
                    padding: 30px 0px;
                    border: solid 1px #666;
                    border-radius: 2px;
                    display: flex;
                    flex-direction: row;
                    flex-wrap: wrap;
                    align-items: center;
                }
                    .footer .subscription_form .subscription__description{   
                        width: 41.66667%;
                        padding: 0 20px;
                        color: #999999;
                    }
                        
                    .footer .subscription_form form{   
                        width: 58.33333%;
                        padding: 0 20px;
                        display: flex;
                        align-items: stretch;
                    }
                        .footer .subscription_form .form-group{
                            width: 100%;
                            margin: 0;
                        }
                            .footer .subscription_form input{
                                border: 1px solid #666;
                                background-color: #262626!important;
                                height: 56px;
                                color: #ffffff!important;
                                flex: 1 0 0;
                            }
                        .footer .subscription_form .btn{
                            height: auto;
                            padding: 0 14px;
                            margin-left: 24px;
                        }

            .footer .footer_categories{
                grid-column-gap: 2.5rem;
                display: grid;
                grid-template-columns: repeat(6,1fr);
                margin-top: 48px;
                margin-bottom: 72px;
            }
                .footer .footer_categories .categories_section{
                    width: 100%;
                }
                    .footer_categories .categories_section .title{
                        font-family: 'Mercedes', 'DaimlerCS', Arial, Helvetica, sans-serif;
                        margin: 0;
                    }
                    .footer_categories .categories_section .btn_colapse{
                        display: none;
                    }
                    .footer_categories .categories_section .categories_list{
                        margin: 0;
                        margin-top: 20px;
                        list-style: none;
                        font-family: 'Mercedes-title', 'DaimlerCS', Arial, Helvetica, sans-serif;
                    }
                        .footer_categories .categories_section .categories_list li:not(:last-child){
                            margin-bottom: 16px;
                        }
                            

        .wrapper_additional_footer{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
            padding: 32px 0;
            width: 100%;
        }
            .additional_footer{
                padding: 0 20px;
                font-family: 'Mercedes-title', 'DaimlerCS', Arial, Helvetica, sans-serif;
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
            }
                .additional_footer a{
                    margin: 10px 0;
                    margin-right: 20px;
                }
                .additional_footer a:last-child{
                    margin-right: 0px;
                }
            .social_list{
                margin-left: auto;
                display: flex;
                flex-direction: row;
            }
                .social_list .social_link{
                    margin-right: 30px;
                }
                .social_list .social_link:hover::after{
                    content: none;
                }
                .social_list .social_link:last-child{
                    margin-right: 0px;
                }
                    .social_list .social_link svg{
                        width: auto;
                        height: 22px;
                        fill: #999999;
                        transition: fill 0.4s ease;
                    }
                    .social_list .social_link:hover svg{
                       fill: #0088c6;
                    }
.wrapper_footer .author{
    margin-left: auto;
    margin-bottom: 50px;
    display: flex;
    flex-direction: row;
}
/* --- Breadcrumb --- */
.breadcrumbs{
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: auto;
    max-width: calc(100% - 70px);
    margin: 0;
}
    .breadcrumbs li{
        position: relative;
        font-size: 16px;
        padding-right: 5px;
    }
        .breadcrumbs li::after{
            font-family: "DaimlerIcons";
            display: inline-block;
            content: '\e60d';
            margin-left: 5px;
        }
    .breadcrumbs li:last-child{
        pointer-events: none;        
        margin-right: 0px;
        padding-right: 0px;
        vertical-align: middle;
        align-self: flex-end;
    }
        .breadcrumbs li:last-child::after{
            content: '';
        }
        .breadcrumbs li a{
            text-decoration: none;
            vertical-align: middle;
        }
        .breadcrumbs li:last-child a,
        .breadcrumbs li a.active{
            color: #00adef;
        }
/* --- Widgets --- */
/* --- Title img --- */
.section_title_img{
    
}
    .section_title_img .img_section{
        display: block;
        width: 100%;
        height: 600px;
        position: relative;
        background-position: bottom center;
        text-decoration: none;
        padding-top: 1px;
        overflow: hidden;
    }
        .section_title_img .img_section .title_container{
            max-width: 83%;
            width: 100%;
            margin: 0 auto;
            padding: 0 15px;
            color: #ffffff;
            text-align: center;
            z-index: 2;
            margin-top: 50px;
            position: relative;
        }
            .section_title_img .img_section .title_container .title{
                font-size: 50px;
                font-family: 'Mercedes-Serif', 'DaimlerCAC', "Times New Roman", Times, serif;
                margin: 0;
                color: #ffffff;
            }
            .section_title_img .img_section .title_container .text{
                margin: 0;
                margin-top: 18px;
                font-family: 'Mercedes-title', 'DaimlerCS', Arial, Helvetica, sans-serif;
            }
        .section_title_img .img_section .fog{
            position: absolute;
            left: 0;
            top: 0px;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0);
            background: linear-gradient(to bottom,rgba(0,0,0,0.55) 0px,rgba(0,0,0,0) 50%);
            z-index: 1;
        }
    .text_section{
        display: none;        
        /* border-bottom: 1px solid #e9e9e9; */
    }
    .text_section .footnote{
       font-size: 14px;
       color: #999999;
       margin: 0;
       font-family: 'Mercedes-title', 'DaimlerCS', Arial, Helvetica, sans-serif;
       padding-top: 10px;
       padding-bottom: 10px;
       display: none;
    }
/* --- title slider --- */
.title_slider{
    background-color: #ffffff;
}
    .title_slider .section_title_img .img_section .title_container{
        opacity: 0;
        transition: opacity 2s;
    }
    .title_slider .slick-active.section_title_img .img_section .title_container{
        opacity: 1;
    }
        
    .section_title_img .img_section .fog{
        opacity: 0;
        transition: opacity 2s;
    }
    .title_slider .slick-active.section_title_img .img_section .fog{
        opacity: 1;
    }
    .title_slider .slider_card .text_section{
        display: block;
        opacity: 0;
        transition: opacity 2s;
    }
    .title_slider .slider_card.slick-active .text_section{
        opacity: 1;
    }
        .title_slider .slider_card .text_section .title{
            display: none;
        }
        .title_slider .slider_card .text_section>p{
            display: none;
        }
        .title_slider .slider_card .text_section .btn{
            display: none;
            margin-bottom: 10px;
        }
        .title_slider .slider_card .text_section .footnote{
            padding-bottom: 40px;
        }
/* --- quick menu --- */
.quick_menu{
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 29;
    list-style: none;
    margin: 0;
    transform: translate(calc(100% - 45px), -50% );
}
    .quick_menu li{
        margin-bottom: 2px;
        font-family: 'Mercedes-title', 'DaimlerCS', Arial, Helvetica, sans-serif;
        font-size: 16px;        
    }
        .quick_menu li a{            
            height: 45px;
            width: 242px;
            display: flex;
            align-items: center;
            text-decoration: none;
            padding: 10px;
            background-color: #00adef;
            color: #ffffff;
            transition: transform 0.5s ease;            
        }
        .quick_menu li a:hover{
            background-color: #0088c6;
            color: #ffffff;
            transform: translateX(calc(-100% + 45px));
        }
                
                .quick_menu li a .ms_icon{
                    font-size: 25px;
                    height: 25px;
                    margin-right: 10px;
                }

                    .quick_menu li a span svg{
                        width: 25px;
                        height: 25px;
                        fill: #ffffff;
                        margin-right: 10px;
                    }
    /* .quick_menu li:hover a{
        color: #ffffff;
        background-color: #0088c6;
    } */
/* --- navigation page --- */
.navigation_page{
    position: fixed;
    left: 0;
    top: 50%;
    z-index: 29;
    list-style: none;
    margin: 0;
    max-width: 60px;
    width: 100%;
    padding: 22px 10px;
    background-color: transparent;
    overflow: hidden;    
    transform: translate(0, -50% );
    transition: max-width 300ms,background-color 300ms,padding 300ms;;
}

    .navigation_page li:not(:first-child){
        margin-top: 6px;
        width: 100%;
    }
    .navigation_page li{
        height: 40px;
    }
        .navigation_page li a{
            display: inline-block;
            height: 40px;
            line-height: 40px;
            text-decoration: none;
            font-size: 16px;
            font-family:'Mercedes-title', 'DaimlerCS', Arial, Helvetica, sans-serif;
            white-space: nowrap;
            pointer-events: none;
        }
        .navigation_page a.title{
            font-size: 22px;
            text-decoration: none;
            opacity: 0;
            pointer-events: none;
        }
            .navigation_page li a .quick_menu_item{
                font-size: 22px;
                line-height: 1;
                margin-right: 10px;
            }
            .navigation_page li a .quick_menu_item::before{
                font-size: 32px;
                position: relative;
                left: 0;
                width: 25px;
                text-align: center;
                vertical-align: sub;
                line-height: 0;
                text-shadow: 0 0 8px rgba(66,66,66,0.5);
            }
            .navigation_page li a .quick_menu_item::before{
                content: '\e60c';
            }
            .navigation_page li a.active{
                color: #00adef;
            }
            .navigation_page li a.active .quick_menu_item::before{
                content: '\e904';
                font-size: 20px;
                vertical-align: middle;
            }
            .navigation_page li a span+span{
                opacity: 0;
                transition: opacity 300ms;
                pointer-events: none;
                cursor: initial;
            }
.navigation_page:hover{    
    background-color: #161616f2;
    max-width: 360px;
    padding: 22px;
}
.navigation_page:hover a{
    pointer-events: all;
}
.navigation_page:hover a.title{
    opacity: 1;
    pointer-events: all;
}
.navigation_page:hover li a span+span{
    opacity: 1;
    pointer-events: all;
    cursor: pointer;
}

/* --- catalog cards --- */
.main_catalog_section{
    /* position: relative; */
}
/* .main_catalog_section>.ms_section{
    padding-top: 16px;
} */
    .wrapper_main_catalog{
        /* padding-top: 16px; */
    }
        .main_catalog_section .main_title_section{
            font-size: 48px;
            color: #333333;
            line-height: 1;
            padding: 0.67em 0;
            margin: 0;
        }
    .main_catalog_section .mobile_btn_tab{
        display: none;
    }
    .nav_tabs_catalog{
        /* margin: 0;     */
        padding: 0;
        margin: 25px 0;    
        background: #ffffffe6;
        list-style: none;
        display: flex;
        flex-direction: row;
        align-items: center;
        position: sticky;
        top: 0;
        z-index: 2;
    }
        .nav_tabs_catalog>li{
            border: 1px solid #bfbfbf;
            height: 56px;
        }
        .nav_tabs_catalog>li:not(:first-child){
            border-left: none;
        }
            .nav_tabs_catalog>li .tab_button{
                display: inline-flex;
                align-items: center;
                font-size: 16px;
                text-decoration: none;
                color: #262626;
                font-family: "Mercedes", Arial, Helvetica, sans-serif;
                width: 100%;
                height: 100%;            
                padding: 10px 20px;
                background-color: #ffffff;
            }
            .nav_tabs_catalog>li .tab_button:hover{
                background-color: rgba(0,0,0,.04);;
            }
            .nav_tabs_catalog>li .tab_button.active{
                color: #fff;
                background-color: #262626;
                border-color: #262626;
            }
                .nav_tabs_catalog>li .tab_button img{
                    max-height: 40px;
                    height: 100%;
                    width: 100%;
                    max-width: 120px;
                    object-fit: contain;
                    object-position: center;
                    display: none;
                }
                .nav_tabs_catalog>li .tab_button .default{
                    display: inline-block;
                }
                .nav_tabs_catalog>li .tab_button.active .default{
                    display: none;
                }
                .nav_tabs_catalog>li .tab_button.active .hover{
                    display: inline-block;
                }
                .nav_tabs_catalog>li .tab_button .text{
                    display: none
                }
    .wrapper_main_catalog .tab-content>.active{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .wrapper_main_catalog .tab_parent_section .wrapper_inner_nav_tab{
        width: 25%;        
        border-right: 1px solid #e5e5e5;
    }
        .wrapper_main_catalog .tab_parent_section .inner_nav_tab{
            width: 100%;
            display: flex;
            flex-direction: column;
            position: sticky;
            top: 106px;
            z-index: 1;
            background-color: #ffffff;
            align-self: flex-start;
        }
            .inner_nav_tab>li{
                width: 100%;
                position: relative;
            }
            .inner_nav_tab>li:last-of-type,
            .inner_nav_tab>li.btn_all_tab{
                margin-top: 16px;
            }
            .inner_nav_tab>li:last-of-type:after,
            .inner_nav_tab>li.btn_all_tab:after{
                content: '';
                position: absolute;
                top: -8px;
                left: 0;
                width: 80px;
                height: 2px;
                background-color: #e5e5e5;
            }
                .inner_nav_tab .tab_button{
                    color: #999;
                    display: block;
                    width: 100%;
                    height: auto;
                    line-height: 1;
                    text-decoration: none;               
                    font-size: 18px;
                    padding: 9px 0;
                    position: relative;
                    min-height: 40px;
                }
                .inner_nav_tab .tab_button:after{
                    content: '';
                    position: absolute;
                    right: -1px;
                    top: 0;
                    height: 100%;
                    width: 1px;
                    background-color: transparent;
                }
                .inner_nav_tab .tab_button:hover{
                    color: #00adef;
                }
                .inner_nav_tab .tab_button:hover:after{
                    background-color: #000000;
                }
                .inner_nav_tab .tab_button.active{
                    font-weight: 700;
                    color: #000000;
                }
                .inner_nav_tab .tab_button.active:after{
                    background-color: #00adef;
                }
                    .inner_nav_tab .tab_button svg{
                        width: 40px;
                        height: auto;
                        fill: #000;
                        margin-right: 10px;
                        transition: width 0.25s;
                    }
                    .inner_nav_tab .tab_button:hover svg{
                        fill: #00adef;
                    }
                    .inner_nav_tab .tab_button.active svg{
                        fill: #000000;
                        width: 50px;
                    }
    .wrapper_main_catalog .tab_parent_section .inner_tab_section{
        width: 75%;    
        padding: 0 16px;
        margin: 0 auto;
    }
        .inner_tab_section .tab_children_section>.title_section{
            width: 100%;
            display: none;
        }
        
            .inner_tab_section .tab_children_section>.title_section .title{
                font-size: 34px;
                color: #333333;
                font-family: 'Mercedes-Serif', 'DaimlerCAC', "Times New Roman", Times, serif;
                margin-bottom: 8px;
            }
            .inner_tab_section .tab_children_section.section_all_tab .title_section{
                position: sticky;
                top: 106px;
                background-color: #ffffffe6;
                display: block;

            }
            .inner_tab_section .tab_children_section.section_all_tab .title{
                font-weight: 400;
                font-size: 20px;
                line-height: 1.5rem;
                color: #999;
                border-bottom: 1px solid #e5e5e5;
                padding: 16px 0;
                font-family: 'Mercedes', 'DaimlerCS', Arial, Helvetica, sans-serif;
                margin: 0;
            }

/* --- Card car --- */
.wrapper_card_car{
   padding: 0 10px;
   margin-bottom: 20px; 
}
.card_car{
    padding: 15px 8px;
    /* padding-bottom: 30px; */
    display: block;
    text-decoration: none;
    /* width: 25vw; */
    position: relative;
    border-radius: 2px;
    /* z-index: 1; */
}
.card_car:hover{
    color: #000000;
    text-decoration: none;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.1), 0 16px 24px 0 rgba(0,0,0,.1);
    background: #f8f8f8;
}
    .card_car .slick-dots{
        opacity: 0;
    }
    .card_car:hover .slick-dots{
        opacity: 1;
    }

    .card_car .title_card_car{
        text-align: center;
        margin-bottom: 35px;
        text-decoration: none;
        text-align: center;
        display: block;
    }
    .card_car .info_label{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 15px;
        min-height: 22px;
    }
        .card_car .info_label span{
            padding: 4px 12px;
            font-size: 12px;
            color: #666666;
            background-color: #e5e5e5;
            font-weight: 700;
            border-radius: 12px;
        }
        .card_car .info_label span.blue{
            background-color: #00adef;
            color: #ffffff;
        }
        .card_car .info_label span+span{
            margin-left: 8px;
        }
    .slider_card_car{
        margin-top: 20px;
    }
        .slider_card_car .item_card{
            width: 100%;
            height: auto;
            display: flex;
            justify-content: center;
        }
    .card_car .main_features{
        font-size: 12px;
        color: #666666;
        margin: 0;
        list-style: none;
    }
    /* .card_car:hover .main_features{
        display: none;
    } */
        .card_car .main_features li{
            padding: 0 10px;
            display: inline-flex;
            margin-bottom: 3px;
            align-items: center;
            justify-content: space-between;
            width: 100%;
        }
            .card_car .main_features li svg{
                width: 12px;
                height: auto;
                fill: #666666;
                margin-right: 5px;
            }
            .card_car .main_features li>span+span{
                margin-left: 10px;
            }
    .card_car .tablet_dots{
        display: none;
    }
    .card_car .btn_outlier_control{
        width: 48px;
        height: 48px;
        background-color: #ffffff;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid transparent;
        border-radius: 50%;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 1;
        display: none;
    }
    .card_car .btn_outlier_control:hover{
        background-color: #e5e5e5;
        border-color: #bfbfbf;
    }
    .card_car .btn_outlier_control:focus{
        outline: none;
        box-shadow: none;
        border-color: #00adef;
    }
        .card_car .btn_outlier_control svg{
            fill: #000000;
            transition: transform .3s ease-in-out;
            width: 16px;
            height: 16px;
        }
        .card_car .btn_outlier_control.active svg{
            fill: #000000;
            transform: rotate(135deg);
        }
    .card_car .outliers_options{
        width: 100%;
        padding: 15px 8px;
        position: absolute;
        top: 100%;
        left: 0;
        margin: 0;
        list-style: none;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 8px 0;
        z-index: 10;
        display: none;
    }
    .card_car .outliers_options ul{
        padding: 0;
        margin: 0;
        list-style: none;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px 0px, rgba(0, 0, 0, 0.1) 0px 4px 8px 0px;

    }  
    .card_car:hover .outliers_options{
        display: block;
        background-color: #f8f8f8;
    }
        .card_car .outliers_options li{
            padding: 0 14px;
            background-color: #fff;
            width: 100%;
            border: 1px solid #e5e5e5;
            border-bottom: 0; 
            transition: color .3s;
        }  
        .card_car .outliers_options li:hover{
            background: #f8f8f8;            
        }  
        .card_car .outliers_options li:first-child{
            border-radius: 2px 2px 0 0;
        }  
        .card_car .outliers_options li:last-child{
            border-radius:  0 0 2px 2px;
        }  
            .card_car .outliers_options li a{
                font-size: 16px;
                color: #333333;
                height: 100%;                
                display: flex;
                align-items: center;
                min-height: 46px;
                text-decoration: none;
            }  
                .card_car .outliers_options li a svg{
                    width: 18px;
                    height: 18px;
                    fill: #333333;
                    margin-right: 10px;
                } 
    .card_car .cover{
        display: none;
        z-index: 0;
    }
/* --- catalog --- */
.catalog_cars{
    display: flex;
    flex-wrap: wrap;
    min-width: 100%;
    width: auto;
    margin: 0 -15px;
}
    .catalog_cars .wrapper_card_car{
        width: 33.3334%;
    }

/* --- basic title --- */
.basic_title{
    padding: 25px 0 34px 0;
    max-width: 66.6663%;
}
    .basic_title>.biger_standart{
        margin-bottom: 9px;
        font-size: 18px;
    }
    .basic_title h2{
        margin-top: 0.5em;
        margin-bottom: 0.25em;
    }
/* --- basic title block --- */
.basic_title_block{
    position: relative;
}
    .basic_title_block .img_section{
        height: 565px;
        width: 100%;
    }
    .basic_title_block .fog{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right,rgba(0,0,0,0.55) 0,rgba(0,0,0,0.55) 15%,rgba(0,0,0,0) 50%);
        z-index: 1;
    }
    .basic_title_block .wrapper_description{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 2;
    }
        .basic_title_block .wrapper_description .description_section{
            max-width: 1440px;
            width: 100%;
            margin: 0 auto;
            padding: 0 44px;            
            display: flex;
            height: 100%;
        }
            .basic_title_block .wrapper_description .description_section .descrption{
                width: 33%;
                margin-top: 70px;
            }
            .basic_title_block.sticky_secondary_nav .wrapper_description .description_section .descrption{
                margin-top: 130px;
            }
                .basic_title_block .descrption h2{
                    margin-top: 0;
                }
                .basic_title_block .descrption p{
                    font-size: 18px;
                    margin: 0;
                }
                .basic_title_block .descrption .btn{
                    margin-top: 30px;
                }
/* --- secondary nav --- */
.secondary_nav{
    position: absolute;
    /* width: 100%; */
    height: auto;
    top: 25px;
    left: 50%;
    transform: translate(-50%,0);
    /* overflow-y: auto; */
    display: flex;
    align-items: stretch;
    flex-direction: row;
    background-color: transparent;
    min-height: 35px;
    height: auto;
    z-index: 3;
    transition: top 0.5s;
}
.secondary_nav.show{
    z-index: 51;
}
.secondary_nav.fixed{
    position: fixed;
    top: -100%;
}
.secondary_nav.fixed.pos_top{
    top: 0;
}
    .secondary_nav ul{
        margin: 0;
        list-style: none;
        /* height: 100%; */
        width: 100%;       
        background-color: #111111e6;
        display: flex;
        flex-wrap: nowrap;
        /* flex-direction: row; */
        overflow-x: hidden;
    }
        .secondary_nav ul li{
            display: inline-flex;
            justify-content: center;
            align-items: center;
            height: 100%;
        }
            .secondary_nav li .nav_link{
                text-decoration: none;
                margin: 0 20px;
                white-space: nowrap;
            }
            .secondary_nav li .nav_link.active{
                color: #00adef;
            }
    .secondary_nav .additional_nav_list{
        flex-shrink: 0;
        position: relative;        
        background-color: #111111e6;
        flex-grow: 1;
        /* height: 100%; */
    }
        .secondary_nav .additional_nav_list .btn{  
            background-color: #111111e6;
            height: 100%;
            margin-left: auto;
            display: flex;
        }
            .secondary_nav .additional_nav_list .btn .ms_icon{
                font-size: 12px;
                margin: 0;
                margin-left: 25px;
            }
        .superfluous_nav_list{
            position: absolute;
            top: 100%;
            right: 0;
            display: none;
        }
        .superfluous_nav_list.show{
            display: block;
        }
            .superfluous_nav_list ul{
                margin: 0;
                list-style: none;
                display: flex;
                flex-direction: column;
            }
            .superfluous_nav_list ul li a{
                padding: 10px 20px;
                margin: 0!important;
                width: 100%;
                text-align: center;
            }
    .mobile_additional_nav,
    .mobile_additional_nav_list{
        display: none;
    }

/* --- card parent --- */
.card_parent{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /* padding: 30px 0; */
    margin: 30px 0;
}
.card_parent.reverse{
    flex-direction: row-reverse;
}
    .card_parent .unit_card{
        width: 100%;
    }
    .card_parent.double_card .unit_card{
        width: 50%;
    }
    .card_parent.triple_card .unit_card{
        width: 33.33334%;
    }
    .card_parent.quadruple_card .unit_card{
        width: 25%;
    }
    .card_parent.fivefold_card .unit_card{
        width: 20%;
    }
    .card_parent.sixfold_card .unit_card{
        width: calc(100% / 6);
    }

/* --- capabilities section --- */
.capabilities_section{
    padding-top: 54px;
    padding-bottom: 30px;
    text-align: center;
}
    .capabilities_section h2{
        margin: 0;
    }
    .capabilities_section .unit_card{
        padding: 0 14px;
        margin-top: 44px;
        text-align: center;
    }
    .capabilities_section .unit_card:not(:first-child){
        border-left: 1px solid #494949;
    }
        .capabilities_section .unit_card img{
            width: auto;
            height: 56px;
            margin-bottom: 14px; 
        }
        .capabilities_section .unit_card p{
            margin: 0;
        }
        .capabilities_section .unit_card .btn{
            margin-top: 34px;
        }
/* --- numeral section --- */
.numeral_section{
    padding: 30px 0;
}
    .numeral_section .unit_card{
        padding-left: 20px;
        padding-bottom: 15px;
        border-left: solid 1px #008080;
        color: #cccccc;
    }
        .numeral_section .unit_card .numeral{
            font-size: 46px;
            color: #ffffff;
        }
        .numeral_section .btn{
            margin-top: 48px;
        }
/* --- hover bg card --- */
.hover_bg_card{
    padding: 0 10px;
}
    .hover_bg_card>a {
        text-decoration: none;
    }
    .hover_bg_card>a:hover {
        color: #ffffff;
    }
    .hover_bg_card a:focus {
        outline: none;
        box-shadow: none;
    }
        .hover_bg_block{
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top: 56.25%;
            height: 0;
            overflow: hidden;
            z-index: 1;
        }
        .hover_bg_block.hover_bg_sm{
            padding-top: 33.333333%;
        } 
            .hover_bg_block .bg_img{
                position: absolute;
                top: 0;
                left: 0;
            }
            .hover_bg_block .bg_img.bg_img_scale{
                transform: scale(1);
                z-index: 1;
                transition: transform 1s;
            }
            .hover_bg_block .btn{
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                opacity: 0;
                white-space: nowrap;
                transition: opacity 1s;
                z-index: 3;
            }
            .hover_bg_block .btn.btn_play{
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                opacity: 1;
                z-index: 3;
                color: #ffffff;
                background-color: #000000b3;
                font-size: 32px;
                padding: 0;
                width: 102px;
                height: 65px; 
            }
            .hover_bg_block:hover .btn.btn_play{
                background-color: #000000;
            }
            .hover_bg_block .btn.btn_close{
                position: absolute;
                top: 0%;
                left: 100%;
                transform: translate(-100%,0%);
                opacity: 1;
                z-index: 3;
                color: #ffffff;
                background-color: #000000b3;
                font-size: 16px;
            }
            .hover_bg_block .btn.btn_close:hover{
                background-color: #000000;
                color: #00adef;
            }
            .hover_bg_block .btn.btn_zoom,
            .hover_bg_block .btn.btn_plus{
                position: absolute;
                top: 100%;
                left: 100%;                
                transform: translate(-100%,-100%);
                opacity: 1;
                z-index: 3;
                font-size: 32px;
                color: #ffffff;
                background-color: #000000b3;
                border-color: #000000b3;
                padding: 5px;
            }
            .hover_bg_block .btn.btn_plus{
                font-size: 19px;
            }
            .hover_bg_block:hover .btn.btn_zoom,
            .hover_bg_block:hover .btn.btn_plus{
                color: #00adef;
            }
            .hover_bg_block .fog{
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                opacity: 0;
                transition: opacity 1s;
                background-color: #000000e6;
                z-index: 2;
            }
            .hover_bg_block:hover .bg_img.bg_img_scale{
                transform: scale(1.5);
            }
            .hover_bg_block:hover .btn{
                opacity: 1;
                color: #ffffff;
            }
            .hover_bg_block:hover .fog{
                opacity: 1;
            }
    .hover_bg_card .description{
        margin-top: 20px;
        padding-bottom: 16px;
    }

        .hover_bg_card .description p{
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;
            line-height: 20px;
            margin: 0;
        }
    .hover_bg_card>p{
        text-transform: uppercase;
        margin-top: 24px;
        font-size: 16px;
        margin-bottom: 8px;
    }
.hover_bg_block.video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
/* --- unit card --- */
.unit_card .description.width-md{
    max-width: 66.66%;
    padding-bottom: 16px;
}
    .unit_card .description p{
        margin: 0;
    }
    
.slider_bg_grey .unit_card>p{
    padding: 0 10px;
}
.slider_bg_grey .unit_card .description{
    padding: 0 10px 16px 10px;
}
/* --- simple form --- */
.simple_form{
    max-width: 570px;
    width: 100%;
    padding: 40px 0;
}
    .simple_form form>.title{
        font-size: 48px;
    }
    .simple_form form>p{
        font-size: 18px;
        margin: 0;
    }
    .simple_form form .title_section{
        font-family: "Mercedes", Arial, Helvetica, sans-serif;
        font-weight: 700;
        margin-top: 48px;
    }
        .simple_form form .label_form{
            margin-bottom: 0;
            font-size: 16px;
            width: 100%;
        }
    
    .simple_form form .form_block .special_w:first-child{
        padding-right: 5px;
    }
    .simple_form form .form_block .special_w:last-child{
        padding-left: 5px;
    }
    .simple_form form .form_block .special_w_50{
        width: 50%;
    }
    .simple_form form .form_block .special_w_75{
        width: 75%;
    }
    .simple_form form .form_block .special_w_25{
        width: 25%;
    }
    .simple_form form .btn_section{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
        .simple_form form .btn_section .btn{
            font-size: 16px;
            font-weight: 700;
            padding: 11px 24px;
            border-radius: 2px;
            line-height: 1.5em;
        }
        .simple_form form .btn_section .btn+.btn{
            margin-left: 5px;
        }

/* --- two blocks --- */
.part_41_59 .part_img{
    max-width: 41.6667%;
    width: 100%;
    padding: 0;
}
.part_41_59 .description_section{
    max-width: 58.3333%;
    width: 100%;
}
.part_50_50 .part_img{
    max-width: 50%;
    width: 100%;
    padding: 0;
}
.part_50_50 .description_section{
    max-width: 50%;
    width: 100%;
}
.part_58_42 .part_img{
    max-width: 58.3333%;
    width: 100%;
    padding: 0;
}
.part_58_42 .description_section{
    max-width: 41.6667%;
    width: 100%;
}
.part_67_33 .part_img{
    max-width: 66.6667%;
    width: 100%;
    padding: 0;
}
.part_67_33 .description_section{
    max-width: 33.3337%;
    width: 100%;
}
.two_blocks .description_section{
    padding: 0 16px 0 32px;
    padding-top: 27px;
}
.reverse .description_section{
    padding: 0 32px 0 0px;
    padding-top: 27px;
}
    .two_blocks .part_img .unit_card{
        padding: 0;
    }
    .two_blocks .description_section .h3{
        margin-top: 0;
    }
    .two_blocks.part_67_33 .description_section .h3{
        margin-top: 0;
        margin-bottom: 30px;
    }
    .two_blocks .description_section ul{
        padding-left: 20px;
        margin-top: 15px;
    }
        .two_blocks .description_section ul li:not(:last-child){
            margin-bottom: 8px;
        }
    .two_blocks .description_section .btn_section{
        margin-top: 35px;
    }
        .two_blocks .description_section .btn_section .btn{
            margin-bottom: 10px;
            margin-right: 10px;
        }
    .two_blocks .description_section .h6{
        margin-top: 3em;
    }
    .two_blocks .description_section .numeral_section{
        padding: 0;
    }
        .two_blocks .description_section .numeral_section .card_parent{
            flex-direction: column;
            margin: 0;
        }
            .two_blocks .description_section .numeral_section .card_parent .unit_card{
                border: 0;
                border-bottom: solid 1px #999999;
                width: 100%;
                padding: 15px 0;
            }
            .two_blocks .description_section .numeral_section .card_parent .unit_card:last-child{
                border: 0;
            }
/* --- slider one --- */
.slider_one_card .unit_card{
    padding: 0;
}
/* --- card mosaic --- */
.card_mosaic{
    display: grid;
    gap: 30px;
    /* grid-template-columns: 70% 30%; */
    grid-template-columns: repeat(10, 1fr);
    grid-auto-rows: auto auto;
}
    .card_mosaic .unit_card{
        padding: 0px;
    }
    .card_mosaic .unit_card:nth-child(3n+1){
        grid-column: 1/span 7;
        grid-row: auto/span 2;
    }
    .card_mosaic .unit_card:nth-child(3n+2){
        grid-column: 8/span 3;
    }
    .card_mosaic .unit_card:nth-child(3n+3){
        width: 75%;
        grid-column: 8/span 3;
        align-self: flex-end;
    }
    .card_mosaic .unit_card:nth-child(3n+4){
        grid-column: 1/span 3;
        grid-row: auto/ span 1;
    }
    .card_mosaic .unit_card:nth-child(3n+5){
        grid-column: 4/span 7;
        grid-row: auto/span 2;
        width: 100%;
        align-self: auto;
    }
    .card_mosaic .unit_card:nth-child(3n+6){
        
        grid-column: 1/span 3;
        grid-row: auto/ span 1;
        margin-left: auto;
        width: 75%;
        align-self: flex-end;
    }
/* --- card mosaic 2--- */
.card_mosaic_2{
    display: grid;
    column-gap: 30px;
    /* grid-template-columns: 70% 30%; */
    grid-template-columns: repeat(10, 1fr);
    grid-auto-rows: auto auto;
}
    .card_mosaic_2 .unit_card{
        padding: 0px;
    }
    .card_mosaic_2 .unit_card:nth-child(4n+1){
        grid-column: 1/span 5;
        grid-row: auto/span 1;
        margin-left: auto;
        width: 66%;
        align-self: flex-start;
    }
    .card_mosaic_2 .unit_card:nth-child(4n+2){
        grid-column: auto/span 5;
    }
    .card_mosaic_2 .unit_card:nth-child(4n+3){
        grid-column: 1/span 5;
    }
    .card_mosaic_2 .unit_card:nth-child(4n+4){
        grid-column: auto /span 5;
        grid-row: auto/ span 1;
        width: 50%;
        align-self: center;
    }
/* --- fancybox --- */
.fancybox-navigation .fancybox-button{
    height: auto;
    background-color: transparent;
}
.fancybox-navigation .fancybox-button:disabled{
    opacity: 0;
    pointer-events: none;
}
    .fancybox-navigation .fancybox-button svg{
        height: 35px;
    }

.myFancyBox .fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right: 0;
    height: 95px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
    background: linear-gradient(180deg,#262626,#000 280px);
    display: block;
    padding-left: 70px;
    }
    
    .myFancyBox.fancybox-show-thumbs .fancybox-inner {
        right: 0;
        bottom: 95px;
    }
    .myFancyBox .fancybox-thumbs__list a{
        width: 138px;
    }
        .myFancyBox .fancybox-thumbs__list a:before{
            border: none;
            border-bottom: 5px solid #00adef;
        }

    .myFancyBox button.fancybox-button.fancybox-close-small{
        top: 15px;
        right: 15px;
        width: 36px;
        height: 36px;
        padding: 0;
        background-color: rgba(0,0,0,0.7);
    }
        .myFancyBox button.fancybox-button.fancybox-button--close svg,
        .myFancyBox button.fancybox-button.fancybox-close-small svg{
            fill: #ffffff;
            width: 22px;
            height: 22px;
            margin: 0 auto;
        }
            .myFancyBox button.fancybox-button.fancybox-button--close svg path,
            .myFancyBox button.fancybox-button.fancybox-close-small svg path{
                stroke: #ffffff;
                stroke-width: 4px;
            }
            .myFancyBox button.fancybox-button.fancybox-button--close:hover svg path,
            .myFancyBox button.fancybox-button.fancybox-close-small:hover svg path{
                fill: #00adef;
                stroke: #00adef;
            }
    
/* --- last options link --- */
.last_options_link .unit_card{
    padding-right: 22px;
    text-decoration: none;
}
.last_options_link .unit_card:last-child{
    padding-right: 0px;
}
.last_options_link .unit_card:hover {
    color: #ffffff;
}
    .last_options_link .unit_card .card_content{
        display: flex;
        flex-direction: column;
        padding: 13px 15px 14px;
        background: linear-gradient(180deg,#333,#242424);
        height: 100%;
    }
    .last_options_link .unit_card:hover .card_content{
        background: #161616;
    }
        .last_options_link .unit_card .card_content .img_section img{
            height: 60px;
            width: auto;
            object-fit: contain;
        }
        .last_options_link .unit_card .card_content .text_link{
            display: inline-flex;
            justify-content: space-between;
            width: 100%;
            margin: 14px 0;
            font-size: 22px;
            font-family: 'Mercedes-Serif', 'DaimlerCAC', "Times New Roman", Times, serif;
        }

/* --- tab --- */
.ms_tab .tab_list_btn{
    margin-bottom: 14px;
    display: flex;
    flex-direction: row;
}
.ms_tab.without_changes .tab_list_btn{
    flex-wrap: wrap;
}
.ms_tab .tab_list_btn .btn+.btn{
    margin-left: 1px;
}
.ms_tab .btn_collapse:hover{
    color: #00adef;
    background-color: #3c3c3c;
    border-color: #3c3c3c;
}
.ms_tab .active.btn_collapse{
    color: #00adef;
    background-color: #2a2a2a;
    border-color: #2a2a2a;
}    
    .ms_tab .collapse_card .btn_collapse{
        display: none;
    }
    .ms_tab .content_section{
        display: none;
        opacity: 0;
        transition: opacity 500ms;
        margin-bottom: 40px;
        padding: 20px 0;
    }
    .ms_tab .content_section.show{
        opacity: 1;
    }
    .ms_tab .first{
        display: block;
    }

.ms_tab-tab .tab_list_btn{
    position: relative;
}
.ms_tab-tab .tab_list_btn:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 0;
}
    .ms_tab-tab .btn_collapse{
        background-color: transparent;
        border-color: transparent;
        position: relative;
        z-index: 1;
    }
    .ms_tab-tab__white .btn_collapse{
        color: inherit;
    }
    .ms_tab-tab .btn_collapse:focus,
    .ms_tab-tab .btn_collapse:hover{
        background-color: transparent;
        border-color: transparent;
        color: #0088c6;
    }
    
        .ms_tab-tab .btn_collapse.active{
            background-color: #000;
            border-color: #ccc;
            border-bottom: #000;
        }
        .ms_tab-tab__white .btn_collapse.active{
            background-color: #fff;
            border-color: #ccc;
            border-bottom: #fff;
        }

/* --- complementary --- */
.wrapper_complementary{
    position: relative;
}
.complementary_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
    position: relative;
}
    .complementary_container .complementary_btn_open{
        font-size: 18px;
        background-color: transparent;
        border-color: transparent;
        border-top: 1px solid #FFFFFF;
        margin: 0 auto;
        min-width: 50px;
        width: auto;
        transition: min-width 1s;
    }
    .complementary_container .complementary_btn_open.active{
        min-width: 100%;
    }
        .complementary_container .complementary_btn_open .ms_icon+span{
            margin-left: 12px;
        }
        .complementary_container .complementary_btn_open .plus_icon{
            display: none;
        }
    .complementary_container .complementary_section{
        display: none;
        position: relative;
        width: 100%;
        opacity: 0;
        transition: opacity 1s;
    }
    .complementary_container .complementary_section.active{
        opacity: 1;
    }
        .complementary_container .complementary_section>.btn.btn-close{
            position: absolute;
            top: 20px;
            right: 20px;
            padding: 5px;
            z-index: 10;
        }
        .complementary_container .complementary_section>.btn.btn-close.sticky{
            position: sticky;
            top: 20px;
            margin-left: auto;
            margin-right: 20px;
            display: block;
        }
            .complementary_container .complementary_section>.btn.btn-close svg{
                width: 22px;
                height: 22px;
                fill: #ffffff;
            }
            
                .complementary_container .complementary_section>.btn.btn-close svg path{
                    stroke: #ffffff;
                    stroke-width: 4px;
                }
                .complementary_container .complementary_section>.btn.btn-close:hover svg path{
                    stroke: #00adef;
                }

/* --- card grid --- */
.btn.btn_show_more{
    font-size: 18px;
    background-color: transparent;
    border-color: transparent;
    border-top: 1px solid #FFFFFF;
    margin: 0 auto;
    min-width: 50px;
    width: auto;
    display: flex;
    margin-top: 20px;
}
.card_grid{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
}  
    .card_grid .grid_section .grid_element .unit_card{
        padding: 0;
    }

        .wrapper_card_grid .link_element a,
        .card_grid .grid_section .grid_element .link_element a{
            text-decoration: none;
            width: 100%;
            display: block;
            background: linear-gradient(rgb(71, 71, 71), rgb(51, 51, 51));
            color: #ffffff;
            font-size: 18px;
            padding: 15px 45px 15px 20px;
            position: relative;
        }

        .wrapper_card_grid .link_element:hover a,
        .wrapper_card_grid .link_element:focus a,
        .card_grid .grid_section .grid_element .link_element:hover a,
        .card_grid .grid_section .grid_element .link_element:focus a{
            background: linear-gradient(180deg,#323232,#242424);
        }
            .wrapper_card_grid .link_element a .ms_icon,
            .card_grid .grid_section .grid_element .link_element a .ms_icon{
                position: absolute;
                right: 15px;
                bottom: 15px;
            }

    .card_grid .grid_section:nth-child(odd){
        padding-right: 15px;
    }
    .card_grid .grid_section:nth-child(even){
        padding-left: 15px;
    }

        .card_grid__v1 .grid_section{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            flex-shrink: 0;
            width: 50%;
        }
        .card_grid__v1 .grid_section .grid_element{
            width: 50%;
        }
        .card_grid__v1 .grid_section:nth-child(odd) .grid_element:nth-child(1){
            padding-right: 15px;
        }
        .card_grid__v1 .grid_section:nth-child(odd) .grid_element:nth-child(2){
            padding-left: 15px;
        }
        .card_grid__v1 .grid_section:nth-child(odd) .grid_element:nth-child(3){
            width: 100%;
        }
        .card_grid__v1 .grid_section:nth-child(even) .grid_element:nth-child(1){
            width: 100%;
        }
        .card_grid__v1 .grid_section:nth-child(even) .grid_element:nth-child(2){
            padding-right: 15px;
        }
        .card_grid__v1 .grid_section:nth-child(even) .grid_element:nth-child(3){
            padding-left: 15px;
        }        


        .reverse.card_grid__v1 .grid_section:nth-child(odd) .grid_element:nth-child(1){
            padding: 0px;
            width: 100%;
        }
        .reverse.card_grid__v1 .grid_section:nth-child(odd) .grid_element:nth-child(2){
            padding: 0;
            padding-right: 15px;
        }
        .reverse.card_grid__v1 .grid_section:nth-child(odd) .grid_element:nth-child(3){
            padding: 0;
            padding-left: 15px;
            width: 50%;
        }
        .reverse.card_grid__v1 .grid_section:nth-child(even) .grid_element:nth-child(1){
            width: 50%;
            padding: 0;
            padding-right: 15px;
        }
        .reverse.card_grid__v1 .grid_section:nth-child(even) .grid_element:nth-child(2){
            padding: 0;
            padding-left: 15px;
        }
        .reverse.card_grid__v1 .grid_section:nth-child(even) .grid_element:nth-child(3){
            padding: 0px;
            width: 100%;
        }

        .card_grid__v2 .grid_section{
            flex-direction: column;
            width: 50%;
        }
        .card_grid__v2 .grid_section .grid_element{
            width: 100%;
        }
        .card_grid__v2 .grid_section:nth-child(odd) .grid_element:nth-child(1){
            width: 66.3333%;
            margin-left: auto;
        }
        .card_grid__v2 .grid_section:nth-child(odd) .grid_element:nth-child(2){
            width: 100%;
        }
        .card_grid__v2 .grid_section:nth-child(even) .grid_element:nth-child(1){
            width: 100%;
        }
        .card_grid__v2 .grid_section:nth-child(even) .grid_element:nth-child(2){
            width: 66.3333%;
            margin-right: auto;
        }


        .reverse.card_grid__v2 .grid_section:nth-child(odd) .grid_element:nth-child(1){
            width: 100%;
            margin: 0;
        }
        .reverse.card_grid__v2 .grid_section:nth-child(odd) .grid_element:nth-child(2){
            width: 66.3333%;
            margin-left: auto;
        }
        .reverse.card_grid__v2 .grid_section:nth-child(even) .grid_element:nth-child(1){
            width: 66.3333%;
            margin-right: auto;
        }
        .reverse.card_grid__v2 .grid_section:nth-child(even) .grid_element:nth-child(2){
            width: 100%;
            margin: 0;
        }


        .card_grid__v3 .grid_section{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            flex-shrink: 0;
            width: 100%;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }
        .card_grid__v3 .grid_section:nth-child(odd){
            padding: 0;
            padding-bottom: 15px;
        }
        .card_grid__v3 .grid_section:nth-child(odd) .grid_element_big{
            width: 66.6666%;
            padding-right: 15px;
        }
        .card_grid__v3 .grid_section:nth-child(odd) .grid_element_small{
            width: 33.3333%;
            padding-left: 15px;
        }
            .card_grid__v3 .grid_section:nth-child(odd) .grid_element{
                width: 100%;
            }
            .card_grid__v3 .grid_section:nth-child(odd) .grid_element_small .grid_element:nth-child(2){
                width: 66.6666%;
            }
        
        .card_grid__v3 .grid_section:nth-child(even){
            padding: 0;
            padding-top: 15px;
            flex-direction: row-reverse;
        }
        .card_grid__v3 .grid_section:nth-child(even) .grid_element_big{
            width: 66.6666%;
            padding: 0;
            padding-left: 15px;
        }
        .card_grid__v3 .grid_section:nth-child(even) .grid_element_small{
            width: 33.3333%;
            padding: 0;
            padding-right: 15px;
        }
            .card_grid__v3 .grid_section:nth-child(even) .grid_element{
                width: 100%;
            }
            .card_grid__v3 .grid_section:nth-child(even) .grid_element_small .grid_element:nth-child(2){
                width: 66.6666%;
                margin-left: auto;
            }
        
           
            .reverse.card_grid__v3 .grid_section:nth-child(odd){
                flex-direction: row-reverse
            }
                .reverse.card_grid__v3 .grid_section:nth-child(odd) .grid_element_big{
                    padding: 0;
                    padding-left: 15px;
                }
                .reverse.card_grid__v3 .grid_section:nth-child(odd) .grid_element_small{
                    padding: 0;
                    padding-right: 15px;
                }
                    .reverse.card_grid__v3 .grid_section:nth-child(odd) .grid_element_small .grid_element:nth-child(2){
                        margin: 0;
                        margin-left: auto;
                    }
            .reverse.card_grid__v3 .grid_section:nth-child(even){
                flex-direction: row;
            }
                .reverse.card_grid__v3 .grid_section:nth-child(even) .grid_element_big{
                    padding: 0;
                    padding-right: 15px;
                }
                .reverse.card_grid__v3 .grid_section:nth-child(even) .grid_element_small{
                    padding: 0;
                    padding-left: 15px;
                }
                    .reverse.card_grid__v3 .grid_section:nth-child(even) .grid_element_small .grid_element:nth-child(2){
                        margin: 0;
                        margin-right: auto;
                    }
            


        .card_grid__v4 .grid_section{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            flex-shrink: 0;
            flex-grow: 1;
            width: 100%;
            padding: 0!important;
            margin-left: -15px;
            margin-right: -15px;
        }
        .card_grid__v4 .grid_section .grid_element{
            width: 33.3333%;
        }
        .card_grid__v4 .grid_section .grid_element:nth-child(3n-2){
            padding: 0 15px;
        }
        .card_grid__v4 .grid_section .grid_element:nth-child(3n-1){
            padding: 0 15px;
        }
        .card_grid__v4 .grid_section .grid_element:nth-child(3n){
            padding: 0 15px;
        }

        
.wrapper_card_grid .controls_dots{
    display: block;
    text-align: center;
    padding: 20px;
}
/* --- Cookies --- */
.ms_cookies{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    display: none;
    justify-content: center;
    align-items: flex-end;
    z-index: 100;
}
.ms_cookies.active{
    display: flex;
}
    .ms_cookies .content_container{
        background-color: #ffffff;
        max-width: 1200px;
        max-height: 85vh;
        overflow: auto;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        box-shadow: 0 6px 36px rgba(0,0,0,0.3);
        padding: 20px;
    }
        .ms_cookies .content_container .coolies_title{
            font-size: 24px;
            margin-bottom: 30px;
            margin-top: 0;
        }
        .ms_cookies .content_container .btn_section{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: flex-end;
            align-items: flex-start;
            margin-top: 20px;
        }
            .ms_cookies .content_container .btn_section .btn{
                padding: 11px 23px;
            }
            .ms_cookies .content_container .btn_section .btn+.btn{
                margin-left: 10px;
            }
        .ms_cookies .content_container .link_section{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: flex-end;
            align-items: flex-start;
        }
            .ms_cookies .content_container .link_section{
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: flex-end;
                align-items: flex-start;
                margin-top: 10px;
            }
            .ms_cookies .content_container .link_section a{
                text-decoration: none;
                font-size: 14px;
                color: #000000;
            }
            .ms_cookies .content_container .link_section a:hover{
                color: #000000;
                text-decoration: underline;
            }
            .ms_cookies .content_container .link_section a+a{
                margin-left: 10px;
            }
/* --- comparison section img --- */
.comparison_section{
    position: relative;
    z-index: 1;
    /* overflow: hidden; */
    transform: translate(0, 0);
    transition: transform 1s ease-in-out;
}
.comparison_section .filter_section{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 90%;
    margin: 0 auto;
    position: absolute;
    z-index: 10;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, -50%);
}
        .comparison_section .filter_section .radio-btn-container{
            width: 33%;
            display: flex;
            justify-content: flex-start;
            flex-wrap: nowrap;
        }
            .comparison_section .filter_section .radio-btn-container .btn:hover,
            .comparison_section .filter_section .radio-btn-container .btn.active{
                color: #00adef;
                background-color: #242424;
                border-color: #242424;
            }
        
        .comparison_section .filter_section .select-btn-container{
            width: 66%;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            flex-wrap: nowrap;
        }
            .wrapper_comparison_section  .select-container{
                position: relative;
                margin-bottom: 20px;
            }
            .comparison_section .filter_section .select-container{
                width: calc(50% - 30px);
                margin: 0 15px;
                position: relative;
            }
                .wrapper_comparison_section .select-value{
                    width: 100%;
                    justify-content: space-between;
                    flex-wrap: nowrap;
                    overflow: hidden;
                }
                .wrapper_comparison_section .select-value.dropdown-toggle::after{
                    content: none;
                }
                    .wrapper_comparison_section .select-value .text{
                        flex-shrink: 1;
                        overflow: hidden;
                        white-space: normal;
                    }
                    .wrapper_comparison_section .select-value .ms_icon{
                        font-size: 12px;
                        margin-left: 10px;
                        flex-shrink: 0;
                    }
                    .select-container .select-value .open_icon,
                    .wrapper_comparison_section .select-value .open_icon{
                        display: none;
                    }
                    .select-container.show .select-value .close_icon,
                    .wrapper_comparison_section .select-value.open .close_icon{
                        display: none;
                    }
                    .select-container.show .select-value .open_icon,
                    .wrapper_comparison_section .select-value.open .open_icon{
                        display: block;
                    }
                .wrapper_comparison_section .select-container ul{
                    list-style: none;
                    background-color: #242424;
                    position: static;
                    display: none;
                    width: 100%;

                    position: static!important;
                    transform: none!important;
                    margin: 0;
                    border: none;
                    padding: 0;
                    border-radius: 0;
                    float: none;
                }
                .comparison_section .select-container ul{
                    list-style: none;
                    background-color: #242424;
                    position: absolute;
                    left: 0;
                    top: 100%;
                    display: none;
                    z-index: 10;
                    width: 100%;

                    position: absolute!important;
                    top: 100%!important;
                    margin: 0;
                    border: none;
                    border-radius: 0;
                    transform: none!important;
                    padding: 0;
                }
                .wrapper_comparison_section ul.show,
                .wrapper_comparison_section .select-value.open ~ ul{
                    display: block;
                }
                    .wrapper_comparison_section .select-container a{
                        width: 100%;
                        display: block;
                        padding: 12px 14px;
                        font-size: 16px;
                        color: #ffffff;
                        background-color: #333333;
                        margin: 0;
                        border-top: 1px solid #242424;
                        text-decoration: none;
                    }
                    .wrapper_comparison_section .select-container a:hover{
                        background-color: #242424;
                    }

/* .comparison_section_img{
    width: 100%;
    height: 0;
    padding: 0;
    padding-top: 56.25%;
    position: relative;
} */
.comparison_section_img{
    width: 100%;
    overflow-y: visible;
    /* height: 0;
    padding: 0;
    padding-top: 56.25%;
    position: relative; */
}
    /* .comparison_section_img .main_img{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        overflow: hidden;
        pointer-events: none;
    } */
        /* .comparison_section_img .main_img img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        } */
        .comparison_section_img .cocoen img{
            
            height: 100%;
            object-fit: cover;
        }
    .comparison_section_img .comparison_container{
        position: absolute;
        left: 0;
        top: 0;
        width: 50%;
        height: 100%;
        z-index: 2;
        overflow: hidden;
        pointer-events: none;
    }
    .comparison_section_img.is-visible .comparison_container{
        width: 50%;
        animation: cd-bounce-in 0.7s
    }
    @keyframes cd-bounce-in {
        0% {
          width: 0;
        }
        60% {
          width: 55%;
        }
        100% {
          width: 50%;
        }
      }
    
        .comparison_section_img .comparison_container img{
            width: auto;
            height: 100%;
            object-fit: cover;
        }

        
    .comparison_section_img .control_element{
        position: absolute;
        z-index: 3;
        height: 100%;
        width: 2px;
        background-color: #ffffff;
        top: 0;
        left: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .comparison_section_img.is-visible .control_element{
        left: 50%;
        animation: control_element_animation 0.7s
    }
    @keyframes control_element_animation {
        0% {
          left: 0;
        }
        60% {
          left: 55%;
        }
        100% {
          left: 50%;
        }
      }

        /* .comparison_section_img .control_element button{
            border: none;
            padding: 8px 10px;
            background-color: #333333;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 24px;
            color: #ffffff;
            width: 50px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            cursor: ew-resize;
        }
        .comparison_section_img .control_element button:focus,
        .comparison_section_img .control_element button:focus{
            outline: solid transparent;
            box-shadow: 0;
        } */

        .comparison_section_img .cocoen{
            overflow: visible;
            z-index: 2;
            height: 100%;
            
            padding-top: 56.25%;
        }
        .comparison_section_img .cocoen>div{
            position: absolute;
            /* width: 100%; */
            height: 100%;
            left: 0;
            top: 0;
            z-index: 2;
        }
            .comparison_section_img .cocoen img {
                width: 100%;
                height: 100%;
                object-fit: cover;
    
                position: absolute;
                width: 100%;
                height: 100%;
                object-fit: cover;
                top: 0;
                left: 0;
                z-index: 1;
            }
            .comparison_section_img .cocoen .cocoen-drag {
                z-index: 3;
                width: 10px;
                background-color: transparent;
                height: 100%;                
                transform: translate(-50%, 0);
            }
                .comparison_section_img .cocoen .cocoen-drag::after {
                    position: absolute;
                    left: 50%;
                    top: 0;
                    transform: translate(-50%, 0);
                    width: 2px;
                    height: 100%;
                    background-color: #ffffff;
                    z-index: 1;
                    content: '';
    
                }
                .comparison_section_img .cocoen .cocoen-drag::before {
                    top: 50%;
                    z-index: 2;
                    transform: translate(-50%, -50%);
                    width: 54px;
                    height: 34px;
                    margin: 0;
                    border: none;
                    background-color: #333333;
                    background-image: url(../../img/icon/Arrow_drag.svg);
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-position: center;
                }
                    /* .comparison_section_img .cocoen .cocoen-drag .drag-tooltip {
                        width: 54px;
                        height: 34px;
                        display: block;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        z-index: 2;
                    } */


.wrapper_comparison_section .mobile_filter_block{
    display: none;
}

.comparison_section .result_value__mobile{
    display: none;
}
/* --- Other --- */
.footnote_info{
    width: 66.6%;
    color: #999999;
    font-size: 14px;
    margin: 0;
    /* margin-top: 34px; */
    margin-bottom: 20px;
    display: block;
}
.footnote_style{
    font-size: 14px;
    color: #999999;
 }

 /* --- simple catalog --- */
 .wrapper_simple_catalog{
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: flex-start;
     align-items: flex-start;
 }
    .wrapper_simple_catalog .catalog_section{
        margin-bottom: 30px;
        position: relative;
    }
    .wrapper_simple_catalog .catalog_section::before{
        content: '';
        width: 1px;
        height: 100%;
        background-color: #999;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
        .wrapper_simple_catalog .catalog_section .title_section{
            margin: 0;
            margin-bottom: 20px;
            padding-left: 20px;
        }
        .wrapper_simple_catalog .catalog_section .catalog_list{
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            flex-wrap: wrap;
        }
            .wrapper_simple_catalog .catalog_section .catalog_card{
                padding: 0;
                width: 225px;
                padding: 0 15px;
                margin-top: 30px;
            }
                .wrapper_simple_catalog .catalog_card a {
                    text-decoration: none;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: flex-start;                
                    display: block;
                }
                    .wrapper_simple_catalog .catalog_card .img_section {
                        width: 100%;
                        height: 0;
                        padding-top: 56.25%;
                        position: relative;
                    }
                        .wrapper_simple_catalog .catalog_card .img_section img{
                            position: absolute;
                            top: 0;
                            left: 0;
                        }
                    .wrapper_simple_catalog .catalog_card span{
                        display: block;
                        margin: 0;
                        text-align: center;
                        font-size: 18px;
                        line-height: 1.25;
                        margin-top: 10px;
                    }

/* --- w-tabs-as-tabs --- */
.w-tabs-as-tabs .tabs-nav-scrolling .btn_collapse{
    white-space: nowrap;
}
.w-tabs-as-tabs .tabs-nav-scrolling .tab_list_btn{
    /* margin: 0 25px; */
    padding: 0 25px;
}
.w-tabs-as-tabs .tabs-nav-scrolling .nav-link {
    text-decoration: none;
}

.block-for-Fancybox .w-tabs-as-tabs{
    width: 90vw;
}

.w-tabs-as-tabs .mCSB_container{
    overflow: hidden;
    margin: 0 auto!important;
    z-index: 1;
    background-color: transparent;
}
.w-tabs-as-tabs .mCSB_scrollTools {
    top: 50%;
    bottom: auto;
    transform: translate(0%, -50%);
    z-index: 2;
    width: auto;

    height: calc(100% + 2px);
    opacity: 1;
    pointer-events: none;
}
    .w-tabs-as-tabs .mCSB_scrollTools a{
        
        background-color: #000;
        opacity: 1;
        background-position: center;
        background-size: 15px auto;
        background-image: none;
        position: relative;
        pointer-events: all;
    }
    .invert_bg .w-tabs-as-tabs .mCSB_scrollTools a{        
        background-color: #fff;  
    }
    .main_bg .w-tabs-as-tabs .mCSB_scrollTools a{        
        background-color: #000;  
    }
    .w-tabs-as-tabs .mCSB_scrollTools a:focus,
    .w-tabs-as-tabs .mCSB_scrollTools a:hover{        
        opacity: 1;
    }
        .w-tabs-as-tabs .mCSB_scrollTools a::after{
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            height: 15px;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
        }
        .w-tabs-as-tabs .mCSB_scrollTools a.mCSB_buttonLeft::after{
           background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAjCAMAAACn3QoXAAAA8FBMVEUAAAAAAAAAAABVVVVAQEAqKiozMzMuLi4zMzMwMDAtLS05OTkuLi43Nzc1NTUvLy8xMTEyMjI0NDQzMzMzMzMyMjIzMzMyMjIyMjI0NDQ1NTU0NDQzMzMyMjIyMjIyMjIzMzMzMzM0NDQyMjIzMzMzMzMyMjIzMzMyMjI0NDQzMzMzMzMyMjI0NDQzMzMzMzMzMzMzMzMzMzMzMzMzMzMyMjI0NDQ0NDQzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzPWP5oZAAAAT3RSTlMAAQIDBAYKCw8QERIWFxgbHyQnKC0uMjM4QERFS01RUlpfYmVqbXB4f4CDi46Pkpagq665urvBxsfR0tbb3ODh5OXn6Ozu8/T1+Pn6/P3+HjfA2wAAANtJREFUKM9tz2l3wVAQxvEbWqQaFZJai6LopgupoNSa1prv/216zHiRJ2fm5e/Mmfu/SsG0/NN4WdTKkbiMmt+SPqGaa1JHAzWmpJMEaHxE+ofPRR1Sv4qH31mfUTusXxHQe9afJGhxT7qxQK1fXq6BppesXdCrb1Y3GtRLl3V+HVTtk3V3CydeWf0G/qN75jpypM+8sdHjQ/apjp5asPeQlX3+ZDvkpQPxoRDyB15fGSF/Yx9cyJkvSs68U2KmZ8qZ45ic+aHkzKYSM3c5JWbOdDmzp4X85pEm8w9hI01W/Gq3qgAAAABJRU5ErkJggg==');
        }
        .w-tabs-as-tabs .mCSB_scrollTools a.mCSB_buttonRight::after{
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAjCAMAAACn3QoXAAAA6lBMVEUAAAAAAAAAAABVVVUzMzMqKiokJCQzMzMuLi4qKiotLS02NjY3NzcxMTEvLy8zMzMxMTEwMDAzMzMyMjIyMjIzMzMyMjIxMTExMTE1NTUzMzMyMjIzMzMyMjI0NDQzMzMyMjIzMzMyMjIzMzMyMjI0NDQzMzMyMjI0NDQzMzMzMzMzMzMyMjIzMzMzMzM0NDQzMzMyMjI0NDQyMjIzMzM0NDQzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzPn29moAAAATXRSTlMAAQIDBQYHCgsMERMXGhseHyAjJCktODk+REZHS1FUWlxfZmlwcXh/gIeRlZ2gpa2usbK7v8bHzM3R0tfa2+Do7e7v8PP09fn6+/z9/vIkHcIAAADRSURBVCjPbdLXEoIwEEBRVOwNK4K99957V0Ty/7/jsOHBzew+nskkN5lIA2bPISTh8W3Bl7Lgyg18JLCkA7O26F3uZYHdC2BDFTx8Br8mBFc/dGaT0ZkzRmYGj3Rm+kVnlhid2WdkprxmZGbsRmfqFp055czySAvO6iHS5IPr3POv/j3XXQAtHnM9RZC2nNukkGpf0HcWafwOahXxb9nxLRr4HiOuPawNrhMX0pwJuvIijV5Aj/hBfRvQs0Id98xgrYOaGtasAVwVXr7Wsaci6A/hXktAg8YL6gAAAABJRU5ErkJggg==');
        }

    .w-tabs-as-tabs .mCSB_scrollTools .mCSB_draggerContainer{
        pointer-events: none;
    }
        .w-tabs-as-tabs .mCSB_scrollTools .mCSB_dragger_bar{
            background-color: transparent!important;
        }
        .w-tabs-as-tabs .mCSB_scrollTools .mCSB_draggerRail{
            background-color: transparent!important;
        }
/* --- slider_text_btn --- */
.slider_text_btn{
    position: relative;
}
.slider_text_btn .slider_card .btn_collapse{
    display: none;
}

/* --- link_container --- */
.link_container{
    display: block;
    width: 100%;
    height: auto;
    padding-top: 56.25%;
    background: linear-gradient(180deg, #474747, #333333);
    text-decoration: none;
    margin-bottom: 20px;
    transition: color 0.5s ease-in-out;
}
.link_container:hover{
    text-decoration: none;
   color: #ffffff;
   background: linear-gradient(180deg,#323232,#242424);
}
    .link_container .description_container{
        width: 100%;
        height: 100%;
        padding: 20px;
        padding-right: 50px;
        position: relative;
        margin-top: -56.25%;
    }
        .link_container .description_container .ms_icon{
            position: absolute;
            right: 15px;
            bottom: 15px;
        }


/* --- tooltip --- */
.tooltip_section{
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 56.25%;
}
    .tooltip_section .tooltip_img{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .tooltip_section .all_tooltip{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
    }
    .tooltip_section .all_tooltip.active{
        z-index: 4;
    }
        
            .tooltip_section .tooltip_item .pin{                
                position: absolute;
                border: 4px solid #0088c6;
                background-color: transparent;
                border-radius: 50%;
                pointer-events: all;

                width: 26px;
                height: 26px;
                top: 50%;
                left: 50%;
                transition: border-color 0.5s ease-in-out;
            }
            .tooltip_section .tooltip_item .pin:focus{                
                outline: solid transparent;
                box-shadow: none;
                border-color: #00adef;
            }
                .tooltip_section .tooltip_item .pin::after{
                    content: '';
                    width: 66%;
                    height: 66%;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    border-radius: 50%;
                    background-color: #0088c6;
                    opacity: 0;
                    transition: opacity 1s ease-in-out;
                }

                .tooltip_section .tooltip_item.active .pin:focus{
                    border-color: #0088c6;
                }
                .tooltip_section .tooltip_item.active .pin::after,
                .tooltip_section .tooltip_item .pin:hover::after{
                    opacity: 1;
                }

                .tooltip_section .tooltip_container{
                    position: absolute;
                    width: 100%;
                    max-width: 42%;
                    background-color: #fff;
                    transition: opacity 1s ease-in-out;
        
                    pointer-events: none;
                    z-index: -1;
                    opacity: 0;

                    display: none;
                    /* visibility: hidden; */

                }
                .tooltip_section .tooltip_container.container-show{
                    display: block;
                    /* visibility: visible; */
                }
                .tooltip_item.active .tooltip_container{
                    pointer-events: all;
                    z-index: 2;
                    opacity: 1;
                }
                    .tooltip_section .tooltip_container .tooltip_arrow{
                        position: absolute;
                        border: 10px solid transparent;
                        border-bottom-color: #fff;
                        top: 0;
                        left: 50%;
                        transform: translate(-50%, -100%);
                        pointer-events: none;
                    }
                    .tooltip_section .tooltip_container .tooltip_content{
                        padding: 35px;
                        position: relative;
                        z-index: 3;
                    }
                        .tooltip_content .btn_close{
                            position: absolute;
                            right: 10px;
                            top: 10px;
                            width: 30px;
                            height: 30px;
                            border: none;
                            background-color: transparent;
                            padding: 5px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            font-size: 17px;
                            transition: color 0.5s ease-in-out;
                        }
                        .tooltip_content .btn_close:focus{
                            outline: solid transparent;
                            box-shadow: none;
                            color: #0088c6;
                        }
                        .tooltip_content .btn_close:hover{
                            color: #00adef;
                        }
                        .tooltip_content .toggle_text{
                            border-top: solid 1px #333333;
                            margin: 0 auto;
                            display: flex;
                            margin-top: 15px;
                        }
                            .tooltip_content .toggle_text .btn_text{
                                width: 100%;
                                display: flex;
                                align-items: center;
                                justify-content: space-between;
                                flex-wrap: nowrap;
                            }
                            .tooltip_content .toggle_text .btn_text.hide_text{
                                display: none;
                            }

                            .tooltip_content .toggle_text.active .btn_text.show_text{
                                display: none;
                            }
                            .tooltip_content .toggle_text.active .btn_text.hide_text{
                                display: flex;
                            }
                                .tooltip_content .toggle_text .btn_text .ms_icon{
                                    margin-right: 5px;
                                    flex-shrink: 0;
                                }

                        .tooltip_content .additional_text.hide{
                            display: none;
                            padding-bottom: 10px;
                        }

                .tooltip_section .tooltip_prompt{
                    position: absolute;
                    width: 100%;
                    max-width: 250px;
                    background-color: #000000cc;
                    color: #ffffff;
                    z-index: 1;
                    display: block;
                    opacity: 1;
                    transition: opacity 0.5s ease-in-out;
                }
                .tooltip_item.active .tooltip_prompt{
                    opacity: 0;
                }
                .tooltip_section .tooltip_prompt.hide{
                    display: none;
                    z-index: -1;
                }
                    .tooltip_section .tooltip_prompt .tooltip_prompt_arrow{
                        position: absolute;
                        border: 10px solid transparent;
                        border-top-color: #000000cc;
                        bottom: 0;
                        left: 50%;
                        transform: translate(-50%, 100%);
                        pointer-events: none;
                    }
                    .tooltip_section .tooltip_prompt .tooltip_prompt_container{
                        padding: 7px;
                        text-align: center;
                    }
                        .tooltip_section .tooltip_prompt .tooltip_prompt_container p:last-of-type{
                            margin-bottom: 0;
                        }

.tooltip{
    z-index: 2; 
}

.slider_instead_tooltip{
    display: none;
}

/* --- w-comparison_characteristics  --- */
.w-comparison_characteristics .mobile_view_main{
    display: none;
    background: #333;
    background: linear-gradient(180deg,#333,#242424);
    position: relative;
}
    .w-comparison_characteristics .mobile_view_main .bg_element{
        display: none;
    }
    .w-comparison_characteristics .mobile_view_main .wrapper_text_section{
        position: relative;
        z-index: 1;
    }
    .w-comparison_characteristics .mobile_view_main .title_section{
        padding: 20px;
    }
    .w-comparison_characteristics .mobile_view_main .btn_open__rotate{
        width: 100%;
        padding-top: 20px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        background-color: transparent;
        border: none;
    }
    .w-comparison_characteristics .mobile_view_main .btn_open__rotate:focus{
        outline: solid transparent;
        box-shadow: none;
        color: #0088c6;
    }
        .w-comparison_characteristics .mobile_view_main .btn_open__rotate .ms_icon{
            width: 45px;
            height: 45px;
            padding: 5px;
            position: relative;
            background: linear-gradient(135deg, rgba(255, 255, 255, 1) 50%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%);            
            text-align: left;
            line-height: 1;
            color: inherit;
        }
        .w-comparison_characteristics .mobile_view_main .btn_open__rotate .plus_icon{
            font-size: 26px;
            font-weight: 300;
            padding: 0px 8px;
        }

.w-comparison_characteristics .section_img_title{
    margin-bottom: 40px;
}

.w-comparison_characteristics .characteristics_section{
    padding: 0;
    position: relative;
}
.w-comparison_characteristics .characteristics_section.show_children{
    padding: 44px 0;
    position: relative;
    color: #000;
    background-color: #fff;
}
    .w-comparison_characteristics .characteristics_section .title_characteristics_section{
        display: none;
    }
    .w-comparison_characteristics .characteristics_section .btn_close__characteristics{
        display: none;
    }
    .w-comparison_characteristics .characteristics_section.show_children .btn_close__characteristics{
        display: flex;
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .w-comparison_characteristics .characteristics_section .settings_section{
        margin-bottom: 25px;
    }
        
        .w-comparison_characteristics .characteristics_section .wrapper_setting_container{
            display: flex;
            justify-content: flex-end;
            align-items: flex-start;
            margin: 0 -15px;
        }
            .w-comparison_characteristics .characteristics_section .setting_container{
                width: 33.333%;
                padding: 0 15px;
                margin-bottom: 25px;
                position: relative;
            }
                .w-comparison_characteristics .characteristics_section .setting_btn{
                    width: 100%;
                    display: flex;
                    justify-content: flex-start;
                    text-align: left;
                    background-color: #242424;
                    border-color: #242424;
                }
                .w-comparison_characteristics .characteristics_section .setting_btn.value_list__true .value{
                    font-size: 22px;
                }
                .w-comparison_characteristics .characteristics_section .setting_btn .ms_icon{
                    flex-shrink: 0;
                }
                .w-comparison_characteristics .characteristics_section .setting_btn>.ms_icon{
                    margin-right: 15px;
                }
                .w-comparison_characteristics .characteristics_section .setting_btn>div+.ms_icon{
                    margin-right: 0px;
                    margin-left: 15px;
                }
                .w-comparison_characteristics .characteristics_section .setting_btn .ms_for_desctop{
                    display: inline-block;
                }
                .w-comparison_characteristics .characteristics_section .setting_btn .ms_for_mobile{
                    display: none;
                }
                    .w-comparison_characteristics .characteristics_section .value_setting{
                        width: 100%;
                    }
                        .w-comparison_characteristics .characteristics_section .value_first{
                            width: 100%;
                            display: flex;
                            justify-content: space-between;
                        }
                        .w-comparison_characteristics .characteristics_section .value_list__true .value_first{
                            font-size: 20px;
                        }
                            .w-comparison_characteristics .characteristics_section .value_first .ms_icon{
                                margin-left: 15px;
                                font-size: 12px;
                            }
                            .w-comparison_characteristics .characteristics_section .setting_btn .ms_icon.hide{
                                display: none;
                            }
                        .w-comparison_characteristics .characteristics_section .setting_btn .value_list{
                            list-style: none;
                            margin-top: 15px;
                            margin-bottom: 0;
                            display: none;
                        }
                        .w-comparison_characteristics .characteristics_section .setting_btn.value_list__true .value_list{
                            display: block;
                        }
                            .w-comparison_characteristics .characteristics_section .value_list li{
                               margin-bottom: 7px;
                            }

                .w-comparison_characteristics .characteristics_section .setting_list_container{
                    position: absolute;
                    top: 100%;
                    left: 0;
                    width: calc(100% - 30px);
                    margin: 0 15px;
                    padding: 15px 14px;
                    height: 300px;
                    overflow-y: auto;
                    background-color: #3c3c3c;
                    color: #fff;
                    z-index: 3;

                    display: none;
                }
                    
                    .w-comparison_characteristics .characteristics_section .setting_list_container .description_mobile{                       
                        display: none;
                    }
                        .w-comparison_characteristics .characteristics_section .setting_list_container .close_setting_list_container{
                            display: none;
                        }
                        
                    .w-comparison_characteristics .characteristics_section .setting_list_container .ms_tab .btn_collapse{
                        background-color: #1f1f1f;
                        border-color: #1f1f1f;
                    }
                    .w-comparison_characteristics .characteristics_section .setting_list_container .ms_tab .btn_collapse.active{
                        background-color: #161616;
                        border-color: #161616;
                    }
                        .w-comparison_characteristics .characteristics_section .setting_list_container .ms_tab .content_section{   
                            margin: 0;
                            padding: 0;
                        }
                            .w-comparison_characteristics .characteristics_section .setting_list_container .setting_list_item{   
                                padding: 15px 0;
                                border-top: 1px solid #1f1f1f;
                            }
                            .w-comparison_characteristics .characteristics_section .setting_list_container .item_list_setting{   
                                list-style: none;
                                margin: 0;
                            }
                                .w-comparison_characteristics .characteristics_section .setting_list_container .item_list_setting li{   
                                    margin-bottom: 5px;
                                }
                                .w-comparison_characteristics .characteristics_section .setting_list_container .item_list_setting .btn{   
                                    color: #fff;
                                }
                                .w-comparison_characteristics .characteristics_section .setting_list_container .item_list_setting .btn:hover{   
                                    color: #00adef;
                                }
                .w-comparison_characteristics .characteristics_section .setting_btn.active+.setting_list_container{
                    display: block;
                }
    .w-comparison_characteristics .characteristics_section .get_result{
        display: flex;
        width: 100%;
        margin: 0 auto;
        max-width: 500px;

        display: none;
    }
    .w-comparison_characteristics .characteristics_section .results_section{
        display: none;
    }
    .w-comparison_characteristics .characteristics_section.show_children .results_section{
        display: block;
    }
    .w-comparison_characteristics .results_section{
        position: relative;
    }
        .w-comparison_characteristics .results_section .btn_close__results{
            position: absolute;
            top: 10px;
            right: 10px;

            display: none;
        }
        .w-comparison_characteristics .results_section .value_results_section{
            display: none;
        }
            .w-comparison_characteristics .results_section .value_container{
                display: flex;
                flex-wrap: nowrap;
                margin-bottom: 25px;
            }
                .w-comparison_characteristics .results_section .value_container .value_list{
                    list-style: none;
                    padding: 0 5px;
                    margin-bottom: 0;
                    max-width: 50%;
                }
                .w-comparison_characteristics .results_section .value_container .value_list+.value_list{
                    border-left: 1px solid #ccc;
                }

        .w-comparison_characteristics .results_section .result_tab_section{
            margin-top: 25px;
        }
            .w-comparison_characteristics .results_section .result_table{
                list-style: none;
                margin: 0;
            }
                .w-comparison_characteristics .results_section .result_table li{
                    padding: 14px 0;
                    display: flex;
                }
                .w-comparison_characteristics .results_section .result_table li:nth-child(odd){
                    background-color: #ececec;
                }
                    .w-comparison_characteristics .results_section .result_table .item_table{
                        padding: 0 20px;
                        flex: 1 0 0;
                    }
                        .w-comparison_characteristics .results_section .result_table .result_item{
                            text-align: right;
                        }

            .w-comparison_characteristics .results_section .content_section {
                margin: 0;
            }
            
/* --- Other --- */

.block-for-Fancybox{
    max-height: 80vh;
    overflow-y: auto;
    margin: 0 auto;
    padding: 0;
}
.block-for-Fancybox>div{
    position: relative;
    z-index: 400;
}
    .block-for-Fancybox .fancybox-button svg{
        /* fill: #161616; */
    }
        .block-for-Fancybox .fancybox-button path{
            stroke-width: 3px;
            stroke: #161616;
            transition: stroke 0.5s ease-in-out;
        }
        .block-for-Fancybox .fancybox-button:hover path{
            stroke: #00adef;
        }