/* -------------------------------------- BARRA SOCIAL -------------------------------------- */
.icon-facebook:before {
    background-image : url('../../images/social/facebook.png');
    background-size  : 20px 20px;
    display          : inline-block;
    width            : 20px; 
    height           : 20px;
    content          :"";    
}
.icon-twitter:before {
    background-image : url('../../images/social/twitter.png');
    background-size  : 20px 20px;
    display          : inline-block;
    width            : 20px; 
    height           : 20px;
    content          :"";  
}       
.icon-telegram:before {
    background-image : url('../../images/social/telegram.png');
    background-size  : 20px 20px;
    display          : inline-block;
    width            : 20px; 
    height           : 20px;
    content          :"";  
}
.icon-instagram:before {
    background-image : url('../../images/social/instagram.png');
    background-size  : 20px 20px;
    display          : inline-block;
    width            : 20px; 
    height           : 20px;
    content          :"";  
}
.icon-youtube:before {
    background-image : url('../../images/social/youtube.png');
    background-size  : 20px 20px;
    display          : inline-block;
    width            : 20px; 
    height           : 20px;
    content          :"";  
}
.icon-linkedin:before {
    background-image : url('../../images/social/linkedin.png');
    background-size  : 20px 20px;
    display          : inline-block;
    width            : 20px; 
    height           : 20px;
    content          :"";  
}
.icon-reddit:before {
    background-image : url('../../images/social/reddit.png');
    background-size  : 20px 20px;
    display          : inline-block;
    width            : 20px; 
    height           : 20px;
    content          :"";  
}
.icon-medium:before {
    background-image : url('../../images/social/medium.png');
    background-size  : 20px 20px;
    display          : inline-block;
    width            : 20px; 
    height           : 20px;
    content          :"";  
}
.icon-bitcointalk:before {
    background-image : url('../../images/social/bitcointalk.png');
    background-size  : 20px 20px;
    display          : inline-block;
    width            : 20px; 
    height           : 20px;
    content          :"";  
}
.icon-pinterest:before {
    background-image : url('../../images/social/pinterest.png');
    background-size  : 20px 20px;
    display          : inline-block;
    width            : 20px; 
    height           : 20px;
    content          : "";  
}
.social-bar {
    position       : fixed;
    right          : 0;
    top            : 40%;/*///////*/
    font-size      : 1.5rem;
    display        : flex;
    flex-direction : column;
    align-items    : flex-end;
    z-index        : 100;
}
.icon {
    color           : white;
    text-decoration : none;
    padding         : 1.15rem;/*///////*/
    display         : flex;
    transition      : all .5s;
}
.icon-redes-background {
    background : #043c5a;
}
.icon:first-child {
    border-radius : 1rem 0 0 0;
}

.icon:last-child {
    border-radius : 0 0 0 1rem;
}
.icon:hover {
    padding-right : 3rem;
    border-radius : 1rem 0 0 1rem;
    box-shadow    : 0 0 .5rem rgba(0, 0, 0, 0.42);
}
@media(max-width: 700px) and (max-height: 400px){
    .social-bar {
        top: 35%;/*///////*/
    }
    .icon {
        padding: .5rem;
    }
}
@media(max-width: 575px){
    .social-bar {
        top: 40%;/*///////*/
    }
    .icon {/*///////*/
        padding: .5rem;
    }        
}
@media(max-width: 500px){
    .social-bar {
        top: 40%;/*///////*/
    }
    .icon {/*///////*/
        padding: .5rem;
    }
}      
/* ------------------------------------------------------------------------------------------ */