@charset "UTF-8";
.nav_button, .cd-panel-header{display: none;}
.nav_button{
    position: fixed;
    top: 75px;
    left: 0;
    background: #000;
    z-index: 999;
    padding: 13px 16px 12px 11px;
}
i.ti-menu{
    color: white;
    font-size: 27px;
}

ul.slimmenu {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
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;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.29);
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.29);
}
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: 45px 18px 55px;
    color:#565656;
    font-size: 16px;
    font-family: PTsans-B;
    margin: 1px;
    display: block;
    position: relative;
}
li.level1 > a:hover, li.level1.linked > a, li.level1:hover > a, li.level1.active > a,
li.level1 > div:hover, li.level1.linked > div, li.level1:hover > div, li.level1.active > div{background-color: #0955B7;color: white;}
li.level1.has-submenu > a, li.level1.has-submenu > div {padding-right: 30px;}

/* Level-2 */

li.level2 > a {
    padding: 12px 15px;
    color:#444;
    font-size: 16px;
    background: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
    display: block;
    position: relative;
}
li.level2 > a:hover, li.level2.linked > a, li.level2:hover > a, li.level2.active > a{background-color: #0955B7;color: white;}
li.level2.has-submenu > a {padding-right: 30px;}

/* Level-3 */

li.level3 > a{
    padding: 12px 15px;
    color:#444;
    font-size: 16px;
    background: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
    display: block;
    position: relative;
}
li.level3 > a:hover, li.level3.linked > a{background-color: #0955B7;color: white;}
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: 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:hover .sub-toggle > i, ul.slimmenu li.active .sub-toggle > i, 
ul.slimmenu li.level2:hover .sub-toggle > i, ul.slimmenu li.level2.active .sub-toggle > i {color: #fff;}
ul.slimmenu li.level2 .sub-toggle > i{color: #0955b7;}
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: 52px;
}
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;background: #f8f8f8;}
    ul.slimmenu li ul li {text-align: center;}
    ul.slimmenu li .sub-toggle {background: #ffbe10;width: 45px;}
    ul.slimmenu li .sub-toggle > i{color: #fff;}
    ul.slimmenu.collapsed li.level2 .sub-toggle {height: 45px;background: #0955b7;}
    li.level1 > a, li.level1 > div{margin: 0;padding: 15px 0px !important;font-family: "PTsans-B";text-transform: uppercase;text-align: center;margin-bottom: 1px;}
    ul.slimmenu.collapsed li .sub-toggle{height: 51px;}
    ul.slimmenu li:hover .sub-toggle > i{color: #fff;}
    /* Level-2 */
    li.level2 a, li.level1.linked li.level2 a {
        color:#222;
        background: #f8f8f8;
        margin-bottom: 1px;
    }
    li.level2 a:hover, li.level2.linked a,
    li.level1.linked li.level2 a:hover, li.level1.linked li.level2.linked a {background-color: #ffbe10;}
    /* Level-3 */
    
    li.level3 a, li.level2.linked li.level3 a {
        color:#222;
        background: #f8f8f8;
        margin-bottom: 1px;
    }
    li.level3 a:hover, li.level3.linked a,
    li.level2.linked li.level3 a:hover, li.level2.linked li.level3.linked a {background-color: #ffbe10;}
    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: 15px;margin-top: 19px;}
    ul.slimmenu li.level2 .sub-toggle > i.up:after, ul.slimmenu li.level2 .sub-toggle > i.down:after{left: 15px;margin-top: 14px;}
    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;font-family: PTsans-R;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: #ffbe10;
    }
    .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: #fefefe;
      z-index: 1;
      background-repeat: no-repeat;
      background-position: 85% 120px;
      background-size: cover;
      background-image: url(/assets/images/design/bg-6.jpg);
      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: 60px 0 20px;
    }
}
@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{}
    li.level2 > a, li.level3 > a{font-size: 15px;}
    ul.slimmenu.collapsed li.level2 .sub-toggle{height: 44px;}
    li.level2.has-submenu > a {padding-right: 50px;}
}