.footcol { color: #6999c7;}
footer ul {margin: 0; padding: 0;}
footer ul li {list-style: none; margin-bottom: 10px;}
footer ul li a {text-decoration: none; display: block;}
footer h3 a:focus,
footer ul li a:focus{color: #6999c7;}
footer h3 a:hover,
footer ul li a:hover {color: #fff;}
footer .translate { color:#fff;}
footer .translate a{ color:#fff; text-decoration: underline;}
footer .footer-a:hover,
footer .translate a:hover{color: #ffffff; text-decoration: none;}
footer .translate a:focus{color: #6999c7; text-decoration: underline;}
footer .translate {font-weight: bold;}
footer .translate a {font-weight: normal;}
footer .soc-net {margin: 15px 0 20px 0; display: flex; gap: 5px;}
.soc-net .soc-icon {    width: 35px;    text-align: center; display: inline-block; margin-right: 5px;}
.soc-net a { color: rgb(0, 82, 159);     text-decoration: none;}
.soc-net i {  font-size: 21px; width: 35px; height: 35px; background: rgb(105, 153, 199); border-radius: 50%;  padding: 5px; display: flex; align-items: center;  justify-content: center;}
.soc-net i.fa-vk {padding-left: 5px;}
.soc-net i.fa-rutube {font-weight: bold; font-family: inherit; }
.soc-net i.fa-rutube img{ padding: 3px; }
.soc-net i:hover{ color: #fff;}
footer .footer-a {color: #ffffff;}
footer .copyr {margin: 21px 0;}
footer {width: 100%; position: absolute; bottom: 0;}
footer {z-index: 40;}

/*ANIMATION*/
.soc-net i.fa-youtube-play:hover{ animation: you-t 0.5s; color: #ff0000; background: #fff;}
.soc-net i.fa-vk:hover{ animation: vk 0.5s; color: #224b7a; background: #fff;}
.soc-net i.fa-telegram:hover{ animation: tlg 0.5s; color: #0088cc; background: #fff;}
.soc-net i.fa-facebook:hover{ animation: fb 0.5s; color: #3b5998; background: #fff;}
.soc-net i.fa-twitter:hover{ animation: tw 0.5s; color: #1da1f2; background: #fff;}
.soc-net i.fa-instagram:hover{ animation: inst 0.5s; color: #f72e00; background: #fff;}
.soc-net i.fa-rss:hover{ animation: rss 0.5s; color: #0052a0; background: #fff;}
.soc-net i.fa-rutube:hover{ animation: rss 0.5s; color: #0052a0; background: #fff;}

@keyframes you-t{    0%{ color: rgb(0, 82, 159); background: rgb(105, 153, 199);}    100%{ color: #ff0000; background: #fff; }}
@keyframes vk{    0%{ color: rgb(0, 82, 159); background: rgb(105, 153, 199);}    100%{ color: #224b7a; background: #fff; }}
@keyframes tlg{    0%{ color: rgb(0, 82, 159); background: rgb(105, 153, 199);}    100%{ color: #0088cc; background: #fff; }}
@keyframes fb{    0%{ color: rgb(0, 82, 159); background: rgb(105, 153, 199);}    100%{ color: #3b5998; background: #fff; }}
@keyframes tw{    0%{ color: rgb(0, 82, 159); background: rgb(105, 153, 199);}    100%{ color: #1da1f2; background: #fff; }}
@keyframes inst{    0%{ color: rgb(0, 82, 159); background: rgb(105, 153, 199);}    100%{ color: #f72e00; background: #fff; }}
@keyframes rss{    0%{ color: rgb(0, 82, 159); background: rgb(105, 153, 199);}    100%{ color: #0052a0; background: #fff; }}

/*Up*/


div.scrollup {
    position: fixed; /* фиксированная позиция */
    color: #fff; /* цвет текста */
    background-color: #a5b0b7; /* цвет заднего фона */
    right: 10px; /* расстояние от правого края */
    bottom: 0px; /* расстояние от нижнего края */
    padding: 4px 10px; /* отступы до содержимого блока */
    font-size: 20px; /* размер шрифта (иконки) */
    border-top-left-radius: 4px; /* скругление верхнего левого угла */
    border-top-right-radius: 4px; /* скругление верхнего правого угла */
    cursor: pointer; /* форма курсора */
    display: none; /* не отображать элемент */
    text-align: center; /*выравнивание содержимого элемента по центру */
}

/**/

.twitter,
.vk,
.facebook,
.youtube,
.rss,
.instagram {
    display: inline-block;
    background-image: url(http://files.energomera.ru/img/icon/sprite.png);
    width: 33px;
    height: 32px;
    background-repeat: no-repeat;
}
.twitter {background-position: 0 0;}
.vk {background-position: -39px 0;}
.facebook {background-position: -79px 0;}
.youtube {background-position: -118px 0;}
.instagram {background-position: -541px 0;}
.twitter.footicon {background-position: -345px 0;}
.vk.footicon {background-position: -384px 0;}
.facebook.footicon {background-position: -424px 0;}
.youtube.footicon {background-position: -306px 0;}
.rss.footicon {background-position: -462px 0;}
.instagram.footicon {background-position: -502px 0;}
.twitter.footicon:hover {background-position: 0 0;}
.vk.footicon:hover {background-position: -39px 0;}
.facebook.footicon:hover {background-position: -78px 0;}
.youtube.footicon:hover {background-position: -118px 0;}
.rss.footicon:hover {background-position: -157px 0;}
.instagram.footicon:hover {background-position: -542px 0;}

@media screen and (min-width: 990px) {footer .container {width: 970px;}}

@media screen and (min-width: 1320px) {footer .container {width: 1320px;}}

@media screen and (max-width: 659px){footer div.pull-right{
    margin-top: 30px;
    float: none!important;
    clear: both;
}}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    footer svg{ height: 14px; }
}