.footer {
    background-color: #fff;
    padding: 30px 20px 10px;
    border-left: 3px solid #ddd;
}

.footer .btn-group-social {
    margin: 20px 0 0;
}

.btn-social {
    background-image: url("../images/btn-social-64.png");
    width: 32px;
    height: 32px;
    background-size: 128px;
    float: left;
    cursor: pointer;
    filter: gray; /* IE6-9 */  
    -moz-filter: grayscale(1) opacity(.7);
    -webkit-filter: grayscale(1) opacity(.7);    
    transition: .5s filter;
    -webkit-transition: .5s -webkit-filter;
}

.btn-social:hover {
    filter: none; /* IE6-9 */  
    -moz-filter: grayscale(0) opacity(1);
    -webkit-filter: grayscale(0) opacity(1);
}

.btn-social a {
    display: block;
    width: 100%;
    height: 100%;
}

.btn-social.facebook {
    background-position: 0 0;
}

.btn-social.twitter {
    background-position: -32px -64px;
}

.btn-social.instagram {
    background-position: 64px 0;
}

.btn-social.sina {
    background-position: 0 32px;
}

.btn-social.share {
    background-position: -64px -32px;
    float: right;
}

.btn-social.line {
    background-position: 0 64px;
}

.btn-social.whatsapp {
    background-position: 64px 32px;
}

.btn-social.youtube {
    background-position: 32px 0;
}

.btn-social.pinterest {
    background-position: -32px -32px;
}

.btn-social.googleplus {
    background-position: -32px 0;
}

.btn-group-share {
    display: none;
    float: right;
}

.btn-social.share:hover + .btn-group-share,
.btn-group-share:hover,
.btn-group-share.hover
{
    display:block;
} 

.footer-bottom {
    margin: 30px 0 0;
    font-size: 10px;
}

.footer-bottom .footer-text{
    float: left;
    margin-right: 30px;
    line-height: 18px;
}

.footer-bottom .footer-text.address {
    color: #ccc;
}

/*brand section*/
.brand-section{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
}
.footer-logo img{
    height:30px;
    margin-bottom:10px;
    font-size: 12px;
}

.footer-bottom .footer-text{
    font-size: 12px;
    color:#000000;
    margin:0px auto;
    margin-right: 18px;
}

.footer .footer-text a, .footer-text a{
    color:#000000;
}

@media screen and (max-width: 768px) {
    .footer-logo img{
        height:20px;
        margin-bottom: 5px;
    }
    .footer-text , .footer-text a{
        font-size: 10px;
    }
}