.bnr-left{
    position: fixed !important;
    left: 0px;
    bottom: 0px !important;
    z-index: 9;
}
#hide-bnr-left{
    text-align: right;
}

#hide-bnr-left a, #hide-bnr-right a{
    background: #F00;
    padding: 2px 5px;
    color: #FFF;
    text-decoration: none;
    font-family: Helvetica;
    font-size: 13px;
    cursor: pointer;
}
#hide-bnr-left a.xem, #hide-bnr-right a.xem{
    background: #00a1ff;
}

.bnr-right{
    position: fixed !important;
    right: 0px;
    bottom: 0px !important;
    z-index: 9;
}

.bnr-hidden{
    display: none;
}

.bnr-float{
    width: 1200px;
    margin: auto;
}

.bnr-float-left{
    position: fixed;
    margin-left: 0;
    top: 10%;
    overflow: hidden;
    z-index: 8;
    width: 100px;
}

.bnr-float-right{
    position: fixed;
    top: 10%;
    overflow: hidden;
    z-index: 8;
    margin-left: 1100px;
    width: 100px;
}



.chat-list{
	position: fixed;
    right: 10px;
    bottom: 350px;
	z-index: 99;
}
.chat-list-item{
	margin-bottom: 15px;
}
.chat-list-item a{
	width: 50px;
    height: 50px;
    background: #000;
    display: block;
    border-radius: 99px;
    overflow: hidden;
}

.chat-list-item a{
	
}

.chat-list-item.zalo a{
	background: url(../images/zalo.png) no-repeat center center;
    background-size: contain;
    border: 3px solid #ffffff;
    background-color: #fff;
	animation: right 0.5s infinite ease-in-out;
}



@-webkit-keyframes right {
    0% {-webkit-transform: rotate(10deg);}
    50% {-webkit-transform: rotate(-10deg);}
    100% {-webkit-transform: rotate(10deg);}
}
@-webkit-keyframes left {
    0% {-webkit-transform: translate(15px);}
    50% {-webkit-transform: translate(-15px);}
    100% {-webkit-transform: translate(15px);}
}
@-moz-keyframes right {
    0% {-moz-transform: rotate(10deg);}
    50% {-moz-transform: rotate(-10deg);}
    100% {-moz-transform: rotate(10deg);}
}
@-moz-keyframes left {
    0% {-moz-transform: translate(15px);}
    50% {-moz-transform: translate(-15px);}
    100% {-moz-transform: translate(15px);}
}
@keyframes right {
    0% {transform: rotate(10deg);}
    50% {transform: rotate(-10deg);}
    100% {transform: rotate(10deg);}
}
@keyframes left {
    0% {transform: translate(15px);}
    50% {transform: translate(-15px);}
    100% {transform: translate(15px);}
}

@media only screen and (max-width: 992px) {

}