body { margin: 0; padding: 0; }
#contentagent { padding-top: 0 !important; }
#contentagent .sectionagent-firstfill { transition: 0.3s; }

#headeragent { background: transparent; box-sizing: border-box; font-family: 'Lato', sans-serif; left: 0; overflow: visible; padding: 0; position: fixed; text-align: center; top: 0; transition: 0.3s; width: 100%; z-index: 1; }
#headeragent-section { background: #56555c; box-sizing: border-box; display: block; font-size: 0; left: 0; position: absolute; text-align: left; top: 0; width: 100%; }

#headeragent img { border: none; display: block; height: 100%; margin: 0; }
#headeragent a { box-sizing: border-box; text-decoration: none; transition: 0.3s; }
#headeragent ul { box-sizing: border-box; font-size: 0; list-style-type: none; margin: 0; padding: 0; }
#headeragent li { box-sizing: border-box; list-style-type: none; margin: 0; padding: 0; position: relative; }

a#headeragent-title { display: block; float: left; position: absolute; transition: 0.3s; z-index: 2; }
a#headeragent-title img { height: 100%; }
a#headeragent-title-scrolled { display: block; display: none; float: left; left: 20px; position: absolute; transition: 0.3s; }
a#headeragent-title-scrolled img { height: 100%; }
h1#headeragent-subtitle { color: #fff; display: block; display: none; float: left; font-size: 34px; font-weight: 400; position: absolute; left: 170px; line-height: 50px; margin: 0; top: 0; }
h1#headeragent-subtitle strong { color: #fff; display: block; }
h1#headeragent-subtitle small { display: block; font-size: 18px; line-height: 20px; }

ul#headeragent-dash { display: inline-block; position: absolute; right: 20px; top: 30px;  }
ul#headeragent-dash > li { display: inline-block; margin: 0; padding: 0; }
ul#headeragent-dash > li > a { color: #fff; display: block; font-size: 16px; font-weight: 700; line-height: 36px; margin: 0; padding: 0 14px 0 40px; position: relative; text-transform: uppercase; }
ul#headeragent-dash > li > a:hover { background: rgba(255,255,255,0.1); }
ul#headeragent-dash > li > a:before { background-size: 16px 16px; content:''; display: block; height: 16px; left: 14px; position: absolute; top: 10px; width: 16px; }
ul#headeragent-dash > li#headeragent-user > a:before { background-image: url('//bmlsdevcdn.s3.amazonaws.com/findbuyers/30677_images/new_html/images/header-user.svg'); }
ul#headeragent-dash > li#headeragent-search > a:before { background-image: url('//bmlsdevcdn.s3.amazonaws.com/findbuyers/30677_images/new_html/images/header-search.svg'); }
ul#headeragent-dash > li#headeragent-hamburger > a:before { background-image: url('//bmlsdevcdn.s3.amazonaws.com/findbuyers/30677_images/new_html/images/header-hamburger.svg'); }
#headeragent.type-active ul#headeragent-dash > li#headeragent-hamburger > a:before { background-image: url('//bmlsdevcdn.s3.amazonaws.com/findbuyers/30677_images/new_html/images/header-close.svg'); }

a#headeragent-start { border-radius: 20px; box-shadow: inset 0 0 0 3px #fff; color: #fff; font-size: 0; left: 565px; height: 40px; position: absolute; text-align: center; top: 28px; width: 40px; }
a#headeragent-start:before { background-image: url('//bmlsdevcdn.s3.amazonaws.com/findbuyers/30677_images/new_html/images/header-start.svg'); background-size: 18px 18px; content:''; display: block; height: 18px; left: 11px; position: absolute; top: 11px; width: 18px; }

#headeragent-nav { background: #fff; box-sizing: border-box; display: block; font-size: 0; height: calc(100vh - 123px); overflow-y: scroll; padding: 10px 0; position: fixed; right: -400px; text-align: left; top: 123px; transition: 0.3s; width: 400px; }
#headeragent.type-active #headeragent-nav { right: 0; }
#headeragent-block { background: #56555c; display: block; display: none; font-size: 0; height: 100%; left: 0; opacity: 0; transition: 0.3s; position: fixed; top: 0; width: 100%; }
#headeragent.type-active #headeragent-block { display: block; opacity: 0.5; }

ul#headeragent-menu { display: block; padding: 0 40px; position: absolute; text-align: left; width: 100%; }
ul#headeragent-menu > li { display: block; margin: 0; }
ul#headeragent-menu > li.type-active { z-index: 1; }

ul#headeragent-menu a { color: #000; display: block; line-height: 20px; padding: 10px 0; }
ul#headeragent-menu a:hover { color: #8b0b04; }
ul#headeragent-menu > li > a { font-size: 16px; font-weight: 700; line-height: 30px; text-transform: uppercase; }
ul#headeragent-menu > li + li > a { border-top: 1px solid #ccc; }
ul#headeragent-menu li.type-parent.type-active > a { color: #8b0b04; }

ul#headeragent-menu li.type-parent > a:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000; content: ''; display: inline-block; height: 0; margin: -2px 0 0 7px; vertical-align: middle; width: 0; }
ul#headeragent-menu li.type-parent > a:hover:after { border-top-color: #8b0b04; border-bottom-color: #8b0b04; }
ul#headeragent-menu li.type-parent.type-active > a:after { border-bottom: 4px solid #8b0b04; border-top: none; }

ul#headeragent-menu > li ul { display: block; display: none; left: 0; margin: 0; padding: 0 0 35px 0; width: 100%; }
ul#headeragent-menu > li ul a { font-size: 16px; font-weight: 400; padding: 5px 20px; }
ul#headeragent-menu > li ul li.type-parent.type-active > a { font-weight: 700; }
ul#headeragent-menu > li ul ul a { padding: 5px 20px 5px 40px; }

@media screen and (min-width: 720px) {
#contentagent .sectionagent-firstfill { padding-top: 210px !important; }
#headeragent { height: 120px; top: 15px; }
#headeragent-section { height: 96px; top: 12px; }
#headeragent-title { height: 120px; left: 20px; top: -12px; }
#headeragent-title-scrolled { height: 26px; top: 15px; }
h1#headeragent-subtitle { display: block; }
#headeragent-nav { padding: 40px 0; }

body.scrolled #headeragent-section { height: 56px; }
body.scrolled ul#headeragent-dash { top: 10px; }
}
@media screen and (min-width: 1080px) {
a#headeragent-start { border-radius: 0; box-shadow: inset 0 0 0 1px #fff; color: #fff; font-size: 20px; height: 50px; line-height: 50px; top: 23px; width: 136px; }
a#headeragent-start:before { display: none; }
a#headeragent-start:hover { background: #fff; color: #8b0b04; transition: 0.3s; }
}

@media screen and (max-width: 959px) {
#contentagent .sectionagent-firstfill { padding-top: 110px !important; }
#headeragent { height: 70px; top: 20px; }	
#headeragent-section { height: 56px; top: 7px; }
#headeragent-title { height: 70px; left: 20px; top: -7px; }
h1#headeragent-subtitle { display: none; }
a#headeragent-start { display: none; }
ul#headeragent-dash { top: 10px; }
}

@media screen and (max-width: 719px) {
#headeragent-title-scrolled { height: 18px; top: 19px; }
ul#headeragent-dash { right: 3px; top: 3px;  }
ul#headeragent-dash > li > a { font-size: 0; height: 50px; padding: 0; width: 50px; }
ul#headeragent-dash > li > a:before { background-size: 24px 24px; height: 24px; left: 14px; top: 13px; width: 24px; }
#headeragent-nav { height: calc(100vh - 83px); top: 83px; }
}

@media screen and (max-width: 479px) {
#headeragent-nav { right: -100%; width: 100%; }	
ul#headeragent-menu { padding: 0 20px; }
}

body.scrolled #headeragent { top: 0; }
body.scrolled #headeragent-section { top: 0; }
body.scrolled #headeragent-title { display: none; }
body.scrolled #headeragent-title-scrolled { display: block; }
body.scrolled h1#headeragent-subtitle { display: none; }
body.scrolled a#headeragent-start { display: none; }
body.scrolled #headeragent-nav { height: calc(100vh - 56px); top: 56px; }

#footeragent { background: #56555c; box-sizing: border-box; color: #dfddda; font-family: 'Cabin', sans-serif; font-size: 0; overflow: hidden; padding: 20px 0 40px 0; position: relative; text-align: center; width: 100%; }
#footeragent section { box-sizing: border-box; margin: 0; overflow: hidden; position: relative; margin: 0 auto; padding: 0 10px; width: 100%; }
#footeragent nav { box-sizing: border-box; display: inline-block; margin: 0; overflow: hidden; padding: 40px 0 0 0; position: relative; vertical-align: top; width: 100%; }
#footeragent div { box-sizing: border-box; }
#footeragent a { box-sizing: border-box; }
#footeragent ul { box-sizing: border-box; font-size: 0; list-style-type: none; margin: 0; padding: 0; }
#footeragent li { box-sizing: border-box;list-style-type: none; margin: 0; padding: 0; position: relative; }
#footeragent img { border: 0; display: block; }
#footeragent h2 { color: #dfddda; display: block; font-size: 14px; font-weight: 600; margin: 20px 0 0 0; text-transform: uppercase; }
#footeragent h2 strong { color: #dfddda; display: block; font-size: 18px; font-weight: 600; }
#footeragent p { color: #dfddda; display: block; font-size: 14px; margin: 40px 0 0 0; }

#footeragent-link { display: inline-block; vertical-align: top; width: 100%; } 

#footeragent-contact { display: inline-block; vertical-align: top; width: 100%; }

.footeragent-menu ul { margin: 20px 0 0 0 !important; }
.footeragent-menu li { display: block; margin: 0; }
.footeragent-menu li a { color: #dfddda !important; display: block; font-size: 14px; line-height: 20px; }

ul#footeragent-social { display: inline-block; margin: 20px 0 0 0; width: 100%; }
ul#footeragent-social li { display: inline-block; margin: 0 5px; }
ul#footeragent-social a { display: block; height: 40px; line-height: 40px; text-align: center; width: 40px; }
ul#footeragent-social i { color: #fff; font-size: 26px; line-height: 40px; }

ul#footeragent-partner { display: inline-block; padding-top: 20px; width: 100%; }
ul#footeragent-partner > li { display: inline-block; margin: 20px 20px 0 20px; vertical-align: middle; }
ul#footeragent-partner img { display: inline-block; vertical-align: middle; }
ul#footeragent-partner li li { display: inline-block; margin: 0 8px; vertical-align: middle; }

ul#footeragent-partner > li:nth-child(1) img { height: 100px; }
ul#footeragent-partner > li:nth-child(2) img { height: 105px; }
ul#footeragent-partner > li:nth-child(3) img { height: 125px; }

#footeragent-browse { display: inline-block; vertical-align: top; width: 100%; }


@media screen and (min-width: 720px) {
#footeragent section { padding: 0 40px; }
#footeragent-contact { text-align: left; width: 50%; }
.footeragent-menu li { display: inline-block; margin-right: 15px !important; vertical-align: middle; }
ul#footeragent-social { text-align: right; width: 50%; }
ul#footeragent-social li:last-child { margin-right: 0; }
#footeragent-browse h2 { display: inline-block; margin-right: 15px; vertical-align: middle;  }
#footeragent-browse ul { display: inline-block; vertical-align: middle; }
}

@media screen and (min-width: 1280px) {
#footeragent-link { display: inline-block; vertical-align: top; width: 33%; } 
#footeragent-contact { width: 100%; }
ul#footeragent-social { margin-left: -15px; text-align: left; width: 100%; }
ul#footeragent-social li:first-child { margin-left: 0; }
ul#footeragent-partner { padding-top: 0; text-align: right; width: 67%; }
ul#footeragent-partner li:last-child { margin-right: 0; }
}


#agent-footer { background: #000; }