.nav_button, .cd-panel-header{display: none;}
.nav_button{
    position: fixed;bottom: 10px;left: 10px;background: #E94D1A;border: 2px solid white;z-index: 999;padding: 10px 16px 13px 11px;
}
i.ti-menu{
    color: white;font-size: 25px;display: inline-block;
}
.ti-menu:before{vertical-align: middle;}
i.ti-menu span{font-family: "FuturaPT-Medium";font-size: 18px;display: inline-block;padding-left: 8px;vertical-align: middle;}
/* navigation */
ul.slimmenu {
    width: 100%;margin: 0;padding: 0;list-style-type: none;
    font-family: "FuturaPT-Medium";letter-spacing: 0.5px;
}

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;display: inline-block;vertical-align: middle;}
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: 260px;
}
ul.slimmenu li > ul > li ul {
    position: absolute;left: 100%;top: 0;z-index: 999;display: none;width: 100%
}

/* Level-1 */

li.level1 > a, li.level1 > div {
    padding: 2px 0px;margin: 0 16px;
    color: #151515;font-size: 15px;
    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;
    border-bottom: 2px solid transparent;
}
li.level1:nth-child(1) > a, li.level1:nth-child(1) > div{margin-left: 0px;}
li.level1:last-child > a, li.level1:last-child > div{margin-right: 0px;}
li.level1.active > a{font-family: "PTSansBold";}
.no-touch li.level1 > a:hover, li.level1.linked > a, .no-touch li.level1:hover > a, li.level1.active > a,
.no-touch li.level1 > div:hover, li.level1.linked > div, .no-touch li.level1:hover > div, li.level1.active > div{
    border-bottom: 2px solid #E94D1A;
}

/*ul.slimmenu li:nth-child(2) .sub-toggle > i.up:after, ul.slimmenu li:nth-child(2) .sub-toggle > i.down:after{margin-top: 17px;}*/

/* Level-2 */

li.level2 > a {
    padding: 10px 20px;
    color:#151515;
    font-size: 15px;
    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, .no-touch li.level2:hover > a, li.level2.active > a{background-color: #ccc;}
li.level2.has-submenu > a {padding-right: 30px;}

/* Level-3 */

li.level3 > a{
    padding: 10px 20px;
    color:#151515;
    font-size: 15px;
    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;
}
li.level3 > a:hover, li.level3.linked > a{background-color: #ccc;}
li.level3.has-submenu > a{padding-right: 30px;}

/* стрелка выпадающего меню */
ul.slimmenu.collapsed li .sub-toggle {height: 43px;}
ul.slimmenu li .sub-toggle {
    position: absolute;right: 0;top: 0;z-index: 999;width: 20px;height: 100%;text-align: center;cursor: pointer;
}
ul.slimmenu li .sub-toggle > i {
    color: #000;
    font-size: 10px;
    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: 9px;
}
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: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 {background: #fff;width: 45px;}
    ul.slimmenu li .sub-toggle > i{color: #000;}
    ul.slimmenu.collapsed li.level2 .sub-toggle {height: 40px;}
    li.level1 > a, li.level1 > div{margin: 0;padding: 15px 10px;}
    li.level1.has-submenu > a, li.level1.has-submenu > div {padding-right: 0;}
    /* Level-2 */
    li.level2 a, li.level1.linked li.level2 a {
        color:#222;font-size: 14px;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;}
    /* 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: 12px;}
    ul.slimmenu li.level1 .sub-toggle > i.up:after, ul.slimmenu li.level1 .sub-toggle > i.down:after{left: 15px;margin-top: 18px;}
    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";}
    
    /* Выдвижная панель*/
    .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: 50px;
      line-height: 53px;
      background: #000000;
      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;text-align: center;text-transform: uppercase;
    }
    .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: -50px;
        height: 100%;
        width: 50px;
        display: inline-block;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        background: #d22d2d;
    }
    .cd-panel-close::before, .cd-panel-close::after {
      /* close icon created in CSS */
        content: '';
        position: absolute;
        top: 23px;
        left: 15px;
        height: 3px;
        width: 20px;
        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: #ffffff;
      z-index: 1;
      background-repeat: no-repeat;
      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;}
    li.level1 > a, li.level2 > a, li.level3 > a{padding: 14px 15px 14px 25px;}
}