@font-face{
    font-family:'MB Corpo A Title';
    src:url(../fonts/MBCorpoATitle-Regular.woff) format("woff"),
    url(../fonts/MBCorpoATitle-Regular.woff2) format("woff2"),
    url(../fonts/MBCorpoATitle-Regular.svg#MBCorpoATitle-Regular) format("svg"),
    url(../fonts/MBCorpoATitle-Regular.eot),
    url(../fonts/MBCorpoATitle-Regular.eot?#iefix) format("embedded-opentype"),
    url(../fonts/MBCorpoATitle-Regular.ttf) format("truetype");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'MB Corpo S Title';
    src:url(../fonts/MBCorpoSTitle-Regular.woff) format("woff"),
    url(../fonts/MBCorpoSTitle-Regular.woff2) format("woff2"),
    url(../fonts/MBCorpoSTitle-Regular.svg#MBCorpoSTitle-Regular) format("svg"),
    url(../fonts/MBCorpoSTitle-Regular.eot),
    url(../fonts/MBCorpoSTitle-Regular.eot?#iefix) format("embedded-opentype"),
    url(../fonts/MBCorpoSTitle-Regular.ttf) format("truetype");
    font-weight:normal;font-style:normal;font-display:swap
}
@font-face{
    font-family:'MB Corpo S Text';
    src:url(../fonts/MBCorpoSText-Light.woff) format("woff"),
    url(../fonts/MBCorpoSText-Light.woff2) format("woff2"),
    url(../fonts/MBCorpoSText-Light.svg#MBCorpoSText-Light) format("svg"),
    url(../fonts/MBCorpoSText-Light.eot),
    url(../fonts/MBCorpoSText-Light.eot?#iefix) format("embedded-opentype"),
    url(../fonts/MBCorpoSText-Light.ttf) format("truetype");
    font-weight:300;font-style:normal;font-display:swap
}
@font-face{
    font-family:'MB Corpo S Text';
    src:url(../fonts/MBCorpoSText-Regular.woff) format("woff"),
    url(../fonts/MBCorpoSText-Regular.woff2) format("woff2"),
    url(../fonts/MBCorpoSText-Regular.svg#MBCorpoSText-Regular) format("svg"),
    url(../fonts/MBCorpoSText-Regular.eot),
    url(../fonts/MBCorpoSText-Regular.eot?#iefix) format("embedded-opentype"),
    url(../fonts/MBCorpoSText-Regular.ttf) format("truetype");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'MB Corpo S Text';
    src:url(../fonts/MBCorpoSText-Bold.woff) format("woff"),
    url(../fonts/MBCorpoSText-Bold.woff2) format("woff2"),
    url(../fonts/MBCorpoSText-Bold.svg#MBCorpoSText-Bold) format("svg"),
    url(../fonts/MBCorpoSText-Bold.eot),
    url(../fonts/MBCorpoSText-Bold.eot?#iefix) format("embedded-opentype"),
    url(../fonts/MBCorpoSText-Bold.ttf) format("truetype");
    font-weight:bold;
    font-style:normal;
    font-display:swap
}

p{
    font-family:'MB Corpo S Text';
}

footer{
    font-family:'MB Corpo S Text';
}

.corporateATitle{
    font-family: 'MB Corpo A Title',-apple-system,sans-serif;
}
.corporateSRegular{
    font-family: 'MB Corpo S Text',-apple-system,sans-serif;
}
.corporateSTitle {
    font-family: 'MB Corpo S Title', -apple-system, sans-serif;
}

.color-bg-dark{
    background-color: #000;
}
.color-bg-grey{
    background-color: #999;
}
.color-bg-lightgrey{
    background-color: #f8f8f8;
}
.color-bg-white{
    background-color: #fff;
}

.color-dark{
    color: #333;
}

.color-white{
    color: #fff;
}

.color-grey{
    color: #999;
}

.color-text-grey{
    color: #767676;
}

a{
    color: #fff;
}

a:hover{
    color: #00adef;
}

.ft-14{
    font-size: 14px;
}
.ft-16{
    font-size: 16px;
    line-height: 21px;
}
.ft-18{
     font-size: 18px;
     line-height: 23px;
 }
.ft-22{
    font-size: 22px;
}
.ft-40{
    font-size: 40px;
}

ul.normal-style li{
    list-style-type: disc;
}

/*Specific widths*/
.w-38{
    width: 38%;
}
.w-58{
    width: 58%;
}
.w-62{
    width: 62%;
}


/*Header*/
.header-video{
    position: relative;
}
.header-video video{
    width: 100%;
}
.video-title{
    position: absolute;
    top: 100px;
    left: 50px;
    font-size: 57px;
    color: #fff;
}
.image-title{
    position: absolute;
    bottom: auto;
    top: 50%;
    left: 4%;
    font-size: 4rem;
    line-height: 4.5rem;
    color: #fff;
    transform: translateY(-50%);
}
.header-image .img-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(50%,transparent)),-webkit-gradient(linear,left top,right top,from(#000),color-stop(50%,transparent));
    background: linear-gradient(0deg,#000,transparent 50%),linear-gradient(90deg,#000,transparent 50%);
}
.header-video .header-image{
    position: relative;
}
.header-video .header-image:after{
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 128px;
    background: linear-gradient(transparent, #000);
}

#nav-collapse-btn{
    background: transparent;
    border: none;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
#collapsible-nav{
    top: 100%;
    background-color: #fff;
    width: 100%;
    left:0;
    z-index: 999;
    padding: 20px 0;
}
#collapsible-nav .nav-item{
    padding: 0 20px;
}
#collapsible-nav .nav-item a{
    padding: 20px 20px;
    border-bottom: 1px solid #ccc;
}

/*Slider*/
.slick-slide img{
    max-width: 100%;
}

.slider-slick-centered-details .slick-list{
    max-width: 1200px;
    overflow: visible;
    margin: 0 auto;
}
.slider-slick-slide{
    max-width: 1200px;
    padding: 20px 80px;
}
.slider-slick-slide-container{
    position: relative;
}
.slider-slick-slide-img{
    width: 100%;
}
.slider-slick-slide-img img{
    width: 100%;
}
.slider-slick-slide-img .overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255, 0.7);
}
.slider-slick-slide-text{
    background-color: #f8f8f8;
    width: 300px;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateX(-1000%) translateY(-50%);
    transition: all 250ms ease-out;
}
.slick-active .slider-slick-slide-text{
    opacity: 1;
    transform: translateX(-50%) translateY(-50%);
}
.slick-active .slider-slick-slide-img .overlay{
    display: none;
}
.slider-slick-slide-text h5{
    font-family: 'MB Corpo S Text',-apple-system,sans-serif;
}
.slider-slick-slide-text p{
    font-family: 'MB Corpo S Text',-apple-system,sans-serif;
}
@media screen and (max-width: 1200px){
    .slick-active .slider-slick-slide-text{
        width: 100%;
        transform: none;
        position: static;
        top: 0;
        left: 0;
        padding: 10px !important;
    }
    .slider-slick-slide{
        padding: 20px 0;
    }
}

/*Slider images*/
.slider-bg{
    background: linear-gradient(rgba(255,255,255,0) 0,rgba(255,255,255,.15) 40%,rgba(255,255,255,0) 48%),radial-gradient(ellipse 250% 100% at 50% 75%,rgba(255,255,255,.2) 0,transparent 26%);
}
.slider-slick-images-grid{
    max-width: 100vw;
}
.slider-slick-images-grid .slider-slick-images-slide{
    max-width: 100vw;
}
.slider-slick-images-grid, .slider-images-grid-arrows{
    max-width: 100%;
    margin: 0 auto;
}
.slider-slick-images-grid,
.slider-slick-images-grid .slick-list{
    overflow: visible;
}
.slider-slick-images-slide picture{
    overflow: hidden;
}
.slider-slick-images-slide picture img{
    max-width: 100%;
    max-height: 100%;
    padding: 20px;
    object-fit: cover;
    transition: all 0.25s;
}
.slider-slick-images-slide picture:hover img{
    transform: scale(1.1);
}
.grid-prev, .grid-next{
    width: 40px;
    height: 40px;
    background: #333;
    color: #fff;
    cursor: pointer;
    line-height: 40px;
    display: inline-block;
    margin-left: 10px;
    text-align: center;
}

/*Iframe embed*/
.iframe-embed{
    display: block;
    height: 500px;
    width: 100%;
    border: none;
}

/*Slider single*/
.slider-slick-single-slide{
    width: 100%;
}
.slider-slick-single .slick-prev,
.slider-slick-single .slick-next{
    width: 40px;
    height: 40px;
    z-index: 999;
    background: #333;
    color: #fff;
}
.slider-slick-single .slick-prev{
    left: 0;
}
.slider-slick-single .slick-next{
    right: 0;
}
.slider-slick-single .slick-prev:before{
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-weight: 800;
}
.slider-slick-single .slick-next:before{
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-weight: 800;
}

/*Slider single with arrows*/
.slider-slick-single-arrows .slick-prev,
.slider-slick-single-arrows .slick-next{
    width: 40px;
    height: 40px;
    z-index: 999;
    background: #ececec;
    color: #000;
}
.slider-slick-single-arrows .slick-prev{
    left: -40px;
}
.slider-slick-single-arrows .slick-next{
    right: -40px;
}
.slider-slick-single-arrows .slick-prev:before{
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-weight: 800;
    color: #000;
}
.slider-slick-single-arrows .slick-next:before{
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-weight: 800;
    color: #000;
}

@media screen and (max-width: 1200px){
    .slider-slick-single-arrows .slick-prev{
        left: 0px;
    }
    .slider-slick-single-arrows .slick-next{
        right: 0px;
    }
}


/*Slider furgon*/
.slider-slick-single-furgon{

}
.slider-slick-single-furgon .slick-list{
    max-width: 1200px;
    overflow: visible;
    margin: 0 auto;
}

.slider-slick-single-furgon .slider-slick-single-slide-container{
    padding: 0 40px;
}
.slider-slick-single-slide-container picture img{
    width: 100%;
}

.slider-slick-single-text .slider-single-btn{
    background: #333;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    height: 48px;
    line-height: 48px;
    border-radius: 0;
    appearance: none;
    display: inline-block;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    outline: 0;
    font-size: 16px;
    padding: 0 24px;
}
.slider-slick-single-text .slider-single-btn:hover{
    background: #242424;
}

/*Footer*/
.nav-with-separator > li{
    position: relative;
}
.nav-with-separator > li:not(:last-child):after{
    content: "|";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
}


/*HOTSPOTS*/
.hotspots{position:relative}
.hotspots-figure{
    position:relative;
    padding-top:56.25%;
    background-image:url(../images/hotspots-image.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover
}
@media screen and (min-width: 900px){
    .hotspots-block{position:absolute;left:0;top:0;width:100%;height:100%}
    .hotspots-block>.list>.list-item{display:none}
    .hotspots-block>.list>
    .list-item.is-active{display:block}
    .hotspot{position:absolute;z-index:1;right:2.8125em;bottom:2.8125em;width:33.33333%;background:#fff;color:#333}
    .hotspot a{color:#333}
    .hotspot-close{position:absolute;z-index:1;right:0;top:0}
    .hotspot-title{margin-bottom:1.40625em}
    .hotspot-container{position:relative;padding:1.875em}
}
@media screen and (max-width: 899px){
    .hotspots-block{margin-top:1.875em}
    .hotspots-block>.list>
    .list-item{margin-bottom:1.875em}
    .hotspots-block>.list>
    .list-item:last-child{margin-bottom:0}
    .hotspot-close{display:none}.hotspot-title{margin-bottom:1.40625em}
}
@media screen and (min-width: 900px){
    .hotspots-nav>.list>.list-item.is-active .hotspot-nav-marker:before{display:block}
    .hotspot-nav-link:hover .hotspot-nav-marker:before{display:block}
    .hotspot-nav{position:absolute;transform:translate(-50%, -50%)}
    .hotspot-nav.is-first{left:26.746%;top:27.4286%}
    .hotspot-nav.is-second{left:41.5079%;top:31.1429%}
    .hotspot-nav.is-second .hotspot-nav-tooltip{width:auto;white-space:nowrap;}
    .hotspot-nav-tooltip p{margin-bottom: 0;}
    .hotspot-nav-tooltip{font-family: 'MB Corpo S Text',-apple-system,sans-serif;}
    .hotspot-nav.is-third{left:52.3651%;top:29.2857%}
    .hotspot-nav.is-fourth{left:50.5556%;top:47.4286%}
    .hotspot-nav.is-fifth{left:40.3175%;top:65.8571%}
    .hotspot-nav-marker{position:relative;width:20px;height:20px;border-radius:50%;border:3px solid #00adef}
    .hotspot-nav-marker:before{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:none;content:'';width:8px;height:8px;border-radius:50%;background:#00adef}
    .hotspot-nav-tooltip{position:absolute;left:50%;top:-.9375em;transform:translate(-50%, -100%);opacity:0.8;width:9.375em;padding-left:.9375em;padding-right:.9375em;padding-top:.46875em;padding-bottom:.46875em;background:#000;text-align:center}
    .hotspot-nav-tooltip:before{position:absolute;left:50%;bottom:0;transform:translate(-50%, 100%);content:'';width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #000;position:absolute}
    .hotspot-nav-tooltip p{font-size:.875em;line-height:1.2em}
}
@media screen and (max-width: 899px){
    .hotspots-nav{display:none}
}

@media screen and (max-width: 899px){
    .hotspots{
        max-width: 720px;
        margin: 0 auto;
        padding: 20px 20px;
    }
}

.top-width{
    width: 100%;
}
@media screen and (min-width: 1200px){
    .top-width{
        width: 90%;
        margin: 0 auto;
    }
}
.t_text{
    font-size: 1rem;
    line-height: 1.5rem;
    color: #767676;
}
.t_title{
    font-size: 3rem;
    line-height: 3.75rem;
}
.t_tab{
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    min-width: 5rem;
    border-radius: 0;
    color: #767676;
    white-space: nowrap;
    border: none !important;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1.5rem;
    font-family: 'MB Corpo S Text',-apple-system,sans-serif;
    background-color: transparent;
}
.t_tab.active{
    border-bottom: 2px solid #0078d6 !important;
}
.t_tab:hover{
    background-color: rgba(0,0,0,.08);
    transition: background-color .3s ease-in-out;
}
.t_list, .t_list li{
    list-style: disc;
}
.t_list{
    padding-left: 20px;
}

.t_slider-slick-slide{
    width: 400px;
    max-width: 90vw;
    padding: 10px;

}
.t_slider-slick-slide-container{
    /*border: 2px solid ;*/
    box-shadow: 0 0 2px 0 rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1);
}

.t_slider-slick-slide-text h5.h5{
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-family: 'MB Corpo S Text',-apple-system,sans-serif;
    font-style: normal;
    font-weight: 700;
}
.t_slider-slick-slide-text p{
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-style: normal;
    font-weight: 500;
    font-family: 'MB Corpo S Text',-apple-system,sans-serif;
}
.t_slider-slick-slide-text li{
    font-size: 1rem;
    line-height: 1.5rem;
    font-style: normal;
    font-weight: 400;
    font-family: 'MB Corpo S Text',-apple-system,sans-serif;
}



.t_hotspot_title{
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-weight: 700;
    font-family: 'MB Corpo S Text',-apple-system,sans-serif;
    margin-top: 20px;
}

.hotspots-figure.figure_one{
    position:relative;
    padding-top:56.25%;
    background-image:url(../images/mercedes-benz-t-class-vs11-overview-exterior-highlights-sspip137150-3302x1858-05-2022.webp);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover
}

#first_hotspots .hotspot-nav.is-first{
    left: 44.46%;
    top: 73.286%;
}
#first_hotspots .hotspot-nav.is-fifth {
    left: 54.3175%;
    top: 52.8571%;
}
#first_hotspots .hotspot-nav.is-third {
    left: 18.3651%;
    top: 56.2857%;
}
#first_hotspots .hotspot-nav.is-fourth {
    left: 73%;
    top: 60.4286%;
}

.hotspots-figure.figure_two{
    position:relative;
    padding-top:56.25%;
    background-image:url(../images/mercedes-benz-t-class-vs11-overview-interior-highlights-sspip137218-3302x1858-05-2022.webp);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover
}

#second_hotspots .hotspot-nav.is-first{
    left: 30%;
    top: 65.286%;
}
#second_hotspots .hotspot-nav.is-fifth {
    left: 52.3175%;
    top: 42.8571%;
}
#second_hotspots .hotspot-nav.is-third {
    left: 27.3651%;
    top: 43.2857%;
}
#second_hotspots .hotspot-nav.is-fourth {
    left: 43%;
    top: 78.4286%;
}
#second_hotspots .hotspot-nav.is-second {
    left: 83.5079%;
    top: 91.1429%;
}

.slick-track
{
    display: flex !important;
}

@media screen and (min-width: 1200px){

    .slick-slide
    {
        height: inherit !important;
    }
    .slick-slide>div{
        height: 100%;
    }

}

.button_td{
    font-size: 1rem;
    line-height: 1.5rem;
    --contentTransformX: -24px;
    --imageryTransformX: -8px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'MB Corpo S Text',-apple-system,sans-serif;
    font-style: normal;
    font-weight: 400;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 1.5rem 16px;
    border: 1px solid #bbb;
    border-radius: 2px;
    color: #767676;
    text-decoration: none;
    background-color: transparent;
    -webkit-transition: background-color .4s linear;
    transition: background-color .4s linear;
}
.button_td:hover,.button_td:active,.button_td:focus{
    background-color: #f4f4f4;
    color: #767676;
    text-decoration: none;
}
.button_td_left{
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 24px;
    height: 24px;
    padding-right: 16px;
    -webkit-transition: opacity .3s cubic-bezier(0,0,.3,1) .15s,-webkit-transform .3s cubic-bezier(.3,0,0,1) .15s;
    transition: opacity .3s cubic-bezier(0,0,.3,1) .15s,-webkit-transform .3s cubic-bezier(.3,0,0,1) .15s;
    transition: transform .3s cubic-bezier(.3,0,0,1) .15s,opacity .3s cubic-bezier(0,0,.3,1) .15s;
    transition: transform .3s cubic-bezier(.3,0,0,1) .15s,opacity .3s cubic-bezier(0,0,.3,1) .15s,-webkit-transform .3s cubic-bezier(.3,0,0,1) .15s;
}

/*.button_td:hover .button_td_left,.button_td:active .button_td_left,.button_td:focus .button_td_left{*/
/*    -webkit-transform: translateX(var(--imageryTransformX));*/
/*    transform: translateX(var(--imageryTransformX));*/
/*    opacity: 0;*/
/*    -webkit-transition: opacity .3s cubic-bezier(0,0,.3,1) .1s,-webkit-transform .3s cubic-bezier(.3,0,0,1) .1s;*/
/*    transition: opacity .3s cubic-bezier(0,0,.3,1) .1s,-webkit-transform .3s cubic-bezier(.3,0,0,1) .1s;*/
/*    transition: transform .3s cubic-bezier(.3,0,0,1) .1s,opacity .3s cubic-bezier(0,0,.3,1) .1s;*/
/*    transition: transform .3s cubic-bezier(.3,0,0,1) .1s,opacity .3s cubic-bezier(0,0,.3,1) .1s,-webkit-transform .3s cubic-bezier(.3,0,0,1) .1s;*/
/*}*/

.button_td svg{
    fill: currentColor;
    height: auto;
    max-height: 100%;
    width: 100%;
    overflow: hidden;
}

.button_td_text_title{
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-style: normal;
    font-weight: 700;
    color: #000;
}
.button_td_text_subtitle{
    display: block;
    font-size: 1rem;
    line-height: 1.5rem;
}
.button_td_right{
    position: absolute;
    top: 50%;
    right: 16px;
    display: block;
    width: 16px;
    height: 16px;
    color: #0078d6;
    -webkit-transform: translate(var(--imageryTransformX),-50%);
    transform: translate(var(--imageryTransformX),-50%);
    --imageryTransformX: 0;
    opacity: 1;
    -webkit-transition: opacity .4s cubic-bezier(0,0,.3,1) .15s,-webkit-transform .4s cubic-bezier(.3,0,0,1) .15s;
    transition: opacity .4s cubic-bezier(0,0,.3,1) .15s,-webkit-transform .4s cubic-bezier(.3,0,0,1) .15s;
    transition: transform .4s cubic-bezier(.3,0,0,1) .15s,opacity .4s cubic-bezier(0,0,.3,1) .15s;
    transition: transform .4s cubic-bezier(.3,0,0,1) .15s,opacity .4s cubic-bezier(0,0,.3,1) .15s,-webkit-transform .4s cubic-bezier(.3,0,0,1) .15s;
}

@media screen and (max-width: 600px){
    .image-title{
        font-size: 3rem;
        line-height: 3.5rem;
    }
    .t_slider-slick-slide {
        width: 90vw;
        max-width: none;
    }
}