/* footer */
#footer {background: #fff; overflow: hidden; border-top: 1px solid #ddd;}
#footer .inner {padding: 60px 0;}
#footer .top {display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; margin-bottom: 40px; padding-bottom: 30px;}
.footer__menu {display: flex; justify-content: center; align-items: center;}
.footer__menu li {position: relative;}
.footer__menu li a {display: block; font-size: 16px; font-weight: 500; color: #000; transition: .3s;}
.footer__menu li + li {padding-left: 48px; margin-left: 48px;}
.footer__menu li + li::before {content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 1px; height: 12px; background: rgba(0, 0, 0, .2);}
.footer__menu li:hover a {color: #4a65f6;}
.ft-btn {width: 140px; padding: 8px 0; background: #4a65f6; display: flex; justify-content: center; align-items: center; font-size: 10px; font-weight: 300; color: #fff; transition: .3s;}
.ft-btn:hover {background: #3e57de;}
.footer__info {display: flex; flex-wrap: wrap; margin-bottom: 20px; max-width: 800px;}
.footer__info p {position: relative; font-size: 13px; font-weight: 300; line-height: 1.85; color: rgba(0, 0, 0, .8);}
.footer__info p + p {margin-left: 8px; padding-left: 9px;}
.footer__info p + p::before {content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 1px; height: 12px; background: rgba(0, 0, 0, .8);}
.footer__info p:nth-child(5) {margin-left: 0; padding-left: 0;}
.footer__info p:nth-child(5)::before {display: none;}
#footer .copyright {font-size: 13px; font-weight: 300; color: rgba(0, 0, 0, .3);}
#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, .5); z-index: 9; transition: .3s; pointer-events: none; opacity: 0;}
#top-btn:hover {border-color: #4a65f6; background: #4a65f6; color: #fff;}
.scrolled #top-btn {opacity: 1; pointer-events: auto;}