footer { background-image: linear-gradient(60deg, #5b204a 0%, #290944 37%, #31104d 65%); margin: 0; padding: 2%; }
footer .wrap { width: 100%; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap;  justify-content: space-between; }
footer .wrap .footer-contact { width: 100%; margin: 0 auto; display: block; }
footer .wrap .footer-navigation { width: 100%; margin: auto; max-width: 1100px; display: block; }
footer .copyright {  width: 100%; display:block; margin:2% auto auto auto; padding-top:2em; border-top:solid 1px rgba(255,255,255,.5); font-size: .8em; color:#FFF; text-align:center; }
.footer-logo { width: 132px; height: 110px; display: block; margin:auto; vertical-align: top; z-index: 9999; font-size: 0px; text-align: left; background: url(../images/footer-logo.svg) left top no-repeat; background-size: 90% auto; }
.qr-code { margin: 10px; display: block; line-height: 1.35em; text-align: left; color: #fff; }
.footer-links-holder { margin: 0 auto; 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: 35%; border-left: none; text-align:center; }
.footer-links-holder:nth-child(2) { width: 40%; padding: 0 1%; border-left: none; }
.footer-links-holder:nth-child(3) { width: 18%; padding: 0 0 0 5%; border-left: none; }
.ft-messages-list, .footer-information { vertical-align: top; }
.footer-links-holder:nth-child(1) li { width: 45%; display: inline-block; vertical-align: top; }
.footer-links-holder p { font-size: .5em; }
/* Typography */ 
footer h3 { font-size: 1.35rem; text-align: left; font-weight: 700; line-height: 3em; }
footer h3 a { color:rgba(255,255,255,.5); }
footer p, footer li { margin: 5px 0; font-weight:400; font-size: .9rem;   color: #666; text-align:left; }
footer a { color: #fff; text-decoration: none; -webkit-transition: color .5s, background .5s; transition: color .5s, background .5s; }
footer a:hover { color: #ed95f0; }
ul.ft-messages-list li, ul.footer-information li { width: 100%; display: inline-block; margin:1% auto; vertical-align: top; color: #fff;  letter-spacing: 0.05em;}

.social-icons li.facebook a,.social-icons li.youtube a,.social-icons li.line 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; margin-left: 10px; }
.social-icons li { display: inline-block; margin: 10px 5px 0px 5px; padding: 0; width: auto; }
.social-icons li a { display: inline-block; width: 30px; height: 30px; margin: 0; padding: 0; text-indent: -9999px; transition: all 0.3s ease 0s;  }
.social-icons li a:hover { background-position: center -25px; }
.social-icons li a { background-color: transparent; }
.social-icons li a:hover { background-color: transparent;  }
.social-icons li.facebook a { background-position: -726px -10px;   }
.social-icons li.facebook a:hover { background-color: #3b5998; }
.social-icons li.line a { background-position: -861px -10px;  }
.social-icons li.line a:hover { background-color: #0fa104; }
.social-icons li.youtube a { background-position: -822px -10px;  }
.social-icons li.youtube a:hover { background-color: #C00; }
footer .link { width: 100%; display: flex; justify-content: center; color: #fff; }
footer .link a {   font-size: 13px; color: #fff; padding: 0 20px; text-decoration: underline; position: relative; }
footer .link a:after { position: absolute; top: 20%; right: 0px; content: ''; width: 1px; height: 60%; background: rgba(255, 255, 255, 0.5); }
footer .link a:last-child { border: none; padding-right: 0px; }
footer .link a:last-child:after { display: none; }

[class^="ft-information-"] { position: relative; padding: 8px 0 8px 23px; }
[class^="ft-information-"]:before { font-size: 16px; font-family: FontAwesome; content: ''; position: absolute; left: 0px; opacity: .5; color: #fff;}

.ft-information-tel a { pointer-events: none; }
.ft-information-add:before { content: '\f3c5'; }
.ft-information-tel:before { content: '\f095'; }
.ft-information-fax:before { content: '\f1ac'; }
.ft-information-mail:before { content: '\f0e0'; }
.ft-message-name { display: block; font-size: 18px; margin-bottom: 20px; }
.ft-messages-list {   font-size: 15px; }
.ft-messages-list li { padding: 5px 0; }
.ft-messages-list li:before { font-family: FontAwesome; content: '\f0da'; padding-right: 8px; opacity: .5; color: #fff;}

.pagetopbtn { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 40px; height: 40px; padding: 3px; border-radius: 0px; background: #FFBC00; transition: all .2s; cursor: pointer; }
.pagetopbtn:before { content: url("../images/icon/gotop.png"); font-family: FontAwesome; color: #AEAEAE; line-height: 12px; padding-bottom: 5px; }
.pagetopbtn:after {  content: 'TOP'; font-size: 14px; line-height: 14px;  color: #fff;}
.pagetopbtn:hover { opacity: .5; }

/* Responsive Tablet Sizes */
@media only screen and (max-width:999px) {
footer .wrap { flex-wrap: wrap; }
footer .wrap .footer-navigation .footer-links-holder { width: 100%;padding: 0 10px; }
footer h3 a {font-size: 1.15rem; color: #fff; }
.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; }
.ft-messages-list, .footer-information, .social-icons { width: 100%; }
.ft-messages-list, .footer-information { 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 .ft-messages-list, .footer-links-holder.active .footer-information, .footer-links-holder.active .social-icons { max-height: 10000px; }
.social-icons { width: 100%; display: block; float: none; text-align: left; }
}