/* Start:/local/templates/masteraart/css/style.css?174030681351484*/
/*TODO: font*/
/*TODO:reset*/
.svg-sprite{
    display: none;
}
*{
    color: #222222;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    color: #222222;
}

@font-face{
    font-family:Montserrat;
    src:url(/local/templates/masteraart/css/../fonts/Montserrat-Regular.ttf) format("truetype");
    font-weight:400;
    font-style:normal;
}

body {
    line-height: 1;
    color: #222222;
    width: 100%;
    overflow-x: hidden;
    margin:0!important;
    font-family:Montserrat,sans-serif !important;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: 400;
    box-sizing: border-box;
}
input{
    box-sizing: border-box;
}
span{
    box-sizing: border-box;
}
/*end reset*/



/**/
.brc_header aside{
    min-height: auto !important;
}
.wrap_comments{
    margin-top: 30px;
    width: 600px;
}

.wrap_comments .br_head h2{
    margin-top: 40px;
    font-size: 30px;
}

@media only screen and (max-width : 800px), only screen and (max-device-width : 800px){
    .wrap_comments{
        width: 100%;
    }
}
/* TODO: header*/
/******************user_menu_header"*/
.user_menu_header{
    z-index: 100;
    box-sizing: border-box;
    position: absolute;
    top: 52px;
    left: -40px;
    background: #FFFFFF;
    padding: 40px;
    transition:all 1s;
    border-left: 1px solid rgba(227, 227, 227 , 0.5);
    border-right: 1px solid rgba(227, 227, 227 , 0.5);
    border-bottom: 1px solid rgba(227, 227, 227 , 0.5);
    width: 300px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
}
.user_menu_header span{
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px;
    box-sizing: border-box;
    padding: 15px;
    background-repeat: no-repeat;
    width: 20px;
    margin-right: 10px;
    background-position: center;
    height: 18px;
    background-size: 100%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.user_menu_header a{
    text-decoration: none;
    padding: 10px 0;
    font-size: 16px;

    
}
.user_menu_header a:hover{
    color: #009999;
}

.header,.footer{
}

.logo{
    display: block;
}

.logo p{
    margin: 20px 0 20px 15px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    font-size: 24px;
    line-height: 18px;

}
.logo span{
    font-weight: 900;
}


@media only screen and (max-width : 1000px), only screen and (max-device-width : 1000px){
    .logo{
        display: none;
    }
}
/*
.header_elements_wrap{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}*/
.header_elements_wrap {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    /* margin-bottom: 10px; */
}

.icons{
    margin-right: 20px;
    display: flex;
    align-items: center;
}

.icons span{
    margin-left: 20px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.header_top_menu ul{
    display: flex;
    padding-left: 15px;
}
.header_top_menu li{
    margin-right: 40px;

}

/**
/* new header
*/

.vue_block_menu_top_wrap    {
    width: 100%;
    display: flex;
    justify-content: center;
}
.vue_block_menu_top{
    margin-left: 15px;
    width: 745px;
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width : 1380px), only screen and (max-device-width : 1380px){
    .vue_block_menu_top{
        width: 560px;
    }
}
.vue_block_menu_top a{
    font-size: 14px;
    color:#009999;
}

/**
/* end top menu
/* start botton menu
*/

.vue_block_menu_bottom_wrap{
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-top: 1px solid #f5f5f5;
    padding-top: 15px;
    box-sizing:border-box;

}
.vue_block_menu_bottom_wrap a{
  color:#000000;
}

/**
/* end top menu
*/

.vue_wrap_header{
    box-sizing:border-box;
    padding: 15px 15px 0 15px;
    width: 1480px;
    margin: 0 auto;
}

@media only screen and (max-width : 1380px), only screen and (max-device-width : 1380px){
    .vue_wrap_header{
        width: 1280px;
        padding: 15px 25px 0 15px;
    }
}
@media only screen and (max-width : 1000px), only screen and (max-device-width : 1000px){
    .vue_wrap_header{
        width: 100%;
        padding: 0;
    }
}
/*.header_vue{
    height: 160px;
}*/
.fixed__header_vue {
    width: 100%;
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 1000;
    padding-bottom: 10px;   
}
.vue_wrap_header__shadow{
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
}
.vue_top_menu{
    display: flex;
    align-items:center;
    justify-content: space-between;
}
.vue_logo_block{
    align-items:center;
    display: flex;
    width: 300px;
}
.vue_logo_block_a{
 margin-left: 30px;
}
@media only screen and (max-width : 1380px), only screen and (max-device-width : 1380px){
    .vue_logo_block_a{
        margin-left: 22px;
       }
}
.vue_top_menu .vue_logo{
    color:#000000;
    font-size: 29px;
}
.vue_top_menu b{
   color:#009999;
}
.vue_btn_catalog_in_header{
    box-sizing:border-box;
    text-transform: uppercase;
    padding: 10px ;
    font-size: 14.5px;
    border: none;
    /*border: 2px solid #009999;*/
    border-radius: 2px;
   /* box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);*/
}
.vue_btn_catalog_in_header_icon{
    padding: 15px;
    width: 30px;
    height: 30px;
    background-position:center;
    background-repeat: no-repeat;
    background-size:100%;   
}
.vue_icon_search{
    background-image: url("/local/templates/masteraart/css/../img/vue_search.svg");
}
.vue_icon_menu{
    margin-right: 10px;
    background-image: url("/local/templates/masteraart/css/../img/menu.svg"); 
}
@media only screen and (max-width : 1380px), only screen and (max-device-width : 1380px){
    .vue_icon_menu{
     /* display: none;*/
    }
}
.vue_icon_face{
    background-image: url("/local/templates/masteraart/css/../img/face.svg"); 
}
.vue_icon_face_geen{
    background-image: url("/local/templates/masteraart/css/../img/face_geen.svg"); 
}
.vue_icon_mess{
    background-image: url("/local/templates/masteraart/css/../img/mess.svg"); 
}
.vue_icon_hard{
    background-image: url("/local/templates/masteraart/css/../img/hard.svg"); 
}
.vue_icon_card{
    background-image: url("/local/templates/masteraart/css/../img/card.svg"); 
}
.vue_wrap_input{
    padding-left: 1rem;
    position: relative;
    width: 766px;
}


.wrap_icon{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    }
.m_fal_cheker{
    position: absolute;
    right: 1px;
    bottom: 0;
    background: #ffffff;
    border: 1px solid #000000;
    border-radius: 20px;
    padding: 3px 5px;
    font-size: 10px;
}

.btn_add_card_grid {
    border: 1px solid #000000;
    background: none;
    width: 90%;
    margin: 5%;
    box-sizing: border-box;
    padding: 5px 0;
}
.btn_add_card_classic{
    width: 100%;
    border: none;
    background: #009999;
    justify-content: center;
    color: #FFFFFF;
    border-radius: 5px;
    padding: 5px 10px;
}

.btn_classic_green{
    background: #009999;
    color:#fff;
}

.btn_classic_black{
    background: #fff;
    color:#222222;
}
.not_like{
    width: 26px;
}

    


.in_card{
    text-align: center;
    background: none;
    color: grey;
}





@media only screen and (max-width : 1380px), only screen and (max-device-width : 1380px){
    .vue_wrap_input{
        padding-left: 0rem;
        width: 600px;
    }
}
.vue_wrap_input input{
    border-radius: 2px !important;
    width: 100% !important;
    height: 40px !important;
    border: 1px solid #c5c5c5!important;
    margin: 0 !important;
    transition: none !important;
    box-sizing:border-box !important;
    padding-left: 20px !important;
    
}
.button_vue_search{
    position: absolute;
    cursor: pointer;
    right: 10px;
    top: 10px;
    background:none;
    outline: none;
    background: none;
    border: none;
}
.button_vue_search:hover{
    background:none;
    outline: none;
    background: none;
    border: none;
}
.button_vue_search:active{
    background:none;
    outline: none;
    background: none;
    border: none;
}
.button_vue_search:focus{
    background:none;
    outline: none;
    background: none;
    border: none;
}
.vue_icon_block{
    display: flex;
    width: 300px;
    justify-content: space-between;
}
.wrap_icon a{
    cursor: pointer;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #000;
}
.wrap_icon_center{
   align-items:center;
}

.wrap_icon a:hover{
    opacity: 0.7; 
}


.wrap_icon .vue_icon_text{
    font-size: 12px;
}
.vue_icon_num{
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: -3px;
        right: -3px;
        z-index: 1;
        font-size: 10px;
        color: #fff;
        box-sizing: border-box;
        border-radius: 20px;
        width: 16px;
        height: 16px;
        overflow: hidden;
}
.vue_icon_num_color{
    display: flex;
    background: #f91155;
}


/*header*/
/* TODO: footer*/





.btn__up__page{
    width: 52px;
    height: 52px;
    border: 3px solid #009999;
    border-radius: 60px;
    display: flex;
    justify-content: center;
    align-items:center;
    cursor: pointer;
    position: fixed;
    z-index: 90000;
    right: 50px;
    bottom:100px;
}

.btn__up__page img{
    width: 70%;
    height: auto;
}



.footer{
        margin-top: 40px;
        box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
 
}

.ot_element {
    color: #000;
    width: 100%;
    display: flex;
    box-shadow: 
    0 2px 2px 0 rgba(0,0,0,.14),
    0 3px 1px -2px rgba(0,0,0,.12),
    0 1px 5px 0 rgba(0,0,0,.2);
    padding: 20px 10px;
    justify-content: space-between;
}


.footer p, .footer a, .footer, .footer h6{
    color: #000000;
    line-height: 1.6;
    font-weight: 400;
}


.footer span {
    margin-right: 10px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.footer_a_flex{
    display: flex;
    align-items: center;
}
.wrap_icon_footer{
    margin-top: 10px;
    display: flex;
}
.wrap_icon_footer .d_icon_footer{
    width: 35px;
    height: 35px;
}
.div___div{
    height: 1px;
    margin: 0;
    padding: 0;
    width: 40px;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
}
.footer_elements_wrap{
    width: 100%;
    box-sizing: border-box;
    padding: 30px  15px 0;
    display: flex;
    justify-content: space-between;
}
.footer_menu{
    margin-right: 80px;
}
.footer_bottom{
    padding: 8px 15px 10px ;
    position: relative;    
}
.a_footer_bottom_grey{
    color:#ccc !important;
}

@media only screen and (max-width : 1380px), only screen and (max-device-width : 1380px){
    .wrap_link_footer_logo{
        margin-right: 50px;
    }
}
.footer_logo{
    display: flex;
}
.footer_logo b{
    color:#009999
}
.footer_bottom_continer{
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 0 15px;
}

.footer_bottom .a_footer_bottom{
    font-size: 12px;
   /* color: #7f7f7f;*/
    margin-right: 40px;
}
.footer_bottom .a_footer_bottom:hover{
    /*color: #ffffff;*/
}
.footer_bottom .Absolute-Center {
    font-size: 12px;
    line-height: 1;
    width: fit-content;
    height: fit-content;
    margin: auto;
    position: absolute;
    top: 11px; left: 0; right: 0;
}
.box_old{
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #FFFFFF;
    border-radius: 50px;
   /* color: #FFFFFF;*/
}
.footer_mobile_menu a{
    text-decoration: none;
    line-height: 1.6;
    font-size: 20px;
}
.footer_mobile_menu{
   margin: 60px 0 0 40px;
}

/* TODO: aside*/
aside{
    min-height: 100vh;
    width: 260px;
    padding: 10px 10px 0 0;
}
.a_block{
    margin: 20px 0 ;
    display: flex;
    justify-content: center;
}
.btn_cat{
    padding: 20px 40px;
    background: #00afea;
    color: white;
}
.btn_cat:hover{
    background: #00afea;
    color: black;
    text-decoration: none;
}
.time_aside_text{
    font-size: 14px;
    margin: 20px auto 5px;
}
.time_aside_text span{
   background: red;
}
.radio label, .checkbox label {
    min-height: 20px;
    padding-left: 0px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

/*aside*/

/*TODO:filter*/
.bx-filter.bx-wood .bx-filter-section {
     background: none;
}

/* TODO: catalog*/
.wrapper_catalog{
    display: flex;
    width: 1480px;
    margin: 0 auto;
}
.wrapper_header{
    width: 1480px;
    margin: 0 auto;
    border-bottom: 1px solid rgba(227, 227, 227 , 0.5);
}
.catalog{
    width: 1220px;
    box-sizing:border-box;
    padding: 30px  20px 20px;
}

@media only screen and (max-width : 1000px), only screen and (max-device-width : 1000px){
    .wrapper_catalog{
        width: 100%;
    }
}


@media only screen and (max-width : 1380px), only screen and (max-device-width : 1380px){
    .wrapper_catalog,.wrapper_header{
        width: 1280px;
    }
    .catalog{
        width: 1000px; 
    }
}




.element{
    display: flex;
    width: 235px;
    flex-direction: column;
}
.element img{
    width: 100%;
}

.time_catalog_text {
    font-size: 20px;
    margin: 20px auto 5px;
}
.time_catalog_text span{
    background: red;
}
.demo{
    margin: 50px auto;
}
.demo h2{
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 30px;
}
.demo_wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.element_1,.element_2{
    width: 230px;
    height: 100px;
    background: #7f7f7f;
    display: flex;
    justify-content: center;
    align-items: center;
}

.element_2{
    height: 230px;
}


.element_1{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px;
}

/*TODO: bootstrap + catalog*/

.seo__text__catalog{
    line-height: 1.4;
    padding: 40px;
    box-sizing:border-box;
}




.catalog_container {
    display: flex;
   flex-wrap: wrap;
    margin: 20px -10px;
}

.catalog_elements{
    position: relative;
    width: 25%;
    padding:  0 10px 20px;
    box-sizing:border-box;
    margin-bottom: 20px;
}
.catalog_elements_shadow{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    box-sizing:border-box;
    /*padding: 10px;*/
   /* box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);*/
}

.box_img_boot{
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 228px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}

@media only screen and (max-width : 1380px), only screen and (max-device-width : 1380px){
    .box_img_boot{
        height: 185px;
    }
}

.prise_wrep{
    position: relative;
    margin-bottom: 5px;
}
.btn_wrap_item{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items:center;
}
.red_table{
    background-color: #009999;
    position: absolute;
    top: 4px;
    right: 0;
    z-index: 10;
    color: #ffffff;
    padding: 3px 10px;
    font-size: 14px;
}
.box_img_boot{
   position: relative;
}

.box_img_boot img{
    width: 100%;
    height: 100%;
    object-fit: cover;

}
.catalog_elements a{
  color: black;
}
.catalog_elements a:hover{
    text-decoration: none;
}
.font_names_size {
    width: 100%;
    height: 30px;
    overflow: hidden;
   /* margin:20px 0 10px 0;*/
}
.font_names{
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 8px;
}
.font_props{
    display: flex;
    justify-content: space-between;
}
.font_price{
    font-size: 14px;
    font-weight: bold;
}
.category__url{
    font-size: 12px;
}
.old_price, .old_non{
    font-size: 12px;
    color: #009999;
}
.font_size{
    font-size: 12px;
    line-height: 20px;
}
.old_non{
    text-decoration: line-through;
}
.label_item {
   /* margin-bottom: 6px;*/
    width: 140px;
    font-size: 12px;    
    color: #009999;
    border-radius: 2px;
    line-height: 26px;
}
.label_item span {
    /* margin-bottom: 6px;*/
    text-decoration: line-through;    
     color: #009999;
 }

.label_item_position{
    position: absolute;
    left: 5px;
    top: 5px;
}
.title_shop_desc{
  font-size: 10px;
  line-height: 20px;
  color:#666666;  
}


/*nav TODO: navigation*/
#pagination{
    display: flex;
}
.no_active_wrap, .active_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    min-height: 36px;
    min-width: 36px;
    background: rgba(34, 34, 34, 0.075);
    border-radius: 100%;
    color: black;
}


.no_active_wrap:hover, .active_wrap:hover{
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 49px 0px rgba(34, 60, 80, 0.14) inset;
    -moz-box-shadow: 0px 0px 49px 0px rgba(34, 60, 80, 0.14) inset;
    box-shadow: 0px 0px 49px 0px rgba(34, 60, 80, 0.14) inset;
}
.no_active_wrap img {
    width: 16px;
}
.img_rot {
    transform: rotate(180deg);
}
.active_wrap {
    background: #009999;
    color: white;
}
.active_wrap  span{
    font-weight: bold;
    color: white;
}


.nav_a{
    margin: 0 5px ;
}
.nav_a:hover{
    text-decoration: none;
}
.nav_a:active{
    text-decoration: none;
}

/*left-menu*/
.left-menu{
    margin-left: 15px;
    margin-bottom: 20px;
}
.left-menu li{
 margin: 10px 0 ;
}
.left-menu a{
   color: #222222;
    font-size: 14px;
}
.selected{
    font-weight: bold !important;
}
.level{
    overflow: hidden;
}
.on {
    height: auto;
    transition-property: height;
    transition:all 1s;
}
.off{
   height: 87px;
}
.btn_close{
    cursor: pointer;
    display: flex;
   /* margin: 5px 0 5px 0px;
    padding: 5px 20px;*/
    padding: 0px 20px;
    width: 210px;
}
.btn_close p{
    font-size: 14px;
}
/*.btn_close:hover{
    background: #cdcdcd;
    border-radius: 10px;

}*/
.btn_close span{
    width: 20px;
    margin-right: 10px;
    background-position: center;
    height: 18px;
    background-size: 100%;
}

.open{
    background-image: url("/local/templates/masteraart/css/../img/minus.svg") !important;
}
.rt78{
    background-image: url("/local/templates/masteraart/css/../img/plus.svg");
}




/************TODO:filter */
.clear__filter{
    width: 100%;
    height: 40px;
    border:1px solid #009999;
    display: flex;
    justify-content: center;
    align-items:center;
    cursor: pointer;
    margin-top: 30px;
}
.clear__filter:hover{
    background:#f9f9f9;
}
.clear__filter p{
    color:#009999;
}

.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.custom-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    color: #222222;
    font-size: 14px;
}
.custom-checkbox+label::before {
    content: '';
    display: inline-block;
    height: 18px;
    width: 18px;
    min-width: 18px;
    border-radius: 3px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 2px solid rgba(34, 34, 34, 0.3);
    transition: all 200ms ease-out;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 90%;
}

.custom-checkbox:checked+label::before {
    border-color: #222222;
    background-color: #222222;

    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22%23FFFFFF%22 d%3D%22M9.17,21.71L0.86,13.4a2,2,0,1,1,2.76-2.76L9,16,20.28,2.93a2,2,0,1,1,2.95,2.56Z%22 %2F%3E%3C%2Fsvg%3E");
}
.wrapp_checkbox{
}
.wrapp_checkbox_element{
    margin: 10px 0 10px 20px;
}
.checkbox_title{
    color: #222222;
    font-size: 14px;
}
.btn_checkbox_close {
    cursor: pointer;
    display: flex;
    margin: 0px 0 15px 0px;
    padding: 0px 17px;
    width: 210px;
}
.btn_checkbox_close p{
   font-size: 14px;
}
/*.btn_checkbox_close:hover{
    background: #cdcdcd;
    border-radius: 10px;

}*/
.btn_checkbox_close span {
    width: 20px;
    margin-right: 10px;
    background-position: center;
    height: 18px;
    background-size: 100%;
}
.checkbox_element_hidden{
    display: none;
}
input[type="submit"]{
    display: none;
}
.stop_title{
    display: flex;
    margin: 10px 0 10px 20px;
    align-items: center;
    user-select: none;
    color: #222222;
    font-size: 14px;
}
.chek_prise {
    height: 13px;
    width: 13px;
    border: 1px solid rgba(34, 34, 34, 0.3);
    transition: all 200ms ease-out;
    margin-right: 6px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.chek_prise_on{
    background: black;
}
.chek_prise_round{
    height: 5px;
    width: 5px;
    background: white;
    border-radius: 100px;
}
.title_prise{
    color: #222222;
    font-size: 14px;
}

.custom_prise_input {
    transition: border 200ms ease-out,background 200ms ease-out;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #FFFFFF;
    box-shadow: 0 1px 4px 0 rgb(34 34 34 / 10%) inset;
    border-color: rgba(34, 34, 34, 0.15);
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
    color: #222222;
    display: block;
    font-size: 14px;
    line-height: 28px;
    outline: none;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 9px;
    padding-right: 12px;
    width: 80px;
    height: 23px;
}
.custom_prise_wrap{
    display: flex;
    align-items: center;
    margin: 10px 0 10px 20px;
}
.custom_prise_span {
    margin: 0 4px;
    padding: 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url("/local/templates/catalog/css/../img/minus.svg");
}

.custom_prise_btn_wrap{
    width: 26px;
    height: 26px;
    border-radius: 26px;
    margin: 0 10px;
    display: flex;
    justify-content: center;
}
.custom_prise_btn_wrap:hover{
    background: #cdcdcd;
}
.custom_prise_btn{
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-size: 69%;
    background-position: center;
    margin-left: 2px;
    border-radius: 36px;
    background-image: url("/local/templates/masteraart/css/../img/rigth.svg");
}
.btn_wrap_item_icon{
    cursor: pointer;
    width: 16px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    margin-left: 2px;
    border-radius: 36px;
    background-image: url("/local/templates/masteraart/css/../img/rigth.svg");
}



.filter{
    margin-left: 30px;
}

/*filter label*/
.label_link_for_catalog {
    cursor: pointer;
    display: flex;
    padding: 0 15px;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    min-height: 36px;
    min-width: 36px;
    background: rgba(34, 34, 34, 0.075);
    border-radius: 50px;
    color: black;
}
.label_link_for_catalog:hover{
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 49px 0px rgba(34, 60, 80, 0.14) inset;
    -moz-box-shadow: 0px 0px 49px 0px rgba(34, 60, 80, 0.14) inset;
    box-shadow: 0px 0px 49px 0px rgba(34, 60, 80, 0.14) inset;
}

.label_link_for_catalog{
    text-decoration: none;

}
.label_close_icon{
    padding: 7px 7px;
    width: 15px;
    margin-left: 10px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("/local/templates/masteraart/css/../img/close.svg");
}

.label_position{
    margin: 0 15px 10px 0;
}
.for_label{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}


/****************************************************TODO: sort*/

.block_panel{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px auto;
    width: 100%;
}
.catalog h1, .catalog h2{
    font-size: 32px;
    line-height: 36px;
 
    color: #222222;
    margin: 10px 0;
}
.sort_block{
    cursor: pointer;
    position: relative;
    padding: 5px 17px;
}
.sort_no_catalog{
    height: 16px;
    font-size: 16px;
}


@media only screen and (max-width : 1280px), only screen and (max-device-width : 1280px){
    .sort_block{
        padding: 0;
    }
}

.class_hover:hover{
    background: #cdcdcd;
    border-radius: 10px;
}

.sort_block p{
    size: 13px;
}
.sort_block_open_icon{
    padding: 9px 20px;
    width: 20px;
    margin-left: 3px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("/local/templates/masteraart/css/../img/open_2.svg");
}

.sort_block_list{
    padding: 20px;
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #FFFFFF;
    z-index: 10;
    width: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 18px 0px rgb(34 60 80 / 20%);
    -moz-box-shadow: 0px 0px 18px 0px rgba(34,60,80,.2);
    box-shadow: 0px 0px 18px 0px rgb(34 60 80 / 20%);
}
.sort_block_list{
    padding: 20px;
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #FFFFFF;
    z-index: 10;
    width: 200px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 18px 0px rgb(34 60 80 / 20%);
    -moz-box-shadow: 0px 0px 18px 0px rgba(34,60,80,.2);
    box-shadow: 0px 0px 18px 0px rgb(34 60 80 / 20%);
}

.sort_block_list_element{
    margin: 10px auto;
    display: flex;
    justify-content: space-between;
}


.sort_block_list a{
    line-height: 1.4;
}


.class_click{
    opacity: 0;
}

.sort_btn_close{
    position: absolute;
    padding: 10px 11px;
    right: 4px;
    top: 4px;
    z-index: 20;
    margin-left: 3px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("/local/templates/masteraart/css/../img/close2.svg");
}

.sort_btn_ok{
    position: absolute;
    right: 5px;
    padding: 10px 11px;
    z-index: 20;
    margin-left: 3px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("/local/templates/masteraart/css/../img/ok.svg");
}

/*******************************************************Todo: chek mobile*/
.mobile_wrap{
    display: none;
}


/*******************************************************Todo: chek mobile*/
/*----------------------медиа правило на 700точек-----<<*/
@media only screen and (max-width : 1280px), only screen and (max-device-width : 1280px){
  .mobile_wrap{
        display: block;
    }
    .time_header, .time_footer, .catalog_desktop_wrap{
        display: none;
        
    }
}



/*******************************************************Todo:  mobile header*/
.m_time_p{
    color: #FFFFFF;
}
.container{
   /* width: 100%;*/
}
.m_header_original {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    position: fixed;
    top: 0;
    box-sizing: border-box;
    z-index: 1000;
    background: #FFFFFF;
}



.m_header{
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    -webkit-box-shadow: -2px 18px 28px -19px rgba(34, 60, 80, 0.13);
    -moz-box-shadow: -2px 18px 28px -19px rgba(34, 60, 80, 0.13);
    box-shadow: -2px 18px 28px -19px rgba(34, 60, 80, 0.13);
}
.m_search{

    display: flex;
    position: relative ;
}
.m_submit_search {
    top: 7px;
    position: absolute;
    right: 15px;
    width: 28px;
    height: 28px;
    background-size: 100%;
    background-position: center;
    background-image: url("/local/templates/catalog/css/../img/search_black_24dp.svg");
}
.m_search_input {
    height: 40px;
    border: 1px solid rgba(34, 34, 34, 0.3);
    transition: all 200ms ease-out;
    margin-right: 6px;
    border-radius: 100px;
    padding: 15px 20px;
    width: 1154px;
}

.m_search_auth {
    height: 40px;
    border: 1px solid rgba(34, 34, 34, 0.3);
    transition: all 200ms ease-out;
    margin-right: 6px;
    border-radius: 100px;
    padding: 15px 20px;
    width: 1100px;
}

@media only screen and (max-width : 1400px), only screen and (max-device-width : 1400px){
    .m_search_input {
        width: 954px;
    }
    .m_search_auth {
        width: 900px;
    }   
}
@media only screen and (max-width : 550px), only screen and (max-device-width : 550px){
    .m_search_input {
        width: 320px;
    }
    .m_submit_search {
        top: 7px;
    }
}
@media only screen and (max-width : 400px), only screen and (max-device-width : 400px){
    .m_search_input {
        width: 280px;
    }
}
@media only screen and (max-width : 360px), only screen and (max-device-width : 360px){
    .m_search_input {
        width: 220px;
    }
}
.checkbox.style-e {
    display: inline-block;
    position: relative;
    padding-right: 56px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkbox.style-e input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkbox.style-e input:checked ~ .checkbox__checkmark {
    background-color: #099;
}
.checkbox.style-e input:checked ~ .checkbox__checkmark:after {
    left: 21px;
}
.checkbox.style-e:hover input ~ .checkbox__checkmark {
    background-color: #eee;
}
.checkbox.style-e:hover input:checked ~ .checkbox__checkmark {
    background-color: #099;
}
.checkbox.style-e .checkbox__checkmark {
    position: absolute;
    top: 1px;
    left: 42px;
    height: 22px;
    width: 40px;
    background-color: #eee;
    transition: background-color 0.25s ease;
    border-radius: 11px;
}
.checkbox.style-e .checkbox__checkmark:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 16px;
    height: 16px;
    display: block;
    background-color: #fff;
    border-radius: 50%;
    transition: left 0.25s ease;
}
.checkbox.style-e .checkbox__body {
    color: #333;
    line-height: 1.4;
    font-size: 16px;
    transition: color 0.25s ease;
}

/*******************************************************Todo:  mobile footer*/

.m_footer{
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    padding: 0 10px 5px;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.m_left_menu_icon{
    background-image: url("/local/templates/masteraart/css/../img/menu_mobile_left.svg");
}
.m_user{
    background-image: url("/local/templates/masteraart/css/../img/people.svg");
}
.m_user_active{
    background-image: url("/local/templates/masteraart/css/../img/user_active.svg");
}
.m_cart{
    background-image: url("/local/templates/masteraart/css/../img/shopping.svg");
}
.m_ms{
    background-image: url("/local/templates/masteraart/css/../img/ms.png");
}
.m_home{
    background-image: url("/local/templates/masteraart/css/../img/home.svg");
}
.favorite_border{
    background-image: url("/local/templates/masteraart/css/../img/favorite_border.svg");
}
.favorite_phone{
    background-image: url("/local/templates/masteraart/css/../img/iphone_white.svg");
}
.email{
    background-image: url("/local/templates/masteraart/css/../img/email.svg");
}
.location_white{
    background-image: url("/local/templates/masteraart/css/../img/location_white.svg");
}
.insta{
    background-image: url("/local/templates/masteraart/css/../img/ins.svg");
}
.insta:hover{
    background-image: url("/local/templates/masteraart/css/../img/ins_g.svg");
}

.vk{
    background-image: url("/local/templates/masteraart/css/../img/vk_b.svg");
}
.vk:hover{
    background-image: url("/local/templates/masteraart/css/../img/vk_g.svg");
}

.pinterest{
    background-image: url("/local/templates/masteraart/css/../img/pip.svg");
}
.pinterest:hover{
    background-image: url("/local/templates/masteraart/css/../img/pip_g.svg");
}


.youtube{
    background-image: url("/local/templates/masteraart/css/../img/yt.svg");
}
.youtube:hover{
    background-image: url("/local/templates/masteraart/css/../img/yt_g.svg");
}

.facebook{
    background-image: url("/local/templates/masteraart/css/../img/fb.svg");
}
.facebook:hover{
    background-image: url("/local/templates/masteraart/css/../img/fb_g.svg");
}

    .m_footer_icon{
        width: 20px;
        height: 20px;
        padding: 15px;
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
    }
.wrap_icon{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    }
.m_fal_cheker{
    position: absolute;
    right: 1px;
    bottom: 0;
    background: #ffffff;
    border: 1px solid #000000;
    border-radius: 20px;
    padding: 3px 5px;
    font-size: 10px;
}

.btn_add_card_grid {
    border: 1px solid #000000;
    background: none;
    width: 90%;
    margin: 5%;
    box-sizing: border-box;
    padding: 5px 0;
}
.btn_add_card_classic{
    width: 100%;
    border: none;
    background: #009999;
    justify-content: center;
    color: #FFFFFF;
    border-radius: 5px;
    padding: 5px 10px;
}

.btn_classic_green{
    background: #009999;
    color:#fff;
}

.btn_classic_black{
    background: #fff;
    color:#222222;
}
.not_like{
    width: 26px;
}

    


.in_card{
    text-align: center;
    background: none;
    color: grey;
}





/*******************************************************Todo:  mobile catalog*/
.m_catalog{
    padding: 10px 10px 70px;


}
.m_catalog h1{
    margin-top: 0;
    font-size: 24px;
}
.wrep_h1_catalog {
    margin: 5px 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.m_filter_btn_in_section {
    width: 29px;
    height: 27px;
    background-size: 72%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/local/templates/catalog/css/../img/repair2.png");
    
    
}
.m_filter_btn_in_section_wrap {
    padding: 2px 5px 2px 11px;
    display: flex;
    background-color: #eee;
    border-radius: 5px;
    align-items: center;
}


.m_filter_btn {
    width: 50px;
    height: 36px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/local/templates/catalog/css/../img/store.svg");
    background-color: #eee;
    border-radius: 5px;
}

.m_filter_zone{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sort_p{
    font-size: 16px;
}

.in_filter{
    margin-top: 10px;
    margin-right: -10px;
    display: flex;
    flex-wrap: wrap;
}


.m_label{
    background: #099;
    display: flex;
    justify-content: space-between;
    padding: 2px 10px;
    border-radius: 10px;
    margin: 0 8px 10px 0;
    align-items: center;
}
.m_label p{
 color: #FFFFFF;
}

.m_label_close_icon{
    padding: 9px 9px;

    margin-left: 3px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/local/templates/masteraart/css/../img/close_white_24dp.svg);
}

.m_elements{
    margin: 0 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;


}
.m_element{
    width: 48%;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;

}
.m_element_img{
    overflow: hidden;
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.m_element_img_classic{
    border-radius: 5px;
}
.m_element_img img{
    width: 100%;
}
.m_element_bottom_part{
    width: 100%;
    align-self: flex-end;
}

/*******************************************************Todo:  mobile grid container */
.mobile_grid_container{
    display: flex;
    width: 100%;
   /* background: #009999;*/

    justify-content: space-between;

}
.mobile_grid_container_part{
    width: 49%;
   /* background: red;*/
}
.mobile_grid_container_part a{
    text-decoration: none;
}
.m_element_grid{
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    margin-bottom: 20px;
}
.m_element_grid img{
   height: auto;
    width: 100%;
}
.m_text_block{
    padding: 10px;
}
.m_title_element{
    color: #2e3237;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 13px;
}

.m_size_element{
    font-size: 14px;
    color: #666666;
}
.m_prise_element{
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;
}

.m_prise_element_wrap {
    border-top: 1px solid #ededed;
    padding: 8px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.m_like_card{
    width: 20px;
    height: 20px;
    padding: 10px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("/local/templates/masteraart/css/../img/favorite_border.svg");
}
.d_like_card {
    position: absolute;
    right: 0;
    bottom: 34px;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background: rgb(255,255,255);
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("/img/hard.b83cc7a5.svg");
}
.slider_like{
    background-image: url("/images/favorite_border.svg");
}
.in_wishlist{
    background-image: url("/img/heart_red.d12680ea.svg");
}


/****************************************************TODO: authorization */
.popup__content-wrapper{
    padding: 20px;
}
.form_pass_wrap{
    display: flex;
    justify-content: center;
}
.flex_form{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.hr_aline{
    width: 1px;
    border-left: 1px solid rgba(34, 34, 34, 0.3) ;
}
.popup__table{
    display: flex;
    justify-content: space-between;
}
.popup-form-reg{
    display: none;
}
.popup-form-auth{
    display: block;
}
.form_pass_wrap{
    display: none;
}

.popup__media{
    width: 300px;
}
.popup__mail, .label{
    flex-direction: column;
    display: flex;
    width: 349px;
}
.popup__desc-switch{
    display: flex;
}

.popup__heading {
    display: block;
    margin-bottom: 10px;
    line-height: 42px;
    letter-spacing: 0.025em;
    font-size: 36px;
    font-weight: 300;
}
.popup__desc {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
    padding-bottom: 20px;
    color: #666666;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
}
@media only screen and (max-width : 1000px), only screen and (max-device-width : 1000px){
    .popup__desc, .popup__desc-switch , .popup__table{
        flex-direction: column;
    }
    .popup__desc-switch-link{

    }

    .popup__mail, .label{
        width: 100%;
    }

}
.popup__mail-submit {
    display: block;
    width: 100%;
    max-width: 349px;
    padding: 15px;
    background-color: #009999;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 5px solid #009999;
    -webkit-box-shadow: 0 0 0 1px #9cd7d7 inset;
    box-shadow: 0 0 0 1px #9cd7d7 inset;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 10px;
}
.wrap_radio{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    color: #666666;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
}
.popup__table-heading{
    margin-bottom: 10px;
}
.input-checkbox-text, .popup__mail-restore-text, .popup__mail-restore-text, .popup__desc-text, .popup__desc-switch-text, .popup__desc-switch-link, .popup__media-btn-text, .popup__mail-restore-link, .popup__mail-restore-link{
    text-decoration: none;
}
.popup__desc-switch-link, .popup__mail-restore-link, .popup__mail-restore-link{
    margin-left: 20px;
    color: #009999;
}
.input-text-short{
    display: inline-block;
    min-width: 18px;
    color:#000000;
    font-size: 16px;
    border-radius: 3px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 2px solid rgba(34, 34, 34, 0.3);
    transition: all 200ms ease-out;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 90%;
    height: 30px;
    margin: 10px 0;
    padding-left: 20px;
}

.popup__media-btn {
    position: relative;
    display: block;
    margin: 20px 0;
    padding: 6px 20px 5px 85px;
    background-color: #fff;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    border: 1px solid #ccc;
    color: #2e3237;
    font-size: 17px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.icon{
    height: 20px;
    width: 20px;
}

.popup__media-btn .icon.social-fb-w {
     font-size: 19px;

 }
.popup__media-btn .icon {
      position: absolute;
      top: 50%;
      left: 47px;
      margin-top: -1px;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
  }



/****************************************************radio btn*/
.radio{
    margin-right: 20px;
}
.radio input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 7px;
}
.radio__text {
    position: relative;
    padding: 0 0 0 35px;
    cursor: pointer;
}
.radio__text:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #CDD1DA;
    border-radius: 50%;
    background: #FFF;

}
.radio__text:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #000000;
    opacity: 0;
    transition: .2s;
}
.radio input:checked + .radio__text:after {
    opacity: 1;
}
/**************************************************** end radio btn*/
.r1 {
    cursor: url(/local/templates/masteraart/css/../img/openhand.cur), move;
}

.sp-grabbing {
    cursor: url(/local/templates/masteraart/css/../img/closedhand.cur), move;
}


/*****************TODO: delivery ICON*******************/
.icon_card_delivery_card{
    background-image: url("/local/templates/masteraart/css/../img/dev_card.svg");
}
.icon_card_delivery_auto{
    background-image: url("/local/templates/masteraart/css/../img/auto.svg");
}
.icon_card_delivery_prise{
    background-image: url("/local/templates/masteraart/css/../img/prise.svg");
}



/*TODO 1000*/
@media only screen and (max-width : 1000px), only screen and (max-device-width : 1000px){
    .popup__desc, .popup__desc-switch , .popup__table{
        flex-direction: column;
    }
    .popup__desc-switch-link, .popup__desc-switch-text {
        margin: 5px 0 0;
    }
    .popup__media{
       width: 100%;
    }
}

/*****************TODO: key_words*******************/
.wrap_key_words{
    display: flex;
    flex-wrap: wrap;
}
.dtn_key_words{
    margin: 10px;
    padding: 5px 20px;
    border: 1px solid #000000;
    border-radius: 5px;

}
.dtn_key_words_a{
    text-decoration: none;
}



/*****************/


.shop_panel{
    display: flex;
    width: 100%;
    background: #FAF9F5;
    box-sizing: border-box;
    height: 480px;
}
.left_part_shop_panel{
    width: 50%;
    display: flex;
    justify-content: right;
    box-sizing: border-box;
}
.logo_block{
    /*margin: 0 15px;*/
    padding-top: 40px;
    box-sizing: border-box;
    width: 570px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.right_part_shop_panel{
    width: 50%;
    box-sizing: border-box;
}
.banner_block{
    width: 100%;
}
.banner_block_img{
    width: 100%;
    height: 480px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner_block_img img{
    height: auto;
}
.non_banner_wrap{
    width: 100%;
    height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.non_banner{
   color: rgba(34, 34, 34, 0.1);
    font-size: 80px;
}
.non_user{
    width: 100%;
    height: 100%;
}
.non_user_logo{
    border: 1px solid rgba(34, 34, 34, 0.1);
    box-sizing: border-box;
    padding: 8px;
}
.h1_shop_panel{
    color: #222222;
    margin: 30px auto;
    font-size: 25px;

}
.wrap_panel_content {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.logo_user{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
    border-radius: 150px;
    overflow: hidden;
}
.logo_user img{
    height: 100%;
}
.helper_img{
    margin-bottom: 20px;
}
#player{
    margin-bottom: 20px;
}
.profile_text{
    line-height: 1.4;
    margin-top: 30px;
}
.profile_img{
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.profile_img_wrap{
    display: flex;
    align-items: center;
    width: 380px;
    height: 280px;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    background: #FAF9F5;
}
.profile_img_wrap img{
    width: 100%;
    height: auto;
}
.location{
    display: flex;
    justify-content: center;
    align-items: center;
}
.location img{
    width: 20px;
    height: 20px;
}
.location p{
    color: #222222;
    font-size: 16px;
}
.follow_panel{
    height: 30px;
}
.offer_panel{
    width: 100%;
    height: 165px;
    background: #FAF9F5;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.sort_panel{
    width: 100%;
    padding: 0 20px;
    display: flex;
    justify-content: right;
}
.offer{
    color: #222222;
    font-weight: bold;
    font-size: 30px;
}
.shop_description {
    margin: 0 30px 30px;
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
}
a{
    text-decoration: none;
}

.aside{
    min-height: 100vh;
    width: 260px;
    padding: 0 10px 0 0;
}
.menu_shop_left{
    margin-left: 15px;
}
.menu_shop_left li{
    margin-bottom: 15px;
}
.block_title h1{
    font-size: 30px;
}
.block_title p{
    margin-top: 20px;
}


/******** moderation *********/
.wrap_moderation_pages{
    min-height: 90vh;
    width: 100%;
}

.block__fix__moderation{
    position: fixed;
    bottom: 0;
    background:rgba(0, 0, 0, 0.477);
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items:center;
}

.fix_btn__moderation{
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
}
.fix_btn__moderation:hover{
    color: rgb(184, 184, 184);
}
.moderation__item, .moderation_menu{
    width: 1000px;
    margin: 0 auto;
    display: flex;
    margin-bottom: 20px;
}
.moderation__item__name{
    width: 480px;
    overflow: hidden;
}
.moderation__item__name:hover{
    color:#009999;
}
.div__md__status{
    width: 100px;
    margin: 0 10px;
}


.moderation_menu{
    justify-content: space-between;
    border-bottom: 1px solid #009999;
    padding-bottom: 20px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.pg__md, .pg__md span{
    padding: 10px;
    font-size: 20px;

}

.pg__md__active{
        color: #009999;
}
.pagination__md__wrapp{
    margin: 50px auto;
    width: 800px;
    display: flex;
    justify-content: center;
    border-top: 1px solid #009999;
    padding-top: 20px;
}


.div__md__comment{
    width: 400px;
}

.div__md__comment textarea{
   width: 100%;
   height: 30px;
   border:  1px solid #d9d9d9;
   box-sizing: border-box;
   padding: 2px 10px;
   color:#009999b4; 
}

.div__md__comment textarea::placeholder {
    color:#d2d2d2;
  }
/********mobile shop*********/
.shop_wrep_all_mobile{
    margin-bottom: 60px;
}

.shop_element_mobile{
    width: 100%;
    padding: 10px;
    box-sizing:border-box;
    overflow: hidden;
    margin-bottom: 10px;
}

.shop_wrep_img_mobile{
    position: relative;
    width: 100%;
    overflow: hidden;
}

.shop_wrep_img_mobile p {
    background: #FFF;
    position: absolute;
    font-size: 20px;
    font-weight: 700;
    margin: 14px 0;
    bottom: -3px;
    right: 8px;
    padding: 5px 10px;
    border-radius: 5px;
}

.shop_wrep_panel_mobile{
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    box-sizing:border-box;
    align-items:center;

}

.shop_wrep_panel_mobile h1{
    font-size: 30px;
    font-weight: 700;
    margin: 14px 0;
}

.shop_wrep_panel_mobile img, .shop_wrep_sort_wrep img{
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.shop_wrep_sort_wrep img{
  margin: 20px;
}

.favorites_wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 50px auto;
}

.favorites_wrap .catalog_elements {
    position: relative;
    width: 23%;
    padding: 0 10px 20px;
}



/*TODO 900*/
@media only screen and (max-width : 900px), only screen and (max-device-width : 900px){
    .left_part_shop_panel{
        width: 100%;
    }
    .catalog_elements{
        width: 90vw !important;
        margin: 0 auto;
    }
    .box_img_boot{
        height: 60vw;
    }
    .offer {
    text-align: center;
    color: #222222;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.4;
    }
    .shop_panel {
        padding: 0 0 40px;
        height: auto;
        box-sizing:border-box;
        border-bottom: 1px solid rgba(227, 227, 227 , 0.5);
    }
    .offer_panel{
        border: 1px solid rgba(227, 227, 227 , 0.5);
        box-sizing:border-box;
        height: auto;
        padding: 30px 0;
        margin: 0;
    }
    .catalog_container {
        width: 100%;
        margin: 0; 
    }
    .follow_panel{
        margin: 30px 0; 
        padding: 0;
        height: auto;
       
    }
    .menu_shop_left{
        margin: 0 auto;
        width: 90vw;
        background: #ffffff;
        border-radius: 5px;
        border: 1px solid rgba(34, 34, 34, 0.3);

    }
    .menu_shop_left li {
        margin: 0;
        box-sizing: border-box;
        line-height: 2.4;
        text-align: center;
        background: #FAF9F5;
        border-bottom: 1px solid rgba(34, 34, 34, 0.3);
    }
    .shop_wrep_catalog_mobile{
        margin-bottom: 50px;
    }
    .profile_mobile{
        padding: 30px 20px;
    }
    .profile_img_wrap_mobile img{
        width: 100%;
    }
    .wrepper_sorry{
        width: 80vw;
        height: 60vh;
        margin: 6vh 10vw ;
        border: 1px solid rgba(0, 0, 0, 0.15);
        background: rgba(171, 169, 169, 0.05);
        border-radius: 5px;
        padding: 5px;
    }
    .sorry{
       padding: 30px 10px; 
       font-size: 16px;
       line-height: 1.4;
    }
   
}

.sp-left-thumbnails.sp-has-pointer .sp-thumbnail {
    align-items: center;
    display: flex;
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
    right: 0px !important;
    margin-top: 0 !important;
}
.err__pass{
    margin: 0 auto;
    max-width: 600px;
    min-height: 20vh;
    background: #00000010;
    text-align: center;
    padding-top: 50px;
    margin-top: 5vh;
    margin-bottom: 40vh;
    
}

.err__pass h4{
    color: red;
    font-size: 24px;
    margin-bottom: 10px;
    
}
.err__pass b{
    font-size: 18px;
    margin-bottom: 10px;    
}
.err__pass b{
    font-size: 18px;
    margin-bottom: 10px;    
}
.err__pass a{
    color: #009999;
    font-size: 18px;
    margin-bottom: 10px;    
}

.catalog_category_description{
    line-height: 1.4;
}
.catalog_category_description img{
    margin-right: 20px;
}




/* End */


/* Start:/local/templates/masteraart/css/modaal.css?171713461815661*/
/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */

.modaal-noscroll {
	overflow: hidden;
}

.modaal-accessible-hide {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

.modaal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	opacity: 0;
}

.modaal-wrapper {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	overflow: auto;
	opacity: 1;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.modaal-wrapper * {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden;
}

.modaal-wrapper .modaal-close {
	border: none;
	background: transparent;
	padding: 0;
	-webkit-appearance: none;
}

.modaal-wrapper.modaal-start_none {
	display: none;
	opacity: 1;
}

.modaal-wrapper.modaal-start_fade {
	opacity: 0;
}

.modaal-wrapper *[tabindex="0"] {
	outline: none !important;
}

.modaal-wrapper.modaal-fullscreen {
	overflow: hidden;
}

.modaal-outer-wrapper {
	display: table;
	position: relative;
	width: 100%;
	height: 100%;
}

.modaal-fullscreen .modaal-outer-wrapper {
	display: block;
}

.modaal-inner-wrapper {
	display: table-cell;
	width: 100%;
	height: 100%;
	position: relative;
	vertical-align: middle;
	text-align: center;
	padding: 80px 25px;
}

.modaal-fullscreen .modaal-inner-wrapper {
	padding: 0;
	display: block;
	vertical-align: top;
}

.modaal-container {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: auto;
	text-align: left;
	color: #000;
	max-width: 1000px;
	border-radius: 0px;
	background: #fff;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	cursor: auto;
}

.modaal-container.is_loading {
	height: 100px;
	width: 100px;
	overflow: hidden;
}

.modaal-fullscreen .modaal-container {
	max-width: none;
	height: 100%;
	overflow: auto;
}

.modaal-close {
	position: fixed;
	right: 20px;
	top: 20px;
	color: #fff;
	cursor: pointer;
	opacity: 1;
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, 0);
	border-radius: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.modaal-close:focus,
.modaal-close:hover {
	outline: none;
	background: #fff;
}

.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {
	background: #b93d0c;
}

.modaal-close span {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

.modaal-close:before,
.modaal-close:after {
	display: block;
	content: " ";
	position: absolute;
	top: 14px;
	left: 23px;
	width: 4px;
	height: 22px;
	border-radius: 4px;
	background: #fff;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}

.modaal-close:before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.modaal-close:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.modaal-fullscreen .modaal-close {
	background: #afb7bc;
	right: 10px;
	top: 10px;
}

.modaal-content-container {
	padding: 30px;
}

.modaal-confirm-wrap {
	padding: 30px 0 0;
	text-align: center;
	font-size: 0;
}

.modaal-confirm-btn {
	font-size: 14px;
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	background: transparent;
}

.modaal-confirm-btn.modaal-ok {
	padding: 10px 15px;
	color: #fff;
	background: #555;
	border-radius: 3px;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}

.modaal-confirm-btn.modaal-ok:hover {
	background: #2f2f2f;
}

.modaal-confirm-btn.modaal-cancel {
	text-decoration: underline;
}

.modaal-confirm-btn.modaal-cancel:hover {
	text-decoration: none;
	color: #2f2f2f;
}

.modaal-instagram .modaal-container {
	width: auto;
	background: transparent;
	box-shadow: none !important;
}

.modaal-instagram .modaal-content-container {
	padding: 0;
	background: transparent;
}

.modaal-instagram .modaal-content-container > blockquote {
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
}

.modaal-instagram iframe {
	opacity: 0;
	margin: -6px !important;
	border-radius: 0 !important;
	width: 1000px !important;
	max-width: 800px !important;
	box-shadow: none !important;
	-webkit-animation: instaReveal 1s linear forwards;
	animation: instaReveal 1s linear forwards;
}

.modaal-image .modaal-inner-wrapper {
	padding-left: 140px;
	padding-right: 140px;
}

.modaal-image .modaal-container {
	width: auto;
	max-width: 100%;
}

.modaal-gallery-wrap {
	position: relative;
	color: #fff;
}

.modaal-gallery-item {
	display: none;
}

.modaal-gallery-item img {
	display: block;
}

.modaal-gallery-item.is_active {
	display: block;
}

.modaal-gallery-label {
	position: absolute;
	left: 0;
	width: 100%;
	margin: 20px 0 0;
	font-size: 18px;
	text-align: center;
	color: #fff;
}

.modaal-gallery-label:focus {
	outline: none;
}

.modaal-gallery-control {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 1;
	cursor: pointer;
	color: #fff;
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, 0);
	border: none;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.modaal-gallery-control.is_hidden {
	opacity: 0;
	cursor: default;
}

.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
	outline: none;
	background: #fff;
}

.modaal-gallery-control:focus:before,
.modaal-gallery-control:focus:after,
.modaal-gallery-control:hover:before,
.modaal-gallery-control:hover:after {
	background: #afb7bc;
}

.modaal-gallery-control span {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

.modaal-gallery-control:before,
.modaal-gallery-control:after {
	display: block;
	content: " ";
	position: absolute;
	top: 16px;
	left: 25px;
	width: 4px;
	height: 18px;
	border-radius: 4px;
	background: #fff;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}

.modaal-gallery-control:before {
	margin: -5px 0 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.modaal-gallery-control:after {
	margin: 5px 0 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.modaal-gallery-next-inner {
	left: 100%;
	margin-left: 40px;
}

.modaal-gallery-next-outer {
	right: 45px;
}

.modaal-gallery-prev:before,
.modaal-gallery-prev:after {
	left: 22px;
}

.modaal-gallery-prev:before {
	margin: 5px 0 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.modaal-gallery-prev:after {
	margin: -5px 0 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.modaal-gallery-prev-inner {
	right: 100%;
	margin-right: 40px;
}

.modaal-gallery-prev-outer {
	left: 45px;
}

.modaal-video-wrap {
	margin: auto 50px;
	position: relative;
}

.modaal-video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	background: #000;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}

.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.modaal-iframe .modaal-content {
	width: 100%;
	height: 100%;
}

.modaal-iframe-elem {
	width: 100%;
	height: 100%;
	display: block;
}

.modaal-loading-spinner {
	background: none;
	position: absolute;
	width: 200px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -100px;
	-webkit-transform: scale(0.25);
	-ms-transform: scale(0.25);
	transform: scale(0.25);
}

.modaal-loading-spinner > div {
	width: 24px;
	height: 24px;
	margin-left: 4px;
	margin-top: 4px;
	position: absolute;
}

.modaal-loading-spinner > div > div {
	width: 100%;
	height: 100%;
	border-radius: 15px;
	background: #fff;
}

.modaal-loading-spinner > div:nth-of-type(1) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.modaal-loading-spinner > div:nth-of-type(2) > div,
.modaal-loading-spinner > div:nth-of-type(3) > div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(1) {
	-ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(2) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .12s;
	animation-delay: .12s;
}

.modaal-loading-spinner > div:nth-of-type(2) {
	-ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(3) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .25s;
	animation-delay: .25s;
}

.modaal-loading-spinner > div:nth-of-type(4) > div,
.modaal-loading-spinner > div:nth-of-type(5) > div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(3) {
	-ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(4) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .37s;
	animation-delay: .37s;
}

.modaal-loading-spinner > div:nth-of-type(4) {
	-ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(5) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}

.modaal-loading-spinner > div:nth-of-type(6) > div,
.modaal-loading-spinner > div:nth-of-type(7) > div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(5) {
	-ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(6) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .62s;
	animation-delay: .62s;
}

.modaal-loading-spinner > div:nth-of-type(6) {
	-ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(7) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .75s;
	animation-delay: .75s;
}

.modaal-loading-spinner > div:nth-of-type(7) {
	-ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(8) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .87s;
	animation-delay: .87s;
}

.modaal-loading-spinner > div:nth-of-type(8) {
	-ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}

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

.modaal-video-container {
	padding-bottom: 0;
	height: 731px;
}

}

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

.modaal-image .modaal-inner-wrapper {
	padding-left: 25px;
	padding-right: 25px;
}

.modaal-gallery-control {
	top: auto;
	bottom: 20px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	background: rgba(0, 0, 0, 0.7);
}

.modaal-gallery-control:before,
.modaal-gallery-control:after {
	background: #fff;
}

.modaal-gallery-next {
	left: auto;
	right: 20px;
}

.modaal-gallery-prev {
	left: 20px;
	right: auto;
}

}

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

.modaal-instagram iframe {
	width: 500px !important;
}

}

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

.modaal-instagram iframe {
	width: 280px !important;
}

}

@media screen and (max-height: 1100px) {

.modaal-instagram iframe {
	width: 700px !important;
}

}

@media screen and (max-height: 1000px) {

.modaal-inner-wrapper {
	padding-top: 60px;
	padding-bottom: 60px;
}

.modaal-instagram iframe {
	width: 600px !important;
}

}

@media screen and (max-height: 900px) {

.modaal-instagram iframe {
	width: 500px !important;
}

.modaal-video-container {
	max-width: 900px;
	max-height: 510px;
}

}

@media only screen and (max-height: 820px) {

.modaal-gallery-label {
	display: none;
}

}

@keyframes instaReveal {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@-webkit-keyframes instaReveal {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@-webkit-keyframes modaal-loading-spinner {

0% {
	opacity: 1;
	-ms-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

100% {
	opacity: .1;
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

}

@keyframes modaal-loading-spinner {

0% {
	opacity: 1;
	-ms-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

100% {
	opacity: .1;
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

}




/* End */


/* Start:/local/templates/masteraart/css/messages.css?1685944898990*/
.mes_position{
	color: red;
	width: 400px;
	position: relative;
	background: #fff;
	position: fixed;	
	left: 5vw;
	top: 150px;
	z-index: 5000;
	-webkit-box-shadow: 6px 5px 10px 0px rgba(0, 0, 0, 0.24);
	-moz-box-shadow: 6px 5px 10px 0px rgba(0, 0, 0, 0.24);
	box-shadow: 6px 5px 10px 0px rgba(0, 0, 0, 0.24);	
}

.ms_top__fix{
	top: 70px;
}

.mes_wrap_path{
	padding: 20px  20px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mes_left_path img{
	width: 50px;
}

.mes_right_path p{
	margin-left: 20px;
	font-size: 30px;
}
.ms_text__block p {
	line-height: 1.4;
	padding: 10px 30px  20px;
}

.ms_color__ok{
	font-family: Arial, Helvetica, sans-serif;
	color: #009999;
}

.ms_color__err{
	font-family: Arial, Helvetica, sans-serif;
	color: #f91155;
}

.close_img{
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}

@media only screen and (max-width : 800px), only screen and (max-device-width : 800px){
	.mes_position{
		width: 100%;	
		left: 0;	
	}



}

/* End */


/* Start:/local/components/helpers/header_top_string/templates/.default/style.css?17482359901271*/

@font-face{font-family:Montserrat;src:url(/local/components/helpers/header_top_string/templates/.default/../fonts/Montserrat-Regular.ttf) format("truetype");font-weight:400;font-style:normal}

.header_top_string{
    display: flex;
    align-items: center;
    font-family: Montserrat;
}
.header_top_string_title p, .header_top_string_title{
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    text-align: left !important;
    margin: 0 !important;
}
.vue_block_menu_top{
    margin-left: 169px;
}
.header_top_string_btn_wrap{
    margin-left: 68px;
    width: 276px;
}
.header_top_string_btn_wrap a{
    text-decoration: none;
}


.header_top_string_btn{
    width: 276px;
    height: 40px;
    border-radius: 40px;
    background: #009999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header_top_string_btn img{
   margin-right: 5px;
}
.header_top_string_btn p{
    font-size: 16px;
    color: #FFFFFF;
    margin: 0;
}

@media screen and (max-width: 1379px) {
    .vue_block_menu_top a {
        font-size: 12px;
        color: #009999;
    }
    .vue_block_menu_top{
        margin-left: 149px;
    }
    .header_top_string_btn_wrap{
        margin-left: 74px;
        width: 265px;
    }
}
/* End */


/* Start:/local/templates/masteraart/components/bitrix/menu/header_t1/style.min.css?1676789817490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/masteraart/components/bitrix/menu/header_t1/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/components/helpers/header_desc/templates/.default/style.css?1718175133848*/

.main_header_string{
    display: flex;
    align-items: center;
}
.vue_logo{
    font-weight: bold;
    font-size: 28px;
}
.vue_logo b{
    color: #009999;
}

.header_main_icon_block {
    margin-left: 40px;
    display: flex;
    width: 300px;
    justify-content: space-between;
}
.wrap_icon p {
    line-height: 1;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.vue_btn_catalog_in_header_icon {
    display: block;
    padding: 15px;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

@media only screen and (max-width : 1380px), only screen and (max-device-width : 1380px){
    .vue_logo{
        font-size: 24px;
    }

    .header_main_icon_block {
        margin-left: 60px;
        width: 280px;
    }

}
/* End */


/* Start:/local/components/menu/header_menu/templates/btn3/style.css?17181726673611*/
.btn_menu_main_header__wrap{
	margin-left: 30px;
	position: relative;
}


.btn_menu_main_header{
	display: flex;
	align-items: center;
	padding: 0!important;
	border: 2px solid #009999;
	position: relative;
	width: 154px;
	box-sizing: border-box;
}

.link_catalog__btn_wrap{
	display: flex;
	align-items: center;
	height: 30px;
	padding: 0 10px;
	border-left: 2px solid #009999;
}
.link_catalog__btn_wrap a{
	user-select: none;
	text-transform: uppercase;
}

.btn_icon_menu_2 {
	cursor: pointer;
	display: flex;
	justify-content: center;
	width: 50px;
	height: 20px;
	transform: rotate(180deg);
}

.btn_icon_menu_2 img{
	width: 20px;
	height: 100%;
	object-fit: cover;
}


.vue_btn_catalog_in_header_wrap{
	margin-left: 44px;
	border: 2px solid #009999;
	position: relative;
}
.catalog_menu_header_wrap{
    z-index: 1000;
    position: absolute;
	min-height: 300px;
    display: none;
	width: 1460px;
	padding-top: 10px;
	top: 36px;
	left: -194px;
}
@media only screen and (max-width : 1380px), only screen and (max-device-width : 1380px){
	.btn_menu_main_header__wrap{
		margin-left: 30px;
	}
	.btn_menu_main_header{
		width: 150px;
	}
	.btn_icon_menu_2 {
		width: 46px;
	}

	.catalog_menu_header_wrap{
		width: 1240px;
		left: -168px;
	}
	.vue_btn_catalog_in_header_wrap{
		margin-left: 20px;
	}
}
.wrap_vue_menu_span{
	width: 30px;
	height: 30px;
	overflow: hidden;
	margin-right: 10px;
}
.wrap_vue_menu_span img{
	width: 100%;
	height: auto;
}
.open_menu__block{
	box-sizing:border-box;
	padding: 40px 20px;
	background: #ebebeb;
	width: 100%;
}


.vue_catalog_menu{
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.vue_catalog_menu_left{
	border-right: 1px solid #cdcdcd;
	overflow: hidden;
	width: 310px;
	box-sizing:border-box;
	min-height: 300px;
}

@media only screen and (max-width : 1380px), only screen and (max-device-width : 1380px){
	.vue_catalog_menu_left{
		width: 300px;
	}
}

.vue_catalog_menu_rigth{
	width: 1090px;
	position: relative;
}
@media only screen and (max-width : 1380px), only screen and (max-device-width : 1380px){
	.vue_catalog_menu_rigth{
		width: 920px;
	}
}

.vue_catalog_menu_left ul li{
	box-sizing:border-box;

	padding: 15px 0 15px 10px;
	border-bottom: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
}


.vue_catalog_menu_left ul li:first-child{
	border-top: 1px solid #cdcdcd;
}

.vue_catalog_menu_left ul li a, .header_menu__element p{
	color:#000;
	font-family: Helvetica, sans-serif;
	text-transform: uppercase;	
}

.vue_catalog_menu_left ul li a{
	display: flex;
	align-items:center;
}

.header_menu__element p{
	margin-top: 10px;
	line-height: 1.4;
	text-align: center;
}


.vue_catalog_menu_left ul li a span {
    padding-right: 15px;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.vue_menu_span_two{
	display: none;
}
.header_menu__element{
	width: 180px;
	margin: 0 15px 30px;
	display: flex;
	justify-content: center;

}
.header_menu__element__a{
	display: flex;
	flex-direction: column;
	align-items:center;
}
.vue_catalog_menu_rigth_content_wrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	
}
.vue_catalog_menu_rigth_content, .header_menu__element_img_two{
	display: none;

}
.img__header_menu_wrap{
	width: 140px;
	height: 140px;
	display: flex;
	justify-content: center;
	align-items:center;
}
.img__header_menu_wrap img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.vue_catalog_menu_close{
	position:absolute;
	top: -20px;
	right: 0;
}
.vue_catalog_menu_close img{
	height: 30px;
	cursor: pointer;
}

/* End */


/* Start:/local/components/searchString/search/templates/.default/style.css?17184411312130*/
.smart_header_search {
    width: 750px;
  /*  overflow: hidden;*/
    margin-left: 21px;
}


.smart_header_search input{
    width: 750px !important;
    box-sizing: border-box !important;
    height: 54px !important;
    border: 1px solid #009999 !important;
    padding: 2px 20px !important;
    border-radius: 50px !important;
    font-family:Montserrat,sans-serif !important;
    font-size: 14px !important;
    margin: 0 !important;
    color: #222222!important;
}

@media only screen and (max-width : 1380px), only screen and (max-device-width : 1380px){
    .smart_header_search {
        width: 560px;
        margin-left: 29px;
    }

    .smart_header_search input{
        width: 560px !important;
    }

}



.smart_header_search input::placeholder {
    color: #222222!important;
}

.button_vue_search {
    top: 10px !important;
}

.string_block_help_wrap {
    width: 100%;
}

.search_string {
    position: relative;
}

.search_string_block_help {
    z-index: 6;
    background: #ffffff;
    min-height: 40px;
    width: 750px;
    position: absolute;
    right: 0;
    top: 40px;
    box-sizing: border-box;
    padding: 20px 10px 15px;
    display: flex;
    border: 1px solid #c5c5c5 !important;

}

.search_string_block_help .left_block_help {
    margin-right: 30px;
    width: 280px;

}

.search_string_block_help .right_block_help {

}

.left_block_help_category {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    border-right: 1px solid #c5c5c5 !important;
}

.left_block_help_category img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    margin-right: 10px;
}

.left_block_help_category a span {
    color: #009999;
}

.right_block_help ul li {
    margin-bottom: 10px;
}

.right_block_help ul li a {
    display: flex;
    align-items: center;
}

.right_block_help ul li a img {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.right_block_help ul li a span {
    line-height: 20px;
}

.modal-backdrop {
    display: none !important;
}
/* End */


/* Start:/local/components/helpers/HeaderIcon/templates/.default/style.css?174876028692*/
.flex_icon_header{
    display: flex;

}
.icon_header_mr_20{
    margin-right: 20px;
}
/* End */


/* Start:/local/templates/masteraart/components/bitrix/menu/header_b/style.min.css?1676789814490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/masteraart/components/bitrix/menu/header_b/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/masteraart/components/HB/breadcrumb/breadcrumb_vue__t2/style.css?1676789847826*/


.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	margin-bottom: 10px;
	white-space: nowrap;
	line-height: 13px;
	vertical-align: middle;
	margin-right: 10px;
}
.bx-breadcrumb .bx-breadcrumb-item span, .bx-breadcrumb i {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	white-space: normal;
}
.bx-breadcrumb-item span{
	color:rgb(210, 210, 210);
}
.bx-breadcrumb-item a span{
	color:#222222;
}
.span__plus{
	color:#222222 !important;
	margin-right: 10px;
}




.vue_wrap_input{
	width: 750px !important;
}
@media only screen and (max-width : 1280px), only screen and (max-device-width : 1280px){
	.vue_wrap_input {
		padding-left: 0rem;
		width: 600px !important;
	}
  }
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {}

/* End */
/* /local/templates/masteraart/css/style.css?174030681351484 */
/* /local/templates/masteraart/css/modaal.css?171713461815661 */
/* /local/templates/masteraart/css/messages.css?1685944898990 */
/* /local/components/helpers/header_top_string/templates/.default/style.css?17482359901271 */
/* /local/templates/masteraart/components/bitrix/menu/header_t1/style.min.css?1676789817490 */
/* /local/components/helpers/header_desc/templates/.default/style.css?1718175133848 */
/* /local/components/menu/header_menu/templates/btn3/style.css?17181726673611 */
/* /local/components/searchString/search/templates/.default/style.css?17184411312130 */
/* /local/components/helpers/HeaderIcon/templates/.default/style.css?174876028692 */
/* /local/templates/masteraart/components/bitrix/menu/header_b/style.min.css?1676789814490 */
/* /local/templates/masteraart/components/HB/breadcrumb/breadcrumb_vue__t2/style.css?1676789847826 */