@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;
}

a{
    color: #fff;
}

a:hover{
    color: #00adef;
}

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


/*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: 50%;
    font-size: 4rem;
    line-height: 4.5rem;
    color: #fff;
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
}
.under-image-title-container{
    position: relative;
    text-align: center;
}
.under-image-title{
    display: inline-block;
    font-size: 3rem;
    line-height: 3.5rem;
    color: #fff;
}
.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));
    background: linear-gradient(0deg,#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:35.5079%;top:40%}
    .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:25.3651%;top:50%}
    .hotspot-nav.is-sixth{left:30%;top:50%}
    .hotspot-nav.is-fourth{left:50.5556%;top:47.4286%}
    .hotspot-nav.is-fifth{left:40.3175%;top:65.8571%}
    .hotspot-nav.is-sixth{left:31.3%;top:50%}
    .hotspot-nav.is-seventh{left:50.3175%;top:45.8571%}
    .hotspot-nav.is-eight{left:30.3175%;top:95.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;
    }
    .xl_width{
        width: 800px;
    }
}
.t_text{
    font-size: 1rem;
    line-height: 1.5rem;
    color: #767676;
}
.t_title{
    font-size: 2.5rem;
    line-height: 3rem;
}
.t_smaller_title{
    font-size: 1.75rem;
    line-height: 2rem;
}
.t_disclaimer{
    font-size: 0.75rem;
    line-height: 1rem;
}

.t_lity_image{
    position: relative;
}
.t_lity_image img{

}
.t_lity_button{
    position: absolute;
    bottom: 0;
    right: 0;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: hsla(0,0%,100%,.56);
    font-size: 40px;
    font-weight: 300;
    line-height: 1;
    cursor: pointer;
}
.t_lity_button span{
    margin-top: -7px;
}

.technical-table{
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
.technical-table th{
    font-size: 16px;
    line-height: 21px;
    text-align: left;
    padding: 18px 0;
    font-weight: 400;
}
.technical-table td{
    text-align: right;
    padding-right: 0;
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 21px;
    padding-top: 12px;
    font-weight: 600;
}

.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_small_tab_btn{
    box-shadow: inset 0 0 0 1px #ccc;
    font-family: CorporateSRegular,-apple-system,sans-serif;
    font-size: 16px;
    line-height: 40px;
    white-space: nowrap;
    padding: 0 16px;
    cursor: pointer;
    margin-right: -1px;
    color: #000;
}
.t_small_tab_btn_active{
    box-shadow: inset 0 0 0 2px #00adef;
}

.t_tab_select{
    display: inline-block;
    width: 100%;
    height: inherit;
    overflow: hidden;
    line-height: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 16px;
    padding-right: 46px;
    background-color: #ececec;
    color: #333;
    border: 0;
    border-radius: 0;
    font-size: 1em;
    padding-top: 10px;
    padding-bottom: 10px;
}

.t_new_tab{

}
.t_new_tab .t_new_tab_image{

}
.t_new_tab .t_small_tabs{
    max-width: 800px;
    margin: -60px auto 0 auto;
    background-color: #fff;
    padding: 20px;
    position: relative;
}


.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;
}

#faq-accordion{

}
#faq-accordion .t_small_tab_btn.active{
    box-shadow: inset 0 0 0 2px #00adef;
}

#faq-accordion .card, #faq-echipari .card{
    border: none;
}
#faq-accordion .card-header, #faq-echipari .card-header{
    background-color: #fff;
    border: none;
    padding: 0;
}
.btn-faq{
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #ccc !important;
    color: #000 !important;
    text-decoration: none !important;
    border-radius: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}
.btn-faq:not(.collapsed){
    border-bottom: none !important;
}
.btn-faq:not(.collapsed) .fa-chevron-up{
    display: inline;
}
.btn-faq:not(.collapsed) .fa-chevron-down{
    display: none;
}
.btn-faq.collapsed .fa-chevron-down{
    display: inline;
}
.btn-faq.collapsed .fa-chevron-up{
    display: none;
}
#faq-accordion .card-body{
    border-bottom: 1px solid #ccc !important;
}

@media screen and (max-width: 991px){
    #navbarNav{
        position: absolute;
        top: 100%;
        right: 0;
        z-index: 99;
        background: #fff;
        width: calc(100vw - 30px);
        padding: 15px;
        text-align: center;
        max-width: 720px;
    }
}
@media screen and (max-width: 768px){
    #navbarNav{
        max-width: 540px;
    }
}

.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){
    .under-image-title{
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .t_slider-slick-slide {
        width: 90vw;
        max-width: none;
    }
}
@media screen and (max-width: 1000px){
    .image-title{
        font-size: 3rem;
        line-height: 3.5rem;
    }
}
@media screen and (max-width: 768px){
    .image-title{
        font-size: 2rem;
        line-height: 2.25rem;
    }
}


.custom-lity{
    position: relative;
    width: 100vw;
    max-height: 100vh;
    max-width: 100%;
}
.custom-lity > picture img{
    object-fit: contain;
    object-position: top center;
}
.custom-lity-text{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}
.custom-lity-text-content{
    max-height: 0;
    overflow: hidden;
    background-color: rgba(255,255,255,0.7);
}

.custom-lity-text-button{
    position: absolute;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ececec;
    font-size: 30px;
    width: 50px;
    height: 50px;
    bottom: 0;
}
.custom-lity-text-button.active{
    top: 0;
    bottom: auto;
}
.custom-lity-text-button.active ~ .custom-lity-text-content{
    max-height: 30vh;
    overflow-y: scroll;
}
.swiper-pagination-top{
    top: 0 !important;
    bottom: auto !important;
}

.custom-lity-text-button .fa-chevron-up{
    display: inline;
}
.custom-lity-text-button .fa-chevron-down{
    display: none;
}
.custom-lity-text-button.active .fa-chevron-down{
    display: inline;
}
.custom-lity-text-button.active .fa-chevron-up{
    display: none;
}


@media screen and (max-width: 1200px){
    .custom-lity-text{
        position: static;
    }
    .custom-lity-text-button{
        display: none;
    }
    .custom-lity-text-content{
        max-height: none !important;
        overflow: initial !important;
        background-color: rgba(255,255,255,1);
    }
}
.lity-active body {
    overflow: hidden;
}
.lity-inline .lity-content > * {
    max-height: none !important;
}
.lity-inline .lity-wrap {
    overflow: auto;
}
.lity-inline .lity-content {
    margin: 20px 0;
}

.swiper_thumb_separator{
    white-space: nowrap;
    overflow: visible;
    border-bottom: 1px solid #ccc;
    margin:0;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px;
}
.swiper_thumb_separator ~ picture{
    display: block;
    padding: 5px;
}
.swiper-space-arrows{
    padding: 0 40px;
    overflow: visible;
}
.swiper-thumbs  .swiper-slide picture{
    display: block;
    padding-bottom: 5px;
}
.swiper-slide-thumb-active picture{
    display: block;
    border-bottom: 3px solid #00adef;
}

#swiper_roti_texts .swiper-slide{
    opacity: 0 !important;
}
#swiper_roti_texts .swiper-slide.swiper-slide-active{
    opacity: 1 !important;
}

@media screen and (min-width: 1000px){
    #hp-slider-spatiu .swiper-slide{
        width: 800px;
    }
}

.white-arrows .swiper-button-next, .white-arrows .swiper-button-prev{
    background: rgba(255,255,255,0.5);
}
.white-arrows .swiper-button-next::after, .white-arrows .swiper-button-prev::after{
    font-size: 20px;
}

.swiper-faded .swiper-slide:not(.swiper-slide-active){
    opacity: 0.5;
}
.swiper-faded .swiper-slide:not(.swiper-slide-active) p,
.swiper-faded .swiper-slide:not(.swiper-slide-active) .swiper-button-prev,
.swiper-faded .swiper-slide:not(.swiper-slide-active) .swiper-button-next{
    opacity: 0;
}
.swiper-faded .swiper-slide:not(.swiper-slide-active) .t_lity_button{
    display: none;
}


.t_left_text{
    background-color: rgba(248, 248, 248, 0.7);
    padding: 15px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 380px;
}
@media screen and (min-width: 1300px){
    .t_left_text{
        background-color: #f8f8f8;
        left: -100px;
    }
}
@media screen and (max-width: 768px){
    .t_left_text{
        position: static;
        transform: none;
        width: 100%;
        max-width: none;
    }
}
.video-container{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}
.video-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block !important;
}

.image_with_text_over{
    position: relative;
}

.the_text_over{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 20px;
    width: 100%;
}