/* footer */
#footer {padding: 57px 0 86px; background: #171c60;}
#footer .inner {}
#footer .inner > div {display: flex; justify-content: space-between;}
.footer-menu {display: flex; align-items: center;}
.footer-menu li {position: relative;}
.footer-menu li + li {padding-left: 27px; margin-left: 27px;}
.footer-menu li + li::before {content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 1px; height: 12px; background: #f8f8f8;}
.footer-menu li a {display: block; font-size: 16px; font-weight: 500; color: #eceded;}
.footer-info {display: flex;}
.footer-info li {position: relative; font-size: 13px; font-weight: 300; color: rgba(255, 255, 255, 0.6);}
.footer-info li + li {margin-left: 10px; padding-left: 10px;}
.footer-info li + li::before {content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 1px; height: 12px; background: rgba(255, 255, 255, 0.6);}
#footer .copyright {margin: 13px 0 0;}
#footer .copyright {font-size: 13px; font-weight: 300; color: rgba(255, 255, 255, 0.3);}
.ft-btn {width: 140px; padding: 7px 0; border: 1px solid rgba(255, 255, 255, .5); border-radius: 3px; display: flex; justify-content: center; align-items: center; font-size: 10px; font-weight: 300; color: rgba(255, 255, 255, 0.5); transition: .3s;}
.ft-btn:hover {background: #fff; color: #000; border-color: #fff;}

#footer .bottom {border-top: 1px solid rgba(255, 255, 255, .25); padding-top: 42px; margin-top: 32px;}
.footer-links {display: flex;}
.footer-links li {}
.footer-links li + li {margin-left: 19px;}
.footer-links li a {}
#top-btn {position: fixed; right: 20px; bottom: 20px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border: 1px solid #333; color:#333; font-size:15px; background:rgba(255,255,255,0.5); z-index: 10; transition: .3s; pointer-events: none; opacity: 0;}
#top-btn:hover {border-color: #0090ff; background: #0090ff; color:#fff;}
.scrolled #top-btn {opacity: 1; pointer-events: auto;}