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

#headeragent { background: #fff; box-shadow: 0 0 0 1px rgba(0,0,0,0.2); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-family: 'Montserrat', sans-serif; height: 64px; left: 0; overflow: visible; padding: 0 0 10px 0; position: absolute; text-align: center; top: 0; transition: 0.3s; width: 100%; z-index: 1; }
#headeragent div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#headeragent img { border: 0; display: block; margin: 0; }
#headeragent a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; }
#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; }
#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-nav { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; margin: 0 auto; max-width: 1400px; position: relative; width: 100%; }
a#headeragent-title { position: absolute; }
a#headeragent-title img { height: 100%; }
a#headeragent-hamburger { display: none; }

ul#headeragent-menu a { display: block; font-size: 14px; font-weight: 600; line-height: 20px; text-align: left; text-transform: uppercase; }

@media screen and (min-width: 960px) {
#contentagent { padding-top: 160px !important; }
#headeragent { height: 160px; }
a#headeragent-title { left: 20px; height: 50px; top: 50px; }
a#headeragent-login { background: #fccd01; border-radius: 5px; box-shadow: inset 0 0 0 1px rgba(100,101,101,0.2); color: #382e2c; display: inline-block; font-size: 14px; font-weight: 700; line-height: 36px; position: absolute; right: 20px; text-align: center; text-transform: uppercase; top: 62px; transition: 0.3s; width: 140px; }
a#headeragent-login:hover:after { background: rgba(100,101,101,0.2); content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: 0.3s; width: 100%; }
a#headeragent-login:hover:after { opacity: 1; }

ul#headeragent-menu { display: inline-block; position: absolute; right: 170px; text-align: left; top: 60px; transition: 0.3s; width: auto; }
ul#headeragent-menu > li { display: inline-block; margin: 0; position: relative; vertical-align: top; transition: 0.3s; }

ul#headeragent-menu > li.type-active { z-index: 1; }
ul#headeragent-menu a { color: #382e2c; padding: 10px; transition: 0.3s; }
ul#headeragent-menu > li > a:not(.type-parent):hover { opacity: 0.8; }
ul#headeragent-menu ul { display: inline-block; display: none; left: 0; position: absolute; top: 40px; min-width: 180px; }
ul#headeragent-menu > li:last-child ul { left: auto; right: 0; }
ul#headeragent-menu ul li { display: block; width: 100%; }
ul#headeragent-menu ul li + li { border-top: 1px solid rgba(255,255,255,0.8); }
ul#headeragent-menu ul a { background: rgba(100,101,101,0.8); color: #fff; font-weight: 300; white-space: nowrap;  }
ul#headeragent-menu ul a:hover { background: #fccd01; color: #382e2c; }
}
@media screen and (min-width: 1040px) {
ul#headeragent-menu > li { margin: 0 10px; }
}
@media screen and (min-width: 1200px) {
a#headeragent-title { height: 70px; top: 40px; }
a#headeragent-login { font-size: 16px; width: 160px; }
ul#headeragent-menu { right: 200px; }
ul#headeragent-menu > li { margin: 0 15px; }
}
@media screen and (max-width: 959px) {
#contentagent { padding-top: 40px !important; }
#headeragent { height: 40px; }
a#headeragent-title { left: 20px; height: 26px; top: 7px; }
a#headeragent-login { background: transparent url(header-login.png) no-repeat 50% 50%; border-radius: 10px; box-shadow: inset 0 0 0 1px #382e2c; display: block; font-size: 0; height: 20px; position: absolute; right: 20px; top: 10px; transition: 0.3s; width: 20px; }

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

ul#headeragent-menu { background: #382e2c; display: block; display: none; left: 0; max-height: calc(100vh - 40px); overflow-y: auto; position: absolute; top: 40px; width: 100%; }
ul#headeragent-menu a { display: block; font-size: 14px; }
ul#headeragent-menu > li > a { border-top: 1px solid rgba(255,255,255,0.2); color: #fff; font-size: 14px; padding: 10px; }
ul#headeragent-menu > li:first-child > a { border-top: none; }
ul#headeragent-menu > li.type-parent > a:after { border: solid rgba(255,255,255,0.5); border-width: 0 1px 1px 0; content: ''; display: block; padding: 3px; position: absolute; right: 10px; top: 16px; transform: rotate(45deg); transition: 0.3s; }
ul#headeragent-menu > li.type-parent.type-active > a:after { top: 18px; transform: rotate(-135deg); }
ul#headeragent-menu ul { background: rgba(255,255,255,0.2); padding: 5px 0; }
ul#headeragent-menu ul a { color: #fff; font-weight: 300; padding: 5px 10px 5px 20px; }
}


#footeragent { background: black; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; display: block; font-family: 'Montserrat', sans-serif; font-weight: 100; padding: 20px 0 40px 0; text-align: center; 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; }
#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 h2 { color: #fff; font-size: 20px; font-weight: 100; margin: 40px 0 0 0; }

ul#footeragent-association { margin: 0 auto; }
ul#footeragent-association li { display: inline-block; margin: 20px 0 0 0; padding: 0 20px; text-align: center; vertical-align: middle; }
ul#footeragent-association img { display: inline-block; height: 50px; vertical-align: middle; transition: 0.3s; }

ul#footeragent-menu  { display: block; padding: 30px 0 0 0; }
ul#footeragent-menu li { display: inline-block; margin: 10px 0 0 0; }
ul#footeragent-menu li a { display: block; font-size: 20px; font-weight: 600; padding: 0 20px; text-transform: uppercase; }

ul#footeragent-partner  { display: block; padding: 10px 0 0 0; }
ul#footeragent-partner li { display: inline-block; margin: 10px 0 0 0; }
ul#footeragent-partner li a { display: block; font-size: 14px; padding: 0 10px; }

ul#footeragent-social { display: block; padding: 20px 0 0 0; }
ul#footeragent-social li { display: inline-block; margin: 20px 0 0 0; padding: 0 15px; position: relative; vertical-align: top; }
ul#footeragent-social a { display: block; width: 30px; }
ul#footeragent-social a:after { color: #fff; display: inline-block; font-family: "Font Awesome 5 Brands"; font-size: 24px; font-weight: 400; line-height: 30px; }
ul#footeragent-social li#footeragent-facebook a:after { content: '\f39e'; }
ul#footeragent-social li#footeragent-pinterest a:after { content: '\f231'; }
ul#footeragent-social li#footeragent-instagram a:after { content: '\f16d'; }
ul#footeragent-social li#footeragent-twitter a:after { content: '\f099'; }
ul#footeragent-social li#footeragent-linkedin a:after { content: '\f0e1'; }
ul#footeragent-social li#footeragent-blog a:after { content: '\f09e'; font-family: "Font Awesome 5 Free"; font-weight: 900; }

ul#footeragent-contact { display: block; padding: 20px 0 0 0; }
ul#footeragent-contact li { display: inline-block; margin: 20px 0 0 0; padding: 0 15px; position: relative; vertical-align: top; }
ul#footeragent-contact a { display: block; font-size: 16px; line-height: 30px; padding: 0 0 0 35px; position: relative; }
ul#footeragent-contact a:after { color: #fff; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 24px; font-weight: 400; left: 0; line-height: 30px; position: absolute; top: 0; }
ul#footeragent-contact li#footeragent-email a:after { content: '\f0e0'; }
ul#footeragent-contact li#footeragent-tel a:after { content: '\f095'; font-weight: 900; }
ul#footeragent-contact i { font-size: 20px; }

#footeragent-disclaimer { padding: 20px 0 0 0; }
#footeragent-disclaimer p { font-size: 10px; font-weight: 200; margin: 20px 0 0 0; }
#footeragent-disclaimer p img { display: inline-block; height: 12px; margin: 0 2px; vertical-align: middle; }
#footeragent-disclaimer p a { text-decoration: underline; }
#footeragent-disclaimer ul { display: block; padding: 10px 0 0 0; }
#footeragent-disclaimer li { display: inline-block; margin: 10px 0 0 0; }
#footeragent-disclaimer li a { display: block; font-size: 10px; padding: 0 10px; }

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; }

@media screen and (min-width: 720px) {
#footeragent { padding: 40px 0 60px 0; }
ul#footeragent-menu { padding-top: 50px; }
#footeragent h2 {  margin-top: 60px; }
ul#footeragent-social { display: inline-block; padding-top: 40px; }
ul#footeragent-contact { display: inline-block; padding-top: 40px; }
#footeragent-disclaimer { padding-top: 40px; }
#footeragent-disclaimer li + li { border-left: 1px solid #fff; }
a#footeragent-access { margin-top: 60px; }
}
@media screen and (max-width: 719px) {
ul#footeragent-menu li { display: block; }
ul#footeragent-partner li { display: block; }
}


#agent-footer { background: #fccd01; }
#agent-footer a { color: #382e2c; }
#agent-footer a strong { color: #382e2c; }