@media(min-width:768px) {
    .block.navigation {
		
    }

    .block.navigation ul.menu {
        padding:0;
        margin:0;
        list-style:none;
    }

    .block.navigation ul.menu > li {
        float:left;
        position:relative;
    }

    .block.navigation ul.menu > li > a,
    .block.navigation ul.menu > li > .separator {
        display:block;
        padding:0 6px;
        line-height:60px;
        font-size:13px;
        height:60px;
        color:#C30303;
        text-decoration:none;
        text-transform: uppercase;
        cursor:pointer;
        transition:background-color 0.3s;
    }
	.block.navigation ul.menu > li:first-child a {
		text-transform:inherit;
	}

    .block.navigation ul.menu > li > .separator {
        cursor:default;
    }

    .block.navigation ul.menu > li > a:hover,
    .block.navigation ul.menu > li > .separator {
        color:#254A25;
    }

    .block.navigation ul.menu > li.active:before {
        transition: opacity 0.3s ease-in-out;
        content: " ";
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #bb133e;
        position: absolute;
        top:0;
        /* bottom: 0px; */
        left: 50%;
        margin-left: -6px;
        z-index: 99999;
    }

    /** 2nd level **/

    .block.navigation ul.menu > li > ul {
        display:none;
        list-style:none;
        padding:0;
        margin:0;
        position:absolute;
        top:50px;
        left:0;
        z-index:9999;
        border-top:1px solid #eee;
        box-shadow:0 0 15px rgba(0,0,0,0.2);
    }

    .block.navigation ul.menu > li:hover > ul {
        display:block;
    }

    .block.navigation ul.menu > li > ul > li {
        float:none;
    }

    .block.navigation ul.menu > li > ul > li > a {
        display:block;
        padding:0 12px;
        line-height:50px;
        background-color:#fff;
        height:50px;
        color:#333;
        text-decoration:none;
        text-transform: uppercase;
        white-space:nowrap;
    }

    .block.navigation ul.menu > li > ul > li > a:hover {
        box-shadow: 0 0 30px rgba(0,0,0,0.1) inset;
    }

    .block.navigation ul.menu > li > ul > li.active > a {
        font-weight:bold;
    }
}

@media(max-width:767px) {
    .wrapper {
        overflow:hidden;
        padding-top:60px;
    }
    #menuToggle {
        position:absolute;
        z-index:9999;
        font-size:24px;
        top:15px;
        left:15px;
        color:#333;
        cursor:pointer;
        transition:color 0.4s;
    }

    .block.navigation {
        position:absolute;
        left:0;
        top:60px;
        min-width:50%;
        max-width:100%;
        z-index:9998;
        background-color:#333333;  
        color:#fff;
        left:-100%;
        transition:left 0.4s, opacity 0.4s;
        /*padding-top:70px;*/
        opacity:0;
        font-size:14px;
        box-shadow:0 0 30px rgba(0,0,0,0.8);
    }
    .block.navigation > .container {
        padding:0;
    }
    .block.navigation ul {
        padding:0;
        margin:0;
        list-style:none;
    }
    .block.navigation ul.menu li {
        float:none;
    }
    .block.navigation ul.menu li a {
        padding:0 15px;
        line-height:40px;
        color:#cccccc;
        display:block;
        text-decoration:none;
        white-space:nowrap;
    }
    .block.navigation ul.menu > li > a {
        border-top: 1px solid rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);        
    }
    .block.navigation ul.menu > li > a:hover {
        background-color:#404040;
    }
    .block.navigation ul.menu > li.current > a {
        background-color:#1a1a1a;
        box-shadow:0 1px 3px rgba(0, 0, 0, 0.3) inset;
        /*font-weight:bold;*/
    }
    .block.navigation ul.menu > li > ul > li > a {
        padding-left:30px;
        color:#ccc;
    }

    body.mobile-menu-visible .block.navigation {
        left:0;
        opacity:1;
    }
    body.mobile-menu-visible #menuToggle {
        color:#333;
    }
    .mobile-menu-visible .logo {
    	display: none;
    }
    .mobile-menu-visible .header-phone {
    	display: none;
    }
}

/** footer nav **/

.block.footer  ul.menu {
    list-style:none;
    padding:0;
    margin:0;
}

.block.footer  ul.menu li a {
    color:#999;
}