footer{padding:44px 0 18px;color:#ffffff;background-color:#212121}
footer a{font-size:14px;line-height:18px;color:#ffffff}
footer a:hover{text-decoration:underline}
footer li{margin-bottom:31px}
footer .title{font-weight:700;margin:0 0 18px}
footer .left{float:left;margin:30px 15px 0 0}
footer .logo{margin:0 0 12px}
footer .logo svg{display:block;width:227px;height:31px}
footer .cpyrgt{font-size:12px;line-height:16px;opacity:.6}
footer .right{float:right}
footer .cat{float:left;margin:0 20px 0 0}
footer .cat li{float:left;width:calc((100% - 28px)/3)}
footer .cat li:not(:nth-child(3n)){margin-right:14px}
footer .qck{float:left;margin:0 99px 0 0}
footer .info{float:left}

@media all and (max-width: 1100px) {
	footer .cat{margin:0}
	footer .qck{margin:0 48px 0 0}
}

@media all and (max-width: 1024px) {
	footer{padding:32px 0 24px}
	footer li{margin-bottom:18px}
	footer .title{margin:0 0 15px}
	footer .left{float:none;margin:0 0 36px;text-align:center}
	footer .logo{margin:0 auto 9px}
	footer .logo svg{margin:0 auto}
	footer .right{float:none;display:flex;align-items:flex-start;justify-content:space-between}
	footer .right:before,footer .right:after{display:none}
	footer .cat{float:none;flex-basis:50%}
	footer .qck{float:none}
	footer .info{float:none}
}

@media all and (max-width: 767px) {
	footer .cat li{width:calc((100% - 30px - 65px)/2)}
	footer .cat li:nth-child(3n){width:65px}
	footer .right{flex-wrap:wrap;justify-content:flex-start}
	footer .cat{flex-basis:100%;margin:0 0 13px}
	footer .qck{flex-basis:calc((100% - 30px - 65px)/2);margin:0 15px 0 0}
}

@media all and (max-width: 370px) {
	footer a{font-size:13px}
}

@supports (-ms-accelerator:true) or (-ms-ime-align:auto) {
   footer .cat li{width:calc((100% - 30px)/3)}
}