body { margin: 0; padding: 0; }

#headeragent { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-family: 'Lato', sans-serif; font-weight: 300; height: 170px; left: 0; overflow: visible; padding: 0; position: fixed; top: 0; text-align: center; -webkit-transition: 0.5s; transition: 0.5s; width: 100%; z-index: 1; }
#headeragent:after { background: #e6e6e6; content: ''; display: block; height: 2px; left: 0; position: absolute; top: 118px; -webkit-transition: 0.5s; transition: 0.5s; width: 100%; z-index: 8; }

#headeragent img { border: none; display: block; margin: 0; }
#headeragent div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#headeragent a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; }
#headeragent ul { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; list-style-type: none; margin: 0; padding: 0; width: 100%; }
#headeragent li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; margin: 0; padding: 0; position: relative; }
#headeragent-title { display: block; position: absolute; -webkit-transition: 0.5s; transition: 0.5s; }
#headeragent-title img { width: 100%; }

#headeragent-hamburger { display: none; -webkit-transition: 0.5s; transition: 0.5s; }
#headeragent-login { background: #cda76f; color: #fff; display: block; float: left; font-size: 13px; font-weight: 600; line-height: 30px; position: absolute; right: 20px; text-align: center; top: 36px; text-transform: uppercase; -webkit-transition: 0.5s; transition: 0.5s; width: 128px; }
#headeragent-tel { color: #00254a; display: block; float: left; font-size: 17px; font-weight: normal; letter-spacing: 0.1em; line-height: 30px; position: absolute; right: 20px; top: 65px; -webkit-transition: 0.5s; transition: 0.5s; }
#headeragent-nav { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; font-size: 0; margin: 0 auto; max-width: 1240px; position: relative; text-align: left; width: 100%; }

#contentagent { padding-top: 0 !important; -webkit-transition: 0.5s; transition: 0.5s; }

@media screen and (min-width: 560px) {
#headeragent-title { left: 20px; max-width: calc(50% - 20px); top: 35px; width: 370px; }
#contentagent { padding-top: 170px !important; }
body.scrolled #headeragent { height: 50px; }
body.scrolled #headeragent:after { top: -2px; }
body.scrolled #headeragent-title { top: -85px; }
body.scrolled #headeragent-login { top: -84px;  }
body.scrolled #headeragent-tel { top: -48px; }
body.scrolled #contentagent { padding-top: 50px !important; }
}

@media screen and (min-width: 960px) {
#headeragent { height: 220px; }
ul#headeragent-menu { background: #fff; left: 0; padding: 25px 0; position: absolute; text-align: center; top: 120px; -webkit-transition: 0.5s; transition: 0.5s; width: 100%; z-index: 9; }
ul#headeragent-menu li { display: inline-block; position: relative; }
ul#headeragent-menu a { color: #808080; display: block; font-size: 12px; font-weight: 300; letter-spacing: 0.1em; line-height: 50px; padding: 0 10px; text-transform: uppercase; }
ul#headeragent-menu a:hover { background: #00254a; color: #fff; }
#contentagent { padding-top: 220px !important; }
body.scrolled ul#headeragent-menu { padding: 0; top: 0; }
}
@media screen and (min-width: 1040px) {
ul#headeragent-menu a { font-size: 13px; padding: 0 15px; }
}
@media screen and (min-width: 1120px) {
ul#headeragent-menu a { font-size: 15px; padding: 0 25px; }
}

@media screen and (max-width: 959px) {
#headeragent-hamburger { background: #808080 url(header-hamburger.png) no-repeat 0 0; display: block; font-size: 0; height: 50px; left: 20px; position: absolute; top: 120px; width: 34px; }
ul#headeragent-menu { background: #808080; display: none; left: 20px; padding: 0; position: absolute; text-align: left; top: 190px; width: 240px; }
ul#headeragent-menu:before { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #808080; content: ''; display: block; height: 0; left: 7px; position: absolute; top: -10px; width: 0;  } 
ul#headeragent-menu li { width: 100%; }
ul#headeragent-menu a { color: #fff; display: block; font-size: 14px; padding: 10px; text-transform: uppercase; width: 100%; }
ul#headeragent-menu a:hover { background: #00254a; }
body.scrolled #headeragent-hamburger { top: 0 !important; }
body.scrolled ul#headeragent-menu { top: 60px !important; }
}

@media screen and (max-width: 559px) {
#headeragent-title { left: 50%; margin: 0 0 0 -150px; top: 20px; width: 300px; }
#headeragent-login { right: 10px; top: 80px; }
#headeragent-tel { left: 20px; top: 80px; }
body.scrolled #headeragent-title { top: -100px; }
body.scrolled #headeragent-login { top: -40px;  }
body.scrolled #headeragent-tel { top: -40px; }
}



#footeragent { background: #00254a; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-family: 'Lato', sans-serif; font-size: 0; font-weight: normal; padding: 0 0 40px 0; text-align: center; width: 100%; }
#footeragent section { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: 1200px; width: 100%; }
#footeragent div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#footeragent a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; text-decoration: none; }
#footeragent ul { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; list-style-type: none; margin: 0; padding: 0; width: 100%; }
#footeragent li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; margin: 0; padding: 0; position: relative; }

#footeragent-connect { font-size: 0; padding: 0 0 40px 0; }
.footeragent-col { display: inline-block; padding: 0 20px; text-align: center; vertical-align: top; width: 100%; }

ul#footeragent-social { font-size: 0; margin: 0 auto; padding: 20px 0 0 0; text-align: center; width: 100%; }
ul#footeragent-social li { display: inline-block; height: 30px; margin: 20px 10px 0 0; vertical-align: top; width: 30px; }
ul#footeragent-social li a { background: transparent url(https://s3.amazonaws.com/bmlsdevcdn/findbuyers/danielgale_images/html/images/footer-social.png) no-repeat 0 0; border-radius: 5px; display: block; height: 100%; text-indent: -1000px; width: 100%; }
ul#footeragent-social li#footeragent-facebook a { background-position: 0 0; }
ul#footeragent-social li#footeragent-twitter a { background-position: -30px 0; }
ul#footeragent-social li#footeragent-linkedin a { background-position: -60px 0; }
ul#footeragent-social li#footeragent-pinterest a { background-position: -90px 0; }
ul#footeragent-social li#footeragent-youtube a { background-position: -120px 0; }

#footeragent-title { display: block; margin: 40px auto 0 auto; max-width: 370px; width: 100%; }
#footeragent-title img { width: 100%; }

#footeragent-disclaimer { padding: 20px 0 0 0; }
#footeragent-disclaimer p { font-size: 10px; font-weight: 300; margin: 20px 0 0 0; }

#footeragent-contact h2 { color: #fff; font-size: 14px; font-weight: 600; letter-spacing: 0.1em; margin: 40px 0 0 0; text-transform: uppercase; }
#footeragent-contact p { font-size: 14px; font-weight: 300; line-height: 16px; margin: 10px 0 0 0; }
#footeragent-contact p + p { font-size: 0; }
#footeragent-contact p a { display: inline-block; font-size: 14px; padding: 0 10px 0 0; }
#footeragent-contact p a + a { border-left: 1px solid #fff; padding: 0 0 0 10px; }

#footeragent-copyright { border-top: 1px solid rgba(255,255,255,0.2); font-size: 0; overflow: hidden; padding: 20px 10px 0 10px; margin: 40px 0 0 0; }
#footeragent-copyright ul { text-align: center; width: 100%; }
#footeragent-copyright li { color: #fff; display: inline-block; font-size: 14px; margin: 20px 0 0 0; padding: 0 10px; vertical-align: top; }

#footeragent-partner { display: block; margin: 20px auto 0 auto; width: 100px; }
#footeragent-partner img { width: 100px; }

@media screen and (min-width: 960px) {
.footeragent-col { width: 50%; }
#footeragent-title { margin: 40px 0 0 0; }
ul#footeragent-social { text-align: left; }
#footeragent-disclaimer p { text-align: left; }
#footeragent-contact { text-align: right; }
#footeragent-copyright { padding-top: 0; }
#footeragent-copyright ul { float: left; width: auto; }
#footeragent-partner { float: right; margin: 20px 10px 0 10px; }
}
@media screen and (max-width: 959px) {
#footeragent-contact { border-top: 1px solid rgba(255,255,255,0.2); margin: 40px 0 0 0; }
}


#agent-footer { background: #000; }