.list-hotro{ 
   padding-bottom: 20px;
}
.btn-hotro-tt{z-index: 20000;position: fixed; bottom: 30px;width: 50px;height: 50px;border-radius: 50%;font-size: 23px;background-color: #ffba00;color: #fff;box-shadow: 1px 1px 10px #3e3d3d99;}
.btn-hotro-tt.left{left: 15px;}
.btn-hotro-tt.right{right: 34px;}
.btn-hotro-tt:hover, .btn-hotro-tt:active, .btn-hotro-tt:focus{outline: none !important;color: #fff;}
.alo-ph-img-circle {width: 100%;height: 100%;top: 6px;left: 0;position: absolute;background-size: contain;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;-webkit-animation: alo-circle-img-anim 1s infinite ease-in-out;-moz-animation: alo-circle-img-anim 1s infinite ease-in-out;-ms-animation: alo-circle-img-anim 1s infinite ease-in-out;-o-animation: alo-circle-img-anim 1s infinite ease-in-out;animation: alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;}
@-moz-keyframes alo-circle-img-anim {0% {transform: rotate(0) scale(1) skew(1deg)}10% {transform: rotate(-25deg) scale(1) skew(1deg)}20% {transform: rotate(25deg) scale(1) skew(1deg)}30% {transform: rotate(-25deg) scale(1) skew(1deg)}40% {transform: rotate(25deg) scale(1) skew(1deg)}50% {transform: rotate(0) scale(1) skew(1deg)}100% {transform: rotate(0) scale(1) skew(1deg)}}
@-webkit-keyframes alo-circle-img-anim {0% {transform: rotate(0) scale(1) skew(1deg)}10% {transform: rotate(-25deg) scale(1) skew(1deg)}20% {transform: rotate(25deg) scale(1) skew(1deg)}30% {transform: rotate(-25deg) scale(1) skew(1deg)}40% {transform: rotate(25deg) scale(1) skew(1deg)}50% {transform: rotate(0) scale(1) skew(1deg)}100% {transform: rotate(0) scale(1) skew(1deg)}}
@-o-keyframes alo-circle-img-anim {0% {transform: rotate(0) scale(1) skew(1deg)}10% {transform: rotate(-25deg) scale(1) skew(1deg)}20% {transform: rotate(25deg) scale(1) skew(1deg)}30% {transform: rotate(-25deg) scale(1) skew(1deg)}40% {transform: rotate(25deg) scale(1) skew(1deg)}50% {transform: rotate(0) scale(1) skew(1deg)}100% {transform: rotate(0) scale(1) skew(1deg)}}
@keyframes alo-circle-img-anim {0% {transform: rotate(0) scale(1) skew(1deg)}10% {transform: rotate(-25deg) scale(1) skew(1deg)}20% {transform: rotate(25deg) scale(1) skew(1deg)}30% {transform: rotate(-25deg) scale(1) skew(1deg)}40% {transform: rotate(25deg) scale(1) skew(1deg)}50% {transform: rotate(0) scale(1) skew(1deg)}100% {transform: rotate(0) scale(1) skew(1deg)}}
.list-hotro a{display: block;width: 35px;height: 35px;text-align: center;border-radius: 50%;box-shadow: 1px 1px 10px #4241418f;line-height: 35px;font-size: 20px; margin-top: 30px;color: #fff;position: relative;}
.hotline-fix{background-color: #dc0707;}
.mess-fix, .zalo-fix{background-color: #fff;}
.sms-fix{background-color: #ffba00;}
.facebook-fix{background-color: #3a559f;}

.popover{background-color: transparent; border: none; box-shadow: none;position: fixed;bottom: 70px;top: auto !important;}
.popover.top>.arrow:after, .popover.top>.arrow{display: none;}
.hotline-phone-ring {position: absolute;visibility: visible;background-color: transparent;width: 90px;height: 90px;cursor: pointer;z-index: 11;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);transition: visibility .5s;left: -35px;bottom: -20px;display: block;}
.hotline-phone-ring-circle {width: 85px;height: 85px;top: 10px;left: 10px;position: absolute;background-color: transparent;border-radius: 100%;border: 2px solid #e60808;-webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;transition: all .5s;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;opacity: 0.5;}
.hotline-phone-ring-circle-fill {width: 55px;height: 55px;top: 25px;left: 25px;position: absolute;background-color: rgba(230, 8, 8, 0.7);border-radius: 100%;border: 2px solid transparent;-webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition: all .5s;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.hotline-phone-ring-img-circle {background-color: #e60808;width: 33px;height: 33px;top: 36px;left: 36px;position: absolute;background-size: 20px;border-radius: 100%;border: 2px solid transparent;-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;justify-content: center;}
@-webkit-keyframes phonering-alo-circle-anim {0% { -webkit-transform: rotate(0) scale(0.5) skew(1deg);-webkit-opacity: 0.1;}30% {-webkit-transform: rotate(0) scale(0.7) skew(1deg);-webkit-opacity: 0.5;}100% {-webkit-transform: rotate(0) scale(1) skew(1deg);-webkit-opacity: 0.1;}}
@-webkit-keyframes phonering-alo-circle-fill-anim {0% {-webkit-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.6;}50% {-webkit-transform: rotate(0) scale(1) skew(1deg);opacity: 0.6;}100% {-webkit-transform: rotate(0) scale(0.7) skew(1deg);opacity: 0.6;}}
@-webkit-keyframes phonering-alo-circle-img-anim {0% {-webkit-transform: rotate(0) scale(1) skew(1deg);}10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}50% { -webkit-transform: rotate(0) scale(1) skew(1deg);}100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}}
.color-do .hotline-phone-ring-circle{}
.color-do .hotline-phone-ring-circle-fill{}
.color-do .hotline-phone-ring-img-circle{}	
.color-vang .hotline-phone-ring-circle{border: 2px solid #ffba00;}
.color-vang .hotline-phone-ring-circle-fill{background-color: rgba(255, 186, 0, 0.7);}
.color-vang .hotline-phone-ring-img-circle{ background-color: #ffba00;}
.color-lam .hotline-phone-ring-circle{border: 2px solid #3a559f;}
.color-lam .hotline-phone-ring-circle-fill{background-color: rgba(58, 85, 159, 0.7);}
.color-lam .hotline-phone-ring-img-circle{ background-color: #3a559f;}
.color-luc .hotline-phone-ring-circle{border: 2px solid #0fa8e1;}
.color-luc .hotline-phone-ring-circle-fill{background-color: rgba(15, 168, 225, 0.7);}
.color-luc .hotline-phone-ring-img-circle{ background-color: #ffffff;}
.color-trang .hotline-phone-ring-circle{border: 2px solid #fff;}
.color-trang .hotline-phone-ring-circle-fill{background-color: rgba(255, 255, 255, 0.7);}
.color-trang .hotline-phone-ring-img-circle{ background-color: #fff;}
.color-mess .hotline-phone-ring-circle{border: 2px solid #0084ff;}
.color-mess .hotline-phone-ring-circle-fill{background-color: rgba(0, 132, 255, 0.7);}
.color-mess .hotline-phone-ring-img-circle{ background-color: #ffffff;}