/* /////////////////////////////
// Menu Bar 
///////////////////////////// */

.nav-wrap {
    background: rgba(0,0,0,0.45);
    width: 100%;
    height: 9em;
    position: fixed;
    z-index: 100000;
    background-image: url("../img/pixels-grey.png");
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.07),
    0 1px 5px 0 rgba(0,0,0,0.07),
    0 3px 1px -2px rgba(0,0,0,0.07);
}

header .fixed {
    /*height: 50px;*/
    height: 7em;}

.nav-wrap .mix_nav {text-align: right;width: 100%;}
.menu-slider{display: none;}
.nav-wrap .mix_nav .chev-right li{margin-top: 20px}

@media screen and (max-width: 750px){
    .nav-wrap .mix_nav{
        /*display: flex;*/
        width: 280px;
        margin-right: -290px;
        margin-top: 50px;
        height: 100%;
        background: #ffffff;
        position: fixed;
        overflow: scroll;
        right: 0;
        box-shadow: -5px 0 5px -5px #000;}
    #overlay{
        display:none;
        background: rgba(0,0,0,0.5);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 110%;
        z-index: 9999;
    }
}

.nav-wrap .mix_nav ul{padding:0;margin: 0;list-style: none;width: 100%;}
.nav-wrap .mix_nav ul li{line-height: 100px;min-height: 100px;position: relative;}
.fixed .mix_nav ul li{line-height: 50px;min-height: 50px;position: relative;}
.nav-wrap .mix_nav ul li ul li{line-height: 45px;min-height: 45px;position: relative;}

@media screen and (min-width: 750px){
    .nav-wrap .mix_nav ul li{display: inline-block;}
    .nav-wrap .mix_nav li:hover > ul {display: block;}
    .nav-wrap .mix_nav li i{display: none;}
    .nav-wrap .mix_nav li ul li i.chev-right{display: block;margin-top:18px;}
}

.nav-wrap .mix_nav li ul{
    top: 100px;
    background: rgb(255, 255, 255);
    text-align: left;
    display: none;
    color: #000;
    border-top: 3px solid orange;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),
    0 1px 5px 0 rgba(0,0,0,0.12),
    0 3px 1px -2px rgba(0,0,0,0.2);
}
.fixed .mix_nav li ul{top: 50px;}
.nav-wrap .mix_nav  i{margin-right: 10px;font-size: 11px;}
.nav-wrap .mix_nav li ul li ul{
    top:-3px;
    left:200px;
    background: #fff;
    text-align: left;
    display: none;
}

.nav-wrap .mix_nav li:nth-last-child(-n+2) ul {right:0 ;}

@media screen and (max-width: 750px){
    .nav-wrap .mix_nav li ul:target {display:block;}
}

@media screen and (min-width: 750px){
    .nav-wrap .mix_nav li ul{position: absolute;width:200px;}
}

@media screen and (min-width: 750px){
    .nav-wrap .mix_nav li:nth-last-child(-n+2) ul {right:0 !important;}
    .nav-wrap .mix_nav li:nth-last-child(-n+2) ul li ul {right: 200px !important;top:0;}
}

.nav-wrap .mix_nav li ul li{display: list-item;position: relative;}
.nav-wrap .mix_nav ul li a{
    color:#fff;
    display: block;
    padding: 0 10px 0 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Dosis', sans-serif;
    font-size:1em;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    /* ...and now for the proper property */
    transition:.5s;
    margin-right: -4px;
}

.fixed .mix_nav ul li a{color:#444;}
.nav-wrap .mix_nav ul li ul li a{
    color:#666;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    font-family: sans-serif;
    font-size:14px;
    -o-transition: none;
    -ms-transition:none;
    -moz-transition:none;
    -webkit-transition:none;
    /* ...and now for the proper property */
    transition:none;
}

.nav-wrap .mix_nav ul li a:hover{text-decoration: none;color: orange;background: #fff;}
.nav-wrap .mix_nav ul li ul li a:hover{
    text-decoration: none;
    background: orange;
    color: white;
    -o-transition:.2s;
    -ms-transition:.2s;
    -moz-transition:.2s;
    -webkit-transition:.2s;
    /* ...and now for the proper property */
    transition:.2s;
}

.nav-wrap .mix_nav li ul li a:hover{padding:0 10px;margin:0 0;}
.large a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.large a:hover{width: auto;right:0;position: absolute;display: block;min-width: 200px;}
 .alg_right {text-align: right;}
@media screen and (min-width: 750px){
    .nav-wrap .mob_menu_but {display:none;}
}
@media screen and (max-width: 750px){
    .nav-wrap .mob_menu_but {
        display:block;
        border:1px solid #222222;
        position:absolute;
      	width:36px;
      	height:34px;
        bottom:7px;
        padding:2px 1px 2px 5px;
        font-size: 2em;
        line-height: 29px;
        right:15px;
      	background: #696969;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        cursor: pointer;
        color:#fff;
    }
    .side-bar .mob_menu_but {display: none;}
    footer .mob_menu_but {display: none;}
     .nav-wrap .mob_menu_but:active {background: rgba(253, 164, 1,0.7);color: #fff;}
}

iframe {width:100%;height: 100%;margin:0;}
li.left ul {left:-200px !important;top:0;}
/* side bar menu */
.side-bar .mix_nav ul{padding: 0;margin: 0;}
.side-bar .mix_nav ul li{
    display: block;
    text-align: left;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    line-height: 40px;
}

.side-bar .mix_nav ul li ul li:last-child{border-bottom: none !important;}
.side-bar .mix_nav li ul{background: rgba(0, 0, 0, 0.1);color: #ffffff;}
.side-bar .mix_nav ul li a{color:#000 !important;display: block;padding-left: 10px;padding-right: 10px;}
.side-bar .mix_nav li ul {top: 0;background: rgba(100, 100, 100, 0.1) !important;text-align: left;display: none;position: relative;width: 260px;}
.side-bar .mix_nav ul li a{color:#fff;display: block;padding-left: 10px;padding-right: 10px;height: 40px;}
.side-bar .mix_nav ul li a:hover{text-decoration: none;background: rgba(238, 201, 63, 1);}
.side-bar .mix_nav ul li:last-child{border-bottom: none !important;}

/* footer menu */
footer .mix_nav {display: block;text-align: left;line-height: 30px;}
footer .mix_nav ul li{/*border-bottom: 1px dashed #b5b5b5;*/}
footer .mix_nav ul li ul{border-top: 1px dashed #b5b5b5;}
footer .mix_nav ul li:last-child{border-bottom: none;}
footer .mix_nav ul li ul{padding: 0 0 0 10px;}
footer .mix_nav a{
    color: #ddd;
    padding-left: 10px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    text-decoration: none;
}

footer .mix_nav a:hover{color: orange;}
footer .mix_nav ul{padding:0;margin: 0;list-style: none;width: 100%;}
.side-bar .mob_menu_but {display: none;}
footer .mob_menu_but {display: none;}

@media screen and (max-width: 750px){
    .nav-wrap .mix_nav ul li{display: block;text-align: left;border-bottom: 1px solid rgba(0,0,0,0.2);}
    .nav-wrap .mix_nav ul li ul li:last-child{border-bottom: none !important;}
    .nav-wrap .mix_nav li ul{background: rgba(0, 0, 0, 0.1);color: #ffffff;}
    .nav-wrap .mix_nav ul li a{color:#000 !important;display: block;padding-left: 10px;padding-right: 10px;}
    .nav-wrap .mix_nav li:hover > ul {display: block !important;}
    .nav-wrap .mix_nav li ul {top: 45px;background: rgba(100, 100, 100, 0.1) !important;text-align: left;display: none;}
    .nav-wrap .mix_nav li i.chev-down{display: block;margin-top:18px;}
    .nav-wrap .mix_nav li i.chev-right{display: none;}
    header .fixed{height: 50px;}
    header .transparent{background: rgba(255,255,255,0.5);background-image: url("../img/pixels-grey.png");}
    header .solid{background: #fff;background-image: url("../img/pixels-grey.png");}
    .large a:hover {position: relative;}    
    .big-footer{display: none;}
}