/*Content CSS*/
footer {width:100%; background-color:#fff; clear:both; border-top: 1px solid #ddd; display: flex; align-items: center; padding: 55px 0;}
.footer_con {max-width: 1400px; width: 100%; padding:0 50px;  margin: 0 auto; }
.ft_logo {margin-bottom: 20px;}
.ft_copy {font-size: 15px; font-weight: 300; color:#818181; line-height: 24px;}
.ft_copy b{font-weight: 500;}
.ft_copy span {color:#bbb; margin-top: 12px; display: inline-block;}
.ft_btn a {display: block;text-align: center; width: 140px; height: 30px; line-height: 30px; color:#fff; background: #333; border-radius: 3px; margin: 20px auto 0 auto; font-size: 10px; transition: all 0.3s}
.ft_btn a:hover {background: #fc0303;}

#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: #18578f; background: #18578f; color: #fff;}
.scrolled #top_btn {opacity: 1; pointer-events: auto;}

.ft_copy.mob{display: none;}
.foot_bar{margin: 0 5px;}

@media screen and (max-width:1024px) {
    footer{padding: 40px 0;}
    .footer_con{text-align: center; padding: 0 30px; }
    .ft_copy{display: none; line-height: 1.65; font-size: 13px;}
    .ft_copy.mob{display: block; word-break: keep-all; }

}

@media screen and (max-width: 960px) {
    .footer { padding-top:0}
    .footer ul li { width:100%; margin-right:0; margin-top:2%}
    .footer ul li:last-child { margin-top:2%}
}

@media screen and (max-width: 640px) {

}