body { margin: 0; padding: 0; }

#headeragent { background: #fff; border-bottom: 50px solid #542448; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-family: 'Lato', sans-serif; font-weight: 300; overflow: visible; padding: 0 0 10px 0; text-align: center; width: 100%; z-index: 1; }
#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; }
#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 { background: transparent url(header-title.png) no-repeat 0 0; display: block; height: 53px; left: 20px; position: absolute; top: 3px; width: 150px; }
#headeragent-hamburger { display: none; }
#headeragent-nav { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; font-size: 0; position: relative; text-align: left; width: 100%; }
#headeragent-login { color: #552448; display: block; font-size: 11px; font-weight: 300; line-height: 30px; position: absolute; right: 0; text-align: center; text-decoration: underline; top: 0; width: 120px; }


@media screen and (min-width: 960px) {
#headeragent { height: 148px !important; }
#headeragent-title { background-position: 0 -60px; height: 88px; left: 40px; width: 250px; }
#headeragent-login { right: 20px; }

ul#headeragent-menu { float: left; position: absolute; right: 50px; text-align: center; top: 48px; width: auto; }
ul#headeragent-menu a { color: #552448; display: block; font-size: 11px; font-weight: 300; }
ul#headeragent-menu > li { display: inline-block; position: relative; }
ul#headeragent-menu > li.type-active { z-index: 1; }
ul#headeragent-menu > li > a { letter-spacing: -0.02em; line-height: 50px; padding: 0 12px; }
ul#headeragent-menu > li:hover > a { background: #e6e6e6; }
ul#headeragent-menu > li > ul { background: #552448; display: none; left: 0; position: absolute; top: 50px; width: 240px; }
ul#headeragent-menu > li > ul > li { width: 100%; }
ul#headeragent-menu > li > ul > li:first-child { border-top: none; }
ul#headeragent-menu > li > ul > li > a { color: #fff; font-weight: bold; padding: 10px 12px; text-align: left; width: 100%; }
ul#headeragent-menu > li > ul > li > a:hover { background: #e6e6e6; color: #552448; -moz-transition: 0.5s;  -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
}
@media screen and (max-width: 959px) {
#headeragent { height: 113px !important; }
#headeragent-hamburger { color: #552448; display: block; font-size: 11px; font-weight: 300; line-height: 30px; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: 33px; width: 120px; }
ul#headeragent-menu { background: #552448; border-bottom: 1px solid rgba(0,0,0,0.5); box-shadow: 0 10px 10px -10px rgba(0,0,0,0.5); display: none; left: 0; padding-bottom: 10px; position: absolute; text-align: left; top: 65px; }
ul#headeragent-menu a { color: #fff; display: block; font-size: 15px; line-height: 20px; padding: 10px 20px; width: 100%; }
ul#headeragent-menu li { width: 100%; }
ul#headeragent-menu > li.type-active { background: rgba(255,255,255,0.2); }
ul#headeragent-menu > li > ul { display: none; width: 100%; }
ul#headeragent-menu ul a { padding-left: 40px; }
}

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

#footeragent { background: #552448; -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: 300; padding: 20px 0 40px 0; 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 a:hover { text-decoration: underline; }
#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 #footeragent-aside { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 0 20px; text-align: center; vertical-align: top; width: 100%; }
#footeragent #footeragent-body { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; text-align: left; vertical-align: top; width: 100%; }

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

#footeragent ul#footeragent-social { margin: 0 auto; max-width: 190px; text-align: center; width: 100%; }
#footeragent ul#footeragent-social li { display: inline-block; height: 40px; margin: 10px 10px 0 10px; width: 40px; }
#footeragent ul#footeragent-social li a { background: transparent url(footer.png) no-repeat 0 0; display: block; height: 100%; text-indent: -1000px; width: 100%; }
#footeragent ul#footeragent-social li#footeragent-facebook a { background-position: 0 0; }
#footeragent ul#footeragent-social li#footeragent-twitter a { background-position: -40px 0; }
#footeragent ul#footeragent-social li#footeragent-youtube a { background-position: -80px 0; }

#footeragent ul#footeragent-app { margin: 0 auto; max-width: 190px; text-align: center;  width: 100%; }
#footeragent ul#footeragent-app li { display: inline-block; margin: 10px 2px 0 2px; }
#footeragent ul#footeragent-app img { border: none; display: block; margin: 0; width: 80px; }

#footeragent ul#footeragent-menu { margin: 20px 0 0 0; padding: 0 10px; width: 100%; }
#footeragent ul#footeragent-menu li { display: inline-block; margin: 0; }
#footeragent ul#footeragent-menu a { display: inline-block; font-size: 11px; line-height: 20px; padding: 0 10px; }

#footeragent #footeragent-link { margin: 20px 0 0 0; }
#footeragent #footeragent-link ul { display: inline-block; padding: 0 10px; vertical-align: top; width: 100%; }
#footeragent #footeragent-link li { display: block;  margin: 0; }
#footeragent #footeragent-link a { display: block; font-size: 11px; line-height: 20px; padding: 0 10px; }

#footeragent #footeragent-disclaimer { padding: 10px 20px 0 20px; }
#footeragent #footeragent-disclaimer p  { font-size: 11px; line-height: 1.2em; margin: 10px 0 0 0; text-decoration: none; }
#footeragent #footeragent-disclaimer p img { display: inline-block; margin-left: 5px; vertical-align: middle; }
@media screen and (min-width: 600px) {
#footeragent #footeragent-link ul { width: 50%; }
}
@media screen and (min-width: 960px) {
#footeragent #footeragent-aside { text-align: left; width: 33% }
#footeragent #footeragent-title img { margin: 20px 0 0 0; }
#footeragent ul#footeragent-social { margin: 0; }
#footeragent ul#footeragent-app { margin: 0; }
#footeragent #footeragent-body { width: 67%; }
#footeragent #footeragent-link ul { width: 25%; }
}
@media screen and (max-width: 599px) {
#footeragent #footeragent-title img { display: none; }
}

#agent-footer { background: #000; }