
/* Menu */
@media(min-width:768px) {
    ul.nav.navbar-nav li {
        margin: 0 -2px;
    }
}

ul.nav.navbar-nav a {
    color: #000;
}

ul.nav.navbar-nav li a:hover {
	color: #EAEAEA;
    opacity: 0.7;
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
ul.nav.navbar-nav li a:active {
    color: #EAEAEA;
    opacity: 0.7;
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

/* Logo */
.navbar-header {
	width: 210px;
}

.navbar-brand {
	max-width: 210px;
    color: #FFFFFF;
}

.navbar-brand p {
	font-family: 'Signika';
    color: #FFFFFF;
    padding-top: 9px;
    font-weight: 400;
}

a.navbar-brand p:hover {
	opacity: 0.7;
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.navbar-brand img {
    width: 100%;
}

@media (max-width: 767px) {
    .navbar-header {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	.navbar-brand {
		margin-top: -15px;
	}
}

/* Navigation */
.collapse.navbar-collapse {
    background-color: #172E5C;
}

.navbar.navbar-default.navbar-fixed-top {
    background-color: #172E5C;
    border-bottom: 0px solid #E9E9E9;
}

.page-scroll {
    font-size: 0.9em;
}

.navbar-default ul {
    margin-left: 0px;
}

.navbar-default img {
    margin-top: -10px;
    width: 100%;
}

.navbar-default {
    border-color: transparent;
    background-color: #001F5D;
}

.navbar-default .navbar-brand {
    font-family: "sukhumvitset";
    color: none;
    width: 100%;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #F7F7F3;
}

.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
}

.navbar-default .navbar-toggle {
    border-color: none;
    background-color: none;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: rgba(255,255,255,0);
}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-family: "sukhumvitset";
    font-weight: 100;
    letter-spacing: 1px;
    color: #FFFFFF;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #fed136;
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #fff;
    background-color: #fed136;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #fec503;
}
