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

#headeragent-jackiesmith { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.5); box-sizing: border-box; color: #fff; font-family: 'Open Sans', sans-serif; height: 60px; left: 0; overflow: visible; padding: 0 0 10px 0; position: relative; text-align: center; top: 0; transition: 0.3s; width: 100%; z-index: 1; }
#headeragent-jackiesmith div { box-sizing: border-box; }
#headeragent-jackiesmith img { border: 0; display: block; margin: 0; }
#headeragent-jackiesmith a { box-sizing: border-box; text-decoration: none; }
#headeragent-jackiesmith ul { box-sizing: border-box; font-size: 0; list-style-type: none; margin: 0; padding: 0; }
#headeragent-jackiesmith li { box-sizing: border-box; list-style-type: none; margin: 0; padding: 0; position: relative; }
#headeragent-jackiesmith-nav  { box-sizing: border-box; font-size: 0; margin: 0 auto; position: relative; width: 100%; }
a#headeragent-jackiesmith-hamburger { display: none; }
a#headeragent-jackiesmith-person { display: none; }
ul#headeragent-jackiesmith-contact { display: none; }
@media screen and (min-width: 960px) {
#headeragent-jackiesmith { height: 150px; }
a#headeragent-jackiesmith-title { left: 50%; position: absolute; top: 20px; transform: translateX(-50%); }
a#headeragent-jackiesmith-title img { border-right: 1px solid #595959; display: inline-block; height: 60px; margin: 0 20px 0 0; padding: 0 20px 0 0; vertical-align: middle; }
a#headeragent-jackiesmith-title h1 { color: #0a0a0a; display: inline-block; font-size: 28px; font-weight: 300; line-height: 60px; margin: 0; vertical-align: middle; }
a#headeragent-jackiesmith-login { color: #595959; display: inline-block; font-size: 18px; font-family: 'Tinos', serif; font-style: italic; line-height: 40px; position: absolute; right: 40px; top: 100px; transition: 0.3s; }
a#headeragent-jackiesmith-login:hover { opacity: 0.5; }

ul#headeragent-jackiesmith-menu { display: inline-block; position: absolute; left: 20px; text-align: left; top: 100px; transition: 0.3s; width: auto; }
ul#headeragent-jackiesmith-menu > li { display: inline-block; margin: 0 10px; position: relative; vertical-align: top; transition: 0.3s; }
ul#headeragent-jackiesmith-menu > li.type-active { z-index: 1; }
ul#headeragent-jackiesmith-menu > li > a { color: #595959; font-family: 'Tinos', serif; font-style: italic; font-size: 18px; line-height: 40px; padding: 0 10px; position: relative; transition: 0.3s; }
ul#headeragent-jackiesmith-menu > li > a:hover { opacity: 0.5; }
ul#headeragent-jackiesmith-menu > li.type-parent > a { padding-right: 25px; }
ul#headeragent-jackiesmith-menu > li.type-parent > a:after { border: solid #595959; border-width: 0 1px 1px 0; content: ''; display: block; padding: 3px; position: absolute; right: 10px; top: 4px; transform: rotate(45deg); transition: 0.3s; }
ul#headeragent-menu > li.type-parent.type-active > a:after { top: 7px; transform: rotate(-135deg); }

ul#headeragent-jackiesmith-menu ul { background: #fff; display: block; display: none; left: 0; position: absolute; top: 40px; min-width: 160px; }
ul#headeragent-jackiesmith-menu ul li { display: block; width: 100%; }
ul#headeragent-jackiesmith-menu ul a { color: #0a0a0a; display: block; font-size: 14px; font-weight: 400; padding: 10px; text-transform: uppercase; transition: 0.3s; }
ul#headeragent-jackiesmith-menu ul a:hover { background: #0a0a0a; color: #fff; }
}
@media screen and (min-width: 1040px) {
a#headeragent-jackiesmith-login { font-size: 20px; right: 60px; }
ul#headeragent-jackiesmith-menu { left: 40px; }
ul#headeragent-jackiesmith-menu > li > a { font-size: 20px; }
}
@media screen and (max-width: 959px) {
#headeragent-jackiesmith { height: 60px; }
a#headeragent-jackiesmith-title { position: absolute; right: 5px; top: 5px; }
a#headeragent-jackiesmith-title img { height: 50px; }
a#headeragent-jackiesmith-title h1 { display: none !important; }
a#headeragent-jackiesmith-login { background: transparent url(header-login.svg) no-repeat 50% 50%; font-size: 0; height: 40px; left: 90px; position: absolute; top: 10px; width: 40px; }

a#headeragent-jackiesmith-person { display: block; height: 56px; left: 10px; overflow: hidden; position: absolute; top: 2px; width: 30px; }
a#headeragent-jackiesmith-person img { display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }

ul#headeragent-jackiesmith-contact { background: #fff; box-shadow: 0 5px 5px rgba(0,0,0,0.5); display: block; display: none; left: 0; padding: 5px 0; position: absolute; text-align: left; top: 60px; width: 100%; }
ul#headeragent-jackiesmith-contact h2 { color: #0a0a0a; display: block; font-size: 18px; margin: 0; padding: 5px 10px; }
ul#headeragent-jackiesmith-contact a { color: #0a0a0a; display: block; font-size: 14px; padding: 5px 10px; }
ul#headeragent-jackiesmith-contact i { display: inline-block; font-size: 14px; margin: 0 5px 0 0; vertical-align: middle; }

a#headeragent-jackiesmith-hamburger  { display: block; font-size: 0; left: 45px; padding: 9px 10px; position: absolute; top: 10px; }
a#headeragent-jackiesmith-hamburger  > span { display: block; height: 19px; position: relative; width: 28px; }
a#headeragent-jackiesmith-hamburger  > span:before { background: #0a0a0a; content: ''; display: block; height: 1px; left: 0; position: absolute; top: 0; transition: 0.3s; width: 28px; }
a#headeragent-jackiesmith-hamburger  > span:after { background: #0a0a0a; bottom: 0; content: ''; display: block; height: 1px; left: 0; position: absolute; transition: 0.3s; width: 28px; }
a#headeragent-jackiesmith-hamburger  > span span { background: #0a0a0a; content: ''; display: block; height: 1px; left: 0; position: absolute; top: 9px; transition: 0.3s; width: 28px; }
a#headeragent-jackiesmith-hamburger.type-active > span:before { transform: translateY(9px) rotate(45deg); }
a#headeragent-jackiesmith-hamburger.type-active > span:after { transform: translateY(-9px) rotate(-45deg); }
a#headeragent-jackiesmith-hamburger.type-active > span span { opacity: 0; }

ul#headeragent-jackiesmith-menu { background: #fff; box-shadow: 0 5px 5px rgba(0,0,0,0.5); display: block; display: none; left: 0; max-height: calc(100vh - 60px); overflow-y: auto; position: absolute; top: 60px; width: 100%; }
ul#headeragent-jackiesmith-menu a { display: block; text-align: left; }
ul#headeragent-jackiesmith-menu > li > a { border-top: 1px solid #e6e6e6; color: #595959; font-family: 'Tinos', serif; font-style: italic; font-size: 18px; padding: 10px 20px; }
ul#headeragent-jackiesmith-menu > li:first-child > a { border-top: none; }
ul#headeragent-jackiesmith-menu > li.type-parent > a:after { border: solid #191919; border-width: 0 1px 1px 0; content: ''; display: block; padding: 3px; position: absolute; right: 20px; top: 16px; transform: rotate(45deg); transition: 0.3s; }
ul#headeragent-jackiesmith-menu > li.type-parent.type-active > a:after { top: 18px; transform: rotate(-135deg); }
ul#headeragent-jackiesmith-menu ul { padding: 0 0 5px 0; }
ul#headeragent-jackiesmith-menu ul a { color: #0a0a0a; font-size: 14px; padding: 5px 10px 5px 40px; text-transform: uppercase; }
}


#footeragent { background: #fff; box-sizing: border-box; color: #191919; display: block; font-family: 'Open Sans', sans-serif; font-weight: 400; padding: 20px 0; text-align: center; width: 100%; }
#footeragent a { color: #191919; }

.footeragent-row { box-sizing: border-box; display: block; margin: 0 auto; max-width: 1400px; overflow: hidden; padding: 0 20px 20px 20px; text-align: center; }
.footeragent-row.footeragent-br { border-top: 1px solid #ccc; margin-top: 20px; padding-top: 20px; }

a#footeragent-title { display: block; height: 90px; }
a#footeragent-title img { display: inline-block; height: 100%; }

ul#footeragent-partner { align-items: center; display: inline-flex; gap: 20px; list-style-type: none; margin: 0; padding: 0; }
ul#footeragent-partner li { display: inline-block; list-style-type: none; margin: 20px 0 0 0; padding: 0; }

p#footeragent-disclaimer { font-size: 10px; margin: 20px 0 0 0; }
p#footeragent-credit { font-size: 14px; font-weight: 200; margin: 5px 0 0 0; }
p#footeragent-credit img { display: inline-block; height: 12px; margin: 0 2px; vertical-align: middle; }
p#footeragent-access { font-size: 10px; margin: 5px 0 0 0; }

a#footeragent-access { box-shadow: inset 0 0 0 1px #fff; display: block; font-size: 14px; line-height: 60px; margin: 40px auto 0 auto; text-transform: uppercase; transition: 0.3s; vertical-align: middle; width: 180px; }
a#footeragent-access:hover { background: #fff; color: #382e2c; }

a#footeragent-reliance { display: block; margin: 20px 0 0 0; opacity: 0.5; }
a#footeragent-reliance img { display: inline-block; height: 40px; }
a#footeragent-login { background: #E6661F; color: #191919; display: inline-block; font-size: 16px; font-weight: 500; line-height: 40px; margin: 20px 0 0 0; padding: 0 20px; text-align: center; text-decoration: none; text-transform: uppercase; transition: 0.3s; }

@media screen and (min-width: 720px) {
a#footeragent-title { float: left; }
ul#footeragent-partner { float: right; }
a#footeragent-reliance { float: left; }
a#footeragent-login { float: right; }
}
@media screen and (min-width: 1440px) {
.footeragent-row { padding-left: 0; padding-right: 0; }
}

#agent-footer { background: #595959; }
#agent-footer a { color: #fff; }
#agent-footer a strong { color: #fff; }