/* footer */
#footer {background: #050d00; padding: 60px 0 60px 240px;}
#footer .inner { max-width: 1480px; margin:0 auto; padding: 0 60px;}
#footer .inner > div {display: flex; justify-content: space-between; align-items: flex-start;}
#footer .top {align-items: center; overflow: hidden; border-bottom: 1px solid rgba(255, 255, 255, .25); margin-bottom: 35px; padding-bottom: 35px;}
#footer .inner > div.bottom {align-items: flex-end; }
.footer-menu {display: flex;}
.footer-menu li a {position: relative; display: block; font-size: 18px; font-weight: 500; color: rgba(255, 255, 255, 0.9); transition: .3s;}
.footer-menu li:hover a {color: rgba(255, 255, 255, .5);}
.footer-menu li + li a {margin-left: 35px; padding-left: 35px;}
.footer-menu li + li a::before {content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 1px; height: 16px; background: rgba(255, 255, 255, .2);}
.footer-info {display: flex; flex-wrap: wrap; margin-bottom: 20px; width: 780px;}
.footer-info li {position: relative; font-size: 13px; font-weight: 300; color: rgba(255, 255, 255, 0.8); line-height: 24px;}
.footer-info li + li:not(:last-child) {margin-left: 10px; padding-left: 10px;}
.footer-info li + li:not(:last-child)::before {content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 1px; height: 12px; background: rgba(255, 255, 255, 0.8);}

#footer .copyright {font-size: 14px; font-weight: 300; color: rgba(255, 255, 255, 0.3); }

footer .ft_typo {font-size: 15px; font-weight: 300; color:rgba(255, 255, 255, 0.5); line-height: 27px; display: block; }

.footer-logo {display: flex; align-items: center;}
.footer-logo a {display: block;}
.footer-logo a + a {margin-left: 35px;}
.ft-btn {float: right; width: 140px; padding: 7px 0; display: flex; justify-content: center; align-items: center; font-size: 10px; font-weight: 300; color: rgba(255, 255, 255, 0.5); transition: .3s; border: 1px solid rgba(255, 255, 255, .5);}
.ft-btn:hover {background: #3f7126; border-color: #3f7126; color: #fff;}
#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: #3f7126; background: #3f7126; color: #fff;}
.scrolled #top-btn {opacity: 1; pointer-events: auto;}