body { margin: 0; padding: 0; }

#headeragent { background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #616161; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 300; overflow: visible; padding: 15px 0 0 0; text-align: center; width: 100%;  }
#headeragent div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; }
#headeragent a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #552448; text-decoration: none; }
#headeragent ul { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; font-size: 0; list-style-type: none; margin: 0; padding: 0; }
#headeragent li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; list-style-type: none; margin: 0; padding: 0; position: relative; }

#headeragent-nav { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; font-size: 0; overflow: visible; position: relative; text-align: left; width: 100%; }
#headeragent-title { background: transparent url(bhhs-title.png) no-repeat 50% 50%; background-size: contain; display: block; font-size: 0; margin: 0 auto; position: relative; }
#headeragent-hamburger { background: transparent url(bhhs-hamburger.png) no-repeat 0 0; display: block; font-size: 0; height: 40px; left: 20px; overflow: hidden; position: absolute; text-indent: -1000px; top: 20px; width: 40px; z-index: 1; }
#headeragent-hamburger.type-active { background-position: 0 -40px; }

#headeragent-menu { z-index: 8; }
#headeragent-menu a { display: block; }
#headeragent-menu > li > ul { display: none; }
#headeragent-menu > li > ul > li { border-top: 1px solid rgba(0,0,0,0.05); width: 100%; }
#headeragent-menu > li > ul > li > a { width: 100%; }

#headeragent-aside { z-index: 8; }
#headeragent-aside a { color: #552448; display: block; line-height: 25px; padding: 15px; }

@media screen and (min-width: 960px) {
#headeragent { min-height: 95px; }
#headeragent-title { height: 65px; width: 200px; }
#headeragent-hamburger { display: none; }
#headeragent-nav { left: 0; position: absolute; top: 0; }
#headeragent-menu { left: 5px; position: absolute; top: 40px; }
#headeragent-menu li { font-size: 16px; }
#headeragent-menu li.type-mobile { display: none; }
#headeragent-menu a { display: block; line-height: 25px; padding: 15px; }
#headeragent-menu > li { display: inline-block; }
#headeragent-menu > li > ul { background: rgba(255,255,255,0.75); box-shadow: 0 0 5px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.1); display: none; position: absolute; left: 0; top: 55px; width: 220px; }
#headeragent-menu > li > ul > li { width: 100%; }
#headeragent-menu > li > ul > li:first-child { border-top: none; }
#headeragent-menu > li > ul > li > a:hover { background-color: #fff; -webkit-transition: .3s; transition: .3s; }
#headeragent-aside { right: 5px; position: absolute; top: 40px; }
#headeragent-aside li { display: inline-block; font-size: 14px; }
}
@media screen and (min-width: 1040px) {
#headeragent-menu { left: 40px; }
#headeragent-aside { right: 40px; }
}
@media screen and (max-width: 959px) {
#headeragent { min-height: 80px; }
#headeragent-title { height: 50px; width: 160px; }
#headeragent-nav { background: #fff; display: none; padding: 15px 0 0 0; }
#headeragent-menu li { border-top: 1px solid #e6e6e6; font-size: 20px; }
#headeragent-menu li.type-active { border-bottom: 1px solid #552448; margin-bottom: -1px; z-index: 1; }
#headeragent-menu li.type-active ul li:first-child { border-top: 1px solid #552448; }
#headeragent-menu a { line-height: 25px; padding: 20px 40px; }
#headeragent-aside li { border-top: 1px solid #e6e6e6; font-size: 20px; }
#headeragent-aside a { line-height: 25px; padding: 20px 40px; }
}

#contentagent { padding-top: 0 !important; }

#footeragent { background: #552448; border-bottom: 1px solid rgba(255,255,255,0.25); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-family: 'PT Sans', sans-serif; font-size: 13px; line-height: 22px; margin: 0; overflow: hidden; padding: 0 0 30px 0; width: 100%; }
#footeragent div {  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; }
#footeragent img { border: none; display: block; margin: 0; padding: 0; }
#footeragent a { color: #fff; text-decoration: none; }
#footeragent ul { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; font-size: 0; list-style-type: none; margin: 0; width: 100%; }
#footeragent li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; list-style-type: none; margin: 0; padding: 0; position: relative; }

#footeragent-app { padding: 20px 0 0 0; text-align: center; width: 100%; }
#footeragent-app li { display: inline-block; margin: 10px 5px 0 5px; }
#footeragent-app li a { box-shadow: inset 0 0 0 1px #fff; display: block; font-size: 14px; line-height: 50px; padding: 0 10px 0 40px; position: relative; }
#footeragent-app a:hover { opacity: 0.5; -webkit-transition: .6s; transition: .6s; }
#footeragent-app li a:before { background: transparent url(bhhs-icon.png) no-repeat 0 0; content: ''; display: block; height: 20px; left: 10px; position: absolute; top: 15px; width: 20px; }
#footeragent-app li.type-apple a:before { background-position: 0 0; }
#footeragent-app li.type-android a:before { background-position: -20px 0; }

#footeragent-menu { padding: 30px 0 0 0; text-align: center; }
#footeragent-menu li { display: inline-block; }
#footeragent-menu a { display: block; font-size: 14px; line-height: 30px; padding: 0 10px; }
#footeragent-menu a:hover { color: rgba(255,255,255,0.5); -webkit-transition: .6s; transition: .6s; }

#footeragent-social { text-align: center; }
#footeragent-social li { display: inline-block; margin: 20px 0 0 0; }
#footeragent-social li a { display: block; font-size: 0; height: 40px; overflow: hidden; position: relative; text-indent: -1000px; width: 40px; }
#footeragent-social a:hover { opacity: 0.5; -webkit-transition: .6s; transition: .6s; }
#footeragent-social li a:before { background: transparent url(bhhs-icon.png) no-repeat 0 0; content: ''; display: block; height: 20px; left: 10px; position: absolute; top: 10px; width: 20px; }
#footeragent-social li.type-facebook a:before { background-position: -60 0; }
#footeragent-social li.type-twitter a:before { background-position: -80px 0; }
#footeragent-social li.type-linkedin a:before { background-position: -100px 0; }
#footeragent-social li.type-instagram a:before { background-position: -120px 0; }
#footeragent-social li.type-pinterest a:before { background-position: -140px 0; }

#footeragent-legal { padding: 10px 40px 0 40px; text-align: left; }
#footeragent-legal p { font-size: 14px; line-height: 20px; margin: 20px 0 0 0; }
#footeragent-legal .type-icon { background: transparent url(bhhs-icon.png) no-repeat 0 0; display: inline-block; height: 20px; margin: 0 0 0 5px; vertical-align: middle; width: 20px; }
#footeragent-legal .type-icon.type-eho { background-position: -40px 0; }

@media screen and (min-width: 960px) {
#footeragent-app { float: right; padding-right: 35px; text-align: right; width: 40% !important; }
#footeragent-menu { float: left; padding-left: 30px; text-align: left; width: 60% !important; }
#footeragent-menu a { font-size: 12px; line-height: 50px; }
#footeragent-social { float: right; padding-right: 30px; text-align: right; width: 33% !important; }
#footeragent-legal { float: left; text-align: left; width: 67% !important; }
}
@media screen and (min-width: 1200px) {
#footeragent-app { width: 33% !important; }
#footeragent-menu { width: 67% !important; }
#footeragent-menu a { font-size: 14px; }
}
@media screen and (max-width: 599px) {
#footeragent-menu a { font-size: 12px; }
#footeragent-legal { padding: 10px 10px 0 10px; }
#footeragent-legal p { font-size: 12px; margin: 10px 0 0 0; }

}