.menu-wrapper{
	position: relative;
	width:100%;

}

.navbar{
	background: white !important;
	box-shadow:0 5px 10px rgba(0, 0, 0, 0.3);
}

.navbar .container{
	height:100%;
	padding: 0;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    height: 100% !important;
}

.navbar-nav {
	height: 100% !important;
}

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

.navbar img {
	float:left;
	margin: 25px 100px 25px 0;
}
.top-nav-collapse img{
	height: 30px;
	margin: 10px 100px 5px 0;
}
ul.navbar-nav{
	float: right;
}
.navbar-nav li{
	height:100%;
	width:auto;
	margin:0 0 0 30px; 
	-webkit-transition:  background 1s ease 0;
	-moz-transition:  background 1s ease 0;
	transition:  background 1s ease 0;
} 

.navbar-nav li a{
	display:block;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:16px;
	color:#2364b0 !important;
	top:50%;
	transform:translateY(-50%);
}

.navbar-nav li:hover{
	background:url(../images/background-menu-hover.png) no-repeat center bottom !important;
}

.navbar-nav li:hover a{
	background:none !important;
}

.navbar-nav li.active{
	background:url(../images/background-menu-hover.png) no-repeat center bottom !important;
}

.navbar-nav li.active a{
	background:none !important;
}



@media(min-width:767px) {
    .navbar {
        height:100px;
        -webkit-transition: background .5s ease-in-out,height .3s ease-in-out;
        -moz-transition: background .5s ease-in-out,height .3s ease-in-out;
        transition: background .5s ease-in-out,height .3s ease-in-out;
    }

    .top-nav-collapse {
        height: 50px;
    }
}

@media only screen and (max-width : 768px) {
    nav.navbar img{
		display: none;
	}
	ul.navbar-nav {
		float: none;
	}
	ul.navbar-nav li:first-child{
		margin-top: 25px;
	}
	ul.navbar-nav li{
		text-align: center;
		margin-bottom: 25px;
	}
}