/* HTML Set up */
footer { background: #1f328c; margin: 0; padding:0; }
footer .centered { width: 100%; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
footer .footer-contact { width: 100%; height: auto; min-height:100px; margin: 0 auto; display: block; }
footer .centered .footer-navigation { width: 100%; max-width:1100px; margin: auto; padding: 50px 0px; display: block; }
footer .bottom-bar { width: 100%; display:block; margin:0 auto; padding:3em 0; color: #fff; font-size: .8em; font-weight: 300; text-align:center; background:#18276d; }
.qr-code { margin: 10px; display: block; line-height: 1.35em; text-align: left; color: #fff; }
.footer-links-holder { margin: 0 1%; position: relative; display: inline-block; text-align: left; border-left: solid 1px rgba(255,255,255,.3); vertical-align: top; }
.footer-links-holder:nth-child(1) { width: 33%; border-left: none; }
.footer-links-holder:nth-child(2) { width: 33%; padding: 0 1%; border-left: none; }
.footer-links-holder:nth-child(3) { width: 25%; padding: 0 1%; border-left: none; }
.footer-links { margin: 0; padding: 0; width: 100%; display: block; list-style: none; -webkit-transition: max-height .5s; transition: max-height .5s; }
.footer-links { vertical-align: top; }
.footer-links.half li { width: 45%; display: inline-block; vertical-align: top; }
.footer-links-holder p { font-size: .5em; }
.row-left{float: left; text-align: left; }
.row-right{float: right; text-align: left;}
.row-right a{ padding:0px 3px; }
/* Typography */
footer h3 { font-size: 1.15rem; text-align: left; font-weight: 700; line-height: 3em; }
footer h3 a { color: #fff; font-weight:700; }
footer p, footer li { margin: 5px 0; font-weight:300; font-size: .9rem; color: #666; text-align:left; }
footer a { color: #fff; font-weight:300; text-decoration: none; -webkit-transition: color .5s, background .5s; transition: color .5s, background .5s; }
footer a:hover { color: #7a1623; }
.footer-contact ul { width: 100%; max-width: 1100px; margin: 0 auto; display: block; }
ul.footer-links li { width: 100%; display: inline-block; margin:1% auto; vertical-align: top; line-height:150%; letter-spacing: 0.05em; color: #000; }
.footer-links-holder:nth-child(3) ul.footer-links li { width: 100%; display: block;}
.footer-links li.tel { background: url(../images/icon/icon-tel.svg) no-repeat left top;background-size:20px; padding-left: 30px; }
.footer-links li.fax { background: url(../images/icon/icon-tel-01.svg) no-repeat left top;background-size:20px; padding-left: 30px; }
.footer-links li.add { background: url(../images/icon/icon-add.svg) no-repeat left top; background-size:20px;padding-left: 30px; }
.footer-links li.mail { background: url(../images/icon/icon-mail.svg) no-repeat 2px top; background-size:20px;padding-left: 30px; }
.footer-links li.time { background: url(../images/icon/time.svg) no-repeat 2px top; background-size:20px; padding-left: 30px; }
.clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; clear: both; }
/*.social-icons li.facebook a, .social-icons li.line a, .social-icons li.youtube a, .social-icons li.instagram a, .cd-top { background-image: url(../images/icon/iconset.svg); background-color: transparent; background-repeat: no-repeat; }
*/.social-icons { margin: 0px; display: block; color:#666; }
.social-icons li { display: inline-block; margin: 10px 5px 0px 5px; padding: 0; width: auto; font-size: 35px; color: #FFF;}
.social-icons li a { display: inline-block; width: 30px; height: 30px; margin: 0; padding: 0; transition: all 0.3s ease 0s; }
.social-icons li a:hover { opacity:.5; }
.social-icons li a { background-color: transparent; }
.social-icons li a:hover { background-color: transparent; }
.social-icons li.facebook a { background: url(../images/icon/fb.svg) no-repeat center top; }
.social-icons li.facebook a:hover { opacity:.5; }
.social-icons li.line a { background: url(../images/icon/line.svg) no-repeat left top; }
.social-icons li.line a:hover { opacity:.5; }
.social-icons li.youtube a { background-position: -822px -10px; }
.social-icons li.youtube a:hover { background-color: #C00; }
.social-icons li.instagram a { background: url(../images/icon/instagram.svg) no-repeat left top; }
.social-icons li.instagram a:hover { opacity:.5; }
.cd-top { display: inline-block; position: fixed; z-index: 9999; bottom: 40px; right: 10px; height: 40px; width: 40px; overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(../images/icon/iconset.svg) no-repeat -530px -56px #aa2d2b; visibility: hidden; opacity: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -moz-border-radius: 5%; -webkit-border-radius: 5%; border-radius: 5%; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top.cd-is-visible { visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { opacity: .8; }
.no-touch .cd-top:hover { background-color: #2b70b8; opacity: 1; }
/* Responsive Tablet Sizes */
@media only screen and (max-width:1024px) {
footer .centered { flex-wrap: wrap; }
footer .centered .footer-navigation { width: 100%; }
footer .centered .footer-navigation .footer-links-holder { padding: 0 10px; }
}
/* Responsive Mobile Sizes */
@media only screen and (max-width: 999px) {
.footer-logo { margin-top: 20px; background-size: 80% auto; }
.footer-links-holder { width: 100%; padding: 0; border-bottom: solid 1px rgba(102,102,102,.2); }
.footer-links-holder h3 { margin: 0; padding: 0px 20px; box-shadow: 0px 1px rgba(255,255,255,.1); cursor: pointer;/* Down Arrows */ }
.footer-links-holder h3::after { float: right; margin-right: 10px; content: ""; display: inline-block; vertical-align: middle; margin-top: 30px; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: transform .5s; transition: transform .5s; }
.footer-links-holder:nth-child(1), .footer-links-holder:nth-child(2), .footer-links-holder:nth-child(3), .footer-links-holder:nth-child(4) { width: 100%; }
.footer-links-holder:nth-child(4) {border-bottom: none;}
.footer-links { max-height: 0; overflow: hidden; padding:0px 10px; }
.footer-links-holder.active h3::after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.footer-links-holder.active .footer-links { max-height: 10000px; }
.social-icons { width: 100%; display: block; float: none; text-align: left; margin-left: 20px; }
}
ul.footer-links.half a:hover {
color: #cccccc;
}