.sociopat
{
    position:fixed;
    right:0;
    top:310px;
    z-index:1002;
}
.sociopat .fa {
    background-color: #c2c0c0;
    color: #fff;
    font-size: 15px !important;
    line-height: 21px !important;
    padding: 0 3px;
    vertical-align: middle;
    font-size: 20px !important;
    line-height: 29px !important;
    padding: 0 5px;
    text-align: center;
    width: 29px;
    cursor: pointer;
    margin-bottom: 4px;
    display: block;

}
.sociopat a:nth-child(1) .fa{
    background-color: #dc143c;
}
/*.sociopat a:nth-child(2) .fa{
    background-color: #FFEE58;
}*/
/*.sociopat a:nth-child(2) .fa{
    background-color: #81C784;
}
.sociopat a:nth-child(3) .fa{
    background-color: #F48FB1;
}*/
.sociopat a:nth-child(2) .fa{
    background-color: #8b008b;
}
.sociopat a:nth-child(3) .fa{
    background-color: #ffd700;
}
/*.sociopat a:nth-child(3) .fa{
    background-color: #a3e3ff;
}*/
.sociopat a:nth-child(4) .fa {
    background-color: #B0C4DE;
}
.sociopat a:nth-child(5) .fa {
    background-color: #005A9C;
}
.sociopat a:nth-child(6) .fa {
    background-color: #FF69B4;
}
/*.sociopat a:nth-child(7) .fa {*/
/*    background-color: #32cd32;*/
/*}*/
.sociopat a:nth-child(7) .fa {
    background-color: grey;
}
.sociopat a:nth-child(8) .fa {
    background-color: #008B8B;
}

.sociopat a:nth-child(9) .fa {
    display: none;
    background-color: #6a5acd;
}
.sociopat a:nth-child(10) {
    background-color: #00bfff;
}

.sociopat a:nth-child(11) {
    background-color: #2f4f4f;
}
.sociopat a:nth-child(12) {
    background-color: #2f4f4f;
}
.soc_icons_contact, .soc_icons_help
{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    height: 28px;
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    box-shadow: 0 0 5px #ccc;
    margin: 2px 0;
    white-space: nowrap;
    position: absolute;
    right: -35px;
    top: -79px;
    z-index: 100;
    width: 100px;
}
.soc_icons_help {
    top: -190px;
}
.soc_icons_help {
    background: linear-gradient(#3A782F, #5BA845);
}
#footer
{
    z-index:4!important;
}
.sociopat .fa:hover {
    background-color: #fff;
    color: #616161;
}
.soc_icons_contact--personal{
    width: 230px;
    top: -260px;
    right: -100px;
    background-color: #5aa946;
}
.soc_icons_contact--personal.soc_icons_contact--personal--catalog{
    width: 145px;
    top: -323px;
    right: -57px;
    background-color: #cc453f;
}
.soc_icons_contact--personal .collme{
    color: #ffffff;
}
/*.sociopat .fa.fa-facebook-official--green{
    color: #5aa946;
}*/

.sociopat__link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}

.sociopat__link svg {
    display: block;
    max-width: 90%;
    width: 29px;
    height: 29px;
    fill: #FFFFFF;
}

.sociopat__link:hover svg {
    fill: #757e7b;
}

@media (max-width:769px)
{
    .sociopat{display:none;}
}