* {padding: 0; margin: 0; border: 0; outline: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
html, body {width: 100%; min-width: 320px; height: 100%;}
body {background-color: #fff; font-family: Verdana, Helvetica, sans-serif; overflow: hidden;}
footer {position: fixed; bottom: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; width: 100%; background-color: #fff; /*border-top: 5px solid #08e8de;*/ padding: 20px}
footer img {width: 40px;}
footer > a {color: #000; margin-right: 10px;}
#shere {min-width: 270px;}
.logotype {width: 850px;}
.logo {width: 240px;}
.line-wrap { height: 5px; width: 100%; padding-bottom: 20px;}
.line-wrap .line {background: #08e8de; height: 5px; width: 100%;}
@media screen and (max-width: 480px) {
    footer {justify-content: center;}
    footer > a {margin-bottom: 10px;}
}
footer img {
	width: 40px;
}


.logotype {width: 850px;}
.logo {width: 240px;}



li {
    list-style: none;
}

.fa {
    display: inline-block;
    filter: grayscale(100%);
    cursor: pointer;
    margin: 0 10px;
}

.fa:hover {
    filter: grayscale(0);
}

.social-icons {
    display: flex;
    font-size: 16px;
    opacity: .4;
    transition: opacity .5s;
    width: 50%;
    /* padding: 13px 40px; */
}

.social-icons:hover {
    opacity: .8;
}

.contacts {
    position: relative;
    display: inline-block;
    color: #ccc;
    font-size: 14px;
    text-transform: uppercase;
    text-align: right;
    width: 100%;
}

.contacts-title {
    color: #444;
    opacity: 1;
    cursor: pointer;
    font-size: 17px;
    display: inline-block;

}

.contacts-list {
    position: absolute;
    bottom: 19px;
    right: 38px;
    background: rgb(249, 249, 249);
    padding: 10px 20px;
    transition: opacity .4s;
    color: #000;
    font-size: 12px;
    border-radius: 12px 12px 12px 12px;
    opacity: 0;
    display:none;
}

.contacts-list li {
    padding: 8px 0;
    text-align: right;
}
.contacts:hover .contacts-list {
    display: block;
    opacity: 1;
    font-size: 16px;
}

.contacts-list-href {
    color: #000000;
    text-transform: lowercase;
}