@charset "utf-8";
/*-----------------------css call-------------------------*/
@media screen and (max-width: 1860px) { 
.call-now-button { display: flex !important; background: #1a1919; }  
.quick-call-button { display: block !important; } 
}
                
.call-now-button { 
	 top: auto; 
	 left: 5px;
	 background: red;
	 z-index:9999;
	 clear:both;
	 margin:0 auto;
	 position:fixed;
	 border-radius:50px;
	 display: inline-block;
	font-family: IBM Plex Sans !important;
	
	box-shadow: 0 16px 19px rgba(186,189,212,.2),inset 0 -1px 1px rgba(0,0,0,.25);
	border:1px solid #ccc;
	bottom:15px;
	right:auto;
	}
.call-now-button .call-text { 
	font-size: 25px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
}
			
.quick-call-button {
 display:block;
}
.call-now-button div {
/* display:flex*/
}
.call-now-button div p {
 color:#fff;
 display:table;
 padding:15px;
 border-radius:21px;
 height:34px;
 line-height:14px;
 font-size:14px;
 margin:0px 5px 0px 36px;
 text-transform:uppercase;
 font-weight:normal;
 text-align:center;
 box-sizing:content-box;
 text-decoration:none!important;
 box-sizing:border-box
}
.quick-alo-ph-circle.active 
{
	border-radius: 100%;
	top:5px;
	left:10px;
	position: absolute;
	width: 30px; height:30px;
	background:#b70000;
}
.quick-alo-ph-circle-fill.active {
    animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
    background-color: #b70000;
    border: 2px solid rgba(30,30,30,.4);
	border-top-color: rgba(30, 30, 30, 0.4);
	border-right-color: rgba(30, 30, 30, 0.4);
	border-bottom-color: rgba(30, 30, 30, 0.4);
	border-left-color: rgba(30, 30, 30, 0.4);
    border-radius: 100%;
    height: 70px;
    left: -10px;
    opacity: .1;
    position: absolute;
    top: -15px;
    transform-origin: 50% 50% 0;
    transition: all .5s ease 0s;
    width: 70px;
	opacity:0.5;
}
 
 

.quick-alo-ph-img-circle.shake 
{
	 width:22px;
	 height:22px;
	 top:8px;
	 left:13px;
	 position:absolute;
	 -webkit-border-radius:100%;
	 -moz-border-radius:100%;
	 border-radius:100%;
	 opacity:1;
}
.quick-alo-ph-img-circle.notshake {
 width:50px;
 height:50px;
 top:0;
 left:0;
 position:absolute;
 -webkit-border-radius:100%;
 -moz-border-radius:100%;
 border-radius:100%;
 opacity:1;
 background:url(../img/Call_pic.svg) no-repeat center center;

}

@media screen and (max-width:680px) {

 .tool_icon_right #tooltip {
  display:none!important
 }
 .tool_icon_right .toolAction:hover+#tooltip {
  display:none!important
 }
}

@-moz-keyframes quick-alo-circle-anim {
 0% {
  -moz-transform:rotate(0) scale(.5) skew(1deg);
  opacity:.1;
  -moz-opacity:.1;
  -webkit-opacity:.1;
  -o-opacity:.1
 }
 30% {
  -moz-transform:rotate(0) scale(.7) skew(1deg);
  opacity:.5;
  -moz-opacity:.5;
  -webkit-opacity:.5;
  -o-opacity:.5
 }
 100% {
  -moz-transform:rotate(0) scale(1) skew(1deg);
  opacity:.6;
  -moz-opacity:.6;
  -webkit-opacity:.6;
  -o-opacity:.1
 }
}
@-webkit-keyframes quick-alo-circle-anim {
 0% {
  -webkit-transform:rotate(0) scale(.5) skew(1deg);
  -webkit-opacity:.1
 }
 30% {
  -webkit-transform:rotate(0) scale(.7) skew(1deg);
  -webkit-opacity:.5
 }
 100% {
  -webkit-transform:rotate(0) scale(1) skew(1deg);
  -webkit-opacity:.1
 }
}
@-o-keyframes quick-alo-circle-anim {
 0% {
  -o-transform:rotate(0) kscale(.5) skew(1deg);
  -o-opacity:.1
 }
 30% {
  -o-transform:rotate(0) scale(.7) skew(1deg);
  -o-opacity:.5
 }
 100% {
  -o-transform:rotate(0) scale(1) skew(1deg);
  -o-opacity:.1
 }
}
@-moz-keyframes quick-alo-circle-fill-anim {
 0% {
  -moz-transform:rotate(0) scale(.7) skew(1deg);
  opacity:.2
 }
 50% {
  -moz-transform:rotate(0) -moz-scale(1) skew(1deg);
  opacity:.2
 }
 100% {
  -moz-transform:rotate(0) scale(.7) skew(1deg);
  opacity:.2
 }
}
@-webkit-keyframes quick-alo-circle-fill-anim {
 0% {
  -webkit-transform:rotate(0) scale(.7) skew(1deg);
  opacity:.2
 }
 50% {
  -webkit-transform:rotate(0) scale(1) skew(1deg);
  opacity:.2
 }
 100% {
  -webkit-transform:rotate(0) scale(.7) skew(1deg);
  opacity:.2
 }
}
@-o-keyframes quick-alo-circle-fill-anim {
 0% {
  -o-transform:rotate(0) scale(.7) skew(1deg);
  opacity:.2
 }
 50% {
  -o-transform:rotate(0) scale(1) skew(1deg);
  opacity:.2
 }
 100% {
  -o-transform:rotate(0) scale(.7) skew(1deg);
  opacity:.2
 }
}
@-moz-keyframes quick-alo-circle-img-anim {
 10% {
  transform:rotate(0) scale(1) skew(1deg)
 }
 10% {
  -moz-transform:rotate(-25deg) scale(1) skew(1deg)
 }
 20% {
  -moz-transform:rotate(25deg) scale(1) skew(1deg)
 }
 30% {
  -moz-transform:rotate(-25deg) scale(1) skew(1deg)
 }
 40% {
  -moz-transform:rotate(25deg) scale(1) skew(1deg)
 }
 50% {
  -moz-transform:rotate(0) scale(1) skew(1deg)
 }
 100% {
  -moz-transform:rotate(0) scale(1) skew(1deg)
 }
}
@-webkit-keyframes quick-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)
 }
}
@-o-keyframes quick-alo-circle-img-anim {
 0% {
  -o-transform:rotate(0) scale(1) skew(1deg)
 }
 10% {
  -o-transform:rotate(-25deg) scale(1) skew(1deg)
 }
 20% {
  -o-transform:rotate(25deg) scale(1) skew(1deg)
 }
 30% {
  -o-transform:rotate(-25deg) scale(1) skew(1deg)
 }
 40% {
  -o-transform:rotate(25deg) scale(1) skew(1deg)
 }
 50% {
  -o-transform:rotate(0) scale(1) skew(1deg)
 }
 100% {
  -o-transform:rotate(0) scale(1) skew(1deg)
 }
}
/*-----------------------------------css nut mang xa hoi ---------------*/
.toolAction{
 position:relative;
 margin-bottom:0;
 margin-top:0;
 /*background: linear-gradient(-61deg, #008F48 0%, #008F48 70%);*/
 width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
/*border-radius: 30px;
border:1px solid #fff;*/
color: #fff;
font-size: 18px;
	
}

.tool_icon_right {
 top:auto;
 left:auto;
 bottom:140px;
 right:10px;
 position:fixed;
 z-index:9999
}
.tool_icon_right .item img {


 max-width: 44px;
 animation: play0 1.5s ease infinite;
 margin-top:8px;
}
.tool_icon_right .item {
 position:relative;
 margin-bottom:0;
 margin-top:0;
 
}
.tool_icon_right.tool_show_txt .item:last-of-type {
 border:0
}
.tool_icon_right.tool_show_txt .item.over>a {
 border-radius:0!important
}
.fb_customer_chat_bubble_pop_in {
 right:10px!important
}
.tool_icon_right .item>a {
 width:100%;
 z-index:6;
 position:relative
}
.tool_icon_right .item i {
 color:#fff;
 font-style:normal;
 text-align:center;
 width:100%;
 display:inline-block;
 padding:5px 0;
 display:none;
 font-family:arial,sans-serif
}
.tool_icon_right #tooltip,
.tool_icon_right .toolAction {
 float:right
}
.tool_icon_right .item {
 clear:both;
 padding-top:5px
}
#tooltip a {
 font-size:12px!important;
 text-decoration:none;
 color:#fff
}
#tooltip {
 background-color:#287bf3;
 padding:8px 15px;
 font-size:12px;
 border-radius:5px;
 position:Relative;
 color:#fff;
 top:10px;
 right:5px;
 display:none
}
.tool_icon_right #tooltip:after {
 content:"";
 width:0;
 height:0;
 position:absolute;
 border:5px solid transparent;
 border-left:5px solid #287bf3;
 left:100%;
 top:35%;
 right:-16px
}
.tool_icon_right .toolAction:hover+#tooltip {
 display:block
}