.navbar-fixed-top.scrolled {
background-color:#fff!important;
transition:background-color 200ms linear
}

.showmenu {
display:block!important
}

.navbar {
z-index:9999!important
}

@media screen and (max-width:768px) {
.navbar-toggle {
display:block!important
}

#menu {
display:block!important
}
}

@media screen and (min-width: 768px) {
.navbar-inverse {
background-color:transparent;
border:0;
margin-top:35px;
margin-bottom:30px;
height:100px
}

.container-fluid {
margin-top:10px
}

.navbar-toggle {
position:absolute;
top:-2px;
right:12px;
border:none!important
}

.navbar-toggle:focus {
background-color:transparent!important
}

.navbar-toggle:hover {
background-color:transparent!important
}

#myNavbar {
margin-right:85px!important
}

#menu {
margin-top:10px;
margin-right:20px
}

#menu li {
margin-right:20px
}

#lastOpt {
margin-right:0!important
}

.navbar-inverse .navbar-toggle .icon-bar {
width:40px;
margin-bottom:6px;
background-color:transparent!important;
border:1px solid #20358C;
height:2px;
z-index:99!important
}

.navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover,.navbar-inverse .navbar-nav > .active > a:focus {
background-color:transparent!important;
color:#20358C!important
}

#menu a {
color:#20358C;
margin-left:32px!important;
padding-left:3px!important;
padding-right:3px!important;
font-size:18px;
line-height:12px;
padding-bottom:0;
-webkit-transition:padding-bottom 200ms ease-out;
-moz-transition:padding-bottom 200ms ease-out;
-o-transition:padding-bottom 200ms ease-out;
transition:padding-bottom 200ms ease-out
}

#menu a:hover {
border-bottom:1px solid #20358C;
padding-bottom:6px
}

.pic {
position:inherit;
width:inherit;
height:inherit
}

.smaller {
width:120px!important;
height:48px!important;
top:14px!important;
left:40px!important
}

.navbar-brand {
width:300px;
height:120px;
position:absolute;
left:35px;
top:-15px;
padding:0!important;
-webkit-transition:all 500ms ease-out;
-moz-transition:all 500ms ease-out;
-o-transition:all 500ms ease-out;
transition:all 500ms ease-out
}

.form-control {
position:absolute;
display:none;
width:auto!important;
border:none;
background-image:none;
background-color:transparent;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
text-align:right;
font-size:24px;
color:#20358C;
right:70px;
top:4px
}

.form-control:focus {
border:none;
background-image:none;
background-color:transparent;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none
}

.form-control::placeholder {
text-align:right;
color:#20358C;
font-size:24px;
top:50px
}

.show {
display:inline-block!important
}

.hide {
display:none
}

#searchBtn.stayBig {
font-size:32px;
top:2px!important
}

#searchBtn {
display:inline-block;
top:10px!important;
background-color:transparent;
font-size:22px;
color:#20358C;
margin-left:22px;
-webkit-transition:all 200ms ease-out;
-moz-transition:all 200ms ease-out;
-o-transition:all 200ms ease-out;
transition:all 200ms ease-out
}

#searchBtn:hover {
top:2px!important;
font-size:32px;
cursor:pointer
}
}