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

.nav-wrap {
    background: rgba(0,0,0,0.45);
    width: 100%;
    height: 100px;
    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;

}

.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:15px;

    -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: white;
    color: black;
}

.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;
    }


}