/* Подвал готов и оптимизирован  */
footer{background:#000; width:100%; padding:20px 0;}
.foot-art a{margin:3px; padding:0 3px;  border-radius: 3px; line-height: 2;}
.foot-art a:hover{color:#fff; border:1px #fff solid;}
.red a{margin:3px; padding:0 3px; color:#FF0000; border:1px #FF0000 solid;}
.sw a{margin:3px; padding:0 3px; color:#787878; border:1px #787878 solid;}
.foot-art{margin: 0 auto; }
.foot-b{ float:left; color:#D6D6D6; font-size:14px; text-align: left; }
.foot-b h6{border-bottom: #dfdfe6 1px solid; margin: 10px; font-size:18px; color:#fff;}
.cen {text-align:center;}
@media screen and (min-width: 1530px) {
.foot{width:1460px;}
.foot-art{width:1460px;}}
@media (min-width: 1330px) and (max-width: 1529px) {
.foot{width:1260px;}
.foot-art{width:1260px;}}
@media (min-width: 450px) and (max-width: 1329px) {
.foot{width:100%}    
.foot-art{width:100%}}
@media screen and (min-width: 501px) { 
.foot{background: url(../img/footer-2.webp) left 10px bottom 0px no-repeat; margin: 0 auto; height:50px;}
.foot img {float:right; background:#e4e4e2; width:30px; height:30px; margin:10px 5px; border-radius: 5px;}
.foot img:hover {background:#fff;}
.foot-b{ width:31%; margin: 0 1%;}}
@media screen and (max-width: 500px) {
.foot{float:center; width:100%; background: url(../img/footer-2.webp) top center no-repeat; height:100px; text-align: center;}    
.foot img {float:center; background:#e4e4e2; width:30px; height:30px; margin:60px 5px; border-radius: 5px;}
.foot img:hover {background:#fff;}    
.foot-art{width:100%}    
.foot-b{ width:96%; margin: 0 2%;}}