@font-face {
font-family: "Gilroy-SemiBold-soc";
src: url("fonts/Gilroy/Gilroy-SemiBold.eot");
src: url("fonts/Gilroy/Gilroy-SemiBold.eot?#iefix") format("embedded-opentype"),
url("fonts/Gilroy/Gilroy-SemiBold.woff") format("woff"),
url("fonts/Gilroy/Gilroy-SemiBold.ttf") format("truetype");
}

.soc-widget-obj-1 {
width: 100%;
height: 1px;
position: fixed;
left: 0px;
bottom: 30px;
z-index: 800;
}

.soc-widget-obj-2 {
width: calc(100% - 60px);
height: 1px;
position: absolute;
left: 0px;
bottom: 50px;
padding: 0 30px 0 30px;
}

.soc-widget-block {
background-color: #fff;
border-radius: 999px;
padding: 6px 6px 6px 20px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

.soc-widget-align-left {
float: left;
}

.soc-widget-align-right {
float: right;
}

.soc-widget-block b {
width: 90px;
font-family: Gilroy-SemiBold-soc;
font-size: 11px;
color: #9b9b9b;
line-height: 13px;
display: inline-block;
padding: 6px 0 6px 0;
margin: 0 8px 0 0;
font-weight: normal;
}

.soc-widget-block a {
width: 38px;
height: 38px;
background-color: #f4f4f4;
display: inline-block;
border-radius: 999px;
border: none;
outline: none;
margin: -9px 0 0 0;
padding: 0px;
position: relative;
top: 9px;
cursor: pointer;
}

.soc-widget-block a:after {
width: 14px;
height: 14px;
content: '';
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: 12px;
top: 12px;
}

.soc-widget-whatsapp {
background-color: #35db52 !important;
}

.soc-widget-whatsapp:after {
background-image: url(/soc-widget/icons/whatsapp.svg);
}

.soc-widget-telegram {
background-color: #27aed6 !important;
}

.soc-widget-telegram:after {
background-image: url(/soc-widget/icons/telegram.svg);
}

.soc-widget-viber {
background-color: #7d519e !important;
}

.soc-widget-viber:after {
background-image: url(/soc-widget/icons/viber.svg);
}

.soc-widget-vk {
background-color: #455c81 !important;
}

.soc-widget-vk:after {
background-image: url(/soc-widget/icons/vk.svg);
}

.soc-widget-facebook {
background-color: #414f91 !important;
}

.soc-widget-facebook:after {
background-image: url(/soc-widget/icons/facebook.svg);
}

.soc-widget-odnoklassniki {
background-color: #f0931d !important;
}

.soc-widget-odnoklassniki:after {
background-image: url(/soc-widget/icons/odnoklassniki.svg);
}

.soc-widget-instagram {
background-color: #221d21 !important;
}

.soc-widget-instagram:after {
background-image: url(/soc-widget/icons/instagram.svg);
}

.soc-widget-youtube {
background-color: #c91e1c !important;
}

.soc-widget-youtube:after {
background-image: url(/soc-widget/icons/youtube.svg);
}

.soc-widget-mail-dot-ru {
background-color: #3a6298 !important;
}

.soc-widget-mail-dot-ru:after {
background-image: url(/soc-widget/icons/mail-dot-ru.svg);
}

.soc-widget-skype {
background-color: #429bd0 !important;
}

.soc-widget-skype:after {
background-image: url(/soc-widget/icons/skype.svg);
}

.soc-widget-block span {
display: none;
}




@media screen 
and (max-width:1022px){

.soc-widget-obj-2 {
bottom: 90px;
}

.soc-widget-block {
height: 93px;
overflow: hidden;
padding: 6px 6px 6px 6px;
position: relative;
}

.soc-widget-align-left-mobile {
float: left !important;
}

.soc-widget-align-right-mobile {
float: right !important;
}

.soc-widget-block b {
display: none;
}

.soc-widget-block a {
display: block;
margin: 0px 0px 4px 0px;
padding: 0px;
top: 0px;
cursor: pointer;
z-index: 10;
}

.soc-widget-block a:last-of-type {
}

.soc-widget-block span {
width: 50px;
height: 30px;
background-color: #fff;
display: block;
position: absolute;
left: 0px;
bottom: 0px;
z-index: 20;
display: none;
}

.soc-widget-block u {
width: 30px;
height: 14px;
background-color: #ebebeb;
display: block;
position: absolute;
left: 10px;
bottom: 12px;
border-radius: 999px;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: none;
}

.soc-widget-block i {
width: 4px;
height: 4px;
background-color: #d6d6d6;
border-radius: 999px;
position: absolute;
bottom: 5px;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.soc-widget-block i:nth-child(1) {
opacity: 1;
left: 7px;
}

.soc-widget-block i:nth-child(2) {
left: 13px;
}

.soc-widget-block i:nth-child(3) {
opacity: 1;
left: 19px;
}

.soc-widget-bott-on {
background-color: #ff0000 !important;
}

.soc-widget-bott-on {
}

.soc-widget-bott-on i {
background-color: #fff !important;
}

.soc-widget-bott-on i:nth-child(1) {
opacity: 0;
}

.soc-widget-bott-on i:nth-child(2) {
width: 18px;
opacity: 1;
left: 6px;
}

.soc-widget-bott-on i:nth-child(3) {
opacity: 0;
}

}