html, body { margin:0; padding: 0; width:100%; height:100%; font-family: sans-serif; }
body { display: flex; flex-direction: column; }
.container { width:100%; margin: auto; box-sizing: border-box; display: flex; flex-direction: row; }
.shadow { box-shadow: 0 10px 10px rgba(0,0,0,0.33); }
header { height:100px; border-bottom: 1px solid #024E82;  padding:15px 20px; box-sizing: border-box; }
.agn-bttn {background: #024E82; color: #fff; padding: 10px 20px; text-decoration: none; transition: all .2s ease-in-out!important; font-weight: bold; float: right; }
.agn-bttn:hover {background: #333333;}
iframe { display: flex; width:100%; height:calc(100vh - 200px); border: none; }
footer { background:#024E82; display: flex; flex-direction:column; color:#ffffff; justify-content: center; padding:0px 20px; font-family: sans-serif; height:100px; box-sizing: border-box; overflow: hidden; }
footer .pre-footer { height: 80px; }
footer table { width:100%; }
footer ul { list-style: none; }
footer a { color:#ffffff; text-decoration:none; }
footer a:hover { text-decoration:underline; }
.w-50 { width: 50%; margin: auto; }
.mw-400 { max-width:400px; }
footer h4, footer p { margin-top:0; margin-bottom:2px; }
footer h4 { font-size: 15px; border-bottom: 1px solid; }
footer p { font-size: 13px; }
.post-footer { background: #222; color:#ffffff; text-align: center; padding: 6px; margin: 0 -20px -10px; height: 20px; }
.post-footer p { margin: 0; }
.btn-map { background: #fff; color:#024E82; padding:3px 14px; transition:.2s; font-weight: bold; }
.btn-map:hover { text-decoration: none; background: #333; color:#fff; }
.footer-copyright { font-size:11px; }


@media only screen and (max-width:768px){}