.nav_button, .cd-panel-header{display: none;}
.nav_button{
    position: fixed;bottom: 15px;left: 15px;background: #000;z-index: 999;padding: 11px 12px 8px 12px;line-height: normal;
}
i.ti-menu{
    color: white;font-size: 20px;line-height: normal;
}
/* navigation */
ul.slimmenu {
    width: 100%;margin: 0;padding: 0;list-style-type: none;
    font-family: "FuturaMediumc";
}
ul.slimmenu:before, ul.slimmenu:after {content: '';display: table;}
ul.slimmenu:after {clear: both;}
ul.slimmenu.collapsed li {
    display: block;width: 100%;
    box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
}
ul.slimmenu.collapsed li>ul {position: static;display: none;}
ul.slimmenu.collapsed li a {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.075);
    box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
}
ul.slimmenu li {position: relative;float: left;display: inline-block;}
ul.slimmenu li ul {margin: 0;list-style-type: none;}
ul.slimmenu li ul li{float: none;display: block;text-align: left;}
ul.slimmenu li > ul {
    position: absolute;left: 0;top: 100%;z-index: 999;display: none;width: 100%;min-width: 360px;
}
ul.slimmenu li > ul > li ul {
    position: absolute;left: 100%;top: 0;z-index: 999;display: none;width: 100%
}

/* Level-1 */

li.level1 > a {
    padding: 2px 0;margin: 10px;display: block;position: relative;
    color: #272727;font-size: 17px;
    transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -webkit-transition: background-color 0.5s ease-out;
}
.no-touch li.level1 > a:hover, li.level1.linked > a, li.level1:hover > a, li.level1.active > a{color: #b69d67;}
li.level1.has-submenu > a {padding-right: 20px;}

/* Level-2 */

li.level2 > a {
    color: #272727;font-size: 15px;
    padding: 10px 20px;background: #f8f8f8;border-bottom: 1px solid #e0e0e0;display: block;position: relative;
    transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -webkit-transition: background-color 0.5s ease-out;
}
.no-touch li.level2 > a:hover, li.level2.linked > a, li.level2:hover > a, li.level2.active > a{background-color: #ccc;color: #b69d67;}
li.level2.has-submenu > a {padding-right: 20px;}
/**/
ul.slimmenu li.first.level1 > ul, ul.slimmenu li.level1:nth-child(2) > ul, ul.slimmenu li.level1:nth-child(4) > ul{
    width: 1000px;background: #fff;padding: 15px 0 30px;
    -webkit-box-shadow: 0px 6px 21px 0px rgba(136, 128, 111, 0.49);
    -moz-box-shadow: 0px 6px 21px 0px rgba(136, 128, 111, 0.49);
    box-shadow: 0px 6px 21px 0px rgba(136, 128, 111, 0.49);
}
ul.slimmenu li.level1:nth-child(2) > ul{left: -130px;}
ul.slimmenu li.level1:nth-child(4) > ul{left: -350px;}
ul.slimmenu li.first.level1 > ul li, ul.slimmenu li.level1:nth-child(2) > ul li, ul.slimmenu li.level1:nth-child(4) > ul li{
    display: inline-block;width: 16.4%;vertical-align: top;text-align: center;margin-bottom: 10px;
}
li.first.level1 a:after, li.level1:nth-child(2) a:after, li.level1:nth-child(4) a:after{display: none;}
li.first.level1 > ul li.level2 > a,
.no-touch li.first.level1 > ul  li.level2 > a:hover, li.first.level1 > ul li.level2.linked > a, 
li.first.level1 > ul li.level2:hover > a, li.first.level1 > ul li.level2.active > a,
li.level1:nth-child(2) > ul li.level2 > a,
.no-touch li.level1:nth-child(2) > ul  li.level2 > a:hover, li.level1:nth-child(2) > ul li.level2.linked > a, 
li.level1:nth-child(2) > ul li.level2:hover > a, li.level1:nth-child(2) > ul li.level2.active > a,
li.level1:nth-child(4) > ul li.level2 > a,
.no-touch li.level1:nth-child(4) > ul  li.level2 > a:hover, li.level1:nth-child(4) > ul li.level2.linked > a, 
li.level1:nth-child(4) > ul li.level2:hover > a, li.level1:nth-child(4) > ul li.level2.active > a{background: #fff;border-bottom: 0;}
li.first.level1 > ul li.level2 > a > div,
li.level1:nth-child(2) > ul li.level2 > a > div,
li.level1:nth-child(4) > ul li.level2 > a > div {
    display: block;margin: 0 auto 10px;width: 110px;height: 92px;
    background-repeat: no-repeat;background-position: center;background-size: contain;border: 0px solid rgba(0, 0, 0, 0.075);
}


/* Level-3 */

li.level3 > a{
    color: #272727;font-size: 15px;
    padding: 10px 20px;background: #f8f8f8;border-bottom: 1px solid #e0e0e0;display: block;position: relative;
    transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -webkit-transition: background-color 0.5s ease-out;
}
.no-touch li.level3 > a:hover, li.level3.linked > a{background-color: #ccc;color: #b69d67;}
li.level3.has-submenu > a{padding-right: 20px;}

/* Анимация при наведении на первый уровень */

.level1 a:after{
    position: absolute;right: 1px;bottom: 0;left: 1px;content: '';height: 1px;background-color: #b69d67;
    -webkit-transform: scalex(0);-ms-transform: scalex(0);-moz-transform: scalex(0);-o-transform: scalex(0);transform: scalex(0);
    -webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;
}
.level1:hover a:after {
    -webkit-transform: scalex(1);-ms-transform: scalex(1);-moz-transform: scalex(1);-o-transform: scalex(1);transform: scalex(1);
}

/* стрелка выпадающего меню */

ul.slimmenu.collapsed li .sub-toggle {height: 43px;}
ul.slimmenu li .sub-toggle {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    width: 30px;
    height: 100%;
    text-align: center;
    cursor: pointer;
}
ul.slimmenu li .sub-toggle > i {
    color: #333;
    font-size: 13px;
    font-family: 'themify';
}
ul.slimmenu li .sub-toggle > i.up:after, ul.slimmenu li .sub-toggle > i.down:after{
    font-style: normal;
    font-weight: normal;
    position: absolute;
    left: 9px;
    top: 0;
    margin-top: 17px;
}
ul.slimmenu li .sub-toggle > i.up:after {content: "\e648";}
ul.slimmenu li .sub-toggle > i.down:after {content: "\e64b";}
ul.slimmenu li.level2 .sub-toggle > i.up:after, ul.slimmenu li.level2 .sub-toggle > i.down:after{
    font-style: normal;
    font-weight: normal;
    position: absolute;
    left: 9px;
    top: 0;
    margin-top: 14px;
}
ul.slimmenu li.level2 .sub-toggle > i.up:after {content: "\e649";}
ul.slimmenu li.level2 .sub-toggle > i.down:after {content: "\e649";}
/* стрелка выпадающего меню с использованием класса для тега і
ul.slimmenu li .sub-toggle {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    width: 30px;
    height: 100%;
    text-align: center;
    cursor: pointer;
}
ul.slimmenu li .sub-toggle:before {
    content: '';
    display: inline-block;
    height: 100%;
    margin-top: 0.15em;
    vertical-align: middle;
}
ul.slimmenu li .sub-toggle > i {
    display: inline-block;
    color: #333;
    font-size: 13px;
    font-family: 'themify';
    vertical-align: middle;
} */
ul.slimmenu > li:first-child{border-left: 0;}

@media screen and (max-width:1200px){
    html{height: 100%;}
    ul.slimmenu li > ul{min-width: 1px;}
    ul.slimmenu li ul{height: auto !important;}
    ul.slimmenu li ul li {text-align: center;}
    ul.slimmenu li .sub-toggle {width: 38px;}
    ul.slimmenu.collapsed li .sub-toggle {height: 53px;}
    ul.slimmenu li .sub-toggle > i{color: #272727;}
    ul.slimmenu.collapsed li.level2 .sub-toggle {height: 40px;}
    li.level1 > a{margin: 0;}
    /* Level-2 */
    li.level2 a, li.level1.linked li.level2 a {
        color:#222;
        background: #f8f8f8;
    }
    li.level2 a:hover, li.level2.linked a,
    li.level1.linked li.level2 a:hover, li.level1.linked li.level2.linked a {background-color: #ccc;}
    ul.slimmenu li.first.level1 > ul, ul.slimmenu li.level1:nth-child(2) > ul, ul.slimmenu li.level1:nth-child(4) > ul{width: 100%;}
    ul.slimmenu li.first.level1 > ul li, ul.slimmenu li.level1:nth-child(2) > ul li, ul.slimmenu li.level1:nth-child(4) > ul li{
        width: 32.8%;
    }
    /* Level-3 */
    
    li.level3 a, li.level2.linked li.level3 a {
        color:#222;
        background: #f8f8f8;
    }
    li.level3 a:hover, li.level3.linked a,
    li.level2.linked li.level3 a:hover, li.level2.linked li.level3.linked a {background-color: #ccc;}
    ul.slimmenu li.level1 .sub-toggle > i {font-size: 15px;}
    ul.slimmenu li.level1 .sub-toggle > i.up:after, ul.slimmenu li.level1 .sub-toggle > i.down:after{left: 12px;margin-top: 16px;}
    ul.slimmenu li.level2 .sub-toggle > i.up:after, ul.slimmenu li.level2 .sub-toggle > i.down:after{left: 15px;margin-top: 12px;}
    ul.slimmenu li .sub-toggle > i.up:after, ul.slimmenu li.level2 .sub-toggle > i.up:after {content: "\e622";}
    ul.slimmenu li .sub-toggle > i.down:after, ul.slimmenu li.level2 .sub-toggle > i.down:after {content: "\e61a";}
    li.level1 > a, li.level2 > a, li.level3 > a{padding: 14px 15px 14px 25px;}
    li.level2 > a{padding: 10px 10px 10px 10px;}
    
    /* Выдвижная панель*/
    .nav_button, .cd-panel-header{display: block;}
    .cd-panel {
      position: fixed;z-index: 9999;top: 0;left: 0;height: 100%;width: 100%;visibility: hidden;
      -webkit-transition: visibility 0s 0.6s;
      -moz-transition: visibility 0s 0.6s;
      transition: visibility 0s 0.6s;
    }
    .cd-panel::after {
      /* overlay layer */
      content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;cursor: pointer;
      -webkit-transition: background 0.3s 0.3s;
      -moz-transition: background 0.3s 0.3s;
      transition: background 0.3s 0.3s;
    }
    .cd-panel.is-visible {
      visibility: visible;
      -webkit-transition: visibility 0s 0s;
      -moz-transition: visibility 0s 0s;
      transition: visibility 0s 0s;
    }
    .cd-panel.is-visible::after {
      background: rgba(0, 0, 0, 0.7);
      -webkit-transition: background 0.3s 0s;
      -moz-transition: background 0.3s 0s;
      transition: background 0.3s 0s;
    }
    /* ----------- ХЕДЕР ---------- */
    .cd-panel-header {
      position: fixed;width: 80%;min-width: 275px;max-width: 450px;height: 45px;line-height: 45px;background: #272727;z-index: 2;
      box-shadow: rgba(104, 104, 104, 0.298039) 2px 2px 2px 0px;-webkit-transition: top 0.3s 0s;-moz-transition: top 0.3s 0s;transition: top 0.3s 0s;
    }
    .cd-panel-nav-title {
      color: #fff;font-size: 17px;font-family: "FuturaLightc";text-align: center;
    }
    .from-right .cd-panel-header, .from-left .cd-panel-header {
      top: -50px;
    }
    .from-right .cd-panel-header {
      right: 0;
    }
    .from-left .cd-panel-header {
      left: 0;
    }
    .is-visible .cd-panel-header {
      top: 0;
      -webkit-transition: top 0.3s 0.3s;
      -moz-transition: top 0.3s 0.3s;
      transition: top 0.3s 0.3s;
    }
    .cd-panel-close {
        position: absolute;top: 0;right: -45px;height: 100%;width: 45px;display: inline-block;
        overflow: hidden;text-indent: 100%;white-space: nowrap;background: #b69d67;
    }
    .cd-panel-close::before, .cd-panel-close::after {
      /* close icon created in CSS */
        content: '';position: absolute;top: 21px;left: 14px;height: 2px;width: 16px;background-color: #ffffff;
      /* this fixes a bug where pseudo elements are slighty off position */
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
    }
    .cd-panel-close::before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    .cd-panel-close::after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }
    .no-touch .cd-panel-close:hover {
      background-color: #424f5c;
    }
    .no-touch .cd-panel-close:hover::before, .no-touch .cd-panel-close:hover::after {
      background-color: #ffffff;
      -webkit-transition-property: -webkit-transform;
      -moz-transition-property: -moz-transform;
      transition-property: transform;
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      transition-duration: 0.3s;
    }
    .no-touch .cd-panel-close:hover::before {
      -webkit-transform: rotate(220deg);
      -moz-transform: rotate(220deg);
      -ms-transform: rotate(220deg);
      -o-transform: rotate(220deg);
      transform: rotate(220deg);
    }
    .no-touch .cd-panel-close:hover::after {
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg);
    }
    .cd-panel.is-visible .cd-panel-close::before {
      -webkit-animation: cd-close-1 0.6s 0.3s;
      -moz-animation: cd-close-1 0.6s 0.3s;
      animation: cd-close-1 0.6s 0.3s;
    }
    .cd-panel.is-visible .cd-panel-close::after {
      -webkit-animation: cd-close-2 0.6s 0.3s;
      -moz-animation: cd-close-2 0.6s 0.3s;
      animation: cd-close-2 0.6s 0.3s;
    }
    
    @-webkit-keyframes cd-close-1 {
      0%, 50% {
        -webkit-transform: rotate(0);
      }
      100% {
        -webkit-transform: rotate(45deg);
      }
    }
    @-moz-keyframes cd-close-1 {
      0%, 50% {
        -moz-transform: rotate(0);
      }
      100% {
        -moz-transform: rotate(45deg);
      }
    }
    @keyframes cd-close-1 {
      0%, 50% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
      }
      100% {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
      }
    }
    @-webkit-keyframes cd-close-2 {
      0%, 50% {
        -webkit-transform: rotate(0);
      }
      100% {
        -webkit-transform: rotate(-45deg);
      }
    }
    @-moz-keyframes cd-close-2 {
      0%, 50% {
        -moz-transform: rotate(0);
      }
      100% {
        -moz-transform: rotate(-45deg);
      }
    }
    @keyframes cd-close-2 {
      0%, 50% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
      }
      100% {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
      }
    }
    /* ----------- СОДЕРЖИМОЕ ---------- */
    /* панель */
    
    .cd-panel-container {
      position: fixed;width: 80%;min-width: 275px;max-width: 450px;height: 100%;top: 0;background: #fff;z-index: 1;
      overflow: auto !important;
      /* smooth scrolling on touch devices */
      -webkit-overflow-scrolling: touch;
      -webkit-transition-property: -webkit-transform;
      -moz-transition-property: -moz-transform;
      transition-property: transform;
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-delay: 0.3s;
      -moz-transition-delay: 0.3s;
      transition-delay: 0.3s;
    }
    .from-right .cd-panel-container {
      right: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      -moz-transform: translate3d(100%, 0, 0);
      -ms-transform: translate3d(100%, 0, 0);
      -o-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
    .from-left .cd-panel-container {
      left: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      -moz-transform: translate3d(-100%, 0, 0);
      -ms-transform: translate3d(-100%, 0, 0);
      -o-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
    .is-visible .cd-panel-container {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      transition-delay: 0s;
    }
    .cd-panel-content {
      width: 100%;
      padding: 50px 0 20px;
    }
    .cd-panel-tel {}
}
@media screen and (max-width:768px){
    .cd-panel-header, .cd-panel-container{max-width: 380px;}
    ul.slimmenu, ul.slimmenu li ul li{text-align: left;}
}

/* ----------- Фильтр товара - Мобильная версия с боковой панелью --------------------- */

.btn-open-filter-inif {
    cursor: pointer;background: #272727;padding: 10px 0 12px;margin-bottom: 30px;display: none;
    font-family: "FuturaLightc";font-size: 15px;color: #fff;line-height: normal;text-align: center;    
}
.btn-open-filter-inif:hover{
    opacity: 0.8;-moz-opacity: 0.8;-khtml-opacity: 0.8;filter: alpha(Opacity=0.8);
}
.btn-open-filter-inif i.ti-menu {
    margin: -3px 8px 0 0;
    color: white;font-size: 22px;
}
.btn-open-filter-inif i.ti-menu, .btn-open-filter-inif span{display: inline-block;vertical-align: middle;}
.filter-panel-head-title{display: none;}

@media screen and (max-width: 960px) {
    .btn-open-filter-inif, .filter-panel-head-title{display: block;}
    /* темная подложка */
    .filter-panel-overlay-inif.visible-filter {
        visibility: visible;
        -webkit-transition: visibility 0s 0s;-moz-transition: visibility 0s 0s;transition: visibility 0s 0s;
    }
    .filter-panel-overlay-inif {
        position: fixed;z-index: 9999;top: 0;top: 0px;bottom: 0px;left: 0px;right: 0px;height: 100%;width: 100%;visibility: hidden;
        -webkit-transition: visibility 0s 0.6s;-moz-transition: visibility 0s 0.6s;transition: visibility 0s 0.6s;
    }
    .filter-panel-overlay-inif.visible-filter:after {
        background: rgba(0, 0, 0, 0.7);
        -webkit-transition: background 0.3s 0s;-moz-transition: background 0.3s 0s;transition: background 0.3s 0s;
    }
    .filter-panel-overlay-inif:after {
        content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;cursor: pointer;
        -webkit-transition: background 0.3s 0.3s;-moz-transition: background 0.3s 0.3s;transition: background 0.3s 0.3s;
    }
    /* боковая панель */
    .filter-panel-wrapper-inif {
        position: fixed;top: 0;bottom: 0;left: 0;width: 100%;min-width: 275px;max-width: 450px;z-index: 999;
        background:white;
        overflow-y: auto !important;
        box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
        -webkit-overflow-scrolling: touch;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;
        -webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;
        -webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;transition-delay: 0.3s;
    }
    .from-left-inif .filter-panel-wrapper-inif {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    .visible-filter .filter-panel-wrapper-inif {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        transition-delay: 0s;
        }
    .filter-pc-wrapper-inif{
        padding: 65px 25px 50px;
        box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
    }
    /* Хедер панели */
    .filter-panel-header {
        position: fixed;top: -45px;left: 0;height: 45px;width: 100%;min-width: 275px;max-width: 450px;
        line-height: 45px;background: #272727;z-index: 9999;
        box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
        box-shadow: rgba(104, 104, 104, 0.298039) 2px 2px 2px 0px;
        -webkit-transition: top 0.3s 0s;-moz-transition: top 0.3s 0s;transition: top 0.3s 0s;
    }
    .filter-panel-head-title {
        color: #fff;font-size: 17px;font-family: "FuturaLightc";text-align: center;
    }
    .visible-filter .filter-panel-header {
        top: 0;
        -webkit-transition: top 0.3s 0.3s;
        -moz-transition: top 0.3s 0.3s;
        transition: top 0.3s 0.3s;
    }
    /* кнопка закрыть */
    .close-btn-filter-inif {
        position: absolute;top: 0;right: 25px;margin-left: 50px;
        font-size: 50px;
    }
    .close-btn-filter-inif:hover{
        opacity: 0.8;-moz-opacity: 0.8;-khtml-opacity: 0.8;filter: alpha(Opacity=0.8);
    }
    .close-btn-filter-inif {
        position: absolute;top: 0px;right: 0;height:45px;width: 45px;
        display: inline-block;background: #b69d67;z-index: 99;
    }
    .filter-panel-overlay-inif.visible-filter .close-btn-filter-inif{
        right: -45px;
    }
    .close-btn-filter-inif::before, .close-btn-filter-inif::after {
       content: '';position: absolute;top: 21px;left: 14px;height: 2px;width: 16px;background-color: #ffffff;
      -webkit-backface-visibility: hidden;backface-visibility: hidden;
    }
    .close-btn-filter-inif::before {
      -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);
    }
    .close-btn-filter-inif::after {
      -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);
    }
    .no-touch .close-btn-filter-inif:hover {
      background-color: #424f5c;
    }
    .no-touch .close-btn-filter-inif:hover::before, .no-touch .close-btn-filter-inif:hover::after {
      background-color: #ffffff;
      -webkit-transition-property: -webkit-transform;
      -moz-transition-property: -moz-transform;
      transition-property: transform;
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      transition-duration: 0.3s;
    }
    .no-touch .close-btn-filter-inif:hover::before {
      -webkit-transform: rotate(220deg);
      -moz-transform: rotate(220deg);
      -ms-transform: rotate(220deg);
      -o-transform: rotate(220deg);
      transform: rotate(220deg);
    }
    .no-touch .close-btn-filter-inif:hover::after {
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg);
    }
    .filter-panel-overlay-inif.visible-filter .close-btn-filter-inif::before {
      -webkit-animation: cd-close-1 0.6s 0.3s;
      -moz-animation: cd-close-1 0.6s 0.3s;
      animation: cd-close-1 0.6s 0.3s;
    }
    .filter-panel-overlay-inif.visible-filter .close-btn-filter-inif::after {
      -webkit-animation: cd-close-2 0.6s 0.3s;
      -moz-animation: cd-close-2 0.6s 0.3s;
      animation: cd-close-2 0.6s 0.3s;
    }
    
    @-webkit-keyframes cd-close-1 {
      0%, 50% {
        -webkit-transform: rotate(0);
      }
      100% {
        -webkit-transform: rotate(45deg);
      }
    }
    @-moz-keyframes cd-close-1 {
      0%, 50% {
        -moz-transform: rotate(0);
      }
      100% {
        -moz-transform: rotate(45deg);
      }
    }
    @keyframes cd-close-1 {
      0%, 50% {
        -webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);
      }
      100% {
        -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);
      }
    }
    @-webkit-keyframes cd-close-2 {
      0%, 50% {
        -webkit-transform: rotate(0);
      }
      100% {
        -webkit-transform: rotate(-45deg);
      }
    }
    @-moz-keyframes cd-close-2 {
      0%, 50% {
        -moz-transform: rotate(0);
      }
      100% {
        -moz-transform: rotate(-45deg);
      }
    }
    @keyframes cd-close-2 {
      0%, 50% {
        -webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);
      }
      100% {
        -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);
      }
    }
    /**/
    .filter-pc-wrapper-inif .sidebar-nav {margin-bottom: 10px;}
    .filter-pc-wrapper-inif .price-slider-wrapper {padding: 15px 4px;margin-bottom: 0px;}
}
@media screen and (max-width:768px){
    .filter-panel-header, .filter-panel-wrapper-inif{max-width: 380px;}
    .filter-panel-head-title, .btn-open-filter-inif{font-size: 16px;}
    .filter-pc-wrapper-inif {padding: 65px 15px 40px;}
}
@media screen and (max-width:460px){
    .filter-panel-header, .filter-panel-wrapper-inif{max-width: 270px;min-width: 250px;}
    ul.slimmenu li.first.level1 > ul li, ul.slimmenu li.level1:nth-child(2) > ul li, ul.slimmenu li.level1:nth-child(4) > ul li {width: 49.5%;}
}