/* Header */
header { overflow: hidden; }
.h-top { width: 100%; height: 188px; float: left; background: url("../images/h-top-bg.jpg"); background-repeat: repeat-x; overflow: hidden; }
.logo-dialog-wrp { float: left; }
.logo{ margin-top:6px; }
ul.h-top-dialog { list-style-image: url("../images/tick-icon.png"); height: auto; background: #ff9909; padding: 6px 6px 6px 28px; border-radius: 4px; float: right; border: 1px solid #dde2db; position: relative; margin-top: 15px; }
ul.h-top-dialog li { border-bottom: 1px solid rgba(255,255,255,0.6); }
ul.h-top-dialog li:last-child { border: none; }
ul.h-top-dialog a { font-size: 13px; font-weight: bold; color: #f3f3f3; line-height: 23px; text-decoration: none; }
ul.h-top-dialog a:hover { color: #fff; }
ul.h-top-dialog:after, ul.h-top-dialog:before { bottom: 100%; left: 25%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
ul.h-top-dialog:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #ff9909; border-width: 15px; margin-left: -15px; }
ul.h-top-dialog:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #dde2db; border-width: 18px; margin-left: -18px; }
.text-slider { width: 350px; float: left; padding-top: 38px; margin-left: 25px; overflow: hidden; }
.anim-slider p { font-size: 18px; font-weight: bold; }
.anim-slider .line2 { padding-top: 30px; }
.anim-slider .line3 { padding-top: 60px; }
.h-bottom { width: 100%; height: 28px; float: left; background: #626367; position: relative; }
/* Footer */
.tags { width: 100%; float: left; background: #3d3d3d; color: #949494; font-size: 13px; padding-bottom: 15px; }
.tags a { font-size: 13px; color: #949494; font-weight: bold; text-decoration: none; }
.tags a:hover { color: #FFD971; }
footer { width: 100%; float: left; background: #333333; border-top: 1px solid #666; padding: 18px 0px; }
ul.footer-menu { list-style: none; text-align: center; padding-left: 0px; margin-bottom: 0px; }
ul.footer-menu li { display: inline; }
ul.footer-menu li:after { content: ":"; display: inline-block; color: #999; font-size: 14px; padding: 0px 4px; }
ul.footer-menu li:last-child:after { display: none; }
ul.footer-menu li a { color: #999; text-decoration: none; font-size: 14px; }
ul.footer-menu li a:hover { color: #FEBE1C; }
footer p { color: #999; text-decoration: none; font-size: 14px; text-align: center; margin-bottom: 0px; }
 @media screen and (max-width: 360px) {
.logo { width: auto; height: auto; }
.logo img { max-width: 100%; height: auto; }
}
