/* Nav styles */

#header {padding: 35px 0;position: fixed;top: 0;width: 100%;z-index:100;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;}
.header-inner {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 90%;
}
.nav-logo {background: url("../images/brand_name.png") no-repeat scroll 0 0 transparent;height: 25px;margin-top: 5px;width: 172px;float: left;}
#header .navicon {background: url("../images/navicon-icon.png") no-repeat scroll 0 -28px transparent;height: 27px;width: 36px;cursor: pointer;float: right;}
#header.scrolled {background:#333; padding:20px 0 !important;}
#header.scrolled .logo {margin-top:4px;}

.nav-handle {
    color: #222;
    cursor: pointer;
    font-size: 30px;
    padding: 10px 20px 10px;
    position: absolute;
    right: 0;
    top: -10px;
    transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
}
.nav-handle.active {color: #222;background: #fff;}
nav#n5 {
    display: none;
    position: absolute;
    right: 0;
    top: 43px;
    width: 81px;
    z-index: 3;
}
nav#n5 ul {list-style: none;padding: 0 0 0 15px;margin: 0;text-align:center;}
nav#n5 a {color: #fff;font-size: 18px;margin: 0 0 1px 0;font-weight: 300;display: block;background: tomato;padding: 15px 19px;
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
    outline: none!important;
}
nav#n5 a.social{
	background:#333;
}
nav#n5 a i{color:#fff;}
nav#n5 a:hover, nav#n5 a:focus, nav#n5 a:active {color: #333;background: #fff;text-decoration: none;}
nav#n5 a:hover i{color: #333;}