@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic);

html {
    overflow: auto;
}


.portalMenuCrutchClass {
    height: 100%;
}

.ovhidden {
    overflow: hidden;
}
.menuBoldText {
    font-weight: bold;
}






.controlPortalBlock {
    text-align: left;
    font-size: 13px;
}
.portalMenuBlock {
    background: #134C7F;
    font-family: Open Sans;
}
    .portalMenuHasDefaultItem .portalMenuBlock{
        margin: 0 0 61px 0;
    }

    .portalMenuRestriction {
        margin-left:auto;
        margin-right:auto;
        max-width: 1280px;
    }


.ligaLogotyp_separator {
    height: 84%;
    background: #fff;
    width: 1px;
    float: left;
    display: inline-table;
}
.ligaLogotype {
    float: left;
    height: 60px;
    margin-right: 2%;
    background-color: #166BA3;
    width: 27%;
    box-sizing: border-box;
    text-decoration: none;
    display: table;
}
    .ligaLogotyp_cellBlock {
        display:table-cell;
        vertical-align: middle;
        text-align: center;
    }
    .ligaLogotype_ico {
        width: 76px;
        height: 40px;
        display: block;
        margin: 0 auto;
        background: url(/_site/cms/_pic/portal_menu/lz_logo_2014_rgb_white_76x40.png);
    }
    .ligaLogotype_text {
        color: #fff;
        display: inline-block;
        text-align: left;
        line-height: 1.2;
        text-transform: uppercase;
        font-size: 13px;
        margin-left: -10px;
        margin-top: 5px;
    }

/*[data-menu_role=menuItem] {
    border: 1px solid #fff;
}*/
.productsMenu {
     display: none; 
}

/*.true > [data-menu_role=submenu] {
    background: #0f0!important;
}
.false > [data-menu_role=submenu]{
    background: #f00!important;
}*/



/* ------ MAIN PORTAL MENU ----- */
.portalMenu {
    padding: 0;
    margin: 0;
    text-align: justify;
    color:#fff;
    height: 60px;
    font-size: 13px;
    margin-right: 1%;
}

    .portalMenu ul {
        list-style-type: none;
    }
    .portalMenu a {
        color: inherit;
    }
    .portalMenu a:hover {
        text-decoration: none;
    }
    /*[data-menu_role="menuItem_text"]:hover {
        text-decoration: underline;   
    }*/
    .portalMenu:after{
        display: inline-block;
        content: "";
        width: 100%;
    }     

    .menuItem {
        display: inline-block;
        min-width: 20px;
    } 
        .menuItem:hover {
            background: url('/_site/cms/_pic/portal_menu/triangle_white.gif') center bottom no-repeat;
        }
        .menuItem.menuItemOpen {
            background: url('/_site/cms/_pic/portal_menu/triangle_white.gif') center bottom no-repeat;
        }

    .menuItemOpen > [data-menu_role=submenu]{
        display: inline-block;
        z-index: 101;
    }

    .menuItem[data-menu_default] {
        background: url('/_site/cms/_pic/portal_menu/triangle_white.gif') center bottom no-repeat;
    }

    [data-menu_default] > [data-menu_role=submenu]{
        position: absolute;
        left: 0px;
        top: 60px;
        display: block;
        z-index: 99;
    }

    [data-menu_default] > .submenuSubstrate {
        display: block;
        z-index: 98;
    }




    .submenuSubstrate {
        display: none;
        background: #fff;
        width: 100%;
        position: absolute;
        left: 0;
        height: 60px;
        border-bottom: 1px solid #BFBFBF;
        z-index: 100;
    }

    .menuItemOpen > .submenuSubstrate {
        display: block;
    }
        .menuItem_text {
            line-height: 60px;
            display: block;
            padding: 0 2px;
        }
            .menuItem_text:hover {
                text-decoration: none;
            }

        .menuItem_submenu {
            list-style-type: none;
            padding: 0;
            width:100%;
            position:absolute;
            display: none;
            text-align: right;
        }
            .menuItem_submenu-legislation .legislationIco{
                font-size: 24px;
            }


        .menuItem_submenu:after{

        } 
            .submenuTitle {
                color: #134C7F;
                float: left;
                height: 60px;
                line-height: 60px;
                font-size: 13px;
                font-weight: bold;
                text-transform: uppercase;
                padding: 0 1.8em;

            }

            .submenuItem {
                display: inline-block;
                color: #134C7F;
                padding: 0 1.3em;
                line-height: 60px;
                vertical-align: middle;
            }
                .submenuItem-link {
                }

                .megaSubmenu {
                    position: absolute;
                    left: 0;
                    margin: -1px 0 0 0;
                    padding: 0;
                    line-height: normal;
                    list-style-type: none;
                    width: 100%;
                    text-align: left;
                    box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
                    border: 1px solid #ccc;
                }
                    .megaSubmenu_item {
                        
                    }
                
                .megamenu_leftMenus {
                    display: table-cell;
                    width: 25%;
                    background: url(/_site/cms/_pic/portal_menu/head-crop-u25124.png) bottom right no-repeat #E6F2F7;
                    vertical-align: top;
                }
                    .megaMenu_referMenu {
                        background: #5EB4FF;
                        color: #fff;
                        padding: 0;
                    }
                        .megaMenu_referMenuItem {
                                                        
                        }

                        .megaMenu_referMenuItem-link {
                            text-decoration: none;
                            display: block;
                            padding: 10px 20px;
                        }
                            .megaMenu_referMenuItem-link:hover {
                                background: #59ADF2;
                                font-weight: bold;
                            }

                    .megaMenu_solutionsMenu {
                        color: #00A4E0;
                        padding: 11px 0 17px 0;
                    }
                        .megaMenu_solutionsMenuItem {
                            
                        }
                            .megaMenu_solutionsMenuItem-title {
                                display: block;
                                padding: 6px 20px;
                                font-weight: bold;
                                text-transform: uppercase;
                            }
                            .megaMenu_solutionsMenuItem-link {
                                display: block;
                                padding: 6px 20px;
                                text-decoration: none;
                            }
                                .megaMenu_solutionsMenuItem-link:hover {
                                    font-weight: bold;
                                }

                .megamenu_rightMenus {
                    display: table-cell;
                    width: 75%;
                    padding-top: 13px;
                    position: relative;
                    padding-bottom: 0;
                    background: #fff;
                }
                    .megaMenu_titleBlock {
                        width: 33.333333%;
                    }
                    .megaMenu_title {
                        color: #134C7F;
                        font-weight: bold;
                        text-transform: uppercase;
                        font-size: 17px;
                        margin: 0 0 0 7%;
                    }
                    .megaMenu_commonItem-link {
                        padding: 7px 7%;
                        display: block;
                    }

                    .megaMenu_commonItem-link-new {
                        background: #FFB200;
                    }

                    .megaMenu_commonItem-link-new .systemsMenuItem-linkHeader {
                        color: #fff;
                        font-weight: bold;
                    }

                    .megaMenu_commonItem-link-new:after {
                        content: 'NEW!';
                        position: absolute;
                        font-size: 34px;
                        font-weight: bold;
                        opacity: 0.4;
                        color: #fff;
                        right: 8%;
                        top: 36%;
                        transform: matrix(0.9336,0.3584,-0.3584,0.9336,9,-16);
                    }
                    .megaMenu_productsMenuItem {
                        float: left;
                        width: 33.333333333333333%;
                        margin: 0 0 35px 0;
                    }
                        .megaMenu_productsMenuItem-title {
                            font-size: 18px;
                            text-transform: uppercase;
                            margin: 11px 0 4px 7%;
                        }
                        .megaMenu_systemsMenu {
                            
                        }
                            .megaMenu_systemsMenuItem {
                                position: relative;
                            }
                                .megaMenu_systemsMenuItem-link {
                                    text-decoration: none;
                                }

                                .systemsMenuItem-linkHeader {
                                    font-size: 17px;
                                    color: #00A4E4;
                                    padding: 0;
                                    display: block;
                                }
                                .systemsMenuItem-linkContent {
                                    color: #134C7F;
                                }

                        .megaMenu_redactionMenu {
                            
                        }
                            .megaMenu_redactionMenuItem {
                                
                            }
                        .megaMenu_digest {
                            
                        }
                    
                    .megaMenu_ep {
                        position: absolute;
                        bottom: 17px;
                        right: 0;
                        padding: 0 2%;
                        box-sizing: border-box;
                        color: #00A4E4;
                        width: 66.66666%;
                    }
                    .megaMenu_ep-link {
                        border-top: 1px solid #ccc;
                        padding: 14px 0 0;
                        font-size: 17px;
                        text-decoration: none;
                        width: 100%;
                        display: block;
                    }

            .searchIco {
                
            }

    .submenuItem_secondLevel {
        
    }

.ligaIco {
    display: inline-block;
    width: 3em;
    height: 1.1em;
    vertical-align: middle;
    cursor: pointer;
    background-size: contain;
    background-image: url(/_site/_pic/portal_menu/IPAS_LZ_web2.svg);
    background-repeat: no-repeat;
}

/*    .ligaIcoPopup .ligaIco {
        position:absolute;
        width: 200px;
        height: 200px;
        background: #CF112A;

        margin-left: -100px;
        margin-top: -100px;
    }*/

.ligaIcoHolder {
    display: none;
    background: #fff;
    width:28px;
    height:28px;    
    vertical-align: sub;
}
/*    .ligaIcoPopup .ligaIcoHolder {
        display: inline-block;
    }
*/
.menuToggle {
    display: none;
    cursor: pointer;
}

.portalLogoObj {
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.ligaSubmenuLogoIcoPopup {
    
    -webkit-transition: padding 0.8s, visibility 0.8s, margin 0.8s, left 0.8s, top 0.8s, opacity 0.8s, width 0.8s, height 0.8s;
    -o-transition: padding 0.8s, visibility 0.8s, margin 0.8s, left 0.8s, top 0.8s, opacity 0.8s, width 0.8s, height 0.8s;
    transition: padding 0.8s, visibility 0.8s, margin 0.8s, left 0.8s, top 0.8s, opacity 0.8s, width 0.8s, height 0.8s;
/*    opacity: 0;
    transform: scale(0.2, 0.2);
    -webkit-transform: scale(0.2, 0.2);
    -moz-transform: scale(0.2, 0.2);
    -o-transform: scale(0.2, 0.2);
    -ms-transform: scale(0.2, 0.2);
    */
    visibility: hidden;
    z-index: 102;
    /*background-size: contain;*/
    background-repeat: no-repeat;
    /*background-image: url(/_site/_pic/portal_menu/360x350_IPAS_cuted.gif);*/
    /*overflow: hidden;*/
    width: 360px;
    height: 350px;
    position: absolute;
}

    .media-380 .ligaSubmenuLogoIcoPopup{ }

    .media-768 .ligaSubmenuLogoIcoPopup {
        /*background-image: url(/_site/_pic/portal_menu/popup.png);    */
    }
   

    .media-960 .ligaSubmenuLogoIcoPopup{ }
    .media-1024 .ligaSubmenuLogoIcoPopup{ }
    .media-1280 .ligaSubmenuLogoIcoPopup{ }



/*.ligaSubmenuPopupWrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow-y: scroll;
    background: rgba(0, 0, 0, 0.68);
    top: 0;
    z-index: 100;
}*/

/*.imagesToGetSize {
    position: fixed;
    left: 1000000px;
}*/

.ligaIcoPopup .ligaSubmenuLogoIcoPopup {
    top: 50%;
    left: 50%;
/*    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    */
    visibility: visible;
    padding: 20px 0;
}

.ligaSubmenuLogoIcoPopup_smallImg {
    width: 100%;
}
    .media-300 .ligaSubmenuLogoIcoPopup_smallImg {
        display: inline-block;
    }
    .media-768 .ligaSubmenuLogoIcoPopup_smallImg {
        display: none;
    }

.ligaSubmenuLogoIcoPopup_bigImg {
    width: 100%;
}
    .media-300 .ligaSubmenuLogoIcoPopup_bigImg {
        display: none;
    }  
    .media-768 .ligaSubmenuLogoIcoPopup_bigImg {
        display: inline-block;
    }  

.portalMenuSearch {
    width: 35%;
    line-height: normal;
    text-align: left;
}


.portalMenuBlackBg {
    opacity: 0;
    background: #000;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    transition: opacity 0.3s;
    left: 10000%;
}
    .ligaIcoPopup .portalMenuBlackBg {
        opacity: 0.7;
        z-index: 101;
        left: 0;
    }



    .ligaLogoIco-popupTry {
        font-size: 20px;
        color: #fff;
        background: #008AE5;
        padding: 0.7em 3em;
        position: absolute;
        left: 52%;
        top: 250px;
        border-radius: 0.2em;
        display: none;
        cursor: pointer;
        -webkit-transition: all 0.8s, background-color 0.2s;
        -o-transition: all 0.8s, background-color 0.2s;
        transition: all 0.8s, background-color 0.2s;
    }
        .ligaIcoPopup .ligaLogoIco-popupTry {
            
        }

        .media-380.ligaIcoPopup .ligaLogoIco-popupTry {

        }

        .media-768.ligaIcoPopup .ligaLogoIco-popupTry { 
            display: inline-block;
            background: #00C853;
            left: 52%;
            top: 81%;
            font-size: 17px;
        }
            .media-768.ligaIcoPopup .ligaLogoIco-popupTry:hover { 
                background: #00AD48;
                text-decoration: none;
            }

        .media-960.ligaIcoPopup .ligaLogoIco-popupTry{
            left: 52%;
            top: 83%;
        }
        .media-1024.ligaIcoPopup .ligaLogoIco-popupTry{
            left: 52%;
            top: 83%;
            font-size: 20px;
        }
        .media-1280.ligaIcoPopup .ligaLogoIco-popupTry{
            left: 52%;
            top: 83%;
            font-size: 23px;
        }


    .ligaLogoIco-tryButton2 {
        font-size: 20px;
        color: #fff;
        padding: 1.3em 5.3em;
        position: absolute;
        right: -1px;
        top: 210px;
        border-radius: 0.2em;
        display: inline-block;
        cursor: pointer;
    }

/*        .media-300.ligaIcoPopup .ligaLogoIco-tryButton2 {
            right: 16px;
            top: 263px;
        }    */

        .media-380.ligaIcoPopup .ligaLogoIco-tryButton2 {
            right: 16px;
            top: 263px;
            padding: 1.5em 6em;
        }

        .media-768.ligaIcoPopup .ligaLogoIco-tryButton2 {
            display: none;
        }




    .portalMenu_closePopup {
        background: #008AE5;
        top: 483px;
        position: absolute;
        color: #fff;
        left: 73px;
        padding: 0.5em 2em;
        font-size: 18px;
        border-radius: 0.2em;
        cursor: pointer;
        display: none;
        -webkit-transition: all 0.8s, background-color 0.2s;
        -o-transition: all 0.8s, background-color 0.2s;
        transition: all 0.8s, background-color 0.2s;
    }
        .portalMenu_closePopup:hover {
            background: #0079C9;
        }

        .ligaIcoPopup .portalMenu_closePopup {

        }

        .media-380.ligaIcoPopup .portalMenu_closePopup{
            left: 103px;
            top: 62%;
        }

        .media-768.ligaIcoPopup .portalMenu_closePopup{
            display: inline-block;
            left: 21px;
            top: 62%;
            font-size: 15px;
        }
       

        .media-960.ligaIcoPopup .portalMenu_closePopup{
            left: 44px;
            top: 62%;
        }
        .media-1024.ligaIcoPopup .portalMenu_closePopup{
            left: 42px;
            top: 62%;
            font-size: 17px;
        }
        .media-1280.ligaIcoPopup .portalMenu_closePopup{
            left: 65px;
            top: 62%;
            font-size: 20px;
        }


    .ligaLogoIco-closeButton2Outer {
        width: 25px;
        height: 25px;
        right: -29px;
        top: 19px;
        position: absolute;
        opacity: 0;
        transition: opacity 0.3s;
        cursor: pointer;
    }

        .ligaLogoIco-closeButton2 {
            height: 2px;
            width: 100%;
            position: absolute;
            top: 50%;
            margin-top: -1px;
        }
            .ligaLogoIco-closeButton2:before {
                content: '';
                background: #fff;
                width: 100%;
                height: 100%;
                top: 0;
                left:0;
                -webkit-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
                position: absolute;
            }
            .ligaLogoIco-closeButton2:after {
                content: '';
                background: #fff;
                width: 100%;
                height: 100%;
                top: 0;
                left:0;
                -webkit-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
                position: absolute;
            }


            .media-300.ligaIcoPopup .ligaLogoIco-closeButton2Outer {
                opacity: 1;
            }

            .media-768.ligaIcoPopup .ligaLogoIco-closeButton2Outer {
                width: 35px;
                height: 35px;
            }

    .portalMenuCompactBlock {
        display: none;
        background: #134C7F;
        height:60px;
        font-family: Open Sans;
    }
        .portalMenuHasDefaultItem .portalMenuCompactBlock {
            margin: 0 0 61px 0;
        }

        .portalMenuCompactBlock .menuItem {
            -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
            -o-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
            transition: all 500ms ease-in-out;
            transition: opacity 0.35s ease-out, transform 0.35s ease-out;
            visibility: hidden;
        }
        .portalMenuCompactOpen .portalMenuCompactBlock .menuItem {
            opacity: 1;
            visibility: visible;
        }

    /*    .portalMenuCompactBlock .menuItem:nth-child(1) {
            -webkit-transition-delay: 50ms,50ms;
            transition-delay: 50ms,50ms;
        }
        .portalMenuCompactBlock .menuItem:nth-child(2) {
            -webkit-transition-delay: 100ms,100ms;
            transition-delay: 100ms,100ms;
        }    
        .portalMenuCompactBlock .menuItem:nth-child(3) {
            -webkit-transition-delay: 150ms,150ms;
            transition-delay: 150ms,150ms;
        }    
        .portalMenuCompactBlock .menuItem:nth-child(4) {
            -webkit-transition-delay: 200ms,200ms;
            transition-delay: 200ms,200ms;
        }    
        .portalMenuCompactBlock .menuItem:nth-child(5) {
            -webkit-transition-delay: 250ms,250ms;
            transition-delay: 250ms,250ms;
        }     
        .portalMenuCompactBlock .menuItem:nth-child(6) {
            -webkit-transition-delay: 300ms,300ms;
            transition-delay: 300ms,300ms;
        }    
        .portalMenuCompactBlock .menuItem:nth-child(7) {
            -webkit-transition-delay: 350ms,350ms;
            transition-delay: 350ms,350ms;
        }    
        .portalMenuCompactBlock .menuItem:nth-child(8) {
            -webkit-transition-delay: 400ms,400ms;
            transition-delay: 400ms,400ms;
        }    
        .portalMenuCompactBlock .menuItem:nth-child(9) {
            -webkit-transition-delay: 450ms,450ms;
            transition-delay: 450ms,450ms;
        }    
        .portalMenuCompactBlock .menuItem:nth-child(10) {
            -webkit-transition-delay: 500ms,500ms;
            transition-delay: 500ms,500ms;
        }*/

.portalMenuCompactBlock #___gcse_1{
    margin: 8px 0 0 0;
}

.portalMenuCompactBlock .cse .gsc-control-cse, .gsc-control-cse {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}


@media only screen and (max-width: 1280px) {

    .hide1280 {
        display: none;
    }
}

@media only screen and (max-width: 960px) {
    .hide960 {
        display: none;
    }
    .ligaLogotype {
        width: 14%;
    }
}










/* ------ MENU COMPACT MOD -----*/
.portalMenuCompactMod .menu {
    display: none;
}
    .portalMenuCompactMod .menu:after{
        display: none;
    }

    .portalMenuCompactMod .menuItem {
        display: inline-block;
    } 
        .portalMenuCompactMod .menuItem:hover {
            background: none;
        }
        .portalMenuCompactMod .menuItem.menuItemOpen {
            background: none;
        }

    .portalMenuCompactMod .portalMenuCompactBlock {
        display: block;
    }
    .portalMenuCompactMod .portalMenuBlock {
        display: none;
    }

    .portalMenuCompactMod .submenuItem {
        display: block;
        border-bottom: 1px solid #ccc;
        margin: 0 5%;
        padding: 0;
        text-align: left;
        font-size: 16px;
    }
    .portalMenuCompactMod .ligaLogotype {
        float: none;
        background: none;
    }
    .portalMenuCompactMod .menuItem {
        display: block;
        border-bottom: 1px solid #166BA3;
        padding: 4px 0;
        margin: 0 8% 0 6%;
    }
    .portalMenuCompactMod .menuToggle {
        display: block;
    }
    .portalMenuCompactMod .menuToggle.menuToggle_active {
        display: block;
    }

    .portalMenuCompactMod .menuItem_text {
        display: block;
        padding: 10px 2px;
        color: #fff;
        line-height: 1.3;
        font-size: 16px;
        overflow: hidden;
    }


    .portalMenuCompactMod .menuToggle {
        position: absolute;
        top: 16px;
        right: 18px;
        width: 29px;
        height: 30px;
    }





        .portalMenuCompactMod .menuItem_submenu {
            list-style-type: none;
            padding: 0;
            width:100%;
            position:absolute;
            display: none;
            text-align: right;
        }
        .portalMenuCompactMod .menuItem.menuItemOpen {
            /*background: url('/_site/_pic/triangle_white.gif') center bottom no-repeat;*/
        }




    .portalMenuCompactMod .menuItemOpen > [data-menu_role=submenu]{
        display: inline-block;
        z-index: 101;
        visibility: visible;
        background: #fff;
        /*box-shadow: 0 5px 5px #f3f3f3;*/
        border-bottom: 1px solid #ccc;
        padding: 0 0 25px 0;
        height: 61px;
        overflow: hidden;
        box-sizing: border-box;
/*        transition: all 500ms ease-in-out;
        -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
        transition: opacity 0.35s ease-out, transform 0.35s ease-out;

        -webkit-transition-delay: 500ms,500ms;
        transition-delay: 500ms,500ms;*/
    }
        .portalMenuCompactMod.portalMenu_CompactSubmenuOpen [data-menu_role=submenu]{
            height: auto;
            box-shadow: 0 5px 5px #9FA1A3;
        }
        .portalMenuCompactMod.portalMenuCompactOpen [data-menu_default] [data-menu_role=submenu] {
            opacity: 0;
            height: 0;
            overflow: hidden;
            visibility: hidden;
        }
    
        .portalMenuCompactMod.portalMenuCompactOpen .menuItemOpen [data-menu_role=submenu]{
            visibility: hidden;
            display: none;
        }
    
        /*
        .portalMenuCompactMod.portalMenuCompactOpen .menuItemOpen [data-menu_default]{
            display: none;
        }
        */

    .portalMenuCompactMod .menuFixedMod .menuItemOpen .menuItem_submenu {
        position: fixed!important;
        top: 0!important;
    }    
    .portalMenuCompactMod .menuItemOpen > .submenuSubstrate {
        display: block;
    }


    .portalMenuCompactMod .submenuTitle {
        text-align: justify;
        border-bottom: 1px solid;
        float: none;
        
    }
    .portalMenuCompactMod .submenuTitle .submenuTitle-switcher {
        float: right;
        font-size: 17px;
        padding: 0 13px;
        cursor: pointer;
        display: inherit;
        -webkit-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }

    .portalMenuCompactMod .submenuTitle-switcher.active {
        -webkit-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        transform: scaleY(-1);
    }








    #nav-toggle span, 
    #nav-toggle span:before, 
    #nav-toggle span:after {
      cursor: pointer;
      border-radius: 1px;
      height: 3px;
      width: 100%;
      background: white;
      position: absolute;
      display: block;
      content: '';
    }
    #nav-toggle span:before {
      top: -8px;
    }
    #nav-toggle span:after {
      top: 8px; 
    }
    #nav-toggle span {
        top: 50%;
    }
    #nav-toggle span, 
    #nav-toggle span:before, 
    #nav-toggle span:after {
      -webkit-transition: all 500ms ease-in-out;
      -o-transition: all 500ms ease-in-out;
      transition: all 500ms ease-in-out;
    }


    #nav-toggle.active span {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    }
    #nav-toggle.active span {
      background-color: transparent;
    }
    #nav-toggle.active span:before,
    #nav-toggle.active span:after {
      top: 0;
    }

    #nav-toggle.active span:before {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    #nav-toggle.active span:after {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }












.portalMenuCompactBlock {
    -webkit-transition: background 0.35s linear,height 0.35s ease-in;
    transition: background 0.35s linear,height 0.35s ease-in;
}
.portalMenuCompactBlock .menuItem {
}

.portalMenuCompactBlock.active {


}







/* FIXED */
.menuFixedMod .menuItemOpen .menuItem_submenu {
    position: fixed!important;
    top: 0!important;
}    
.menuFixedMod .menuItemOpen .submenuSubstrate {
    position: fixed;
    top: 0;
}


.portalMenuCompact {
    margin: 1px 0 0 0;
    border-top: 1px solid #166BA3;
    padding: 17px 0 0 0;
    visibility: hidden;
    height: 0;
    padding: 0;
    margin: 0;
}

html.portalMenuCompactOpen {
    height: 100%;
    overflow-y: scroll;
}

    .portalMenuCompactOpen body {
        height: 100%;
        overflow: hidden;
    }

        .portalMenuCompactOpen .portalMenuCompactBlock {
            height: 100%;
            position: absolute;
            width: 100%;
            z-index: 100;
        }
        .portalMenuCompactOpen .controlPortalBlock {
            height: 100%;
        }
            .portalMenuCompactOpen .portalMenuCompact {
                position: absolute;
                top: 60px;
                left: 0;
                right: 0;
                visibility: visible;
            }

    .portalMenuCompactOpen .portalMenuCompactBlock .portalMenuCompact {
        overflow-y: auto;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto;
        margin: 0;
    }