/* hotline call now */

.widget_wbt_call_now_widget { 
    
    display: block; 
    width: 40px; 
    position: fixed; 
    bottom: 145px; 
    right: 25px; 
    z-index: 999999; 
    padding: 0px; 
    margin-bottom: 0px;
    
}

.widget_wbt_call_now_widget ul { display: block; width: 100%; padding-left: 0; margin-bottom: 0;}
.widget_wbt_call_now_widget ul li { display: block; width: 45px; position: relative; margin-bottom: 10px; cursor: pointer;}
.widget_wbt_call_now_widget ul li a { text-decoration: none;display: block;}
.widget_wbt_call_now_widget ul li .fa, .widget_wbt_call_now_widget ul li .fab { background-color: #ed1c24; display: block; width: 45px; height: 45px; text-align: center; line-height: 36px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; color: #fff; font-weight: 700; border-radius: 50%; position: relative; z-index: 2; border: 2px solid #fff;}
.widget_wbt_call_now_widget ul li .fa-hotline { background: #70b81e url(../images/icon-call.svg) center center no-repeat; }
.widget_wbt_call_now_widget ul li .fa-headphones-alt { background-color: #ef0303; font-size: 28px; line-height: 45px;}
.widget_wbt_call_now_widget ul li .fa-zalo { background: #ef0303 url(../images/icon-zalo.svg) center center no-repeat; }
.widget_wbt_call_now_widget ul li .fa-messenger { background: #FFF url(../images/icon/facebook.png) center center no-repeat;    background-size: 100%; }
.widget_wbt_call_now_widget ul li .fa-facebook { background: #369be5;}
.widget_wbt_call_now_widget ul li .fa-youtube { background: #FFF url(../images/icon/youtube.png) center center no-repeat;    background-size: 100%; }
.widget_wbt_call_now_widget ul li .fa-whatsapp { background-color: #25D366 !important; font-size: 28px; line-height: 45px; font-weight: 400 !important; }
.animated.infinite { animation-iteration-count: infinite;}
.tada { animation-name: tada;}
.animated { animation-duration: 1s; animation-fill-mode: both; }
.widget_wbt_call_now_widget ul li span { 
    
   display: inline-block;    padding: 0 15px;    background-color: #ff6a00;    color: #fff;    border: 2px solid #fff;    border-radius: 20px;    height: 40px;    line-height: 36px;    position: absolute;    top: 3px;    right: 34px;    z-index: 0;    width: 0;    overflow: hidden;    -webkit-transition: all 1s;    transition: all 1s;    background-color: #ff6a00;    -moz-box-shadow: 0 0 5px #888;    -webkit-box-shadow: 0 0 5px#888;    box-shadow: 0 0 5px #888;    font-weight: 400;    white-space: nowrap;    opacity: 0;
    
}

/*
@media only screen and (min-width: 960px) {
    .widget_wbt_call_now_widget ul li:hover span { width: 215px; padding-left: 10px; padding-right: 30px; opacity: 1;}
}

@media only screen and (max-width: 959px) { 
    .widget_wbt_call_now_widget ul { display: flex !important ; }
    .widget_wbt_call_now_widget ul li~li { margin-left: 10px !important;}
    .widget_wbt_call_now_widget ul li { margin-bottom: 0px !important; }
	
    .widget_wbt_call_now_widget { bottom: 15px !important ; left: 15px !important; }
	
}
*/

@keyframes tada {
  0% { transform: scale3d(1,1,1);}
  10%, 20% { transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
  30%, 50%, 70%, 90% { transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
  40%, 60%, 80% { transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
  100% { transform: scale3d(1,1,1);}
}