/* * * Main page :: header :: panel :: nav * * */
@media (max-width: 1263px) {

    .b-mp-header_panel_nav {
        position: relative;
    }

    /* * * Main page :: header :: panel :: nav :: sandwich * * */
    .b-mp-header_panel_nav_sandwich {
        display: inline-block;
        position: relative;
        z-index: 110;
        margin-top: 2px;
        padding: 2px 0 0 44px;
        -webkit-transition: all 250ms;
        -o-transition: all 250ms;
        transition: all 250ms;
        cursor: pointer;
    }

    .b-mp-header_panel_nav_sandwich_label {
        font: 400 16px/1 'Roboto', sans-serif;
        color: #000;
        -webkit-transition: all 250ms;
        -o-transition: all 250ms;
        transition: all 250ms;
    }

    .b-mp-header_panel_nav_sandwich_icon {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        margin: 9px 0;
        width: 24px;
        height: 3px;
        background: #38b0ad;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .b-mp-header_panel_nav_sandwich_icon span:first-child {
        position: absolute;
        left: 0;
        top: 9px;
        width: 24px;
        height: 3px;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    .b-mp-header_panel_nav_sandwich_icon span:first-child:before {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #38b0ad;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        content: '';
    }

    .b-mp-header_panel_nav_sandwich_icon span:last-child {
        position: absolute;
        left: 0;
        bottom: 9px;
        width: 24px;
        height: 3px;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    .b-mp-header_panel_nav_sandwich_icon span:last-child:before {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #38b0ad;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        content: '';
    }

    .b-mp-header_panel_nav_sandwich_icon,
    .b-mp-header_panel_nav_sandwich_icon span,
    .b-mp-header_panel_nav_sandwich_icon span:after,
    .b-mp-header_panel_nav_sandwich_icon span:before {
        -webkit-transition: border 250ms, background 250ms, -webkit-transform 250ms;
        -o-transition: border 250ms, background 250ms, -o-transform 250ms;
        transition: border 250ms, background 250ms, transform 250ms;
    }

    .b-mp-header_panel_nav_sandwich:hover .b-mp-header_panel_nav_sandwich_label {
        color: #38b0ad;
    }

    /*
    .b-mp-header_panel_nav.opened .b-mp-header_panel_nav_sandwich {  }
    .b-mp-header_panel_nav.opened .b-mp-header_panel_nav_sandwich_icon { background-color: transparent; transform: rotate(180deg); }

    .b-mp-header_panel_nav.opened .b-mp-header_panel_nav_sandwich_icon span:first-child { transform: translate(0, -9px); }
    .b-mp-header_panel_nav.opened .b-mp-header_panel_nav_sandwich_icon span:first-child:before { transform: rotate(-45deg); }

    .b-mp-header_panel_nav.opened .b-mp-header_panel_nav_sandwich_icon span:last-child { transform: translate(0, 9px); }
    .b-mp-header_panel_nav.opened .b-mp-header_panel_nav_sandwich_icon span:last-child:before { transform: rotate(45deg); }*/
    /* * * Main page :: header :: panel :: nav :: menu * * */
    .b-mp-header_panel_nav_menu {
        position: fixed;
        z-index: 55000;
        left: 0;
        top: 0;
        height: 100vh;
        width: -webkit-calc(100% - 30px);
        width: calc(100% - 30px);
        max-width: 450px; /*width: 300px; max-height: calc(100vh - 78px); */
        color: #000;
        background: #fff;
        -webkit-box-shadow: 1px 5px 9px rgba(0, 0, 0, .21);
        box-shadow: 1px 5px 9px rgba(0, 0, 0, .21); /*border-radius: 9px; */
        overflow-y: auto;
    }

    .b-mp-header_panel_nav_menu_inner {
        padding: 60px 24px 28px;
    }

    .b-mp-header_panel_nav_menu_close {
        position: absolute;
        z-index: 151;
        right: 10px;
        top: 10px;
        padding: 6px 11px;
        width: 45px;
        height: 35px;
        background: none;
        border: none;
    }

    .b-mp-header_panel_nav_menu_close:hover [fill] {
        fill: #ff7013;
    }

    .b-mp-header_panel_nav_menu_close * {
        pointer-events: none;
    }

    .b-mp-header_panel_nav .b-mp-header_panel_nav_menu {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all 250ms;
        -o-transition: all 250ms;
        transition: all 250ms;
    }

    .b-mp-header_panel_nav.opened .b-mp-header_panel_nav_menu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        -webkit-transition-delay: 100ms;
        -o-transition-delay: 100ms;
        transition-delay: 100ms;
    }

    .b-mp-header_panel_nav .b-mp-header_panel_nav_menu_overlay {
        position: fixed;
        z-index: 50000;
        left: 0;
        top: 0;
        right: 0;
        height: 100vh;
        background: rgba(0, 0, 0, .5);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 400ms;
        -o-transition: all 400ms;
        transition: all 400ms;
    }

    .b-mp-header_panel_nav.opened .b-mp-header_panel_nav_menu_overlay {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .b-mp-header_panel_nav_menu_list {
        list-style: none;
    }

    .b-mp-header_panel_nav_menu_list > li {
        display: block;
        position: relative;
    }

    .b-mp-header_panel_nav_menu_list > li ~ li {
        margin-top: 18px;
    }

    .b-mp-header_panel_nav_menu_list > li > a {
        display: block;
        position: relative;
        font: 400 16px 'Roboto', sans-serif;
        text-decoration: none;
        color: #000;
    }

    .b-mp-header_panel_nav_menu_list > li > a:hover,
    .b-mp-header_panel_nav_menu_list > li > a.current {
        color: #1fa6a3;
    }

    .b-mp-header_panel_nav_menu_list > li.hasChild > a:after {
        display: inline-block;
        position: relative;
        vertical-align: 1px;
        margin-left: 8px;
        font: normal 7px/1 'VetaptekaIcons', sans-serif;
        -webkit-transition: -webkit-transform 250ms;
        -o-transition: -o-transform 250ms;
        transition: transform 250ms;
        content: '\e806';
    }

    .b-mp-header_panel_nav_menu_list > li.hasChild.opened > a:after {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .b-mp-header_panel_nav_menu_list > li > ul {
        list-style: none;
        margin: 17px 0 20px 12px;
        color: #000;
    }

    .b-mp-header_panel_nav_menu_list > li > ul > li ~ li {
        margin-top: 18px;
    }

    .b-mp-header_panel_nav_menu_list > li > ul > li > a {
        display: block;
        position: relative;
        font: 300 14px 'Roboto', sans-serif;
        text-decoration: none;
        white-space: nowrap;
        color: inherit;
    }

    .b-mp-header_panel_nav_menu_list > li > ul > li > a:hover,
    .b-mp-header_panel_nav_menu_list > li > ul > li > a.current {
        color: #1fa6a3;
    }

}

@media (max-width: 767px) {

    .b-mp-header_panel_nav {
        margin: -2px auto 0;
        width: 44px;
        height: 44px;
    }

    /* * * Main page :: header :: panel :: nav :: sandwich * * */
    .b-mp-header_panel_nav_sandwich {
        display: inline-block;
        margin: 0;
        padding: 12px 10px 11px;
    }

    .b-mp-header_panel_nav_sandwich_icon {
        display: block;
        position: relative;
    }

    /* * * Main page :: header :: panel :: nav :: menu * * *//*
    .b-mp-header_panel_nav_menu { margin-top: 7px; }*/

}

@media (min-width: 1264px) {

    .b-mp-header_panel_nav_menu_list {
        list-style: none;
        letter-spacing: -4px;
    }

    .b-mp-header_panel_nav_menu_list > li {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        letter-spacing: normal;
    }

    .b-mp-header_panel_nav_menu_list > li:first-child {
        margin-left: -16px;
    }

    .b-mp-header_panel_nav_menu_list > li > a {
        display: block;
        position: relative;
        padding: 8px 16px 7px;
        font: 400 16px/1 'Roboto', sans-serif;
        text-decoration: none;
        color: #000;
        -webkit-border-radius: 8px;
        border-radius: 8px;
    }

    .b-mp-header_panel_nav_menu_list > li:hover > a,
    .b-mp-header_panel_nav_menu_list > li > a.current {
        color: #fff;
        background: #1fa6a3;
    }

    .b-mp-header_panel_nav_menu_list > li > ul {
        display: block !important;
        position: absolute;
        z-index: 50;
        left: 0;
        top: 100%;
        padding: 24px 14px 28px;
        color: #000;
        background: #fff;
        -webkit-box-shadow: 1px 5px 9px rgba(0, 0, 0, .21);
        box-shadow: 1px 5px 9px rgba(0, 0, 0, .21);
        -webkit-border-radius: 9px;
        border-radius: 9px;
        list-style: none;
    }

    .b-mp-header_panel_nav_menu_list > li > ul > li ~ li {
        margin-top: 20px;
    }

    .b-mp-header_panel_nav_menu_list > li > ul > li > a {
        display: block;
        position: relative;
        font: 400 14px 'Roboto', sans-serif;
        text-decoration: none;
        white-space: nowrap;
        color: inherit;
    }

    .b-mp-header_panel_nav_menu_list > li > ul > li > a:hover,
    .b-mp-header_panel_nav_menu_list > li > ul > li > a.current {
        color: #1fa6a3;
    }

    .b-mp-header_panel_nav_menu_list > li > ul {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(7px);
        -ms-transform: translateY(7px);
        -o-transform: translateY(7px);
        transform: translateY(7px);
        -webkit-transition: all 250ms;
        -o-transition: all 250ms;
        transition: all 250ms;
    }

    .b-mp-header_panel_nav_menu_list > li:hover > ul {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        -webkit-transition-delay: 100ms;
        -o-transition-delay: 100ms;
        transition-delay: 100ms;
    }

}