@charset "UTF-8";

/* footer */
#footer {background: #2B2C30;color: #87979A;margin-top: auto;flex-shrink: 0;}
#footer .m {max-width: 1340px; margin: 0 auto;padding: 0;}

#footer a {color: #D3E2E5;text-decoration:none;}
#footer a:hover {color: #fff; text-decoration: underline rgba(255,255,255,.35);}

#footer .row {display: flex;flex-flow: row;flex-wrap: wrap;}
#footer .col {flex-shrink: 0;padding: 0 20px 0;}


#footer_body {padding: 40px 0;font-size: 14px;line-height: 20px;}

#footer_body .logo {display: inline-block;vertical-align: top;margin: 0 auto 18px;height: 28px;min-width: 140px;background: url(../i/bar.svg?v=4) -39px -89px no-repeat;}


#footer_body .title {margin: 10px auto 18px;color: #fff;}
#footer_body .ul {/* margin-bottom: 24px; */}
#footer_body .li {margin: 0 auto 6px;}
#footer_body .li a {color: inherit;}
#footer_body .li a:hover {color: #fff;}



#footer .social_links {margin: 24px auto 0;}

#footer .social_links a {display:inline-block;vertical-align: top;position: relative;width: 32px;height: 32px;margin-right: 4px;border-radius: 8px;border: 1px solid rgba(98,111,114,0.42);}
#footer .social_links a:last-child {margin-right: auto;}
#footer .social_links a:hover {background-color: rgba(98,111,114,0.42);border-color: transparent;}

#footer .social_links a:before {content: "";display: block;background: url("../i/footer.svg?v=2") -62px -19px no-repeat;position: relative;width: 20px;height: 20px;top: 50%;left: 50%;margin-top: -10px;margin-left: -10px;opacity: .47;}
#footer .social_links a:hover:before {opacity: 1;}

#footer .social_links a.telegram:before {background-position-x: -61px;}
#footer .social_links a.facebook:before {background-position-x: -140px;}
#footer .social_links a.youtube:before {background-position-x: -100px;}
#footer .social_links a.instagram:before {background-position-x: -20px;}

#footer .li a.support {display: inline-block;position: relative;border: 1px solid rgba(98,111,114,0.42);padding: 6px 11px 6px 31px;border-radius: 10px;margin: 16px auto 0;text-decoration: none;line-height: 18px;margin-right: -10px;}
#footer .li a.support:before {content: "";display: block;position: absolute;width: 16px;height: 16px;left: 9px;top: 50%;margin-top:-8px;background: url(../i/footer.svg?v=2) -313px -21px no-repeat;opacity: .42;}
#footer .li a.support:hover {border-color: transparent; background: rgba(98,111,114,0.42);}
#footer .li a.support:hover:before {opacity: 1;}


#footer_bottom {border-top: 1px solid #3B3C41;line-height: 18px;font-size: 12px;padding: 19px 0 20px;color: #596165;}

#footer_bottom a {text-decoration: underline #6b6b68;color: inherit;}
#footer_bottom .time {display: inline-block;margin-left: 8px;}

#footer_bottom .user_id:after {content: " ";}


@media only screen and (min-width: 721px) {
	
	#footer_body .col {width: 27%;}
	#footer_body .col_left {width: 46%;}

	#footer_body .col:last-child {padding-left: 10px;}
	
	#footer_bottom .col_right {text-align: right; margin-left: auto;}
	#footer_bottom .tstamp {display: inline-block;text-align: right;}
	#footer_bottom .tstamp .date {display: block;}
}


@media only screen and (max-width: 990px) {
	#footer {/*padding-bottom: 62px;*/}
}

@media only screen and (max-width: 720px) {
	
	#footer {padding-bottom: 62px;}
	
	#footer_body .col {width: 50%;}
	#footer_body .col_left {width: 100%;}
	#footer_body .social_links {margin-bottom: 26px;}
	
	#footer_bottom .row {display: block;}

	#footer_bottom .copyright br {display: none;}
	#footer_bottom .tstamp {margin-top: 12px;}
}

@media only screen and (max-width: 520px) {
	#footer .li a.support {padding-left: 11px;}
	#footer .li a.support:before {content: none;}
}