/* ==================================================
  OKAY STYLE
  ================================================== *//*

1. Подключаемые стили
2. Шрифты
3. Общие стили
    - Text ( Форматирование текста)
    - Indents (margin, padding)
    - Heading (Заголовки)
    - Buttons (Кнопки)
    - Pagination (Пагинация)
    - Links (Ссылки)
    - Boxed
    - Form (Элементы форм)
    - Tag
    - Raiting (Рейтинг)
4. Header_style
5. Standart
6. Main post and main news
7. Footer
8. Product_list.tpl
9. Breacrumbs.tpl
10. Comments.tpl
11. Autorisation
12. Banner.tpl
13. Category.tpl
14. Меню каталога
15. Product.tpl 
16. POPUP WINDOW
17. Описание товаров
18. Comparison_page
19. Cart.tpl
20. Blog.tpl
21. Brand.tpl

*//* ==================================================
  OKAY STYLE
  ================================================== */


/********************************************************************* Подключаемые стили */

@import url("grid.css"); 
@import url("reboot.css");
@import url("font-awesome.min.css");
@import url("simple-hint.css");
@import url("fontello.css");



/********************************************************************** Шрифты */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext');


/* font-family: "Roboto"; */
/*
@font-face {
    font-family: "RobotoRegular";
    src: url("../fonts/RobotoRegular/RobotoRegular.eot");
    src: url("../fonts/RobotoRegular/RobotoRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff"),
    url("../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "RobotoLight";
    src: url("../fonts/RobotoLight/RobotoLight.eot");
    src: url("../fonts/RobotoLight/RobotoLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoLight/RobotoLight.woff") format("woff"),
    url("../fonts/RobotoLight/RobotoLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "RobotoMedium";
    src: url("../fonts/RobotoMedium/RobotoMedium.eot");
    src: url("../fonts/RobotoMedium/RobotoMedium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoMedium/RobotoMedium.woff") format("woff"),
    url("../fonts/RobotoMedium/RobotoMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "RobotoBold";
    src: url("../fonts/RobotoBold/RobotoBold.eot");
    src: url("../fonts/RobotoBold/RobotoBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoBold/RobotoBold.woff") format("woff"),
    url("../fonts/RobotoBold/RobotoBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
*/

/************************************************************************* Общие стили  */
html {height: 100%;}
body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    min-height: 100%;
    line-height: 1.2;
    color: #222222;
    font-weight: normal;
    background-color: #f7f7f7;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 320px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    max-width: 100%;
}

.main {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
}

.border_img{
    background-color: rgb(255, 255, 255);
    background-image: none;
    border: 1px solid rgb(204, 204, 204);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.d_flex{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}
.d_flex_center{
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

body:not(.top-nav) header.navbar {
    z-index: inherit;
}
.post_line{
    border-top: 1px solid #9b9b9b;
    margin-top: 25px;
    margin-bottom: 25px;
}
.post_line_dashed{
    border-bottom: 1px dashed #9c9c9c;

}

.main_news .news_item:last-child .post_line_dashed{
    border:none;
}
.active.cat_switch::after,
.active .angle_icon,
.sort_link.active_down span::after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.promo_img {
    position: absolute;
    max-width: 60px;
    max-height: 60px;
    top: 0;
    left: 0;
}
.secret_number {
    border: 1px solid #e8e8e1;
    padding: 9px;
    border-radius: 2px;
    background: #f5f8f9;
    display: inline-block;
    position: relative;
    text-shadow: 1px 1px #38c0f3, -1px 1px mediumturquoise, -1px -1px mediumturquoise, 1px -1px mediumturquoise;
    color: white;
    font-weight: bold;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    pointer-events: none;
    cursor: pointer;
}
.secret_number:before {
    content: "";
    position: absolute;
    top: 10px;
    right: -15px;
    bottom: -15px;
    left: 0;
    z-index: -1;
    background: linear-gradient(-45deg,
    rgba(72, 209, 204, 0) 2px, mediumturquoise 3px, rgba(72, 209, 204, 0) 3px ) repeat;
    background-size: 4px 4px;
}
.secret_number:after {
    content: attr(data-name);
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: -2;
    text-shadow: 1px 1px white,
    2px 2px white,
    3px 3px white,
    4px 4px white;
    color: white;
    transition: all 1s;
}
.hidden{display: none;}
.hidden_imp{display: none!important;}

/********************************************************************************* Text  */
.text_success{color: #10cfbd;}
.text_green{color: #01b901;}
.text_orange{color: #f36c16;}
.text_danger{color: #F55753!important;}
.text_primary{color: #06a2e3;}
.text_dark{color: #222;}
.text_black{color: #000;}
.text_white{color: #fff;}
.text_grey{color: #999999!important;}
.error {color: #f00;}
.font_12{font-size: 12px;}
.font_14{font-size: 14px;}
.font_18{font-size: 18px;}
.font_20{font-size: 20px;line-height: 24px;}
.text_900{font-weight: 900!important;}
.text_700{font-weight: 700!important;}
.text_500{font-weight: 500!important;}
.text_400{font-weight: 400!important;}
.text_300{font-weight: 300!important;}
.text-xs-center{text-align: center!important;}
.text-xs-left{text-align: left!important;}
.text-xs-right{text-align: right !important;}

@media (min-width: 576px) {
    .text-sm-left {text-align: left !important;}
    .text-sm-right {text-align: right !important;}
    .text-sm-center {text-align: center !important;}
}
@media (min-width: 768px) {
    .text-md-left {text-align: left !important;}
    .text-md-right {text-align: right !important;}
    .text-md-center {text-align: center !important;}
}
@media (min-width: 992px) {
    .text-lg-left {text-align: left !important;}
    .text-lg-right {text-align: right !important;}
    .text-lg-center {text-align: center !important;}
}
@media (min-width: 1200px) {
    .text-xl-left {text-align: left !important;}
    .text-xl-right {text-align: right !important;}
    .text-xl-center {text-align: center !important;}
}

/********************************************************* Indents  */
.m-q {margin: 0.25rem 0.25rem !important;}
.mt-q {margin-top: 0.25rem !important;}
.mb-q { margin-bottom: 0.25rem !important;}
.ml-q {margin-left: 0.25rem !important;}
.mx-q {margin-right: 0.25rem !important;margin-left: 0.25rem !important;}
.my-q {margin-top: 0.25rem !important;margin-bottom: 0.25rem !important;}

.m-h {margin: 0.5rem 0.5rem !important;}
.mt-h {margin-top: 0.5rem !important;}
.mr-h {margin-right: 0.5rem !important;}
.mb-h {margin-bottom: 0.5rem !important;}
.ml-h {margin-left: 0.5rem !important;}
.mx-h {margin-right: 0.5rem !important;margin-left: 0.5rem !important;}
.my-h {margin-top: 0.5rem !important;margin-bottom: 0.5rem !important;}

.m-0 {margin: 0 0 !important;}
.mt-0 { margin-top: 0 !important;}
.mr-0 {margin-right: 0 !important;}
.mb-0 {margin-bottom: 0 !important;}
.ml-0 {margin-left: 0 !important;}
.mx-0 {margin-right: 0 !important;margin-left: 0 !important;}
.my-0 {margin-top: 0 !important;margin-bottom: 0 !important;}

.m-1 {margin: 1rem 1rem !important;}
.mt-1 {margin-top: 1rem !important;}
.mr-1 {margin-right: 1rem !important;}
.mb-1 {margin-bottom: 1rem !important;}
.ml-1 {margin-left: 1rem !important;}
.mx-1 { margin-right: 1rem !important;margin-left: 1rem !important;}
.my-1 {margin-top: 1rem !important;margin-bottom: 1rem !important;}

.m-2 {margin: 1.5rem 1.5rem !important;}
.mt-2 {margin-top: 1.5rem !important;}
.mr-2 {margin-right: 1.5rem !important;}
.mb-2 {margin-bottom: 1.5rem !important;}
.ml-2 { margin-left: 1.5rem !important;}
.mx-2 {margin-right: 1.5rem !important;margin-left: 1.5rem !important;}
.my-2 {margin-top: 1.5rem !important;margin-bottom: 1.5rem !important;}

.m-3 {margin: 3rem 3rem !important;}
.mt-3 {margin-top: 3rem !important;}
.mr-3 {margin-right: 3rem !important;}
.mb-3 {margin-bottom: 3rem !important;}
.ml-3 {margin-left: 3rem !important;}
.mx-3 {margin-right: 3rem !important;margin-left: 3rem !important;}
.my-3 {margin-top: 3rem !important;margin-bottom: 3rem !important;}

.p-q {padding: 0.25rem 0.25rem !important;}
.pt-q {padding-top: 0.25rem !important;}
.pr-q {padding-right: 0.25rem !important;}
.pb-q {padding-bottom: 0.25rem !important;}
.pl-q {padding-left: 0.25rem !important;}
.px-q {padding-right: 0.25rem !important;padding-left: 0.25rem !important;}
.py-q {padding-top: 0.25rem !important;padding-bottom: 0.25rem !important;}

.p-h {padding: 0.5rem 0.5rem !important;}
.pt-h {padding-top: 0.5rem !important;}
.pr-h {padding-right: 0.5rem !important;}
.pb-h {padding-bottom: 0.5rem !important;}
.pl-h {padding-left: 0.5rem !important;}
.px-h {padding-right: 0.5rem !important;padding-left: 0.5rem !important;}
.py-h {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;}

.p-0 {padding: 0 0 !important;}
.pt-0 {padding-top: 0 !important;}
.pr-0 {padding-right: 0 !important;}
.pb-0 {padding-bottom: 0 !important;}
.pl-0 {padding-left: 0 !important;}
.px-0 {padding-right: 0 !important;padding-left: 0 !important;}
.py-0 {padding-top: 0 !important;padding-bottom: 0 !important;}

.p-1 {padding: 1rem 1rem !important;}
.pt-1 {padding-top: 1rem !important;}
.pr-1 {padding-right: 1rem !important;}
.pb-1 {padding-bottom: 1rem !important;}
.pl-1 {padding-left: 1rem !important;}
.px-1 {padding-right: 1rem !important;padding-left: 1rem !important;}
.py-1 {padding-top: 1rem !important;padding-bottom: 1rem !important;}

.p-2 {padding: 1.5rem 1.5rem !important;}
.pt-2 {padding-top: 1.5rem !important;}
.pr-2 {padding-right: 1.5rem !important;}
.pb-2 {padding-bottom: 1.5rem !important;}
.pl-2 {padding-left: 1.5rem !important;}
.px-2 {padding-right: 1.5rem !important;padding-left: 1.5rem !important;}
.py-2 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important;}

.p-3 {padding: 3rem 3rem !important;}
.pt-3 {padding-top: 3rem !important;}
.pr-3 {padding-right: 3rem !important;}
.pb-3 {padding-bottom: 3rem !important;}
.pl-3 {padding-left: 3rem !important;}
.px-3 {padding-right: 3rem !important;padding-left: 3rem !important;}
.py-3 {padding-top: 3rem !important;padding-bottom: 3rem !important;}

/************************************************************************* Heading  */
h1, .h1, .heading_page{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #2f2f2f;
    font-size: 24px;
    line-height: 28px;
    margin-top: 0px;
    margin-bottom: 20px;
}
h1.home_page{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #222222;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
}
h1.products_heading{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #222222;
    font-size: 34px;
    line-height: 38px;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 20px;
}
h2, .h2, .heading_box{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #f36c16;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px;
    position: relative;
    display: block;
}
h2{color: #222222;}

.heading_box:before{
    content: '';
    position: absolute;
    bottom: -5px;
    width: 100%;
    height: 1px;
    background: #f36c16;
}
.orange_border{position: relative;}

.orange_border:before{
    content: '';
    position: absolute;
    bottom: -5px;
    width: 100%;
    height: 1px;
    background: #f36c16;
}
h3, .h3, .heading_promo{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #2f2f2f;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
}
h4, .h4, .heading_normal{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #2f2f2f;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}
h5, .h5, .heading_label{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #222;
    font-size: 16px;
    line-height: 20px;
}
h6, .h6, .heading_other{
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    color: #2f2f2f;
    font-size: 16px;
    line-height: 26px;
}
.heading_box .main_look{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #fff;
    background: #f36c16;
    height: 35px;
    line-height: 35px;
    position: absolute;
    right: 0px;
    bottom: -4px;
    font-size: 14px;
    line-height: 35px;
    padding: 0px 15px;
    border: 1px solid #f36c16;
    border-bottom: none;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.heading_box .main_look:hover{
    color: #222222;
    background: #fff;
}
h3.social_network{text-transform: none;}

.cart_heading{
/*    padding-left: 50px;*/
    color: #4e4e4e;
    font-size: 17px;
    min-height: 20px;
    position: relative;
    padding-top: 2px;
    margin-bottom: 15px;
    width: 100%;
}
.cart_heading span{
    position: relative;
    display: block;
}
.cart_heading span:before{
    content: '';
    position: absolute;
    bottom: -7px;
    width: 100%;
    height: 1px;
    background: #838383;
}
.cart_heading.no_after:after{
    content: none;
}
.cart_heading.no_after{
    padding-left: 0px;
}
/*
.cart_heading:after{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 32px;
    background: #06a2e3;
    color: #fff;
    border-radius: 3px;
    line-height: 32px;
    text-align: center;
    font-size: 18px;
}
.cart_heading.one:after{content: '1';}
.cart_heading.two:after{content: '2';}
.cart_heading.three:after{content: '3';}
.cart_heading.four:after{content: '4';}
*/

.text_formated p{margin-bottom: 10px;}
.text_formated h2{font-size: 20px;}

/************************************************************************* Filter */

.filter_name{
    color: #005098;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* margin-bottom: 10px; */
    margin-bottom: 5px;
    cursor: pointer;
    text-transform: uppercase;
}
.filter_name .filter_name_arrow{
    color: #005098;
    height: 24px;
    width: 24px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 32px;
    border-radius: 1.2em;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    
}
.filter_name .filter_name_arrow svg{ 
    height: 18px;
    width: 18px;
        -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.filter_name span{
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;  
}
.filter_name:hover span{
    color: #f36c16;
}
.filter_name:hover .filter_name_arrow{ 
    border-color: #f36c16;
    color: #f36c16; 
}
.filter_name.active .filter_name_arrow svg{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.filters .box_item_filter{
    border-bottom: 1px solid #595959;
    padding-bottom: 5px;
    /* margin-bottom: 10px; */
    margin-bottom: 5px;
}
.filters .box_item_filter:last-child{
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.filter_link {
    display: block;
    position: relative;
    /* padding-left: 30px; */
    padding-left: 25px;
    /* font-size: 14px; */
    font-size: 13px;
    /* min-height: 18px; */
    min-height: 14px;
    line-height: 14px;
    text-decoration: none;
    color: #222222;
    /* margin-bottom: 10px; */
    margin-bottom: 8px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;  
}
.filter_indicator {
    position: absolute;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    top: -2px;
    left: 0;
    border: 1px solid #9b9b9b;
    border-radius: 0px;
        -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;  
}
.filter_item:hover .filter_indicator {
    border-color: #f36c16;
}
.filter_item:hover .filter_link {
    color: #f36c16;
}
.filter_item--count {
    color: #999;
}

.checked .filter_indicator, .checked_marker .filter_indicator {
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #f36c16;
    border: 1px solid #f36c16;
    font-size: 16px;
    line-height: 20px;
}
.checked .filter_indicator:before {
    content: "\f00c";
    color: #fff;
}

.checked_marker .filter_indicator:before {
    content: "\f00d";
    color: #fff;
}
.product_creative_block{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 25px
}

.product_creative_block:before{
    content: '';
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background: #f36c16;
}
.sort{
    max-width: 300px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.sort_title {

}
.sort_link {
    padding: 0px 5px 0px 10px;
    text-decoration: none;
    font-size: 13px;
    display: inline-block;
}
.option.active {
    color: #f36c16;
}
.select_sort_wrap{
    margin-left: 10px;
}
/*
.select_sort_wrap{
    border: 1px solid #9b9b9b;
    border-radius: 3px;
    box-shadow: none;
    outline: none;
    position: relative;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0px;
    background-color: rgb(255, 255, 255);
    color: #000000;
    margin-left: 10px;
    cursor: pointer;
}
.select_sort_wrap:after{
    position: absolute;
    content: "\f107";
    top: 7px;
    right: 7px;
    font-family: FontAwesome;
    line-height: 1;
    font-size: 16px;
    font-style: normal;
    color: #000000;
    width: 10px;
    height: 10px;
    cursor: pointer;
}
*/
.select_sort{
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    outline: none;
    padding: 0px 20px 0px 5px;
    height: 28px;
    line-height: 28px;
    border-radius: 3px;
    z-index: 100;
}
.select_sort option {
    background-color: rgb(255, 255, 255);
    padding: 5px;
    font-size: 14px;
}

.wrap_sort_brands{
    overflow: hidden;
    margin-bottom: 20px;
}
.wrap_sort_brands .filter_item{
    float: left;
    margin: 0px 5px 5px 0px;
    padding-right: 5px; 
    height: 50px;
    line-height: 50px;
    background: #fff;
    border: 1px solid #b7b7b7;
}
.wrap_sort_brands .filter_item .filter_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding-left: 30px;
    font-size: inherit;
    min-height: 50px;
    line-height: inherit;
    text-decoration: none;
    color: #222222;
    margin-bottom: 0px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-align: center;
}
.wrap_sort_brands .filter_item .filter_indicator {
    position: absolute;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: inherit;
    top: 15px;
    left: 5px;
    border: 1px solid #9b9b9b;
    border-radius: 0px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.wrap_sort_brands .checked .filter_indicator::before {
    content: "\f00c";
    color: #fff;
    top: -15px;
    line-height: 0px;
    margin-top: -10px;
    position: relative;
}

.filter_marker{
    max-width: calc(100% - 380px);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.filter_marker_inner{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.wrap_products_sort{
    margin-bottom: 10px;
}


/*Ui-slider CSS*/
.ui-slider {
    position: relative;
    height: 6px;
    border: 1px solid #e1e8ed;
    background-color: #e1e8ed;
    /* margin: 24px 10px 24px; */
    margin: 16px 10px 16px;
    border-radius: 2px;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-left: -12px;
    top: -9px;
    background-color: #e1e8ed;
    border: 1px solid #e1e8ed;
    box-shadow: inset 0 0 0 6px #fff, 0 1px 0 0 #e1e8ed;
    border-radius: 100%;
    cursor: pointer;
}
.ui-slider .ui-slider-handle.ui-state-focus,
.ui-slider .ui-slider-handle.ui-state-hover {
    background-color: #01b901;
}
.ui-slider .ui-slider-range {
    position: absolute;
    background-color: #01b901;
    height: 100%;
}
.price_range {
  overflow: hidden;
  margin-left: -12px;
  margin-right: -12px;
  margin-bottom: 15px;
}
.price_label {
  float: left;
  width: 50%;
  padding-left: 12px;
  padding-right: 12px;
}
.max_price {
  text-align: left;
}
.max_input,
.min_input {
  max-width: 75px;
  padding: 0 8px;
  line-height: 30px;
  height: 32px;
  border: 1px solid #ddd;
  margin-right: 3px;
}
.change_pass{
    font-size: 14px;
    color: #06a2e3;
    text-decoration: underline;
    cursor: pointer;
}
.change_pass:hover{
    text-decoration: none;
}

/* Autocomplete CSS */
.autocomplete-suggestions {
    background-color: #fff;
    overflow: hidden;
    overflow-y: auto;
    border: 0.0625rem solid #e0e0e0;
    display: table; }

.autocomplete-suggestion {
    display: table-row;
    width: 100%; }

.autocomplete-suggestion:nth-child(even) {
    background-color: #fbfbfb; }

.autocomplete-suggestions .autocomplete-selected {
    background: #f0f0f0; }

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #ffb400; }

.autocomplete-suggestion div {
    width: 45px !important;
    text-align: center; }

.autocomplete-suggestion div,
.autocomplete-suggestions span,
.autocomplete-suggestions a {
    padding: 0.125rem 0.3125rem;
    display: table-cell;
    vertical-align: middle; }

.autocomplete-suggestions span {
    white-space: nowrap; }

.autocomplete-suggestions p {
display: block;
    width: 100%;
    font-size: 15px;
    padding: 4px 10px;
}

/************************************************************************* Links  */
a.link {
    color: inherit;
    text-decoration: underline;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
alink:hover,
alink:active {text-decoration: none;}

a.decor{color: inherit;text-decoration: none;}
a.decor:focus,
a.decor:hover{text-decoration: underline;}

.message_error {
    clear: both;
    padding: 5px 10px;
    margin-bottom: 10px;
    color: #f00;
    background-color: #fcd3d3;
    border: 1px dotted #ff4545;
    margin-top: 3px;
}
.message_success {
    padding: 5px 10px;
    margin-bottom: 10px;
    margin-top: 3px;
    color: #ffffff;
    background-color: #ff6600;
    text-transform: uppercase;
}


/************************************************************************* Buttons  */

.btn {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    border-radius: 3px;
    font-weight: 400;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.3rem 1rem;
    font-size: 0.875rem;
    transition: all 0.2s ease-in-out;
}
.btn_admin{
    display: inline-block;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 3px;
    cursor: pointer;
    user-select: none;
    border: 1px solid #6d5cae;
    padding: 6px 16px;
    transition: all 0.2s ease-in-out;
    color: #fff;
    background-color: #6d5cae;
}


.btn_fast{
    display: block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 3px;
    cursor: pointer;
    user-select: none;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    width: 100%;
    border: none;
}
.coupon_button{
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 5px;
    cursor: pointer;
    user-select: none;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    transition: all 0.2s ease-in-out;
    border: none;
    padding: 0px 25px;
}

.btn_comment{
    display: block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 5px;
    cursor: pointer;
    user-select: none;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    transition: all 0.2s ease-in-out;
    border: none;
    padding: 0px 25px;
}
.btn_comment_inline{
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 5px;
    cursor: pointer;
    user-select: none;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    transition: all 0.2s ease-in-out;
    border: none;
    padding: 0px 25px;
    
}
.btn_popup_cart{
    display: block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    transition: all 0.2s ease-in-out;
    border: none;
    padding: 0px 60px;
    text-decoration: none;
}
.btn_admin:focus,
.btn_admin:hover{
    color: #fff;
    background-color: #8a7dbe;
    border-color: #8a7dbe;
}

.btn.btn_big svg{
    width: 28px;
    height: 28px;
    margin-right: 10px;
    
}
.btn.btn_small svg{
    width: 22px;
    height: 22px;
    margin-right: 8px;
}
.btn.btn_mini svg{
    width: 14px;
    height: 14px;
    margin-right: 3px;
}
.btn:focus,
.btn:hover {text-decoration: none;}
.btn:active,
.btn.active {background-image: none;outline: 0;}
.btn.disabled,
.btn:disabled {cursor: not-allowed;opacity: .65;}

.btn_big{
    padding: 0px 5px;
    font-size: 24px;
    text-align: center;
    height: 45px;
    line-height: 45px;
}
.btn_small{
    padding: 0px 10px;
    font-size: 16px;
    height: 32px;
    line-height: 30px;
}
.btn_mini{
    padding: 5px 15px;
    font-size: 14px;
}
.btn-block {
    display: block;
    width: 100%;
}
/* Button green */
.btn_green {
    color: #fff;
    background-color: #01b901;
    border-color: #01b901;
}
.btn_green:active,
.btn_green:focus,
.btn_green:hover {
    color: #fff;
    background-color: #07de07;
    border-color: #07de07;
}
.btn_green:active:hover,
.btn_green:active:focus{
    color: #fff;
    background-color: #31ea26;
    border-color: #31ea26;
}
.btn_green:disabled:focus{
    background-color: #31ea26;
    border-color: #31ea26;
}
.btn_green:disabled:hover {
    background-color: #31ea26;
    border-color: #31ea26;
}

/* Button green */
.btn-info{
    color: #fff;
    background-color: #10cfbd;
    border-color: #10cfbd;
}

.btn-info:hover{
    color: #fff;
    background-color: #40d9ca;
    border-color: #40d9ca;
}

.btn-info:focus{
    color: #fff;
    background-color: #40d9ca;
    border-color: #40d9ca;
}

.btn-info:active{
    color: #fff;
    background-color: #0da899;
    border-color: #0da899;
    background-image: none;
}

.btn-info:active:hover,
.btn-info:active:focus{
    color: #fff;
    background-color: #0da899;
    border-color: #0da899;
}
.btn-info:disabled:focus{
    background-color: #0da899;
    border-color: #0da899;
}
.btn-info:disabled:hover {
    background-color: #0da899;
    border-color: #0da899;
}

/* Button yellow */
.btn_yellow{
    color: #fff;
    background-color: #f8d053;
    border-color: #f8d053;
}
.btn_yellow:hover{
    color: #fff;
    background-color: #f9d975;
    border-color: #f9d975;
}
.btn_yellow:focus{
    color: #fff;
    background-color: #f9d975;
    border-color: #f9d975;
}
.btn_yellow:active{
    color: #fff;
    background-color: #c9a843;
    border-color: #c9a843;
    background-image: none;
}
.btn_yellow:active:hover,
.btn_yellow:active:focus{
    color: #fff;
    background-color: #c9a843;
    border-color: #c9a843;
}
.btn_yellow:disabled:focus{
    background-color: #c9a843;
    border-color: #c9a843;
}
.btn_yellow:disabled:hover {
    background-color: #c9a843;
    border-color: #c9a843;
}

/* Button orange */
.btn_orange{
    color: #fff;
    background-color: #f36c16;
    border-color: #f36c16;
}
.btn_orange:hover{
    color: #fff;
    background-color: #fd8437;
    border-color: #fd8437;
}
.btn_orange:focus{
    color: #fff;
    background-color: #f36c16;
    border-color: #f36c16;
}
.btn_orange:active{
    color: #fff;
    background-color: #f36c16;
    border-color: #f36c16;
}
.btn_orange:active:hover,
.btn_orange:active:focus{
    color: #fff;
    background-color: #fd8437;
    border-color: #fd8437;
}
.btn_orange:disabled:focus{
    background-color: #fd8437;
    border-color: #fd8437;
}
.btn_orange:disabled:hover {
    background-color: #fd8437;
    border-color: #fd8437;
}

/* Button fastorder*/
.btn_fast{
    color: #fff;
    background-color: #06a2e3;
    border-color: #06a2e3;
}
.btn_fast:hover{
    color: #fff;
    background-color: #0686bb;
    border-color: #0686bb;
}
.btn_fast:focus{
    color: #fff;
    background-color: #0686bb;
    border-color: #0686bb;
}
.btn_fast.active,
.btn_fast:active{
    color: #fff;
    background-color: #0686bb;
    border-color: #0686bb;
}
.btn_fast.active:hover,
.btn_fast:active:hover,
.btn_fast:active:focus{
    color: #fff;
    background-color: #0c5574;
    border-color: #0c5574;
}
.btn_fast:disabled:focus{
    background-color: #0c5574;
    border-color: #0c5574;
}
.btn_fast:disabled:hover {
    background-color: #0c5574;
    border-color: #0c5574;
}

/* Button danger*/
.btn-danger{
    color: #fff;
    background-color: #f55753;
    border-color: #f55753;
}
.btn-danger:hover{
    color: #fff;
    background-color: #f77975;
    border-color: #f77975;
}
.btn-danger:focus{
    color: #fff;
    background-color: #f77975;
    border-color: #f77975;
}
.btn-danger:active{
    color: #fff;
    background-color: #c64643;
    border-color: #c64643;
    background-image: none;
}
.btn-danger:active:hover,
.btn-danger:active:focus{
    color: #fff;
    background-color: #c64643;
    border-color: #c64643;
}
.btn-danger:disabled:focus{
    background-color: #c64643;
    border-color: #c64643;
}
.btn-danger:disabled:hover {
    background-color: #c64643;
    border-color: #c64643;
}


.btn-secondary {
    color: #fff;
    background-color: #2b303b;
    border-color: #2b303b;
}
.btn-secondary:hover{
    color: #fff;
    background-color: #3d424d;;
    border-color: #3d424d;;
}
.btn-secondary:focus{
    color: #fff;
    background-color: #3d424d;
    border-color: #3d424d;
}

.btn-secondary:active{
    color: #fff;
    background-color: #3d424d;
    border-color: #3d424d;
    background-image: none;
}

.btn-secondary:active:hover,
.btn-secondary:active:focus{
    color: #fff;
    background-color: #3d424d;
    border-color: #3d424d;
}
.btn-secondary:disabled:focus{
    background-color: #3d424d;
    border-color: #3d424d;
}
.btn-secondary:disabled:hover{
    background-color: #3d424d;
    border-color: #3d424d;
}



/************************************************************************* Boxed  */
.boxed{
    background: #FFF;
    margin-bottom: 30px;
    padding: 10px;
}
.boxed_15{
    background: #FFF;
    margin-bottom: 30px;
    padding: 15px;
}
.boxed_success,
.boxed_warning,
.boxed_attention{
    background-color: #39ccfc;
    color: #fff;
    border-color: #39ccfc;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    padding: 15px;
    border-radius: 3px;
    font-size: 14px;
    border-width: 0;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    border: 1px solid transparent;
}
.boxed_warning{
    background-color: #F55753;
    color: #fff;
    border-color: #F55753;
}
.boxed_success{
    background-color: #0A7C71;
    color: #fff;
    border-color: #0A7C71;
}
.boxed_notify{
    background-color: #6d5cae;
    color: #fff;
    border-color: #6d5cae;
}
.boxed_yellow{
    background-color: #F8D053;
    color: #fff;
    border-color: #F8D053;
}
.boxed_success .heading_box,
.boxed_warning .heading_box,
.boxed_attention .heading_box{
    font-weight: 600;
    color: #fff;
    text-shadow: none;
    font-size: 20px;
    margin: 0px;
    line-height: 24px;
}
.boxed_success .text_box,
.boxed_warning .text_box,
.boxed_attention .text_box{
    color: #fff;
    text-shadow: none;
    font-size: 15px;
    margin-top: 15px;
    padding-left: 15px
}
#main_box_categiries .boxed{
    padding: 15px 20px;
}
.main_products{
    margin-bottom: 10px;
}
.main_products:after,
.clearfix:after {
    content:" ";
    display:table;
    clear:both;
}
.cart_boxlefts{
    margin-bottom: 30px;
/*    width: calc(100% - 50px);*/
    width: 100%;
    border: 1px solid #e8e8e1;
    margin-left: 0px;
}
.cart_form_boxlefts{
    margin-bottom: 15px;
/*    width: calc(100% - 50px);*/
    width: 100%;
    border: 1px solid #e8e8e1;
    margin-left: 0px;
    padding: 10px;
}

/************************************************************************* Form  */

.form_group {
    margin-bottom: 15px;
}
.input_coupon,
.form_input {
    box-shadow: inset 0px 5px 11px -4px #C9C9C9;
    -webkit-box-shadow: inset 0px 5px 11px -4px #C9C9C9;
    -moz-box-shadow: inset 0px 5px 11px -4px #C9C9C9;
    -o-box-shadow: inset 0px 5px 11px -4px #C9C9C9;
    line-height: 35px;
    background-color: #fff;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    padding: 0 15px;
    width: 100%;
    font-family: inherit;
    font-size: 14px;
}
.form_label {
    color: #2f2f2f;
    font-size: 14px;
    margin-bottom: 4px;
    display: block;
}

.form_input:focus {
    box-shadow: inset 0px 5px 11px -4px rgb(6, 162, 227);
    -webkit-box-shadow: inset 0px 5px 11px -4px rgb(6, 162, 227);
    -moz-box-shadow: inset 0px 5px 11px -4px rgb(6, 162, 227);
    -o-box-shadow: inset 0px 5px 11px -4px rgb(6, 162, 227);
    border: 1px solid rgb(6, 162, 227);
}
.form_input_fast {
    line-height: 30px;
    background-color: #fff;
    border: 1px solid #06a2e3;
    border-radius: 0px;
    padding: 0 15px;
    height: 30px;
    text-align: center;
    color: #808080;
    width: 100%;
    font-family: inherit;
    font-size: 14px;
}
.form_textarea {
    box-shadow: inset 0px 5px 11px -4px #C9C9C9;
    -webkit-box-shadow: inset 0px 5px 11px -4px #C9C9C9;
    -moz-box-shadow: inset 0px 5px 11px -4px #C9C9C9;
    -o-box-shadow: inset 0px 5px 11px -4px #C9C9C9;
    display: block;
    width: 100%;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    background-color: #fff;
    padding: 15px;
    font-family: inherit;
    font-size: 14px;
}
.form_textarea:focus {
    box-shadow: inset 0px 5px 11px -4px rgb(6, 162, 227);
    -webkit-box-shadow: inset 0px 5px 11px -4px rgb(6, 162, 227);
    -moz-box-shadow: inset 0px 5px 11px -4px rgb(6, 162, 227);
    -o-box-shadow: inset 0px 5px 11px -4px rgb(6, 162, 227);
    border: 1px solid rgb(6, 162, 227);
}
.captcha {
    display: inline-block;
    vertical-align: top;
}
.input_captcha {
    width: 130px;
    line-height: 35px;
    vertical-align: top;
    margin: 0 15px 0 0px;
}
.secret_number {
    border: 1px solid #e8e8e1;
    padding: 9px 20px;
    border-radius: 2px;
    background: #f5f8f9;
    display: inline-block;
    position: relative;
    text-shadow: 1px 1px #38c0f3, -1px 1px mediumturquoise, -1px -1px mediumturquoise, 1px -1px mediumturquoise;
    color: white;
    font-weight: bold;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    pointer-events: none;
    cursor: pointer;
}
.secret_number:before {
    content: "";
    position: absolute;
    top: 10px;
    right: -15px;
    bottom: -15px;
    left: 0;
    z-index: -1;
    background: linear-gradient(-45deg,
    rgba(72, 209, 204, 0) 2px, mediumturquoise 3px, rgba(72, 209, 204, 0) 3px ) repeat;
    background-size: 4px 4px;
}
.secret_number:after {
    content: attr(data-name);
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: -2;
    text-shadow: 1px 1px white,
    2px 2px white,
    3px 3px white,
    4px 4px white;
    color: white;
    transition: all 1s;
}

.variant_input,
.form-control {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    color: #2c2c2c;
    outline: 0;
    height: 35px;
    padding: 6px 12px;
    line-height: normal;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
    min-height: 35px;
    -webkit-transition: all 0.12s ease;
    transition: all 0.12s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: background 0.2s linear 0s;
    transition: background 0.2s linear 0s;
    display: block;
    width: 100%;
    position: relative;
}
.import_file{
    -webkit-appearance: none;
    color: #2c2c2c;
    outline: 0;
    height: 35px;
    padding: 6px 12px;
    line-height: normal;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
    min-height: 35px;
    -webkit-transition: all 0.12s ease;
    transition: all 0.12s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: background 0.2s linear 0s;
    transition: background 0.2s linear 0s;
    display: block;
    width: 100%;
    position: relative;
}
.file_upload {
    position: relative;
    overflow: hidden;
    width: 20%;
    height: 30px;
    background: url('../images/uploader.png') no-repeat;
    -webkit-background-size: 30px;
    background-size: 30px;
    text-align: center;
}
.variant_input:focus,
.form-control:focus {
    border-color: rgba(0,0,0,0.1);
    background-color: #f0f0f0;
    outline: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none !important;
}
.new_feature::-moz-placeholder,
.variant_input::-moz-placeholder,
.form-control::-moz-placeholder {
    color: #626262;
    opacity: 1
}
.new_feature:-ms-input-placeholder,
.variant_input:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
    color: #626262;
}
.new_feature::-webkit-input-placeholder,
.variant_input::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
    color: #626262;
}
.form-control:disabled,
.form-control[readonly] {background-color: #cfd8dc;opacity: 1;cursor: not-allowed}
.date_filter .form-control[readonly] {background-color: transparent;cursor: pointer}
input[type=search] {
    -webkit-appearance: none
}
.form-group {
    margin-bottom: 15px
}
.select{
    position: relative;
    width: 100%;
    height: 35px;
    padding: 0 30px 0px 15px;
    color: #000 !important;
    font-size: 14px;
    line-height: 35px;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    background: url(../images/select_arrow.png) no-repeat right 10px center #fff;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    max-width: 100%;
    font-family: inherit;
    box-shadow: inset 0px 5px 11px -4px #C9C9C9;
    -webkit-box-shadow: inset 0px 5px 11px -4px #C9C9C9;
    -moz-box-shadow: inset 0px 5px 11px -4px #C9C9C9;
    -o-box-shadow: inset 0px 5px 11px -4px #C9C9C9;
}
.select:focus {
    box-shadow: inset 0px 5px 11px -4px rgb(6, 162, 227);
    -webkit-box-shadow: inset 0px 5px 11px -4px rgb(6, 162, 227);
    -moz-box-shadow: inset 0px 5px 11px -4px rgb(6, 162, 227);
    -o-box-shadow: inset 0px 5px 11px -4px rgb(6, 162, 227);
    border: 1px solid rgb(6, 162, 227);
}

.select option{
    padding: 10px 15px;
    color: #000;
    font-size: 12px;
    line-height: 20px;
}

.boxed_captcha_flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}
.okay_ckeckbox{
    display: block;
    position: relative;
    text-align: left;
    padding-left: 30px;
    line-height: 20px;
}
.delivery_label{
    display: block;
    position: relative;
    text-align: left;
    padding-left: 30px;
    line-height: 20px;
}
.okay_ckeckbox:before{
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 10%;
    content: "";
    display: inline-block;
    height: 20px;
    left: 0px;
    position: absolute;
    transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    width: 20px;
    line-height: 20px;
    padding-left: 2px;
}
.delivery_label:before{
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 0;
    content: "";
    display: inline-block;
    height: 20px;
    left: 0px;
    position: absolute;
    transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    width: 20px;
    line-height: 18px;
    text-align: center;
}
.delivery_label.active:before{
    content: "\f04d";
    font-family: "FontAwesome";
    color: #01b901;
     border-color: #01b901;
    font-size: 14px;
}
input[type=checkbox]:checked + .okay_ckeckbox:before{
    content: '\f00c';
    font-family: "FontAwesome";
    color: rgb(43, 48, 59);
}

.checkbox_email  .checkbox_label::before {
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 10%;
    content: "";
    display: inline-block;
    height: 20px;
    left: 0;
    position: absolute;
    transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    width: 20px;
}

.checkbox_email input[type="checkbox"]:checked + .checkbox_label::before {
    content: '\f00c';
    font-family: "FontAwesome";
}


/************************************************************************* Tag  */
.wrap_tags{margin-bottom: -3px; margin-right: -2px;}
.tag {
    line-height: 1;
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 3px;
    margin-right: 1px;
    margin-bottom: 2px;
    margin-top: 2px;
    font-weight: 600;
    font-size: 12px;
    display: inline-block;
    padding:  3px 9px 5px;
    text-transform: lowercase;
}
.tag-default {background-color: rgb(230, 230, 230);color: rgb(98, 98, 98);}
.tag-primary {background-color: rgb(58, 143, 200);}
.tag-success {background-color: rgb(16, 207, 189);}
.tag-info {background-color: rgb(72, 176, 247);}
.tag-warning {background-color: rgb(248, 208, 83);}
.tag-danger {background-color: rgb(245, 87, 83);}


/************************************************************************* Raiting  */
.raiting_boxed{
    margin-bottom: 15px;
    margin-top: 5px;
}
.raiting_boxed .range_input{
    margin-top: 3px;
}
.raiting_boxed .raiting_range_number{
    overflow: hidden;
    margin-top: 3px;
}

/*rating_from_comments*/
.rating_starOff_c,
.rating_starOn_c {
    display: inline-block;
    vertical-align: top;
    max-width: 90px;
    width: 90px;
    height: 18px;
    background: url("../images/rating.png") left top repeat-x; }

.rating_starOn_c {
    display: block;
    background-position: left bottom; }
.comment_rating_product{
    display: inline-block;
    margin: 20px 0 16px;
    font-size: 13px;
}
/* Product Rating */
.rating_starOff {
    display: inline-block;
    vertical-align: top;
}
.rating_starOff,
.rating_starOn {
    width: 90px;
    height: 18px;
    background: url(../images/rating.png) repeat-x left top;
}
.rating_starOn {
    display: block;
    background-position: left bottom;
}
.rating_text {
    vertical-align: middle;
    line-height: 18px;
    display: inline-block;
}
/*/rating_from_comments*/


/************************************************************************* Pagination */

.pagination {
    list-style: none;
    text-align: center;
    padding: 0px;
    margin: 40px auto;
}
.page_item {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px;
}
.page_link {
    display: block;
    padding: 2px 10px;
    min-width: 30px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #888888;
    background-color: #fff;
    color: #888888;
    font-size: 14px;
    height: 30px;
    line-height: 24px;
    text-align: center;
}
.page_link:hover,
.active .page_link {
    color: #fff;
    background-color: #06a2e3;
    border-color: #06a2e3;
}


/*********************************************************************  Header_style */
header{
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.header_top{
    background: #fff;
}
.flex_header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.informer_languages .flag {
    background-repeat: no-repeat;
    width: 20px;
    height: 15px;
    display: inline-block;
}
.informer_languages .flag.lang_1 {
    background-image: url("../images/ru_icon.png");
}
.informer_languages .flag.lang_2 {
    background-image: url("../images/en_icon.png");
}
.informer_languages .flag.lang_3 {
    background-image: url("../images/uk_icon.png"); 
}
.informer_languages {

}
.informer_languages a{
    display: inline-block;
    margin-right: 10px;
    display: block;
    border: 1px solid #fff;
    background: transparent;
    width: 24px;
    height: 21px;
    line-height: 22px;
    text-align: center;

}
.informer_languages a.active{
    border: 1px solid #06a2e3;
    background: #f2f2f2;
 display: inline-flex;
    justify-content: center;
    align-items: center;
}
.informer_languages a:hover{
    opacity: 0.8;
}
#header_box .header_box_top{
    border-bottom: 1px solid #2f2f2f;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 4px;
}
#header_logo{
    display: inline-block;
    max-width: 200px;
}
#header_box{
    width: calc(100% - 315px);
}
.informer_languages,
.header_top_info,
.header_languages,
.header_menu{
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header_account{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
    margin-left: 20px;
}

.header_account .header_account_img {
    width: 18px;
    height: 20px;
    margin-right: 8px;
    background: url(../images/my_user_icon.png) no-repeat;
}

.header_account .header_account_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header_account .header_account_inner .account_link{
    color: #000;
    padding: 0px 7px;
    text-decoration: none;
    position: relative;
    font-size: 14px;
    line-height: 14px;
}
.header_account .header_account_inner .account_link:hover {
    color: #f36c16;
}

.header_account .header_account_inner .account_link::before {
    content: "";
    width: 1px;
    height: 100%;
    background: #000000;
    margin-right: 0px;
    margin-left: 0px;
    position: absolute;
    right: -1px;
}
.header_account .header_account_inner .account_link:last-child:before{
    content: none;
}

.header_menu .menu_item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header_menu .menu_item:before{
    content: "";
    width: 1px;
    height: 100%;
    background: #000000;
    margin-right: 0px;
    margin-left: 3px;
    position: absolute;
    right: 0;
}
.header_menu .menu_item:last-child:before{
    content: none;
}
.header_menu .menu_link{
    color: #000;
    padding: 0px 10px;
    text-decoration: none;
}
.header_menu .menu_link:hover{
    color: #f36c16;
}
#header_box .header_box_bottom{
    margin-top: 10px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.header_phones{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header_phones .phone_item{
    margin-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.header_phones .icon_phone{
    width: 28px;
    height: 28px;
    margin-right: 10px;
    padding: 2px;
    border: 1px solid #000000;
    text-align: center;
    line-height: 30px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;

}
.header_phones  a{
    color: #000000;
    text-decoration: none;
}
.header_phones  a:hover{
    color: #f36c16;
}
.header_phones  a:hover .icon_phone{
    border-color: #f36c16;
}
.header_phones .name_phone .number_phone{
    font-size: 16px;
    line-height: 18px;
    font-weight: 300;
    display: block;
    margin-bottom: 5px;

}
.header_phones .name_phone .operator_phone{
    color: #000;
    font-size: 12px; 
}
.header_bottom{
    background-color: transparent;
    padding: 10px 0px;    
}
.header_bottom .search{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(100% - 630px);
}
.header_bottom .search .search_input{
    height: 42px;
    line-height: 42px;
    padding: 0px 15px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-radius: 0px;
    border: 1px solid #f36c16;
}
.header_bottom .search .search_button{
    border-radius: 0px 5px 5px 0px;
    height: 42px;
    padding: 0px 15px;
    color: #fff;
    background: #f36c16;
    border: none;
    cursor: pointer;
}
.header_bottom .search .search_button:hover{
    background: #fc8e48;
}
.header_bottom .header_informers{
    position: relative;
    max-width: 285px;
    width: 100%;
}
.header_callback{
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.header_callback .icon_callback{
    width: 28px;
    height: 28px;
    margin-right: 8px;
    margin-top: 5px;
    background: url(../images/callback_icon.png) no-repeat;
}
.header_callback .name_callback{
    text-align: center;
}
.header_callback .name_callback a{
    color: #000000;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 18px;
    font-weight: 500;
    display: block;
    text-decoration: none;
}
.header_callback .name_callback a:hover{
    color: #f36c16;
}
.header_callback .name_callback span{
    color: #908d88;
    font-size: 12px;
}

.header_informers{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.header_informers .informer{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-right: 1px solid #9b9b9b;   
    text-align: center;
}
.header_informers .informer:last-child{
    border-right: none;    
}

#wishlist .wish_icon{
    display: inline-block;
    background: url(../images/wishlist_icon.png) no-repeat;
    text-align: center;
    width: 23px;
    height: 21px;
    margin: 0px 0px 0px;
    background-size: cover;
}
#comparison .compare_icon{
    display: inline-block;
    background: url(../images/compare_icon.png) no-repeat;
    text-align: center;
    width: 25px;
    height: 21px;
    margin: 0px 0px 0px;
    background-size: cover;
}
#cart_informer .shopping_icon{
    display: inline-block;
    background: url(../images/shopping_icon.png) no-repeat;
    text-align: center;
    width: 22px;
    height: 21px;
    margin: 0px 0px 0px;
    background-size: cover;
}
#wishlist .informer_name,
#comparison .informer_name,
#cart_informer .informer_name{
    display: block;
    text-align: center;
    color: #9b9b9b;
    font-size: 11px;
    font-weight: 300;
}
#comparison .informer_counter,
#cart_informer .informer_counter,
#wishlist .informer_counter{
    background: #06a2e3;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    width: 20px;
    height: 20px;
    line-height: 19px;
    position: absolute;
    top: -9px;
    right: 0px;
    z-index: 1;
    text-align: center;
    left: 25px;
    margin: 0px auto;
}
#comparison a,
#cart_informer a,
#wishlist a{
    position: relative;
    display: block;
    text-decoration: none;
}



/************************************************************************* Standart  */


.left_box_boxed{
    padding: 0px;
    margin-top: -30px;
    margin-bottom: 30px;
}

#footer,
.main {
    transition-duration: 0.25s, 0.25s, 0.25s, 0.25s;
    transition-property: padding-left, padding-right, margin-left, margin-right;
}



/******************************************************* Main post and main news  */

.main_news_title{
    text-align: center;
    margin-top: 15px;
    margin-bottom: 20px;
}
.main_news_title a{
    font-size: 20px;
    line-height: 24px;
    color: #f36c16;
    text-decoration: none;
}
.main_news_title a:hover{
    text-decoration: underline;
}
.main_news .news_item{
    margin-bottom: 15px;
}
.main_news .news_item:last-child{
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.main_news .news_item .news_image{
    position: relative;
    display: block;
    margin-bottom: 10px;
}
.main_news .news_item .news_date{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0px;
    visibility: hidden;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin-bottom: 10px;
}
.main_news .news_item:hover .news_date{
    opacity: 0px;
    visibility: hidden;
    color: #000;
}
.main_news .news_item .news_name{
    color: #06a2e3;
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
    text-decoration: none;
}
.main_news .news_item .news_name:hover{
    text-decoration: underline;
}
.main_news .news_item .news_annotation{
    font-size: 12px;
    color: #222222;
    line-height: 18px;
}
.main_news .news_item .news_annotation {
    overflow: hidden;
    height: 72px;
    width: 100%;
}

.main_news .news_item .news_annotation:before {
    content: "";
    float: left;
    width: 5px;
    height: 72px;
}

.sidebar_service .service_box{
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.sidebar_service .service_box .icon_service_box1 {
    width: 50px;
    height: 40px;
    margin-right: 2px;
    margin-top: 5px;
    background: url(../images/service_prod.png) no-repeat;
}
.sidebar_service .service_box .icon_service_box2 {
    width: 50px;
    height: 40px;
    margin-right: 2px;
    margin-top: 5px;
    background: url(../images/service_delivery.png) no-repeat;
}
.sidebar_service .service_box .icon_service_box3 {
    width: 50px;
    height: 40px;
    margin-right: 2px;
    margin-top: 5px;
    background: url(../images/service_price.png) no-repeat;
}

.sidebar_service .main_service_title{
    font-size: 20px;
    line-height: 24px;
    color: #f36c16;
    text-transform: uppercase;
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}
.sidebar_service .infobox_service_box .name_service_box{
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #2f2f2f;
    text-transform: uppercase;
    display: block;
}
.sidebar_service .infobox_service_box .text_service_box{
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    color: #9b9b9b;
    display: block;
}

/************************************************************************* Footer  */
footer {
    -ms-flex-negative: 0;
    border-top: 5px solid #06a2e3;
    margin-top: 50px;
    background: #fff;
    padding: 20px 0px 0px;
}
footer .footer_top .h5{
   margin-bottom: 20px;
}
footer .footer_top .foot_logo{
   max-width: 280px;
}
footer .footer_top .foot_logo .logo{
    display: block;
    margin-bottom: 12px;
}
footer .footer_top .foot_logo .address{
    font-size: 14px;
    color: #908d88;
    line-height: 22px;
    margin-bottom: 5px;
}
footer .footer_top .foot_logo .map_adress{
    color: #06a2e3;
    text-decoration: none;
}
footer .footer_top .foot_logo .map_adress:hover{
    text-decoration: underline;
}

footer .footer_top .foot_schedule .box_schedule{
  margin-bottom: 25px;
}
footer .footer_top .foot_schedule .box_schedule span{
    font-size: 14px;
    color: #908d88;
    line-height: 18px;
    margin-bottom: 5px;
    display: block;
}

footer .footer_top .foot_menu .foot_item a{
    color: #222222;
    font-size: 14px;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
}
footer .footer_top .foot_menu .foot_item a:hover{
    text-decoration: underline;
}
footer .footer_bottom{
    border-top: 1px solid #9b9b9b;
    margin-top: 10px;
    padding: 15px 0px;
}
footer .footer_bottom .copyright{
    text-align: center;
}
footer .footer_bottom .copyright a,
footer .footer_bottom .copyright span{
    font-size: 12px;
    color: #626262;
}

.flex_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
footer .header_phones{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
footer .foot_feedbacks .header_phones .phone_item {
    margin-right: 0px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 175px;
    position: relative;
}
footer .foot_orders .header_phones .phone_item {
    margin-right: 0px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 140px;
    position: relative;
}
footer .header_phones .icon_phone {
    width: 25px;
    height: 25px;
    line-height: 30px;
}
footer .header_phones .icon_phone svg{
    width: 18px;
    height: 18px;
}
footer .header_phones a {
    color: #626262;
}
footer .header_phones .name_phone .number_phone {
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 400;
}
footer .footer_top .foot_feedbacks .header_phones .icon_phone {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: none;
}
footer .footer_top .foot_feedbacks .header_phones .icon_phone svg{
    width: 20px;
    height: 20px;
}
footer .footer_top .foot_feedbacks .header_phones .icon_phone.viber svg{
    color: #00aff0;
}
footer .footer_top .foot_feedbacks .header_phones .icon_phone.call_foot {
    background: url(../images/call_foot_icon.png) no-repeat;
}
footer .footer_top .foot_feedbacks .header_phones .icon_phone.viberfoot {
    background: url(../images/viber_icon.png) no-repeat;
}
footer .footer_top .foot_feedbacks .phone_item {
    margin-bottom: 15px;
}

/************************************************************************* Product_list.tpl  */


.promo_image{
    line-height: 25px;
    height: 40px;
    overflow: hidden;
    z-index: 20;
    margin-bottom: -15px;    
}
.promo_image span{
    color: #fff;
    font-size: 16px;
    display: block;
    text-align: center;
}
.promo_image .promo_top,
.promo_image .promo_new,
.promo_image .promo_sale{
    padding: 2px 20px;
    border-radius: 22px;
    z-index: 20;
    position: relative;
    background: #ff0000;
    display: inline-block;
    margin-right: 5px;
    
}
.promo_image .promo_top{
    background: #ff6c00;
}
.promo_image .promo_new{
    background: #00a3e6;
}

.inner_prewiew{
    background: #fff;
    padding: 10px;
}
.promo_img{
    position: absolute;
    top: 15px;
    left: 5px;
}
.preview_image{
    width: 100%;
    height: 218px;
    overflow: hidden;
    text-align: center;
/*    border: 1px solid #707070;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-bottom: 5px;
}
.compare_list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    position: relative;
    padding: 0px 10px;
}
.compare_list .remove_link{
    position: absolute;
    top: 0px;
    right: 5px;
    color: #f00;
}
.compare_list .preview_image{
    width: 80px;
    height: 65px;
    margin-right: 10px;
    overflow: hidden;
    text-align: center;
    border: 1px solid #707070;
}
.compare_list .compare_list_name{
    color: #06a2e3;
    font-size: 14px;
    display: block;
    text-decoration: none;
    padding-right: 15px;
}
.compare_list .compare_list_name:hover{
    text-decoration: underline;
}
.compare_list .compare_list_detail{
    width: calc(100% - 90px);
}
.compare_list .preview_variants{
    margin: 10px 0px 5px;
}
.compare_list .buttons_wishlist{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.compare_list .buttons_wishlist a{
    font-size: 12px;
    color: #999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}
.compare_list .overlay_buttons{
    margin-bottom: 10px;
}
.compare_list .buttons_wishlist .ico_wishlist{
    width: 28px;
    height: 28px;
    line-height: 36px;
    text-align: center;
    border-radius: 5px;
    margin-right: 3px;
    border: 1px solid #fff;
}
.compare_list .buttons_wishlist .ico_wishlist svg {
    width: 18px;
    height: 18px;
}
.compare_list .buttons_wishlist a:hover .ico_wishlist{
    border-color: #f36c16;
}
.compare_list .btn.btn_small svg {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
.compare_list .btn_small {
    font-size: 14px;
}
.compare_list .buttons_wishlist a:hover{
    color: #f36c16;
}
.compare_list .buy_price_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.category_product_name{
    color: #999999;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
}
.product_name{
    color: #222222;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    display: block;
    height: 38px;
    margin-bottom: 10px;
    text-decoration: none;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}
.product_name:hover{
    text-decoration: underline;
}

.availability_status{
    height: 20px;
    margin-bottom: 5px;
    overflow: hidden;
    line-height: 20px;
}
.availability_status .old_price{
    font-size: 14px;
    color: rgb(173, 173, 173);
    text-decoration: line-through;
}
.availability_status .old_price .currency{
    font-size: 12px;
}
.product_details .availability_status .old_price{
    font-size: 18px;
    color: rgb(173, 173, 173);
    text-decoration: line-through;
}
.product_details .availability_status .old_price .currency{
    font-size: 14px;
}
.availability_status .ends_with{
    font-size: 14px;
    color: #f36c16;
    font-weight: 500;
}
.availability_status .out_stock{
    font-size: 14px;
    color: #000000;
    font-weight: 500;
}
.products_item .preview_sku{
    display: none;
}

.preview .preview_sku .preview_sku_title{
    font-size: 14px;
    color: #9b9b9b;
    font-weight: 400;
}
.preview .preview_sku .preview_sku_number{
    font-size: 14px;
    color: #000000;
    border: 1px solid #9b9b9b;
    padding: 1px 3px;
}
.products_item .overlay_buttons{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px;
    margin-bottom: 10px;
}
.products_item .overlay_buttons .buttons_wishlist,
.products_item .overlay_buttons .buttons_comparison{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.products_item .overlay_buttons .buttons_wishlist a,
.products_item .overlay_buttons .buttons_comparison a{
    font-size: 12px;
    color: #999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}
.products_item .overlay_buttons .buttons_wishlist a.selected .ico_wishlist,
.products_item .overlay_buttons .buttons_wishlist a:hover .ico_wishlist{
    border-color: #f36c16;
}
.products_item .overlay_buttons .buttons_comparison a.selected .ico_comparison,
.products_item .overlay_buttons .buttons_comparison a:hover .ico_comparison{
    border-color: rgb(6, 162, 227);
}
.products_item .overlay_buttons .buttons_comparison a.selected,
.products_item .overlay_buttons .buttons_comparison a:hover{
    color: rgb(6, 162, 227);
}
.products_item .overlay_buttons .buttons_wishlist a.selected,
.products_item .overlay_buttons .buttons_wishlist a:hover{
    color: #f36c16;
}
.products_item .overlay_buttons .buttons_wishlist .ico_wishlist,
.products_item .overlay_buttons .buttons_comparison .ico_comparison{
    width: 28px;
    height: 28px;
    line-height: 36px;
    text-align: center;
    border-radius: 5px;
    margin-right: 3px;
    border: 1px solid #fff;
}
.products_item .buttons_wishlist .ico_wishlist svg{
    width: 18px;
    height: 18px;
}
.products_item .buttons_comparison .ico_comparison svg{
    width: 20px;
    height: 20px;
}
.inner_prewiew .buy_price_container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.buy_price_container .price{
    height: 32px;
    overflow: hidden;
    line-height: 32px;
    background: #e6e6e6;
    border-radius: 2px;
    color: #000000;
    font-size: 18px;
    padding: 0px 5px;
    font-weight: 500;
}
.buy_price_container .price .currency{
    font-size: 12px;    
}
.buy_price_container .product_buttons{
    height: 32px;
    overflow: hidden;
    line-height: 32px;
}
.products_item {
    position: relative;
    box-sizing: border-box;
    margin-bottom: 30px
}
.products_item:hover{
    z-index: 200;
}

.preview {
    overflow: hidden;
    height: 100%;
}
.products_item .preview_annotation{
    display: none;
    font-size: 12px;
    color: #595959;
    line-height: 18px;
}
.preview_annotation p{
    margin-bottom: inherit;
}
.products_item .preview_annotation:before {
    content: "";
    float: left;
    width: 5px;
    height: 72px;
}
.products_item .preview_images{
    position: absolute;
    top: 10px;
    left: 0px;
    opacity: 0px;
    visibility: hidden;
        
}
.products_item .preview_images .preview_images_item{
    width: 65px !important;
    height: 65px;
    line-height: 100px;
    border: 1px solid #333;
    text-align: center;
    margin-bottom: 10px;
}
.products_item .preview_form .preview_variants{
    display: none;   
}
.product_details .select_sort_wrap {
    margin-left: 0px;
}
.products_item .preview_form .variant_select {
    margin-top: 10px;
}
.main_products .products_item .preview_form .variant_select,
#products.grid .products_item .preview_form .variant_select {
    margin-top: 0px;
}
.slider_no_hover .products_item:hover .preview_no_images .preview_hover {
    left: inherit;
    right: inherit;
}
.slider_no_hover .products_item .overlay_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.slider_no_hover .products_item:hover .preview_images,
.slider_no_hover .category_product_name,
.slider_no_hover .promo_image,
.slider_no_hover .products_item:hover .preview_sku,
.slider_no_hover .products_item:hover .preview_annotation {
    display: none;
}

.slider_no_hover .products_item:hover .preview_hover,
.slider_no_hover .products_item:hover .preview_no_images .preview_hover {
    left: inherit;
    right: inherit;
    min-height: inherit;
    border: none;
    top: inherit;
    box-shadow: none;
    position: relative;
}
.slider_no_hover .products_item:hover .preview_no_images .inner_prewiew {
     margin-left: 0;
    margin-top: 0px;
    padding-bottom: 10px;
    padding-right: 10px;
}


/************************************************************************* Breacrumbs.tpl  */
.breadcrumbs {
    width: auto;
    display: inline-block;
    border: none;
    padding: 0px;
    margin-top: 0px;
    background: transparent;
    list-style: none;
    margin-bottom: 15px;
}
.breadcrumbs li {
    display: inline-block;
    padding: 0;
    color: #9b9b9b;
    margin: 3px 0;
    font-size: 14px;    
}
.breadcrumbs li + li:before { 
    padding: 0 3px;
    content: "\f101";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.breadcrumbs a{
    transition: all 0.2s ease;
    color: #2f2f2f;
    text-decoration: none;
}
.breadcrumbs a:hover{
    color: #403f3f;
}

/************************************************************************* Comments.tpl  */


.comment_item {
    margin-bottom: 15px;
    border-bottom: 1px solid #9b9b9b;
    padding-bottom: 15px;
}
.admin_note {
    border-bottom: none;
    margin-left: 30px;
    border-top: 1px dotted #9b9b9b;
    margin-bottom: 0px !important;
    margin-top: 15px !important;
    padding-top: 10px;
    padding-bottom: 0px;
}
.comment_author {
    font-weight: bold;
}
.comment_date {
    opacity: .7
}
.no_comments {
    margin-bottom: 15px;
}
.comment_header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5px;
}
.comment_answer{
    margin-top: 5px;
}
.comment_answer .answer{
    color: #06a2e3;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}
.comment_answer .answer:hover{
    text-decoration: none;
}
.comment_header .comment_header_name{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
.comment_header .comment_header_name img{
    margin-right: 10px;
    border: 1px solid #9b9b9b;
    padding: 2px;
}
.comment_header .comment_header_name .comment_name{
    margin-bottom: 5px;
    display: block; 
    font-size: 18px;
    color: #2f2f2f;
    font-weight: 500;
}
.comment_item .comment_content{
    font-size: 14px;
    color: #2f2f2f;
    font-weight: 300;
    line-height: 18px;
}


/************************************************************* Autorisation  */
.page_accaunt{
    max-width: 60%;
}
.form_login{
    padding-right: 40px;
    margin-right: 10px;
    border-right: 1px solid #9b9b9b;
}
.password_remind{
    font-size: 14px;
    color: #06a2e3;
}
.password_remind:hover{
    text-decoration: none;
}


/************************************************************************* Banner.tpl  */

.home_banner{
    margin-bottom: 15px;
}
#center_box .banners img{
    width: 100%;
    max-width: inherit;
}
.fancybox-slide > * {
    padding: 5px;
}
.products_item .preview_images .slick-prev {
    top: 0px;
}
.products_item .preview_images .slick-prev::before {
    margin-left: -2px;
    transform: rotate(45deg);
}

.products_item .preview_images .slick-prev,
.products_item .preview_images .slick-next {
    width: 45px;
    height: 23px;
    margin-top: -18px;
    left: 10px;
}
.products_item .preview_images .slick-next::before,
.products_item .preview_images .slick-prev::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border-top: 1px solid;
    border-left: 1px solid;
}
.products_item .preview_images .slick-next {
    right: inherit;
    top: 100%;
    margin-top: -10px;
    left: 3px;
}
.products_item .preview_images .slick-next::before {
    margin-left: 20px;
    transform: rotate(222deg);
}
.products_item .preview_images .slick-slide {
    float: none!important;
}
.orange_slick .slick-arrow {
    position: absolute;
    height: 5rem;
    width: 3.4375rem;
    padding: 0;
    font-size: 0;
    top: 50%;
    margin-top: -2.5rem;
    opacity: 0.2;
    z-index: 11;
    cursor: pointer;
    color: #bdbdbd;
    border: none;
    background: none;
    transform: scaleX(0.7);
    transition: all .22s ease-in
}
.comparison_products.orange_slick .slick-arrow {
    top: 94px;
}
.comparison_products .counter_comparison{
    color: rgb(243, 108, 22);
    font-size: 16px;
    padding: 0px 10px 5px;
    text-transform: uppercase;
    font-weight: 500;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}
.orange_slick.small_slick .slick-arrow {
    margin-top: -1.5rem;
}
.orange_slick .slick-prev::before {
    content: "\e836";
    margin-left: 0;
    transform: none;
}
.orange_slick .slick-next::before {
    content: '\e837';
    margin-left: 0;
    transform: none;
}
.orange_slick .slick-arrow:before {
    font-family: 'fontello';
    font-size: 4.0625rem;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.825);
    border: none;
}
.orange_slick.small_slick .slick-arrow::before {
    font-size: 2.3rem;
}
.orange_slick .slick-arrow:hover,
.orange_slick .slick-arrow:focus {
    opacity: 1;
}
.orange_slick .slick-arrow:hover:before,
.orange_slick .slick-arrow:focus:before {
    color: #f05600
}
.orange_slick .slick-arrow.slick-disabled {
    display: none !important
}
.orange_slick .slick-prev {
    left: -0.9375rem
}
.comparison_products.orange_slick .slick-prev {
    left: -2rem
}
.orange_slick .slick-next {
    right: -0.9375rem
}
.comparison_products.orange_slick .slick-next {
    right: -2rem
}
.orange_slick.slick-slider:hover .slick-arrow {
    opacity: 1;
    color: #737373
}
.orange_slick.slick-slider:hover .slick-prev {
    left: 0rem
}
.orange_slick.slick-slider:hover .slick-next {
    right: 0rem
}
.images .slick-current{
    border-color: rgb(243, 108, 22)!important;
}

/************************************************************************* Category.tpl  */

.categories {
    position: relative;
    max-width: 285px;
    width: 100%;
}
.categories_heading {
    max-width: 286px;
    width: 100%;
    height: 42px;
    line-height: 42px;
    color: #fff;
    background-color: #f36c16;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    padding-left: 20px;
}
.categories_heading svg{
    margin-right: 10px;
    background: 
}

.catalog_menu {
    display: none;
    background-color: #fff;
    font-weight: 400;
    font-size: 18px;
    color: #908d88;
    position: absolute;
    top: 42px;
    left: 0;
    z-index: 999;min-width: 100%;
}
.sidebar_category .catalog_menu {
    display: block;
    position: relative;
    top: 20px;
    left: 0;
}
/************************************************************** Меню каталога  */
.catalog_nav {
    position: relative;
}
.catalog_menu {
    background-color: #fff;
    padding-top: 0px;
    padding-bottom: 0px;
}
.catalog_menu li {
    position: relative;
}
.catalog_menu a {
    display: block;
    padding: 10px 40px 10px 20px;
    line-height: 19px;
    text-decoration: none;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.catalog_menu a:hover,
.angle_icon:hover {
    color: #ea3a3c;
} 
.angle_icon {
    position: absolute;
    width: 40px;
    height: 40px;
    font-size: 0;
    top: 0px;
    right: 3px;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}
.angle_icon svg {
    vertical-align: middle;
    width: 15px;
    height: 15px;
    color: #06a2e3;
}
.angle_icon.math svg {
    vertical-align: middle;
    width: 10px;
    height: 10px;
    color: #06a2e3;
}
.angle_icon.active {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.angle_icon.math{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.angle_icon.math.active {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.categories_menu.level_1:first-child{
    border-bottom: 1px solid #9b9b9b;
}
.categories_menu.level_1 .category_item:last-child .category_link{
    border-bottom: none;
}
.categories_menu.level_1 .category_item.opened .category_link{
    font-size: 14px;
    color: #f36c16;
    background: #fff;
    font-weight: 400;
    border-bottom: 1px solid #9b9b9b;
}
.categories_menu.level_1 .category_item .category_item:last-child{
    border-bottom: none;
}
.categories_menu.level_1 .category_item.opened .category_item:last-child{
    border-bottom: 1px solid #9b9b9b;
}
.categories_menu.level_1 .category_item.opened:last-child .category_item{
    border-bottom: none;
}
.subcategory.level_2 .category_item.opened .category_item:last-child{
    border-bottom: none;
}

.categories_menu .category_item .category_link{
    font-size: 14px;
    color: #fff;
    background: #646464;
    font-weight: 400;
    border-bottom: 1px solid #9b9b9b;
}
.categories_menu .category_item .category_item_brands span{
    vertical-align: bottom;
    margin-right: 3px;
}
.categories_menu .subcategory.level_2 .category_item .category_link{
    font-size: 18px;
    color: #908d88;
    font-weight: 400;
    border-bottom: none;
    padding: 5px 30px 5px 30px;
}
.categories_menu .subcategory.level_2 .category_item .category_link{
    font-size: 13px;
    color: #908d88;
    font-weight: 400;
    border-bottom: none;
    padding: 8px 40px 8px 30px;
}
.categories_menu .subcategory.level_2 .category_item .angle_icon {
    width: 40px;
    height: 35px;
    line-height: 35px;
    top: 0px;
    right: 0px;
}
.submenu {
    display: none;
}
.opened > .submenu {
    display: block;
}
.nav_heading {
    line-height: 44px;
    background-color: #444;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}

.catalog_blog {
    position: relative;
}
.catalog_blog .catalog_blog_title{
    font-size: 20px;
    color: #f36c16;
    background: #fff;
    font-weight: 500;
    border-bottom: 1px solid #9b9b9b;
    padding: 15px 15px 15px 20px;
}
.catalog_blog .menu_blog {
    position: relative;
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}
.catalog_blog .menu_blog li {
    position: relative;
}
.catalog_blog .menu_blog a {
    display: block;
    font-size: 18px;
    color: #333;
    position: relative;
    line-height: 22px;
    padding-left: 47px;
    text-decoration: none;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    padding: 8px 10px 8px 50px;
}
.catalog_blog .menu_blog a:before {
    content: "";
    position: absolute;
    left: 35px;
    top: 19px;
    color: #06a2e3;
    width: 10px;
    height: 1px;
    background: #06a2e3;
}

.menu_blog a.selected,
.menu_blog a:hover{
    color: #f36c16;
}
.main_box_category{
    max-width: 215px;
    margin: 13px auto;
    border: 1px dashed #b7b7b7;
    padding: 10px 5px;
    display: block;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    text-decoration: none;
}
.main_box_category:hover{
    border: 1px solid #f36c16;
    text-decoration: none;
}
.main_box_category .box_category_image{
    height: 125px;
    line-height: 170px;
}
.main_box_category .box_category_name{
    font-size: 12px;
    color: #2f2f2f;
    margin-top: 10px;
    border-bottom: 1px solid transparent;
}
.main_box_category:hover .box_category_name{
    color: #f36c16;
    text-decoration: underline;text
}


/************************************************************************* Product.tpl  */

.product_heading{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;  
}
.product_heading h1{
    margin-bottom: 0px;
}
.product_heading .preview_sku{
    margin-left: 15px;
}
.product_heading .preview_sku .preview_sku_title{
    font-size: 14px;
    color: #9b9b9b;
    font-weight: 400;
}
.product_heading .preview_sku .preview_sku_number{
    font-size: 14px;
    color: #000000;
    border: 1px solid #9b9b9b;
    padding: 1px 3px;
    background: #fff;
    margin-left: 5px;
}
.product .tabs{
    margin-bottom: 30px;
}

.wrap_product_box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.product_box_images{
    padding: 0px 15px 0px 0px;
    border-right: 1px solid #cdcdcd;
    max-width: 480px;
    width: 100%;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}
.product_box_images .product_image{
    width: 100%;
    height: 410px;
    overflow: hidden;
    text-align: center;
/*    border: 1px solid #707070;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    
}
.product_box_images .images{
    margin-top: 15px;
}
.product_box_images .images .images_item{
    width: 102px !important;
    height: 102px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #9b9b9b;
    text-align: center;
    margin: 0px 7px;
}
.product_box_tocart{
    max-width: 520px;
    width: 100%;
    padding: 0px 30px;
    border-right: 1px solid #cdcdcd;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}
.product_box_tocart .product_details{
    
}
.product_box_deliveries{
    padding: 0px 10px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}
.product_details .price {
    height: 45px;
    overflow: hidden;
    line-height: 45px;
    background: #e6e6e6;
    border-radius: 2px;
    color: #2f2f2f;
    text-align: center;
    font-size: 24px;
    padding: 0px 5px;
    font-weight: 500;
}
.product_details .price .currency {
    font-size: 16px;
}
.features {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.features li {
  padding: 10px 5px 10px 5px;
  overflow: hidden;
  border-top: 1px solid #ddd;
  background-color: #fff;
}
 .order_details tr {
    background-color: #fff;
 }
.features li:nth-child(odd), .order_details tr:nth-child(odd){
  background-color: #f7f7f7;
}
.features label {
  font-style: normal;
  display: block;
  width: 35%;
  float: left;
}
.features span {
  float: left;
  display: block;
  width: 65%;
  padding-left: 15px;
}
.tab_navigation {  
    overflow: hidden;
    z-index: 1;
    border-bottom: 1px solid #f36c16;
    margin-bottom: 10px;
}
.tab_navigation a {
    display: block;
    float: left;
    margin: 0 3px 0 0;
    color: #2f2f2f; 
    background: #fff;
    font-size: 18px;
    text-transform: uppercase;
    padding: 5px 20px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.mobile_tab_navigation {
    display: block;
    float: none;
    margin: 0 0 2px 0;
    cursor: pointer;
    background-color: #f36c16;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 20px;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.mobile_tab_navigation .angle_icon {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.mobile_tab_navigation.active .angle_icon {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.mobile_tab_navigation .angle_icon svg {
    vertical-align: middle;
    width: 15px;
    height: 15px;
    color: #fff;
}
.tab_navigation a:hover,
.tab_navigation a.selected {
    background-color: #f36c16;
    color: #fff;
}
.tab_container {
    overflow: hidden;
    background: #fff;
}
.tab {
  display: none;
  padding: 15px;
} 

.comment_item {
  margin-bottom: 15px;
}
.comment_item .comment_item {
  margin-top: 10px;
}
.comment_author {
  font-weight:bold;
  font-size: 16px;
}  
.comment_text {
  padding-left: 20px;
} 
.no_comments {
  margin-bottom: 15px;
}
.comment_form {
  margin: 20px 0 0;
}
.pager {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.pager li:nth-child(even) {
  text-align: right;
}
.pager a,
.pager a:hover span {
    text-decoration: none;
    font-size: 16px;
    color: #f36c16;    
}
.pager a span {
  text-decoration: underline;
}
.pager a:hover {
  color: #ea3a3c;
}
.product_details .product_buttons{
    width: 100%;
}
.product_details .btn_big {
    width: 100%;
}
.product_details .select_sort_wrap {
    margin-left: 0px;
}
.product_details .row{
     margin-right: -7px;
    margin-left: -7px;
}
.product_details .col-sm-12,
.product_details .col-xs-12,
.product_details .col-sm-6,
.product_details .col-xs-6{
    padding-right: 7px;
    padding-left: 7px;
}
.ratings_boxed{
    margin-bottom: 14px;
    margin-top: 5px;
}
.product_detail_status .details_label,
.ratings_boxed .details_label{
    font-size: 14px;
    color: #9b9b9b;
    margin-right: 7px;
}
.product_detail_status,
.ratings_boxed .rating_box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.rating_box .product_top_reviews{
    color: #06a2e3;
    font-size: 12px;
    text-decoration: none;
    margin-left: 5px;
}
.rating_box .product_top_reviews:hover{
    text-decoration: underline;
}
.product_detail_status .in_stock{
    color: #01b901;
    font-size: 14px;
}
.product_detail_status .no_stock{
    color: #ed2024;
    font-size: 14px;
}
.product_overlay_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.product_overlay_buttons .buttons_wishlist .ico_wishlist,
.product_overlay_buttons .buttons_comparison .ico_comparison {
    width: 30px;
    height: 30px;
    line-height: 42px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #fff;
    display: block;
    margin: 0px auto 7px;
}
.product_overlay_buttons .buttons_wishlist,
.product_overlay_buttons .buttons_comparison {
    width: 50%;
}
.product_overlay_buttons .buttons_wishlist .result_comp,
.product_overlay_buttons .buttons_comparison .result_comp {
    display: block;
}
.product_overlay_buttons .buttons_wishlist a, 
.product_overlay_buttons .buttons_comparison a {
    font-size: 12px;
    color: #999999;
    text-decoration: none;
    display: block;
    width: 100%;
    text-align: center;
}


.product_overlay_buttons .buttons_comparison a.selected, 
.product_overlay_buttons .buttons_comparison a:hover {
    color: rgb(6, 162, 227);
}
.product_overlay_buttons .buttons_wishlist a.selected, 
.product_overlay_buttons .buttons_wishlist a:hover{
    color: #f36c16;
}
.product_overlay_buttons .buttons_comparison a.selected .ico_comparison, 
.product_overlay_buttons .buttons_comparison a:hover .ico_comparison {
    border-color: rgb(6, 162, 227);
}
.product_overlay_buttons .buttons_wishlist a.selected .ico_wishlist, 
.product_overlay_buttons .buttons_wishlist a:hover .ico_wishlist{
    border-color: #f36c16;
}
.product_share,
.product_instruction{
    border-top: 1px solid #9b9b9b;
    padding-top: 8px;
    margin-top: 15px;
    margin-bottom: 0px;
}
.product_instruction .instruction_boxed,
.product_instruction .print_boxed{
    width: 25%;
}
.product_instruction .product_instruction_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.product_instruction .product_instruction_items a{
    text-decoration: none;
}
.product_instruction .pr_instruction_icon{
    display: inline-block;
    background: url(../images/instr.png) no-repeat;
    background-size: auto auto;
    text-align: center;
    width: 30px;
    height: 30px;
    margin: 10px 0px;
    background-size: cover;
}
.product_instruction .pr_print_icon{
    display: inline-block;
    background: url(../images/print_icon.png) no-repeat;
    background-size: auto auto;
    text-align: center;
    width: 30px;
    height: 30px;
    margin: 10px 0px;
    background-size: cover;
}
.product_instruction .pr_del_icon{
    display: inline-block;
    text-align: center;
    width: 30px;
    height: 30px;
    margin: 10px 0px;
}
.product_instruction .pr_instruction_name,
.product_instruction .pr_print_name{
    display: block;
    text-align: center;
    color: #9b9b9b;
    font-size: 14px;
}

.product_box_deliveries{
    padding-left: 15px;
}
.product_box_deliveries .pr_deliveries_items .info_delivery{
    margin-bottom: 15px;
}
.product_box_deliveries .info_delivery_title{
    font-size: 16px;
    font-weight: 500;
    color: #2f2f2f;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.product_box_deliveries .info_delivery_name{
    font-size: 16px;
    color: #06a2e3;
    margin-bottom: 7px;
    margin-left: 15px;
    margin-top: 10px;
}
.product_box_deliveries .info_delivery_promo_name{
    font-size: 14px;
    font-weight: 300;
    color: #595959;
    margin-bottom: 5px;
    margin-left: 20px;
}
.product_box_deliveries .info_delivery p{
    font-size: 16px;
    font-weight: 300;
    color: #595959;
    margin-bottom: 5px; 
    margin-left: 25px;
}
.product_box_deliveries .info_payment .info_delivery_descr span,
.product_box_deliveries .info_guarantee .info_delivery_descr span{
    font-size: 16px;
    font-weight: 300;
    color: #595959;
    margin-bottom: 0px;
}
.product_box_deliveries .info_payment .info_delivery_descr,
.product_box_deliveries .info_guarantee .info_delivery_descr{
    font-weight: 400;
    margin-bottom: 15px;
}


/******************************************************************  POPUP WINDOW  */

.popup {
    max-width: 500px;
    width: 100%;
    padding: 5px;
    text-align: center;
}
.popup_map {
    max-width: 1000px;
    width: 100%;
    padding: 5px;
    max-height: 100%;
    text-align: center;
}
.popup_heading {
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}
.popup_heading_name{
    color: #06a2e3;
    text-decoration: none;
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}

.popup_cart{
    max-width: 960px;
    width: 100%;
    padding: 5px;
}
.popup_purchase{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
        align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.popup_purchase_buttons{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.popup_purchase{
    border-bottom: 1px solid #9b9b9b;
    padding: 15px 0px;
}
.popup_purchase .purchase-remove a{
    color: #9b9b9b;
}
.popup_purchase .purchase-remove a:hover{
    color: #f00;
}
.popup_purchase_img{
    width: 140px;
    text-align: center;
    margin-right: 15px;
}
.popup_purchase_name a{
    color: #06a2e3;
    text-decoration: none;
    font-size: 20px;
    display: block;
    margin-bottom: 15px;
}
.popup_title_full_price{
    margin-bottom: 10px;
    font-size: 14px;
}
.popup_purchase_price{
    background: #e6e6e6;
    color: #2f2f2f;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    padding: 5px 15px;
}
.popup_purchase_left{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
.popup_purchase_right{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: flex-end;
}
.popup_bottom_left .btn_popup_cart{
    margin-bottom: 15px;
}
.popup_purchase_full_boxed{
    background: #dadada;
    color: #000000;
    font-size: 24px;
    padding: 5px 15px 15px 15px;
}
.popup_purchase_full_price{
    color: #222222; 
     width: 100px;
    font-size: 16px;
    font-weight: 300;
    text-align: right;
}
.popup_purchase_amount{
    width: 100px;
    margin-top: 20px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.popup_purchase_amount .input_amount{
    height: 30px;
    line-height: 30px;
    width: 45px;
    border: 1px solid #7c7c7c;
    border-radius: 3px;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
}
.popup_purchase_amount span{
    height: 30px;
    line-height: 30px;
    width: 30px;
    font-size: 24px;
    font-weight: 300;
    cursor: pointer;
}
.popup_purchase_amount span:hover{
    color: #34c734;
}
.popup_bottom_full_price{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
        -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
}


/************************************************************* Описание товаров  */

.products_container .seo-text{
    margin-bottom: 30px;
    font-size: 16px;
}
.seo-text-height {
    max-height: 160px;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;    
}
.products_container .seo-text-height {
    margin-top: 5px;
    margin-bottom: 10px;
}
.xhr {
    color: #06a2e3;
    font-size: 14px;
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0px;
    display: block;
    text-align: right;
    cursor: pointer;
    margin-bottom: 20px;
}  
.products_container .xhr {
    margin-bottom: 25px;
}
.xhr svg{
    margin-right: 3px;
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.xhr span{
    border-bottom: 1px #06a2e3 solid;
}
.xhr span:hover{
    border-bottom: 1px transparent solid;
}
.xhr svg,
.xhr span{
    vertical-align: bottom;
}

.seo-text-height::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 3em;
    background: -moz-linear-gradient(top,rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(247,247,247,0)),color-stop(100%,rgba(247,247,247,1)));
    background: -webkit-linear-gradient(top,rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%);
    background: -o-linear-gradient(top,rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%);
    background: -ms-linear-gradient(top,rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%);
    background: linear-gradient(top,rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%);
}
.product_description .seo-text-height::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 3em;
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(247,247,247,0)),color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,242557,1) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}
.product_description{
    display: block;
}

/******************************************************************** Comparison_page  */

.comparison_page {
    padding-bottom: 40px;
}
.comparison_left {
    float: left;
    width: 25%;
}
.comparison_products {
    float: right;
    width: 75%;
    position: relative;
    margin: 0;
    border-left: 1px solid #e8e8e1;
}
.comparison_item {
    border-right: 1px solid #e8e8e1;
}
.cell {
    padding: 10px 15px;
    border-bottom: 1px solid #e8e8e1;
}
.comparison_item .cell,
.comparison_item .cprs_rating {
    text-align: center;
}
.cprs_rating {
    padding: 10px 15px;
    border-bottom: 1px solid #e8e8e1;
    border-top: 1px solid #e8e8e1;
}
.cell:nth-child(odd) {
    background: #efefef;
}
.compare_controls {
    position: relative;
}
.compare_show {
    position: absolute;
    left: 0px;
    bottom: 5px;
}
.compare_show a {
    display: inline-block;
    margin: 0 5px 5px 15px;
    color: #06a2e3;
    font-size: 14px;
}
.compare_show a:hover,
.compare_show .active {
    color: #f36c16;
    text-decoration: none;
}



/************************************************************* Cart.tpl  */

.purchase {
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #e8e8e1;
}
.purchase a {
  text-decoration: none;
}
.purchase td {
    vertical-align: top;
    padding: 10px;
}
.purchase th,
.purchase td {
    vertical-align: top;
    border-bottom: 1px solid #e8e8e1;
}
.purchase_image {
    width: 140px;
    text-align: center;
    margin-right: 15px;
}
.purchase_name_box a.purchase_name  {
    color: #06a2e3;
    text-decoration: none;
    font-size: 18px;
    display: block;
    margin-bottom: 15px;
}
.purchase_name_box i.purchase_variant  {
    color: #06a2e3;
    display: block;
    margin-bottom: 10px;
}
.purchase_price {
    background: #e6e6e6;
    color: #2f2f2f;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    padding: 5px 15px;
}
.purchase td.purchase_remove  {
    vertical-align: middle;
}
.purchase_remove svg {
    width: 22px;
    height: 22px;
}
.purchase_remove a {
    text-decoration: none;
    color: #F13340;
}
.purchase_remove a:hover {
    text-decoration: none;
    color: #F13340;
}
.remove_icon {
    width: 14px;
    height: 14px;
    vertical-align: middle;
}
.purchase_preorder,
.purchase_sum {
  color: #F13340;
}
.remove_icon {
  width: 14px;
  height: 14px;
  vertical-align: middle;
}
.purchase_amount .amount {
    width: 100px;
    margin: 10px auto 0px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.purchase_amount span{
    height: 30px;
    line-height: 30px;
    width: 30px;
    font-size: 24px;
    font-weight: 300;
    cursor: pointer;
}
.purchase_amount .input_amount {
    height: 30px;
    line-height: 30px;
    width: 45px;
    border: 1px solid #7c7c7c;
    border-radius: 3px;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
}

.purchase_full_price {
    color: #222222;
    width: 120px;
    font-size: 18px;
    font-weight: 300;
    text-align: right;
}
.purchase_full_price .nowrap{
    margin-top: 15px;
    display: block;
}
.purchase_title_amount {
    margin-bottom: 10px;
    font-size: 14px;
    color: #222222;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
}
.purchase_title_full_price {
    margin-bottom: 10px;
    font-size: 14px;
}
.purchase_total {
    font-weight: bold;
    font-size: 16px;
}
.purchase_total .total_sum {
    color: #01b901;
    margin-left: 10px;
}
.purchase .coupon,
.purchase .purchase_total {
  padding: 10px;
}
.purchase .purchase_total {
    vertical-align: middle;
    text-align: right;
    font-size: 22px;
}
.input_coupon {
  vertical-align: top;
  width: 165px;
  height: 35px;
  padding: 0 8px;
  border: 1px solid #ddd;
  border-radius: 2px;
  font-size: 13px;
  font-family: inherit;
}
.coupon .message_error {
  margin: 0 0 10px;
  width: 300px;
}
.delivery {
    padding: 10px;
}
.delivery_item {
  margin-bottom: 20px;
}
.delivery_description {
  margin-left: 40px;
  display: none;
}
.active + .delivery_description {
  display: block;
}
.input_delivery {
  float: left;
    display: none;
  margin: 8px 0 0;
}
.delivery_item img {
  vertical-align: middle;
  margin-right: 4px;
  max-height: 32px;
}
.delivery_name {
  display: block;
  padding-left: 10px;
}
.delivery_label {
  display: block;
  overflow: hidden;
  margin-bottom: 5px;
  font-weight: 500;
}
.active.delivery_label {
  font-weight: bold;
}
.order_details  {
  width: 100%;
  margin-bottom: 40px;
}
.order_details td {
  padding: 8px 15px;
  border: 1px solid #ddd;
}
.method_name {
  font-weight: bold;
  font-size: 16px;
}
.method_form {
  margin: 15px 0;
}
.method_description {
  margin-bottom: 15px;
}
.cart_button--right {
    margin-bottom: 15px;  
    float: right;      
}
.cart_button--right .btn_green {
    margin-left: 15px;
}
.cart_header {
    font-size: 24px;
    margin-bottom: 20px;
    margin-left: 10px;
    clear: both;
}
/************************************************************* Blog.tpl  */

.blog_news .news_item{
    border: 1px solid #eaeaea;
    margin-bottom: 15px;
    padding: 15px 15px 15px;
    background: #fff;
}

.blog_news .news_item .news_image{
    position: relative;
    display: block;
    margin-bottom: 10px;
}
.blog_news .news_item .news_date{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0px;
    visibility: hidden;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin-bottom: 10px;
}
.blog_news .news_item:hover .news_date{
    opacity: 0px;
    visibility: hidden;
    color: #000;
}
.blog_news .news_item .news_name{
    color: #06a2e3;
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
    text-decoration: none;
}
.blog_news .news_item .news_name:hover{
    text-decoration: underline;
}
.blog_news .news_item .news_annotation{
    font-size: 12px;
    color: #222222;
    line-height: 18px;
}
.blog_news .news_item .news_annotation {
    overflow: hidden;
    height: 72px;
    width: 100%;
}

.blog_news .news_item .news_annotation:before {
    content: "";
    float: left;
    width: 5px;
    height: 72px;
}


/************************************************************* Brand.tpl  */

@media (min-width: 992px) {
    #page_brands.col-lg-3 {
        max-width: 285px;
        width: 100%;
        box-sizing: content-box;
    }
    #page_brands.col-lg-9 {
        max-width: calc(100% - 345px);
        width: 100%;
        padding: 0;
    }
}
.page_brands .p_brand_item{
    margin-bottom: 40px;
}
.page_brands .p_brand_item a{
    display: block;
    text-decoration: none;
}
.page_brands .brand_image {
    width: 100%;
    height: 230px;
    text-align: center;
    border: 1px dashed #b7b7b7;
    position: relative;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.page_brands .brand_image:hover {
    border: 1px solid #f36c16;
}
.page_brands .brand_image:hover .brand_name {
    color: #f36c16;
    text-decoration: underline;
}
.page_brands .brand_name{
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 10px;
    text-align: center !important;
    opacity: 1;
    color: rgb(51, 51, 51);
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.apply_reset_feature.apply{
    text-align: left;
    display: inline-block;
    width: 49%;
    color: #f36c16;
}
.apply_reset_feature.reset{
    text-align: right;
    display: inline-block;
    width: 49%;
    color: #f36c16;
}
.warehouses_novaposhta{
    max-width: calc(100% - 110px)!important;
    position: relative;
    height: 35px;
    padding: 0 15px;
    color: rgb(0, 0, 0) !important;
    font-size: 14px;
    line-height: 35px;
    border: 1px solid rgb(183, 183, 183);
    border-radius: 5px;
    background: url(../images/select_arrow.png) no-repeat right 10px center rgb(255, 255, 255);
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    max-width: 100%;
    font-family: inherit;
    box-shadow: inset 0px 5px 11px -4px RGB(201, 201, 201);
    -webkit-box-shadow: inset 0px 5px 11px -4px RGB(201, 201, 201);
    -moz-box-shadow: inset 0px 5px 11px -4px #C9C9C9;
    -o-box-shadow: inset 0px 5px 11px -4px #C9C9C9;
    }
.novaposhta_div{
    margin-top: 15px;
    margin-left: 25px;
}
.chosen-container-single .chosen-single div b {
    background-position:  0 8px!important;
}
.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    height: 35px!important;
    color: rgb(68, 68, 68);
    text-decoration: none;
    white-space: nowrap;
    line-height: 35px!important;
    width: 100%!important;
    padding: 0 15px!important;
    color: rgb(0, 0, 0) !important;
    font-size: 14px!important;
    border: 1px solid rgb(183, 183, 183)!important;
    border-radius: 5px!important;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    max-width: 100%;
    background: #fff!important;
    box-shadow: inset 0px 5px 11px -4px RGB(201, 201, 201)!important;
    -webkit-box-shadow: inset 0px 5px 11px -4px RGB(201, 201, 201)!important;
    -moz-box-shadow: inset 0px 5px 11px -4px #C9C9C9!important;
    -o-box-shadow: inset 0px 5px 11px -4px #C9C9C9!important;
}
#redelivery{
    margin-left: 4px;
    vertical-align: middle;
}
#delivery_novaposhta select{
    line-height: inherit;
    max-width: 100%!important;
}
.chosen-container{
 max-width: 100%!important;
}
.instruction_boxed {
    overflow: hidden;
}
.order_success_text {
    font-weight: bold;
    color: #000;
}
#page_brands.sidebar_category .catalog_menu{
    position: static;
    top: 0;
}
.page_brands .sidebar_category .catalog_menu {
    margin-top: -20px;
}
#page_brands.sidebar_category .category_item.category_item_brands,
#page_brands.sidebar_category .category_item.category_item_brands .category_link {
    font-size: 14px;
    color: #fff !important; 
    background: #646464 !important;
    font-weight: 400;
    border-bottom: 1px solid #9b9b9b !important;
}
.pagination {
    position: relative;
}
.show_more {
    position: absolute;
    top: -10px;
    left: 0;
    bottom: 0;
    cursor: pointer;
}
.show_more a {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.show_more .show_more__text{
   padding-left: 10px;
   color: #f36c16;
   text-decoration: inherit;
}
.show-items {
    padding: 5px 0;
    cursor: pointer;
    height: 20px;
    background-image: url('../images/moreFilter.png');
    background-repeat: no-repeat;
    background-position: center 50%;
}
.brands .menu_blog_link {
    font-size: 14px;
    color: #fff !important;
    background: #646464;
    font-weight: 400;
    border-bottom: 1px solid #9b9b9b;
}
.brands .menu_blog_link:hover {

    color: #f36c16 !important;

}
.brands .menu_blog {
    background: #646464;
}
.brands .catalog_blog_title {
    font-size: 20px;
    color: #fff;
    background:  #f36c16;
    font-weight: 500;
    border-bottom: 1px solid #9b9b9b;
    padding: 15px 15px 15px 20px;
}
.brands.catalog_blog .menu_blog a:before {
    content: "";
    position: absolute;
    left: 35px;
    top: 19px;
    color: #06a2e3;
    width: 0px;
    height: 0px;
    background: #06a2e3;
}
.brands.catalog_blog .menu_blog a {
    padding: 8px 40px 8px 20px;
    font-size: 14px;
    color: #fff;
    background: #646464;
    font-weight: 400;
}
.fn_filter_group {
    margin-right: -10px;
}
.filter_group {}
.filter_group--overflow {    
    max-height: 265px;
    overflow-x: auto;
    margin-right: -10px; 
    padding: 5px 0;
}