@font-face{font-family: "Montserrat";src: url("Montserrat/Montserrat-Regular.ttf") format("truetype");font-style: normal;font-weight: normal;} 
@font-face{font-family: "MontserratMedium";src: url("Montserrat/Montserrat-Medium.ttf") format("truetype");font-style: normal;font-weight: normal;}
@font-face{font-family: "MontserratBlack";src: url("Montserrat/Montserrat-Bold.ttf") format("truetype");font-style: normal;font-weight: normal;}

 

@keyframes rotate {
    from,50% {transform:rotate(0) scale(1);}
    55% {transform:rotate(-10deg) scale(1.3);}
    60% {transform:rotate(10deg);}
    65% {transform:rotate(0);}
    to {transform:rotate(0) scale(1);}
}

@keyframes zoom {
    from,50% {transform:scale(1);}
    75% {transform:scale(1.3);}
    to {transform:rotate(1);}
}

@keyframes transpin{
    from {opacity:0;}
    to {opacity:1}
}

@keyframes rotate360{
    from,50% {transform:rotate(0);}
    to {transform:rotate(90deg);}
}




a{color:var(--primary-color);}

*{padding:0;margin:0;font-family: 'Montserrat';outli1ne:1px solid #0f03;font-size:15px;}
body{background-color:#aaa;}

.mpage{background-color:#fcfcfc;}

.indicator{height:3px;background-color:red;}

.top_indent{display:none;height:0;}

h1,h2,h3{font-family: 'MontserratMedium';color:var(--primary-color);text-transform: uppercase;}
h1{font-size:22px;margin:10px 0;}
h2{font-size:20px;margin:10px 0;}
h3{font-size:18px;margin:10px 0;}

.but{background-color:var(--primary-color);color:white;border-radius:5px;display:inline-block;padding:10px 10px;margin:0 10px;text-decoration:none;cursor:pointer;}
.but:hover{background-color:var(--primary-color-darked);}

.big_but{padding:30px;font-size:18px;background-color:var(--primary-color);display:inline-block;color:white;text-decoration:none;}

.centrer{width:1266px;margin:0 auto;}
.centrer_short{margin:0 auto;}

.header{}
    .header_content{display:flex;flex-wrap:wrap;}
    .header_content>div{box-sizing:border-box;}

    .hdr_logo{width:30%;height:110px;order:1;padding-top:10px;}
        .hdr_logo>a{display:block;text-align:center;padding:10px;}
            .hdr_logo>a>img{width:90%;animation: transpin 1s;}
        .hdr_logo_text{text-align:center;color:#aaa;}


    .hdr_phone{width:40%;height:110px;order:2;text-align:center;padding-top:10px;}
        .hdr_phone_content{display:inline-flex;padding-top:10px;flex-wrap:wrap;justify-content: center;text-decoration: none;color:#444;}
        .hdr_phone_icon{width:60px;position:relative;}
            .hdr_phone_icon>img{height:40px;an1imation: rotate 3s infinite;}
            .phone{font-size:30px;}            
        .hdr_phone_info{width:100%;color:#666;}

    .hdr_location{width:30%;height:110px;order:3;text-align:center;padding-top:20px;}            
        .hdr_location_content{display:inline-flex;cursor:pointer;}
        .hdr_location_icon{width:45px;}
            .hdr_location_icon>img{height:40px;animati1on: zoom 3s infinite;}        
        .city{display:inline-block;padding-top:10px;border-bottom:1px dashed #444;height:20px;}

    .hdr_info{width:30%;height:60px;order:4;}
    .hdr_info_content{text-align:center;}
        
        
    .hdr_search{width:40%;height:60px;order:5;}
        .hdr_search .iface_text_ex>.iface{width:100%;}
    .hdr_cart{width:30%;height:60px;order:6;text-align:center;}

    .light_menu{border-bottom:1px solid #eee;}
    .light_menu>.centrer{display:flex;}
    .light_menu_item{}
    .light_menu_item>a{display:block;padding:8px 20px;text-decoration:none;color:#999;}
    .light_menu_item>a:hover{color:var(--primary-color);}
    
    .menu{}
        .menu_items{display:flex;justify-content: center;}
            .menu_item{padding:10px 30px;color:#888;text-decoration: none;font-size:20px;font-weight:bold;}
            .menu_item:hover{color:var(--primary-color);}
            .menu_item_opened{transition-property: background-color;transition-duration: .5s;color:var(--primary-color);background-color:#f5f5f5;border-top-left-radius:5px;border-top-right-radius:5px;}

    .menu_panel{z-index:9999;background-image:url('bg_burg.svg');background-size:400px auto;background-position:center bottom;background-repeat:repeat-x;height:0;background-color:#f5f5f5;transition-property: height;transition-duration: .3s;position: absolute;left:0;right:0;overflow:hidden;box-shadow:0 10px 10px #0004;}
    .menu_panel_relative{position:relative;height:100%;}
    .menu_panel_opened{height:400px;border-bottom:1px solid #eee;width:var(--page-width);margin:0 auto;}
        
        .menu_panel_content{padding:10px 50px;box-sizing:border-box;display:flex;width:100%;height:400px;z-index:0;position:absolute;margin-top:400px;transition-property: margin-top;transition-duration: .3s;background-color:transparent;}
        .menu_panel_content_active{margin-top:0;z-index:1;}

        .menu_panel_content_col{width:25%;margin:5px;}
        .menu_panel_content_col>h2{font-size:14px;margin:20px 0 20px 0;display:block;}
        .menu_panel_content_col>a{font-size:16px;text-decoration: none;color:#666;display:block;padding:8px 0;}
        .menu_panel_content_col>a:hover{color:var(--primary-color);text-decoration: underline;}

        .menu_panel_content_col>.menu_panel_but{font-weight:bold;margin-right:30px;text-align:center;background-color:var(--primary-color);color:white;padding:10px 5px;border-radius:5px;}
        .menu_panel_content_col>.menu_panel_but:hover{color:white;text-decoration:none;background-color:var(--primary-color-darked);}

        .menu_panel_close{animation: rotate360 3s infinite;position:absolute;right:20px;top:20px;width:40px;height:40px;z-index:2;cursor:pointer;}
            .menu_panel_close>img{width:100%;}

.mb_header{padding:10px 10px;display:flex;border-bottom:1px dotted #eee;margin-bottom:10px;align-items: flex-end;}
    .mb_header_left{flex-grow:1;}
    .mb_header_right{text-align:right;flex-grow:1;}


.iface_price{}
    .iface_price_val{font-size:40px;color:var(--primary-color);font-weight:bold;padding:5px 0;}


.mb_header_right .iface_list{display:inline-flex;}

.tov_list{}

.tov_list_main{display:flex;align-items:flex-start;}
    .tov_list_panel{width:315px;min-width:315px;padding:0;box-sizing: border-box;position:relative;}
    .tov_list_panel_informer{display:none;z-index: 999;position:fixed;left:310px;top:220px;width:300px;height:150px;background-color:white;box-shadow:0 0 10px #000;}
    .tov_list_content{width:auto;display:flex;flex-wrap:wrap;justify-content: space-between;}
    
    


.tov_tile{cursor:pointer;padding-bottom:60px;position:relative;width:293px;min-height:500px;background-color:white;border:1px solid #eee;border-radius:5px;margin:10px;box-shadow:0 0 10px #eee;} 
    
    .tov_tile_icons{position:absolute;left:8px;top:2px;height:40px;}    
        .tov_tile_icons>div{display:inline-block;width:40px;height:40px;background-color:white;border-radius:50%;padding:2px;margin:10px 0;}
            .tov_tile_icons>div>img{width:100%;}
        .tov_tile_icons>div:hover{background-color:#eee;}

    .tov_tile a{text-decoration:none;}

    .tov_tile h3{padding:10px 20px;}

    .tov_tile:hover{box-shadow:0 0 10px #888;}
    .tov_tile_images{border-top-left-radius:5px;border-top-right-radius:5px;overflow: hidden;height:300px;}
        .tov_tile_images>img{height:100%;}
    .tov_tile_info{padding:5px 20px;font-size:14px;color:#3D567F;}
    .price{padding:5px 20px;}
    .pr_yellow{z-index:10;position:absolute;left:-16px;top:20px;background-image:url('pr_yellow.svg');width:70px;height:70px;line-height:60px;color:white;text-align:center;font-weight:bold;font-size:18px;background-size:100% 100%;}
    .tov_tile_likes{z-index:10;position:absolute;top:10px;right:10px;width:40px;height:20px;background-image:url('heart.svg');background-size:20px 20px;background-repeat:no-repeat;text-align:right;color:white;}

    .tov_tile_info .tov_but{position:absolute;right:0px;bottom:10px;}

.tov_tile_small{box-sizing:border-box;width:150px;display:block;text-decoration:none;padding:10px;margin:5px;border-radius:5px;background-color:white;border:1px solid #eee;}
    .tov_tile_small:hover{box-shadow:0 0 5px #000a;}
    .tov_tile_small .image{text-align:center;}
    .tov_tile_small .image>img{width:100%;}




#search_results .tov_tile_small{width:11.3%;}

.tov{}
    .tov_main{display:flex;justify-content:space-between;padding-bottom:20px;}
        .tov_images{width:33%;;display:flex;}    
            .tov_image_mins{width:100px;background-color:#f5f5f5;}        
                .tov_image_mins>img{display:block;margin:5px;width:90px;height:90px;}
            .tov_image_big{position:relative;width:500px;}
                .tov_image_big>img{width:100%;border-radius:5px;}
            .tov_collection{position:absolute;left:0;top:0;width:100px;height:50px;}
                .tov_collection>img{height:100%;}
        .tov_info{width:33%;border-radius:5px;}
            

        .tov_prices{width:33%;}
            .tov_info_params{}
            .tov_info_mats{}
                .tov_info_mats_list{display:flex;flex-wrap: wrap;justify-content: flex-start;}
        .tov_options{width:400px;}
            .price_section{display:flex;align-items:center;justify-content: space-between;margin-bottom:20px;}

        .tov_delivery{background-color:#eee;padding:10px;}

        .extended_selectors_section_switcher{cursor:pointer;user-select: none;padding:10px 0;}
            .extended_selectors_section_switcher>span{color:var(--primary-color);font-size:18px;}
        

.tov_param{display:flex;align-items:center;border-bottom:1px dotted #ddd;justify-content: space-between;width:90%;margin:0 10px 5px 10px;}
    .tov_param:hover{border-bottom:1px solid #aaa;}
    .tov_param_name{width:70%;color:#666;font-size:13px;}
    .tov_param_value{width:30%;text-align:right;align-content:center;font-size:12px;font-weight:bold;}


.tov_mat{width:90px;height:120px;margin:10px;cursor:pointer;}
    .tov_mat_image{overflow:hidden;width:100%;}
        .tov_mat_image>img{width:100%;}
        .tov_mat_name{text-align:center;font-size:12px;}
.tov_mat:hover{box-shadow:0 0 10px var(--primary-color);}

.tov_tile_short{width:100px;}
    .tov_tile_short>.image{}
    .tov_tile_short>.image>img{width:100%;}


.col_tile{display:block;text-decoration:none;width:200px;box-sizing: border-box;padding:10px;background-color:white;margin:5px;border-radius:5px;border:1px solid #f5f5f5;}
    .col_tile>.image{height:140px;;}
    .col_tile>.image>img{width:100%;height:100%;object-fit:contain;}
    .col_tile>.name{text-align:center;}
    .col_tile>.desc{text-align:center;text-align:center;font-size:12px;color:#888;}


.actions_section{margin-bottom:20px;}
.action_birka{display:inline-block;background-color:#009846;color:white;border-radius:20px;padding:2px 10px;font-weight:bold;}


.tov_price_matrix{display:flex;flex-wrap:wrap;}
.price_item{width:400px;border:1px solid #eee;padding:5px;margin:5px;border-radius:3px;display:flex;justify-content: space-between;align-items:center;}

.selector_section .tov_price_matrix{display:block;}

.tov_prices .iface_but_key{padding:10px;}

.listitem_krovat_texture{margin:3px;border:2px solid #eee;border-radius:3px;width:50px;height:50px;overflow:hidden;}
.listitem_krovat_texture img{width:50px;}
.listitem_krovat_texture.active{border:2px solid var(--primary-color);}


/*=======================================================================*/
/*=======================================================================*/
/* КОРЗИНА */
/*=======================================================================*/
/*=======================================================================*/

.cart_form{display:flex;}
.cart_form .inputs{width:40%;}
.cart_form .input{background-color:white;margin-bottom:10px;padding:10px;box-shadow:0 0 5px #aaae;border-radius:5px;}
.cart_form .items{width:60%;}

.cart_item{display:flex;padding:5px;border-bottom:1px dashed #ddd;align-items: center;}
.cart_item>div{padding:10px;flex-grow:1;}
.cart_item .image{width:100px;height:100px;}
    .cart_item .image img{width:100%;height:100%;object-fit: contain;}
.cart_item .name{width:300px;}
.cart_item .price{width:100px;} 
.cart_item .price .iface_price_val{font-size:20px;}
.cart_item .count{display:flex;align-items:center;}
.cart_item .count>div{flex-grow:1;}
.cart_item .count>.count_val{font-size:20px;padding:0 10px;}

.offer_slide{width:auto;}


.offers{display:flex;flex-wrap:wrap;}
.offer{display:block;text-decoration:none;color:inherit;margin:1px;box-sizing:border-box;flex-grow:1;padding:20px 20px 60px 20px;flex-basis:25%;position:relative;text-align:center;}
.offer:hover{box-shadow:0 0 5px #999;}
.offer *{color:inherit;}
.offer .but{background-color:#fff8;color:#222;}
.offer>h1{font-size:16px;text-align:center;}
.offer>h2{text-align:center;text-align:center;}
.offer>.offer_but{position:absolute;left:0;right:0;top:auto;bottom:10px;height:40px;text-align:center;}


.offer:nth-child(1){flex-basis:50%;height:320px;}
.offer:nth-child(1)>h1{font-size:16px;text-align:left;}
.offer:nth-child(1)>h2{font-size:26px;}
.offer:nth-child(1)>.percent{font-size:100px;font-weight:bold;an1imation: zoom 5s infinite;}
.offer:nth-child(1)>.offer_but{position:absolute;right:10px;bottom:10px;}


.offers_2{display:flex;flex-wrap:wrap;}
.offer_tile_2{width:200px;position:relative;margin:10px;cursor:pointer;}
    .offer_tile_2:hover{box-shadow:0 0 10px #444;}
.offer_tile_2>img{width:100%;}


.footer{color:white;background-image:url('bg_burg_dark.svg');background-size:400px auto;background-position:center bottom;background-repeat:repeat-x;background-color:#444;padding:50px 0 50px 0;}

    .marka{margin:20px auto 20px auto;}

    .footer_menu{display:flex;justify-content:center;}
    .footer_menu_column{margin:0 20px 0 20px; box-sizing:border-box;width:20%;padding-bottom:20px;}
        .footer_menu_column .name{font-weight:bold;text-align:left;margin-bottom:10px;}
        .footer_menu_column .items{text-align:left;}
        .footer_menu_column .items .item{display:block;padding:5px 0;color:#ddd;text-decoration:none;}
        .footer_menu_column .items .item:hover{color:white;text-decoration:underline;}

/*.stage{background-image:url('pattern_2.png');background-size:70px 70px;background-color:#dfdfdf;}*/
.stage{background-color:#dfdfdf;}

.main_filter{display:flex;justify-content:space-between;}
    .main_filter>.stage{flex-basis:1;flex-grow:1;margin:10px;padding:20px;border-radius:5px;}
.main_filter_but{display:flex;justify-content: center;padding-top:20px;}
    .main_filter_but .iface_but_key{padding:10px 20px;font-size:18px;font-weight:bold;animation: rotate 3s infinite;}

.tov_list_panel .main_filter{display:block};
.tov_list_panel .stage{width:auto;padding:0;margin:0;}
.tov_list_panel .iface_uni_selector.drop .choice_panel{width:95%;min-width:auto;}

.collections{display:flex;flex-wrap:wrap;justify-content:space-between;}


.bottom_panel_indent{display:none;}
.bottom_panel{display:none;}

.mobile_menu_but{display:none;}
.mobile_menu{display:none;}


.page_block_content>h1,.page_block_content>h2,.page_block_content>h3{text-align:center;margin:10px 0 30px;}

.search_results{display:flex;flex-wrap:wrap;}


.popular_tovs_list{display:flex;flex-wrap:wrap;}

.filter_selector_name{display:block;margin-bottom:10px;font-weight:bold;color:#555;}

.group_in_list{background-color:#aaa;color:white;display:block;padding:5px;}

.mat_blocks{}

.mat_block{padding-bottom:40px;}
    .mat_block_content{display:flex;width:100%;}
    .mat_block .image{min-width:250px;position:relative;top:-20px;border-radius:50%;overflow:hidden;border:5px solid #eee;width:250px;height:250px;text-align:center;}
        .mat_block .image>img{width:100%;height:100%;}
    .mat_block .desc{flex-grow:1;padding:40px;}
        .mat_block .desc p{margin:20px 0;font-size:18px;color:#444;}
        .mat_block .desc li{margin:5px 10px;font-size:18px;color:#666;}
        

.mat_block:nth-child(odd){background-color:#eee;}
    .mat_block:nth-child(odd) .image{order:2;right:30px;}
    .mat_block:nth-child(odd) .desc{order:1;}

.mat_block:nth-child(even){background-color:#dfdfdf;}
    .mat_block:nth-child(even) .image{order:1;left:20px;}
    .mat_block:nth-child(even) .desc{order:2;}


.shop_tile{border-radius:5px;border:1px solid #eee;background-color:white;margin:10px;padding:10px;width:350px;}    
    .shop_tile .desc{color:#444;}
    .shop_tile .desc .item{padding:10px;height:25px;}
    
    .shop_tile .desc .item:nth-child(1){color:var(--primary-color);font-size:18px;font-weight:bold;}
    .shop_tile .desc .item .but{padding: 3px 10px;}



.ld_ram{border:5px solid transparent;position:relative;margin:20px;}
.ld_ram_caption{position:absolute;left:0;right:0;top:-30px;height:60px;text-align:center;}
	.ld_ram_caption>h2{display:inline-block;background-color:white;font-size:22px;color:#444;padding: 5px 20px;}
.ld_ram_content{display:flex;margin:60px 40px;}
	.ld_ram_content_item{flex-grow:1;flex-basis:0;text-align:center;}
	.ld_ram_content_item>img{height:80px;}


.main_numbers{display:flex;flex-wrap:wrap;margin-top:10px;}
.number_item{width:25%;font-size:50px;color:#fa0;font-family:"MontserratBlack";text-align:center; outline-right:1px solid #aaa;}
.number_item>div{text-align:left;height:20px;font-family:"MontserratBlack";color:#aaa;}
.number_item>label{font-size:14px;color:#444;display:block;}
.number_item>span{font-size:25px;font-family:"MontserratBlack";color:inherit;}
.number_item>span>sup{font-size:0.7em;font-family:inherit;color:inherit;}



.shirm{position:fixed;left:0;right:0;top:0;bottom:0;background-color:#000c;z-index:10000;color:white;text-align:center;padding-top:50vh;}

/*
#############################################################################
#############################################################################
*/

@media screen and (max-width:1150px){
    .centrer{width:auto;}
    .menu{display:none;}

	.ld_ram_content{flex-wrap:wrap;}
	.ld_ram_content_item{flex-grow:1;flex-basis:50%;text-align:center;}

    .tov_list_panel{display:none;position:fixed;left:5px;top:40px;right:5px;bottom:40px;width:auto;min-width:auto;overflow-y:scroll;z-index:999;background-color:white;box-shadow:0 0 10px #eee;}

    .main_numbers{display:none;}
	.number_item{width:50%;}

}


/*
#############################################################################
#############################################################################
*/

@media screen and (max-width:500px){

    h1{text-align:center;}

    .top_indent{display:block;height:45px;}
    
    .hdr_logo{width:100%;margin:0;padding:5px 5px 0 5px;height:auto;background-color:#eee;order:2;}
        
        .hdr_logo_text{padding:0 10px 10px 10px;}
    
    .hdr_phone{width:100%;margin:0;padding:0 0 10px 0;height:auto;text-align:left;order:3;}
        
        .hdr_phone_info{width:100%;text-align:center;}
        .hdr_phone_icon{width:20px;height:20px;padding:5px;}
            .hdr_phone_icon>img{width:18px;height:18px;}
        .phone{font-size:20px;}
    
    .hdr_info{display:none;}
    
    .hdr_location{position:fixed;z-index:9970;width:100%;order:1;left:0;top:0;height:45px;padding:5px;text-align:left;background-color:#ddd;}
        .hdr_location_content{width:85%;}
        .city{padding:5px;}
        .hdr_location_icon{width:20px;height:30px;}
            .hdr_location_icon>img{height:30px;}

    .hdr_cart{display:none;}
    .hdr_search{display:block;width:100%;padding:1%;height:auto;}
    .light_menu{display:none;}

    .offer,.offer:nth-child(1){flex-basis:auto;width:100%;border-radius:5px;}
    .main_filter{display:block;}

    .tov_tile{width:auto;}

    .collectio_ns{display:block;}

    .col_tile{width:30%;}
    .col_tile .image{height:auto;}

    .tov_list_main{display:block;}
    
    
    
    
    .tov_list_panel_informer{display:none;z-index: 999;position:fixed;top:auto;left:0;right:0;bottom:40px;width:auto;height:100px;}
    
    .tov_list_content{width:auto;justify-content: center;} 
    
    .bottom_panel_indent{display:block;height:55px;}
    .bottom_panel{border-top:1px solid #ddd;z-index:9999;display:block;position:fixed;width:100%;left:0;bottom:0;right:0;height:55px;background-color:#eee;display:flex;justify-content: space-between;align-items:center;}

    .bottom_left{padding-left:8px;display:flex;width:40%;justify-content: flex-start;align-items:center;}
    .bottom_center{}
    .bottom_right{padding-right:8px;display:flex;width:40%;justify-content: flex-end;align-items:center;}

    .bottom_left>div,.bottom_right>div{margin:0 5px;}    

    .mobile_menu_but{z-index:9980;position:fixed;right:5px;top:5px;width:35px;height:35px;display:block;}
        .mobile_menu_but>img{width:100%;height:100%;}

    .mobile_menu{z-index:9999;left:0;top:0;bottom:0;right:0;background-color:white;color:#444;position:fixed;overflow-y:scroll;}
    .mobile_menu_content{position:relative;}
    .mobile_menu_close{position:fixed;right:10px;top:10px;width:50px;height:50px;animation: rotate360 3s infinite;}
        .mobile_menu_close>img{width:100%;height:100%;}

    
    .mm_cols{display:flex;flex-wrap:wrap;justify-content: center;}
        .mm_cols .col_tile{width:30%;height:auto;}
        .mm_cols .col_tile .image{height:auto;}
    .mm_cat{}
        .mm_cat a{display:block;padding:5px;}

    .mm_lms{}
        .mm_lms a{display:block;padding:5px;}
    
    .cart_form{display:block;}
    .cart_form .inputs{width:100%;}
    .cart_form .input{background-color:white;margin-bottom:10px;padding:10px;box-shadow:0 0 5px #aaae;border-radius:5px;}
    .cart_form .items{width:100%;}      
    
    .cart_item>.name{width:100%;}

    .main_filter .choice_panel{width:96%;}

    .tov_main{display:block;}

    .mb_header{display:block;}
    .mb_navi{text-align:center;}
    .mb_header_right{text-align:center;}
    .tov_main{padding:10px;box-sizing: border-box;}
    
    .tov_images{width:auto;}
    .tov_info{width:auto;}
    .tov_prices{width:auto;}

    
    .mat_block:nth-child(odd) .image{order:2;right:auto;}
    .mat_block:nth-child(even) .image{order:2;left:auto;}

    .shop_tile{width:auto;}
    
    .mat_block_content{display:block;}
        .mat_block_content .image{margin:0 auto;min-width:200px;width:200px;height:200px;}


    #search_results .tov_tile_small{width:48%;margin:1%;}

	.ld_ram{margin:10px;border:none;}
	.ld_ram_caption{position:static;}
	.ld_ram_content{display:block;}
	.ld_ram_content_item{padding-bottom:30px;}
	.ld_ram_content_item>img{height:150px;width:40%;}    
    
    .footer_menu{display:block;}    

    .footer_menu_column{width:auto;}

    .mat_block:nth-child(odd) .image{order:2;right:auto;}

}