@charset "UTF-8";
/*@import url(http://weloveiconfonts.com/api/?family=entypo);*/

@font-face {
    font-family: 'Entypo';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/TV5gdJpw4Kd2.woff') format('woff'), url('../fonts/eU4iNYobO9JQ.eot'), url('../fonts/eU4iNYobO9JQ.eot#iefix') format('eot'), url('../fonts/EGb5DJ8NjFcA.ttf') format('truetype'), url('http://weloveiconfonts.com/api/fonts/entypo/entypo.svg#entypo') format('svg');
}
.razi-facebook:before {
    content: "\F30C"
}
.razi-instagrem:before {
    content: "\f32d"
}
.razi-telegram:before {
    content: "\e79b"
}
.razi-gplus:before {
    content: "\f30f"
}
.razi-twitter:before {
    content: "\f309"
}
.razi-youyube:before {
    content: "\25B6"
}
.razi-linkedin:before {
    content: "\f318"
}
[class*="razi-"]:before {
    font-family: 'entypo', sans-serif;
}
#social-sidebar {
    z-index: 11111;
}
#social-sidebar ul {
    list-style: none;
}
#social-sidebar {
    left: 0;
    margin-top: -250px;
    /* (li * a:width) / -2 */
    
    position: fixed;
    top: 50%;
}
#social-sidebar li:first-child a {
    border-radius: 0 15px 0px 0px;
}
#social-sidebar li:last-child a {
    border-radius: 0 0px 15px 0;
}
#social-sidebar a {
    background: #121212;
    color: #fff;
    display: block;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    position: relative;
    text-align: center;
    width: 50px;
}
#social-sidebar a:hover span {
    left: 130%;
    opacity: 1;
}
#social-sidebar li:nth-child(1) a {
    background: #3b5998;
}
#social-sidebar li:nth-child(2) a {
    background: #9b6954;
}
#social-sidebar li:nth-child(3) a {
    background: #007bb6;
}
#social-sidebar li:nth-child(4) a {
    background: #00aced;
}
#social-sidebar li:nth-child(5) a {
    background: #dd4b39;
}
#social-sidebar li:nth-child(6) a {
    background: #1a96c5;
}
#social-sidebar li:nth-child(7) a {
    background: #ff6666
}
#social-sidebar a span {
    border-radius: 3px;
    line-height: 24px;
    left: -100%;
    margin-top: -16px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;


    padding: 4px 8px;
    position: absolute;
    -webkit-transition: opacity .3s, left .4s;
    -moz-transition: opacity .3s, left .4s;
    -ms-transition: opacity .3s, left .4s;
    -o-transition: opacity .3s, left .4s;
    transition: opacity .3s, left .4s;
    top: 50%;
    white-space: nowrap;
    z-index: -1;
}
#social-sidebar a span:before {
    content: "";
    display: block;
    height: 8px;
    left: -4px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px;
    z-index: -2;
}
#social-sidebar a[class*="facebook"]:hover,
#social-sidebar a[class*="facebook"] span,
#social-sidebar a[class*="facebook"] span:before {
    background: #3b5998;
}
#social-sidebar a[class*="instagrem"]:hover,
#social-sidebar a[class*="instagrem"] span,
#social-sidebar a[class*="instagrem"] span:before {
    background: #9b6954;
}
#social-sidebar a[class*="telegram"]:hover,
#social-sidebar a[class*="telegram"] span,
#social-sidebar a[class*="telegram"] span:before {
    background: #007bb6;
}
#social-sidebar a[class*="gplus"]:hover,
#social-sidebar a[class*="gplus"] span,
#social-sidebar a[class*="gplus"] span:before {
    background: #00aced;
}
#social-sidebar a[class*="twitter"]:hover,
#social-sidebar a[class*="twitter"] span,
#social-sidebar a[class*="twitter"] span:before {
    background: #dd4b39;
}
#social-sidebar a[class*="youyube"]:hover,
#social-sidebar a[class*="youyube"] span,
#social-sidebar a[class*="youyube"] span:before {
    background: #1a96c5;
}
#social-sidebar a[class*="linkedin"]:hover,
#social-sidebar a[class*="linkedin"] span,
#social-sidebar a[class*="linkedin"] span:before {
    background: #ff6666;
}