/** GENERAL **/
.navigation-wrapper .navigation-trigger { display:none; font-size:1.3em; text-transform:uppercase; font-family:'Roboto Slab', serif; font-weight:400; position:relative; }
.navigation-wrapper .main-navigation { list-style:none; margin:0px; padding:0px; text-transform:uppercase; font-size:1.4em; font-family:'Roboto Slab', serif; font-weight:400; }
.navigation-wrapper .main-navigation li { display:block; float:left; position:relative; }
.navigation-wrapper .main-navigation .navLink { display:block; padding:10px 0px; margin:0px 10px; }
.navigation-wrapper .main-navigation .navLink .arrow { display:none; }
.navigation-wrapper .navigation-trigger { color:#0B172B; border:2px solid #FFFFFF; }
.navigation-wrapper .navigation-trigger:hover { background:#0B172B; color:#B8993F; border:2px solid #0B172B ; }
.rent-wrapper .navigation-wrapper .navigation-trigger:hover { background:#B8993F; color:#FFFFFF; border:2px solid #B8993F ; }
.navigation-wrapper .main-navigation .navLink { color:#0B172B; border-bottom:5px solid #FFFFFF; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; transition:all .2s linear; cursor:pointer; }
.navigation-wrapper .main-navigation .navLink.selected,
.navigation-wrapper .main-navigation .navLink:hover { color:#0B172B; border-bottom:5px solid #B8993F; }
.rent-wrapper .navigation-wrapper .main-navigation .navLink.selected,
.rent-wrapper .navigation-wrapper .main-navigation .navLink:hover { border-bottom:5px solid #B8993F; }
/** DROPDOWNS **/
.navigation-wrapper .dropdown ul { display:none; position:absolute; list-style:none; margin:0px; padding:0px; right:0; text-align:left; width:280px; z-index:9999; }
.header-wrapper .navigation-wrapper .dropdown ul { top:45px; }
.footer-wrapper .navigation-wrapper .dropdown ul { bottom:38px; }
.navigation-wrapper .main-navigation li.dropdown ul li { float:none !important; }
.navigation-wrapper .main-navigation li.dropdown ul li .navLink { margin:0px; padding:10px; }
.navigation-wrapper .main-navigation li.dropdown ul li { background:#FFFFFF; }
.navigation-wrapper .main-navigation li.dropdown ul li .navLink { border:none; }
.navigation-wrapper .main-navigation li.dropdown ul li .navLink.selected,
.navigation-wrapper .main-navigation li.dropdown ul li .navLink:hover { background:#B8993F; }
.rent-wrapper .navigation-wrapper .main-navigation li.dropdown ul li .navLink.selected,
.rent-wrapper .navigation-wrapper .main-navigation li.dropdown ul li .navLink:hover { background:#B8993F; }
/** FOOTER NAVIGATION **/
.footer-wrapper .navigation-wrapper { margin:0px 0px 60px 0px; }
.footer-wrapper .navigation-wrapper .navigation-trigger { color:#FFFFFF; border:none; }
.footer-wrapper .navigation-wrapper .navigation-trigger:hover { color:#B8993F; border:none; }
.footer-wrapper .navigation-wrapper .main-navigation .navLink { color:#FFFFFF; border-bottom:5px solid #0B172B; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; transition:all .2s linear; cursor:pointer; }
.footer-wrapper .navigation-wrapper .main-navigation .navLink.selected,
.footer-wrapper .navigation-wrapper .main-navigation .navLink:hover { border-bottom:5px solid #B8993F; }
.rent-wrapper .footer-wrapper .navigation-wrapper .main-navigation .navLink.selected,
.rent-wrapper .footer-wrapper .navigation-wrapper .main-navigation .navLink:hover { border-bottom:5px solid #B8993F; }
.footer-wrapper .navigation-wrapper .main-navigation li.dropdown ul li { background:#0B172B; }
.footer-wrapper .navigation-wrapper .main-navigation ul li ul .navLink.selected,
.footer-wrapper .navigation-wrapper .main-navigation ul li ul .navLink:hover { background:#B8993F; }
.rent-wrapper .footer-wrapper .navigation-wrapper .main-navigation ul li ul .navLink.selected,
.rent-wrapper .footer-wrapper .navigation-wrapper .main-navigation ul li ul .navLink:hover { background:#B8993F; }
.navigation-wrapper .main-navigation ul li ul .navLink.selected,
.navigation-wrapper .main-navigation ul li ul .navLink:hover,
.main-navigation li ul .navLink,
.main-navigation li ul .navLink.selected,
.main-navigation li ul .navLink:hover { border-bottom:0px !important; }
/** RESPONISVE NAVIGATION **/
.resp-navigation { display:none; right:0; z-index:9999; text-align:right; position:fixed; top:0; bottom:0; overflow-x:auto; }
.resp-navigation.active { width:50%; background:#0B172B; -webkit-box-shadow:-10px 0px 60px 0px rgba(0,0,0,0.3); -moz-box-shadow:-10px 0px 60px 0px rgba(0,0,0,0.3); box-shadow:-10px 0px 60px 0px rgba(0,0,0,0.3); }
.resp-navigation.active .navigation-wrapper .navigation-trigger,
.resp-navigation.active .navigation-wrapper .navigation-trigger:hover { color:#B8993F; border:none; }
.rent-wrapper .resp-navigation.active .navigation-wrapper .navigation-trigger,
.rent-wrapper .resp-navigation.active .navigation-wrapper .navigation-trigger:hover { color:#FFFFFF; border:none; }
.resp-navigation .navigation-wrapper .navigation-trigger { font-size:1.6em; padding:20px 10px; }
.navigation-wrapper .navigation-trigger .nav-close { display:none; font-size:1.2em; }
.resp-navigation .navigation-wrapper .navigation-trigger .nav-open { display:none; }
.resp-navigation .navigation-wrapper .navigation-trigger .nav-close { display:inline; }
.resp-navigation .navigation-wrapper { display:block; }
.resp-navigation.active .navigation-wrapper .main-navigation { display:block; border-top:2px solid #263F64; }
.resp-navigation.active .navigation-wrapper .main-navigation li { float:none; border-bottom:2px solid #263F64; }
.resp-navigation.active .navigation-wrapper .main-navigation li .navLink { margin:0px; background:transparent; color:#FFFFFF; border:0px; padding:10px; text-align:right; font-size:1.3em; }
.navigation-wrapper .main-navigation .navLink .arrow { display:inline-block; }
.resp-navigation.active .navigation-wrapper .main-navigation .dropdown ul { position:static; width:100%; border-bottom:none; }
.resp-navigation.active .navigation-wrapper .main-navigation .dropdown ul li { background:transparent; border-bottom:none; }
.resp-navigation.active .navigation-wrapper .main-navigation li .navLink:hover,
.resp-navigation.active .navigation-wrapper .main-navigation li .navLink.selected { background:#B8993F; color:#263F64; }
.rent-wrapper .resp-navigation.active .navigation-wrapper .main-navigation li .navLink:hover,
.rent-wrapper .resp-navigation.active .navigation-wrapper .main-navigation li .navLink.selected { background:#B8993F; color:#FFFFFF; }
.resp-navigation .opacity { opacity:0; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; transition:all .2s linear; }
.resp-navigation.active .opacity { opacity:1; }
.resp-navigation .social-links { padding:20px 0px; margin:20px 15px; font-size:2em; }
.resp-navigation .social-links a { padding:0px 10px; margin:0px 10px; color:#B8993F; }
.rent-wrapper .resp-navigation .social-links a { color:#B8993F; }
.resp-navigation .social-links a:hover { color:#FFFFFF; }
/** RESPONISVE **/
@media screen and (max-width:1040px){
.navigation-wrapper .main-navigation {
font-size:1.1em;
}
}
/* CHANGE THIS IN GENERAL JS IF BREAKPOINT CHANGES */
@media screen and (max-width:920px){
.header-wrapper .header-right {
clear:right;
}
.navigation-wrapper .navigation-trigger {
display:block;
padding:10px;
}
.header-wrapper .office-finder .trigger {
text-align:center;
}
.navigation-wrapper .main-navigation {
display:none;
text-align:right;
background:#0B172B;
}
}
@media screen and (max-width:630px){
.resp-navigation.active {
width:100%;
}
}
@media screen and (max-width:390px){
.header-wrapper .header-right {
float:none;
clear:both;
}
.header-wrapper .header-right .office-finder {
display:none;
}
.header-wrapper .header-right .HeaderValuation {
display:block;
text-align:center;
margin:-25px -20px 20px -20px;
padding:20px;
border:none;
background:#0B172B;
color:#B8993F;
}
.header-wrapper .header-right .HeaderValuation:hover {
background:#B8993F;
color:#0B172B;
}
.header-wrapper .header-logo {
float:none;
margin:0px auto;
}
.header-wrapper .navigation-wrapper {
float:none;
text-align:center;
}
}