@font-face{font-family: 'Steiner';src: url('./steiner/steiner.otf') format("opentype");font-weight: normal;font-style: normal;font-display: swap}
@font-face{font-family: 'Steiner';src: url('./steiner/steiner_italic.otf') format("opentype");font-weight:normal;font-style:italic;font-display: swap}

@font-face{font-family: 'Mohave';src: url('./mohave/static/Mohave-Regular.ttf') format("opentype");font-weight: normal;font-style: normal;font-display: swap}

.brandt_font{font-family:'Steiner';font-weight:normal}
.brandt_font_header{font-family:'Steiner';font-style:italic;font-weight:normal;}
h1.brandt_font_header{text-align:center;font-size:64px;margin:45px 0px}
.mm_style{display:inline-block;color:var(--main-color)}
.brandt_font_header .separate{display:block;clear:both;margin:20px 0}

/*MM Catalog*/
/*.mm_catalog{background:#EFEFEF;margin:0}
.mm_catalog .preview_catalog_item{background:#EFEFEF;margin-top:120px;flex-direction: row;overflow: visible;}
.mm_catalog .product-types-list{text-transform:uppercase;font-family: 'Steiner';font-style: italic;font-weight: normal;display:flex;width:100%;margin-bottom:30px}
.mm_catalog .product-color-list{flex-shrink: 0;}
.mm_catalog .choose_models{width:100%;background-size:70% auto;position:relative;justify-content:center;display:block;padding-top:50px}
.mm_catalog .choose_models.colorsless{padding-top:0}
.mm_catalog .product-types-list span.pd_offer_equ{border-radius:10px;background:#fff;font-size: 24px;display:inline-block;cursor:pointer;padding: 22px;margin-right:40px}
.mm_catalog .product-types-list span.pd_offer_equ:hover{color:var(--main-color)}
.mm_catalog .product-types-list span.pd_offer_equ span{margin-left:20px}
.mm_catalog .product-types-list .novinka_blocks{align-self: center;margin-left: auto;}
.mm_catalog .product-types-list .novinka_blocks img{max-width:200px}
.mm_catalog .offers_list .title_list{font-size: 18px;font-weight: bold;text-transform:uppercase;margin-top: 50px;display:block;margin-bottom:15px;position:relative}
.mm_catalog .offers_list .title_list .choose_color{position:absolute;left:60px;width:300px}
.mm_catalog .offers_list .pd_offer_color{width:48px;height:48px;border-radius: 24px;display: inline-block;cursor:pointer;margin-right:10px;border:2px solid transparent}
.mm_catalog .offers_list .pd_offer_color.active,.mm_catalog .offers_list .pd_offer_color.border.active{border-color:var(--main-color) !important}
.mm_catalog .pd_offer_equ.active{color:var(--main-color)}
.mm_catalog .offers_list .pd_offer_color[data-vis='0']{display:none}
.mm_catalog .pos_item{display:flex;flex-wrap: wrap}
.mm_catalog .pos_item .operator{min-width:232px}*/

.mm_catalog{background:#EFEFEF;margin:0}
.mm_catalog h1{display:flex;align-items:center}
.mm_catalog h1 .novinka_blocks{align-self: center;margin-left: auto;}
.mm_catalog h1 .novinka_blocks img{max-width: 200px;}
.mm_catalog .preview_catalog_item{background:#EFEFEF;margin-top:20px;flex-direction: row;overflow: visible;}
/*.mm_catalog .offers_list{padding:0 40px;}*/
.mm_catalog .product-types-list.top-product-types-list{text-transform:uppercase;font-family: 'Steiner';font-style: italic;font-weight: normal;display:flex;width:100%;margin-bottom:30px}
.mm_catalog .product-color-list{flex-shrink: 0;margin-bottom:30px}
.mm_catalog .choose_models{width:100%;background-size:70% auto;position:relative;justify-content:center;display:block;padding-top:10px}
.mm_catalog .choose_models.colorsless{padding-top:0}

.mm_catalog .product-types-list span.pd_offer_equ{border-radius:10px;background:#fff;font-size: 24px;display:inline-block;cursor:pointer;padding: 22px;margin-right:40px}
.mm_catalog .product-types-list.product-types-list_mod span.pd_offer_equ{background-size:100% 100%;background-repeat:no-repeat;margin-right:10px;width: 48px;height: 48px;border-radius:24px;border:2px solid transparent;background-color:transparent}
.mm_catalog .product-types-list.product-types-list_mod span.pd_offer_equ.active{border-color:var(--main-color);cursor:default}
.mm_catalog .product-types-list span.pd_offer_equ:hover{color:var(--main-color)}
.mm_catalog .product-types-list span.pd_offer_equ span{margin-left:20px}

.mm_catalog .product-types-list .novinka_blocks{align-self: center;margin-left: auto;}
.mm_catalog .product-types-list .novinka_blocks img{max-width:200px}
.mm_catalog .product-types-list.product-types-list_mod span.pd_offer_equ[data-dis='1']{opacity:0.5;cursor:default}


.mm_catalog .offers_list .title_list{font-size: 18px;font-weight: bold;text-transform:uppercase;margin-top:0px;display:block;margin-bottom:15px;position:relative}
.mm_catalog .offers_list .title_list .choose_color{position:absolute;left:60px;width:300px;max-width:calc(100vw - 85px)}
.mm_catalog .offers_list .title_list .choose_equ{position:absolute;left:160px;width:300px}
.mm_catalog .offers_list .pd_offer_color{width:48px;height:48px;border-radius: 24px;display: inline-block;cursor:pointer;margin-right:10px;border:2px solid transparent; background-repeat: no-repeat;background-size: 100%;}
.mm_catalog .offers_list .pd_offer_color.active,.mm_catalog .offers_list .pd_offer_color.border.active{border-color:var(--main-color) !important;cursor:default}
.mm_catalog .pd_offer_equ.active{color:var(--main-color)}
.mm_catalog .offers_list .pd_offer_color[data-vis='0']{display:none}
.mm_catalog .pos_item{display:flex;flex-wrap: wrap}
.mm_catalog .pos_item .operator{min-width:232px;align-self:center;}





.catalog_object .headers{font-size:36px;font-weight:bold;text-transform:uppercase;margin-bottom:40px}
.catalog_object .headers .sub_headers{font-size:24px;font-weight:bold;text-align:left}
.catalog_object h1{font-family: 'Steiner';font-style: italic;font-weight: normal;font-size:42px;text-align:left;}
.catalog_object .foto_banner{height:calc(100vh - var(--top-height))}
.catalog_object .foto_banner img{height:100%;width:100%;object-fit:cover}

.properties_btn{margin:40px 0}
.property_btn{margin-top: 20px;width:100%;height: 64px;font-size: 16px;line-height: 64px;background-color: #EFEFEF;box-shadow: -1px -1px 4px 2px #FCFCFC, 2px 2px 4px 3px #D9DCDF;border-radius:12.941177vw;text-align:center;cursor:pointer;color:#000}
.property_btn:hover{color:#fff;background:var(--main-color)}
.property_btn:hover a{color: #fff;text-decoration: none;}
.nav-pills.tablist .nav-link.active, .tablist.nav-pills .show>.nav-link{background-color:transparent}
.property_btn:hover, .tablist .active .property_btn{color: #fff;background: var(--main-color);}
#v-pills-tabContent{margin-top: 20px;margin-bottom: 30px;}

.properties_text{width:360px;max-width:100%;margin:10px 0 30px}
.properties_text .header{font-size:32px;text-transform:uppercase;font-weight:bold}

.ttx_block_btn{display:none;margin-top:20px}
.ttx_block_btn table{width:30vw}

.mask_text_slider{position: absolute;left: 0;top: 0;transition: all 0.6s;width: 100%;height: 100%;display: flex;align-items: flex-start;justify-content: flex-end;flex-direction: column;padding:69px 30px;color: #FFFFFF;background:rgba(0,0,0,0.28)}
.mask_text_slider .acc_slider_header{font-size:18px;line-height:24px}
.mask_text_slider .acc_slider_descr{font-size:16px;line-height:24px;margin-top:21px}



.preview_catalog_item img{max-width:100%;max-height:100%;position:relative;z-index:3}
.preview_catalog_item .offer_equ_an{left:4rem;display:none;position:absolute;z-index:2}
.preview_catalog_item .offer_equ_an.active{display:block}
.preview_catalog_item .cost{margin:0;display:block;text-align:center;font-size:20px;color:#fff;background-image:url('/images/motomorini/bcgr/devoper-center-album.png');width:100%;max-width:273px;height:auto;background-size:100%;background-repeat:no-repeat;line-height:110px;}
.preview_catalog_item .cost:hover{background-image:url('/images/motomorini/bcgr/devoper-center-album-hover.png');}

.preview_catalog_item .cost.cost-flex{display:flex;justify-content: center;margin-bottom: 20px;max-width:232px}
.preview_catalog_item .cost.cost-flex .cost_value{display:flex;justify-content: center;flex-direction:column}
.preview_catalog_item .cost.cost-flex .cost_value .price{line-height:1.2}
.preview_catalog_item .cost.cost-flex .cost_suf{width:40px;text-align:center}


.motocars-args{color:#fff;padding:0;display:block}
.motocars-args .item{margin-top:30px}
.motocars-args .title{font-size:16px;text-transform:uppercase}
.motocars-args .val{font-size:2rem;line-height:1}
.motocars-args .val .name_val{font-size:22px;margin-left:12px}

.moto_pop_prop{padding:50px 15px;align-items: center;justify-content: center;text-align: center;flex-wrap: wrap;}
/*.moto_pop_prop .item{display:flex;flex-direction:column}*/
.moto_pop_prop .title{font-size:22px;text-transform:uppercase;height: 54px;display: flex;align-items: center;justify-content: center;}
.moto_pop_prop .val{font-size:52px}
.moto_pop_prop .val .name_val{font-size:22px;margin-left:12px}

.motocars-video{padding:50px 0}
.motocars-video .video-contrainer{width:100vw;height:61.859vw;border-radius:10px;padding:10px;overflow: hidden;box-shadow: 5px 30px 20px 14px rgba(0, 0, 0, 0.1);background:linear-gradient(35deg, #808185 0%, #2e3032 47%, #808185 100%);}
.motocars-video .video-contrainer .videos-player{width:100%;height:100%;position:relative}
.motocars-video .video-contrainer .videos-player img{width: 100%;height: 100%;object-fit: cover;}
.motocars-video .video-contrainer .videos-control{position:absolute;left:5%;bottom: 10%;width: 90%;height:118px;display: flex;align-items: center;justify-content: space-between;padding: 0 38px;border-radius:30px;background:linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 20%,rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.2) 100%);}
.motocars-video .video-contrainer .videos-control .title{font-size: 60px;color:#fff;font-style:italic}
.motocars-video .video-contrainer .videos-control .molini_icon{width:60px;height:60px;border:2px solid #fff;border-radius:30px;text-align:center;cursor:pointer;color:#fff}
.motocars-video .video-contrainer .videos-control .molini_icon i{font-size:36px;line-height:56px;margin-left:8px}
.motocars-video .video-contrainer .videos-control .molini_icon:hover{color:var(--main-color);border-color:var(--main-color)}


.slider_tth,.block_tth{background:#272727;display:flex;color:#fff}
.feature{background-size:100% auto;background-position:left top;background-repeat:no-repeat;padding:102vw 1% 0 1%;margin:0 auto;}
.feature{height:43.646vw;padding: 0 9.9vw;align-items: center;background-size: auto 100%;width:100%}

.feature .feature-banner{padding: 0;height: 100%;background-size: auto 100%;background-position: left top;display: flex;align-items: center;justify-content: flex-end;}


.motocars-detail .slider_acc:empty{border-bottom:1px solid #efefef}
.motocars-detail .container{padding:120px 0;}
.motocars-detail .headers{font-size:32px;color:#1E1E21;font-weight:normal}
.motocars-detail .descr{color:#7F7F7F;}
.slider_page{background:#d6d6d6;padding:80px 0}

.notes .note{margin:40px 0}
.notes .note{margin-bottom: 10px;font-size: 10px;}

/*Vert Slider*/
.vertical_slider.swiper{height:48%;margin-left:55px}
/*.vertical_slider.swiper .swiper-slide.swiper-slide-active{height:85% !important;margin-bottom:0 !important}*/
.vertical_slider.swiper .v-content{padding-left:20px;height:100%;}

.vertical_slider.swiper .v-content .content{padding-left:27px;height:100%;border-left:2px #343434 solid}
.vertical_slider.swiper .subtitle{font-size:1.25vw;font-weight:bold;text-transform:uppercase;position:relative;color:#6C6C6C;}
.vertical_slider.swiper .swiper-slide.swiper-slide-active .subtitle{color:var(--main-color)}
    /* Default */
.vertical_slider.swiper .swiper-slide .v-content .content >*{display:none}
.vertical_slider.swiper .swiper-slide .v-content .content .subtitle{display:block}
.vertical_slider.swiper .swiper-slide.swiper-slide-active .v-content .content >*{display:block}
    /* before */
    
    /* after */
.vertical_slider.swiper .swiper-slide.swiper-slide-active ~.swiper-slide .v-content .content .subtitle{display:none}
.vertical_slider.swiper .swiper-slide.swiper-slide-active ~.swiper-slide .v-content .content .subtitle_next{display:block}

.vertical_slider.swiper .title{font-size:2.6vw;line-height:normal;color:#D0D0D0}
.vertical_slider.swiper .opisanie{ font-size: 0.833vw;line-height: 1.25vw;margin-top: 1.042vw;color:#D0D0D0}

.slider_tth .v-content .subtitle:before{top: 50%;width: 0.521vw;height: 0.521vw;position:absolute;content:"";border-radius:50%;background:#6c6c6c;transform: translateY(-0.26vw);left:-1.71875vw}
.vertical_slider.swiper .swiper-slide.swiper-slide-active .subtitle:before{background:var(--main-color)}

.vertical_slider.swiper .subtitle_next{font-size:1.25vw;text-transform:uppercase;display:block;position:absolute;color:#6C6C6C;bottom:20px}
.vertical_slider.swiper .swiper-slide.swiper-slide-active .subtitle_next:before{background:#6C6C6C}
.slider_tth .v-content .subtitle_next:before{top: 50%;width: 0.521vw;height: 0.521vw;position:absolute;content:"";border-radius:50%;background:#6c6c6c;transform: translateY(-0.26vw);left:-1.71875vw}

.owl-theme .owl-nav{margin-top:0}
.loop_full a,.loop_full_trinity  a{display:inline-block;overflow:hidden}
.loop_full a.zoom:hover img,.loop_full_trinity a.zoom:hover img{transform:scale(1.2);transition: all .6s}
.loop_full.owl-carousel .owl-nav .owl-prev,.loop_full.owl-carousel .owl-nav .owl-next{position: absolute;top: 0;bottom: 0;margin: auto;background:transparent;}
.loop_full_trinity.owl-carousel .owl-nav .owl-prev,.loop_full_trinity.owl-carousel .owl-nav .owl-next{position: absolute;top: 0;bottom: 0;margin: auto;}


.owl-theme .owl-nav .loop-owl{width:42px;height:42px;color:#fff;border-radius:25px;margin:auto;font-size:16px;opacity:0.5;left:0;right:0}
.owl-theme .owl-nav .loop-owl:hover{opacity:0.9}
.owl-theme .owl-nav .loop-owl-prev,.owl-theme .owl-nav .loop-owl-prev:hover{background-image:url('/images/icons/left_ar.svg');background-position:2px 4px;background-size:34px;background-color:#222}
.owl-theme .owl-nav .loop-owl-next,.owl-theme .owl-nav .loop-owl-next:hover{background-image:url('/images/icons/right_ar.svg');background-position:6px 4px;background-size:34px;background-color:#222}




.loop_full.owl-carousel .owl-nav .owl-prev:hover,.loop_full.owl-carousel .owl-nav .owl-next:hover{opacity:1}
.loop_full.owl-carousel .owl-nav .owl-prev{left: 8.615vw;}
.loop_full.owl-carousel .owl-nav .owl-next{right: 8.615vw;}
.loop_full.owl-carousel .owl-nav span{color:var(--main-color);font-size:50px;line-height:1;display:inline-block;margin-top:-5px}
.loop_full.owl-carousel .owl-nav .owl-prev span{margin-right:5px}
.loop_full.owl-carousel .owl-nav .owl-next span{margin-left:5px}

.loop_full_trinity.owl-carousel .owl-nav .owl-prev:hover,.loop_full_trinity.owl-carousel .owl-nav .owl-next:hover{opacity:1;background:transparent}
.loop_full_trinity.owl-carousel .owl-nav .owl-prev{left: 8.615vw;}
.loop_full_trinity.owl-carousel .owl-nav .owl-next{right: 8.615vw;}
.loop_full_trinity.owl-carousel .owl-nav span{/*color:var(--main-color);*/
font-size:50px;line-height:1;display:inline-block;margin-top:-5px;}
.loop_full_trinity.owl-carousel .owl-nav .owl-prev span{margin-right:5px}
.loop_full_trinity.owl-carousel .owl-nav .owl-next span{margin-left:5px}

.loop_full_trinity .owl-item{max-width:800px;max-height:400px}


/*Media*/
    
    @media(min-width:992px){
 
        .mm_catalog .choose_models{width: auto;flex: 1;order: 1;}
        /*.feature{height:43.646vw;padding: 0 9.9vw;align-items: center;background-size: auto 100%;width:100%}*/
        .motocars-video{padding:120px 7.5vw}
        .motocars-video .video-contrainer{width:85vw;height:52.307692vw;border-radius:24px;padding:16px}
        .layouts_fade_in .layouts_items .item-box{width:11vw;height:11vw;padding: 0.75vw;}
        .layouts_fade_in .layouts_items .item-box .item{font-size:16px}
  

    }
    
    @media(max-width:1199px){
        .motocars-args .item{margin-top:15px;text-align:center}
        .motocars-args .item .title{font-size:14px;height:42px}
        .motocars-args .val{font-size:1.7rem}
    }
    
    @media(max-width:991px){
        .mm_catalog .product-types-list span.pd_offer_equ{font-size:22px;padding:20px;margin-right:15px;text-align:center}
        .mm_catalog .offers_list .title_list{margin-top:0}
        .mm_catalog .pos_item .operator{width:100%}
        .preview_catalog_item .cost.cost-flex{margin:20px auto;}
        
        .block_tth .val{font-size:42px}
        .mm_catalog .offers_list .title_list .choose_equ{width:auto}
        .operator .credit_btn{text-align:center}
        .operator .credit_btn a{max-width:300px}
        .wform_btn{max-width:300px;margin:auto}
        .wform_btn span{max-width:100%}
        .btn_faq{right:5%; bottom:60px;width:60px;height:70px}
        .preview_catalog_item .credit_btn{max-width:100%}
        
        .mm_catalog .product-types-list.top-product-types-list{display:block}
        .mm_catalog .product-types-list.top-product-types-list span.pd_offer_equ{width:100%;margin-bottom:10px}
        
        .mm_catalog .tablist{display:block}
        .mm_catalog .tablist .nav-link{width:100%;margin-bottom:10px;padding-bottom:0;padding-top:0}
        .catalog_object .foto_banner{height:auto}
        .motocars-args{display:flex}
        
        .motocars-args{order:2}
        .vertical_slider.swiper{margin-left:85px;height:60%}
        .vertical_slider.swiper .subtitle_next{bottom:5px}
        .vertical_slider.swiper .opisanie{font-size:14px;line-height:1}
        
        .loop_full a{display:block}
        .loop_full_trinity a{display:block}
        .loop_full_trinity .owl-item{max-width:100%}
    }
    
    @media(max-width:860px){
        .moto_pop_prop{padding:30px 15px}
        .moto_pop_prop .item{width:50%;flex:none;margin-bottom:20px}
    }
    
    @media(max-width:767px){
        .motocars-video .video-contrainer .videos-control .title{font-size: 54px}
        .vertical_slider.swiper{height:80%;margin-left:0}
        .feature{padding:0 10px;background-size:auto 85%;background-position:-50% top;}
        .vertical_slider.swiper .swiper-slide.swiper-slide-active .subtitle{font-size:16px}
        .vertical_slider.swiper .subtitle_next{font-size:16px}
        .vertical_slider.swiper .title{font-size:22px}
    }
    
    @media(max-width:675px){
        .mm_catalog .product-types-list.top-product-types-list{display:block}
        .mm_catalog .product-types-list.top-product-types-list span.pd_offer_equ{width:100%;margin-bottom:10px}
        .mm_catalog .tablist{display:block}
        .mm_catalog .tablist .nav-link{width:100%;margin-bottom:10px;padding-bottom:0;padding-top:0}
        
        .motocars-video .video-contrainer .videos-control .title{font-size:42px}
        .motocars-video .video-contrainer .videos-control{height:90px}
        .slider_tth{padding-bottom: 180px;display:block}
        
        .motocars-args{flex-wrap:wrap}
        .motocars-args .item{width:50%;margin-bottom:15px}
        .motocars-args .item .title{height:auto}
        .mask_text_slider{padding:69px 30px 0;}
        .mask_text_slider .acc_slider_descr{margin-top:15px}
        .mm_catalog .product-types-list.top-product-types-list .novinka_blocks{text-align:center;padding-top:20px}
        
        
        
        .mm_catalog h1{display:inline-block;text-align:center;width:100%}
        .mm_catalog h1 .novinka_blocks img{max-height:56px}
        .char_tabs > #v-pills-tabContent{display:none}
        
    }
    @media(max-width:575px){
        .motocars-detail .container{max-width:90vw}
        .moto_pop_prop .item{width:100%;}
        .moto_pop_prop .title{height:auto;font-size:20px}
        .cc_total{padding-left:0}
        .credit_btn_pic{right:40px}
        
        .motocars-video .video-contrainer .videos-control .title{font-size:36px}
        .motocars-video .video-contrainer .videos-control .molini_icon{width:50px;height:50px}
        .motocars-video .video-contrainer .videos-control .molini_icon i{font-size:30px;line-height:47px}
        .motocars-video .video-contrainer .videos-control{padding:0 28px}
        .feature{padding:55vw 1% 0 1%;background-position:left top;background-size:136% auto;box-sizing:border-box;}
        .feature .feature-banner{height:47vw;margin:0;width:100%;    }
        .feature{height:auto;}
        .slider_tth{padding-bottom:0}
    }
    
    @media(max-width:480px){
        .feature{height:auto;}
        .feature .feature-banner{height:60vw;}
        .slider_tth{padding-bottom: 0}
        .motocars-args .item{padding:0 5px}
    }
    @media(max-width:380px){
        .motocars-video .video-contrainer .videos-control .title{font-size:23px}
        .vertical_slider.swiper{height:90%}
        .vertical_slider.swiper .title{font-size:20px}
        .vertical_slider.swiper .v-content .content{padding-left:15px;padding-right:15px}
        .vertical_slider.swiper .subtitle_next{font-size:14px}
    }

