@font-face {
    font-family: 'CeraRoundPro'; 
    src: url(/local/templates/shary/fonts/CeraRoundProDEMO-Regular.otf); 
}
.sochbl .bx-auth{
	margin: 10px auto !important;
}
@font-face {
    font-family: 'CeraRoundProMedium'; 
    src: url(/local/templates/shary/fonts/CeraRoundProDEMO-Medium.otf); 
}
@font-face {
    font-family: 'CeraRoundProDEMO-Black'; 
    src: url(/local/templates/shary/fonts/CeraRoundProDEMO-Medium.otf); 
}

html,body,a,div,li, ul, input, span, .bx-breadcrumb .bx-breadcrumb-item span, input.button{
    font-family: 'CeraRoundProDEMO-Black' !important;
    font-weight: 500;
}
.intocart{
    background: url(/local/templates/shary/image/bg_menu_768_hover.jpg) !important;
}
.intocart:hover {
    box-shadow: 0 8px 14px -4px #004fce !important;
}
.product-info a.button-featured {
    display: block !important;
    padding: 10px 3.5rem !important;
    background: red !important;
    font-size: 14px !important;
    margin: 0px !important;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -khtml-border-radius: 3px !important;
    text-decoration: none !important;
    color: #fff !important;
    border: none !important;
    font-weight: bold !important;
    font-family: 'CeraRoundProMedium' !important;
    width: 100%;
    max-width: 295px;
    height: 38px;
}
@media only screen and (max-width: 480px),
only screen and (max-device-width: 480px) {
    .product-info a.button-featured {
    display: block !important;
    padding: 10px 3.5rem !important;
    background: red !important;
    font-size: 14px !important;
    margin: 0px !important;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -khtml-border-radius: 3px !important;
    text-decoration: none !important;
    color: #fff !important;
    border: none !important;
    font-weight: bold !important;
    font-family: 'CeraRoundProMedium' !important;
    width: 100%;
    max-width: 100% !important;
    height: 38px;
}
}
.new_slider img{width: 1000px;
    width: 100%;
    border-radius: 10px;
    margin: 10px 20px;
    box-shadow: 0px 0px 12px #b4b4b4;
    opacity: 0.3 !important;
    max-width: 1222px;
transition: all 0.2s ease-in-out;
}
.new_slider .slick-active img{opacity: 1 !important;}
.slider_wrapper{    margin: 0px auto 0 !important;}
.slick-dots li button:before{
font-size: 13px !important;
color: #afafaf !important;
}
.slick-dots li.slick-active button:before{
font-size: 18px !important;
color: #e40108 !important;
}
@media screen and (max-width: 1279px){
.new_slider .slick-active img{margin: 10px 0px;}
.slick-prev:before{
display:none !important;
.slick-next:before{
display:none !important;
}
.slick-prev:after{
display:none !important;
}
.slick-next:after{
display:none !important;
}
}

}
@media screen and (min-width: 1280px){
.slick-prev {
left: 0  !important;
width: calc( 50% - 631px) !important;
bottom: 0px !important;
height: 530px !important;
top: auto !important;
transform: none !important;
}
.slick-prev:hover {
left: 0  !important;
width: calc( 50% - 631px) !important;
bottom: 0px !important;
height: 530px !important;
top: auto !important;
transform: none !important;
}
.slick-prev:before{
display:none !important;
}
.slider-main:hover .slick-prev:before{
content: '←';
-webkit-transform: rotate( 
0deg
)  !important;
-ms-transform: rotate(-60deg);
transform: rotate( 
0deg
)  !important;
background: none !important;
right: 30px  !important;
left: auto !important;
font-size: 40px  !important;
color: #7a7a7a  !important;
display:block !important;
margin-top:-40px !important;
}
.slick-prev:before:hover{
color: #4b4b4b;
margin-top:-40px !important;
content: '←';
-webkit-transform: rotate( 
0deg
)  !important;
-ms-transform: rotate(-60deg);
transform: rotate( 
0deg
)  !important;
background: none !important;
right: 30px  !important;
left: auto !important;
font-size: 40px  !important;
color: #7a7a7a  !important;
display:block !important;
);
-ms-transform: rotate(-60deg);
transform: rotate( 
0deg
);
}

.slick-prev:after{
display:none !important;
}

.slick-next {
right: 0  !important;
width: calc( 50% - 631px) !important;
bottom: 0px !important;
height: 530px !important;
top: auto !important;
transform: none !important;
}
.slick-next:hover {
right: 0  !important;
width: calc( 50% - 631px) !important;
bottom: 0px !important;
height: 530px !important;
top: auto !important;
transform: none !important;
}
.slick-next:before{
display:none !important;
}
.slider-main:hover .slick-next:before{
content: '→';
-webkit-transform: rotate( 
0deg
)  !important;
-ms-transform: rotate(-60deg);
transform: rotate( 
0deg
)  !important;
background: none !important;
left: 30px  !important;
right: auto !important;
font-size: 40px  !important;
color: #7a7a7a  !important;
display:block !important;
margin-top:-40px !important;
}
.slick-next:before:hover{
color: #4b4b4b;
content: '→';
-webkit-transform: rotate( 
0deg
)  !important;
-ms-transform: rotate(-60deg);
transform: rotate( 
0deg
)  !important;
background: none !important;
left: 30px  !important;
right: auto !important;
font-size: 40px  !important;
color: #7a7a7a  !important;
display:block !important;
margin-top:-40px !important;
}

.slick-next:after{
display:none !important;
}
.slick-dots{display:none !important;}
.slider-main:hover .slick-dots{display:block !important;}
.slick-active:hover img{box-shadow: 0px 0px 12px #e2e2e2 !important;}
}


.box-product .price-new{
border: 2px solid red;
border-radius: 3px;
color: red;
float: left;
font-size: 16px;
margin: 0px 0 27px;
width: 78px;
}
.box-product .price-old{display: block;
font-weight: 400;
color: #333;
margin: 0 0 5px;
width: 57px;
height: 22px;
font-size: 12px;
text-align: center;
border: 2px solid #3e3e3e;
border-radius: 3px;
background: url(/local/templates/shary/stylesheet/../image/old.png) no-repeat;
line-height: 19px;
width: 58px;
position: absolute;
text-decoration: none;
}

.box-heading{
    max-width: 1222px  !important;
margin: -10px auto 45px  !important;
}

.thri-lvl-menu{
height: 0px;
    overflow: hidden;
    display: none;

}
.thri-lvl-menu.height_display{
    height: auto;
        overflow: hidden;
        display: block;
    
    }
    @media screen and (max-width: 768px){
        .nav-submenu .nav-submenu-btn{
            display: block;
            color: #3e3e3e !important;
            padding: 15px 10px !important;
            background: #dfdfdf;
            border: 1px solid #c5c5c5;
            font-size: 14px;
            height: 48px;
        }
        .nav-submenu-btn:after {
            content: '';
            display: block;
            position: absolute;
            right: 0px !important;
            top: 0px !important;
            height: 48px !important;
            width: 50px !important;
            background: url(https://sharovik-opt.net/local/templates/shary/image/drop.png) no-repeat center center;
            border-left: 1px solid #c5c5c5;}
        .nav-submenu-lvl{
            padding-bottom: 0px !important;
        }
        .nav-click{width: 100%  !important;}
        .nav-click:hover {background: none !important;}
        .nav-click i{display: block;
            height: 48px;
            width: 48px !important;
            
            float: right !important;
            border-left: 1px solid #c5c5c5 !important;}
            .nav-click i.nav-rotate{
                border-left: 0px solid #c5c5c5 !important;
                border-right: 1px solid #c5c5c5 !important;
            }
            .nav-submenu li.nav-submenu-item .nav-submenu-lvl a, .nav-submenu li.nav-submenu-item a{
                padding: 15px 10px !important;
            }
    }

    ul.box-category > li ul > li {
        padding-left: 0px !important;
        position: relative;
    }
    ul.box-category{position: relative;}
    ul.box-category > li ul > li{position: relative;}
    ul.box-category > li ul > li.parent span:after{
        content:'';
        display: block;
        position: absolute;
        right: 10px;
        top: 12px;
        height: 20px;
        width: 20px;
        background: url('https://sharovik-opt.net/local/templates/shary/image/drop.png') no-repeat center center;
    }
    ul.box-category > li ul > li.parent li{
        padding-left: 10px !important;
    }
    ul.box-category > li ul > li.parent span.itsact:after
    {
        content:'';
        transform: rotate(180deg)
    }
    .content-category .box-left{position: relative;}
    .content-category .content-category-right{float:none}
.thri-lvl-btn{display:block;cursor:pointer}
.box-category li{display:block}
.box-category span{
font-size: 14px;
    font-weight: normal;
    font-family: 'a_futuraroundregular', Arial;
    text-decoration: underline;
padding-top: 5px;
}
.box-category span:hover{color:#f30000;text-decoration: none;}
ul.box-category > li ul {
    display: block;
}
.box-category a{
display:block;
}

.scnt_btn{
padding-top: 5px;
}

.nav-submenu .nav-submenu-btn{
display: block;
    cursor: pointer;
    text-align: left;
    padding: 7px 5px;
    color: #0056d9;
}
.nav-submenu .nav-submenu-btn:hover{background: #eaeaea;}
.nav-submenu a{display:block;}
.nav-submenu-item li{float: none !important;text-align: left;}

@media screen and (min-width: 769px){
    .nav-submenu li.nav-submenu-item a{text-align: left !important;
    padding: 7px 5px !important;
    }
    .nav-submenu li.nav-submenu-item .nav-submenu-lvl a{
    text-align: left !important;
        padding: 7px 5px 7px 20px !important;
    }
    .nav-submenu-btn:after{
    content:'';
    background: url('https://sharovik-opt.net/local/templates/shary/image/drop2.png') no-repeat center center !important;
}
}
.nav-submenu-lvl{
height: 0px;
    overflow: hidden;
    display: none;
transition: all 0.5s ease-in-out;
}
.nav-submenu-btn:after{
    content:'';
    display: block;
    position: absolute;
    right: 10px;
    top: 7px;
    height: 20px;
    width: 20px;
    background: url('https://sharovik-opt.net/local/templates/shary/image/drop.png') no-repeat center center;
}
.nav-submenu-btn.itsact:after{
    content:'';
    transform: rotate(180deg)
}
.nav-sm-lvl{position: relative;}
.nav-submenu-lvl.height_display{height: auto !important;
    padding-bottom: 10px;
display:block;
}

.description-product{
    float: none !important;
}
.new_ost{
font-size: 17px;
    margin-bottom: 5px;
}
.new_article_cat{font-size: 16px;
    font-weight: 600;
    color: #333;}
.new_modal{max-width: 358px;
    padding: 30px;
    position: fixed;
    z-index: 99;
    top: 20%;
    margin-left: -170px;
    left: 50%;
    background: #efefef;
    box-shadow: -11px 21px 34px 6px rgba(0,0,0,0.21);
}
.new_modal_close{position: absolute;
    right: 15px;
    top: 5px;
    font-size: 24px;
    cursor: pointer;
    opacity: 0.6;
    font-weight: 700;}
.new_modal_close:hover{
color: #ff0000;
opacity: 1;
}
.new_modal_title{
font-family: 'a_futuraroundregular';
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #000000;
}
.text_new_modal{
font-family: Arial;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #484848;
    margin: 16px 0 29px;
}
#new_modal_name, #new_modal_url{
display: none;
}
#new_modal_tel{
background-color: #ffffff;
    border-radius: 5px;
    width: 100%;
    padding: 16px 15px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    color: #484848;
margin: 0 30px 0 0px;
text-align: left;
    border: 0px;
    height: 46px;
}
.tel_modal_msg{
font-family: Arial;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: #ff0000;
    margin: 14px 0px 30px;
height: 17px;
}
.snd_new_modal{
text-align: center;
    padding: 12px 0;
    font-size: 18px;
    color: white;
    background: url(/local/templates/shary/image/bg_menu_768.jpg) repeat-x;
    font-family: 'a_futuraround';
    cursor: pointer;
    border-radius: 5px;
    font-weight: 700;
}
.snd_new_modal:hover{background:url(/local/templates/shary/image/bg_menu_768_hover.jpg) repeat-x;}
        .snd_new_modal.notactive{background: #d6d6d6;cursor: default;color: black;}
        .snd_new_modal.notactive:hover{background:#c7c7c7;cursor: default;color: black;}
.hidden{display:none}
.new_bye_click{
cursor: pointer;
    color: #000;
    line-height: 12px;
    font-family: 'a_futuraroundbold', Arial;
    font-size: 16px;
    font-weight: 400;
    background: url(/local/templates/shary/stylesheet/../image/bg-blc.jpg) repeat-x;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    text-align: center;
    width: 160px;
    border: none;
    display: block;
    padding: 10px;
}
.new_bye_click:hover{color:#ff0000}
@media (max-width: 992px) {
	.product-item-detail-info-section { padding: 0; }
}
.modal_ssecc{
width: 320px;
    text-align: center;
    padding: 20px 0;
    font-weight: 400;
    font-family: Arial;
    font-size: 18px;
}