@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap')
body{margin:0;padding:0;font-size:16px;font-family:'Roboto',Arial, Helvetica, sans-serif;}
a{color:#2f332d}
a:hover{text-decoration:none;}
a{font-family: 'Roboto', Arial}
.m0{margin:0;}
.p0{padding:0;}
.pl{padding-left:0;}
.pr{padding-right:0px !important;}
img{max-width:100%;height:auto!important}
ul{padding:0;margin:0;}
ul li{list-style:none;}
#footer{padding:25px 0;background-color:#394c66;color:#fff;}
.headline{display:block;margin:10px 0 25px;border-bottom:1px dotted #e4e9f0;}
#footer h3{color:#e4e4e4;margin-bottom:-1px;display:inline-block;}
.headline h3{border-bottom:2px solid #ed6300;}
#footer .contact{color:#ed6300;}
.active{background:#f2163a;}
.navbar-nav>li{padding-bottom:10px;padding-top:10px}
.navbar-nav>li:hover,.navbar-nav>li:active{background:#12b8ee!important;border-radius:4px;}
.navbar-nav>li:hover a, .navbar-nav>li:active a{color:#fff}
.social-box{margin-bottom:15px;}
.likeface{float:left;}
.item h3{font-size:14px;height:45px;overflow:hidden;}
table{text-align:left}
.delta-home, .tit-home{padding-left:0;padding-right:0px}
h1{color:#ed6300}
.tace h1, .tace h3{text-transform:uppercase;}
.center{text-align:center;}
h2{font-size:24px;}
h2.top{color:#ff4500;text-align:center;font-weight:700;font-size:25px;margin-top:10px;}
h3{font-size:20px;}
.coppyright{background:#232323;height:40px;line-height:40px;color:#dadada}
.detail-content p{margin-bottom:12px}
.detail-content ul li{list-style:square;}
.detail-content ul{padding-left:30px;border-left:3px solid #46ab0f;background:#e2ffd3;padding-top:10px;padding-bottom:10px;line-height:26px;}
.detail-content ul:nth-child(odd){background:#f9f9f9;border-left:3px solid #f1bd93;}
.detail-content ul:nth-child(1){background:#ebebeb;border-left:3px solid #23af38;}
.detail-content ul:nth-child(even){background:#fff4eb;border-left:3px solid #f1bd93;}
.sum{font-weight:700;}
.text-h{text-align:justify}
.navbar-default{background:#ededed;background:-moz-linear-gradient(top, #ededed 10%, #ffffff 50%);background:-webkit-linear-gradient(top, #ededed 10%,#ffffff 50%);background:linear-gradient(to bottom, #ededed 10%,#ffffff 50%);padding-top:6px;padding-bottom:6px;border-bottom:3px solid #12b8ee}
.navbar-default .navbar-nav>li>a{color:#333;font-size:15px;text-transform:uppercase;font-family:'Roboto'}
.dropdown-menu>li>a{color:#333!important}
.collapse{}
.headline h4, .whyus h3{border-bottom:2px solid #ed6300;margin-bottom:-1px;display:inline-block;}
.call-action{text-align:center;margin:15px auto}
.whyus i{color:#ed6300;padding-right:10px;}
.whyus li{border-bottom:1px solid #ebebeb;line-height:32px;}
.breadcrumb{padding:20px 0!important;border-top:3px solid #333;border-bottom:3px solid #f5f5f5;background-color:#f9f9f9!important;}
.left{margin-bottom:17px;}
.box-heading{position:relative;height:50px;background:#23af38;color:#fff;text-transform:uppercase;line-height:50px;text-align:center;border-top-left-radius:4px;border-top-right-radius:4px;font-size:14px;overflow:hidden;}
.left ul li{display:block;height:40px;line-height:40px;border-bottom:1px solid #ebebeb;padding-left:10px;}
.left ul li a{font-size:16px}
.dropdown-menu>li{height:32px;line-height:32px;border-bottom:1px solid #ebebeb;padding-left:5px}
.left ul{border:1px solid #ebebeb;}
.left ul li:hover a{color:#fff;}
.left ul li:hover{background:#ed6300}
.divcall{text-align:center;padding:10px 15px}
.divsms{text-align:left;padding:10px 15px}
.call, .sms{padding:10px 15px;color:#f1f1f1;font-size:18px;white-space:nowrap;}
a.call:hover, a.sms:hover{color:#f1f1f1}
.call{background:#ed6300}
.sms{background:#23af38}
.ttk ul{list-style:none}
.ttk ul li{line-height:22px;padding-bottom:10px;list-style: none}
.ttk ul li a{font-size:13px;}
.ttk ul li i{padding-right:10px;}
.left ul li a::before{content:"\f105";margin-right:5px;font-family:"FontAwesome";}
.navbar-nav>li:hover ul{display:block}
.coppyright{font-size:13px}
h1{font-size:24px}
h2{font-size:20px}
.delta-home{background:#394c66;color:#e5e5e5;padding-bottom:10px}
.delta-home h1{color:#fff;text-transform:uppercase;}
.delta-home ul li:before{content:"•";padding-right:8px;color:#ed6300;font-size:22px}
.times{width:350px;height:70px;margin:10px auto;background:url(images/time.gif) no-repeat 7px center scroll #dee0e1;border-radius:5px;}
.time1{text-transform:uppercase;margin:5px 5px 1px 86px;display:inline-block;color:#f84600;}
.Date1{font-size:16px;color:#0a83bb;margin:2px 5px 2px 86px;display:inline-block;}
.delta-home h3{color:#fff600;font-size:20px}
.delta-home h2{text-align:center;}
.delta-home img{border:2px solid #e3e3e3;box-shadow:2px 2px 6px #000;}
p{margin-bottom:10px}
.content_note{margin-top:15px;border:1px solid #484b4f;}
.item_content_note{border:1px solid #4caf50;padding-top:15px;padding-bottom:15px;background-color: #4caf50; color:#fff;}
.content_note img{margin-right:15px;margin-left:15px;}
.whyus{text-align:justify;}
.p15{padding:15px}
.contentLocation{width:100%;height:auto;float:left;margin:0px;background:rgba(255,255,255,0.1);border-left:1px solid #43546b;border-top:1px solid #43546b;padding:5px 0px;}
.tearLoca{width:20%;height:auto;float:left;margin:0px;border-right:1px solid #43546b;border-bottom:1px solid #43546b;padding:5px;}
.tearLoca .p1{color:#ffa96a;margin:5px 8px;font-weight:bold;font-size:13px;font-family:"Open Sans",sans-serif!important;text-transform:uppercase;}
.tearLoca .p2{color:#FFF;font-size:12px;margin:5px 8px;}
.hotline_footer{background:#12b8ee}
.support_2{width:22%;height:auto;float:left;margin:10px 10px;}
.support_2 p{font-size:18px;color:#FFFFFF;font-family:"Roboto", sans-serif;font-weight:400;text-align:left;margin:0px;}
.support_2 a{color:#ffff0f;margin:5px 0px;text-align:center;display:block;font-size:22px;font-weight:700;}
.support_3{width:17%;height:auto;float:right;margin-top:15px;background:#ed6300;padding:10px;text-align:center;border-radius:4px;}
.support_3 a{color:#fff}
#add{margin-top:15px}
h3.foot{color:#fff;font-weight:700;font-size:22px;}
.menu{}
.menu ul li{display:inline-block;line-height:40px;padding:0 10px;position:relative;}
.menu ul li a{color:#232323;text-transform:uppercase;font-family:'Roboto', Arial;padding:6px 6px;font-weight:bold;}
.menu ul li:hover, .menu ul li.active, .menu ul li:focus{background:#ff4500;transition:1.5s ease background-color;}
.menu ul li.active >a:after, .menu ul li:hover >a:after{content:'';position:absolute;left:50%;top:100%;margin-left:-5px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #ff4500;}
.menu ul li:hover a{color:#fff;}
.menu ul li.active a{color:#fff;}
.menu ul li ul{display:none;width:280px;left:0;position:absolute;z-index:10;background:#696b63;text-align:left;}
.menu ul li ul li{line-height:36px;display:block;color:#000;border-bottom:1px solid #595959;border-top:1px solid #888887;padding-left:10px;font-size:14px;}
.menu ul li ul li i{padding-right:10px;color:#FFF;}
.menu ul li ul li a{color:#fff!important;font-weight:normal;text-transform:none}
.menu ul li:hover i{color:#fff}
.menu ul li:hover ul{display:block;}
.hiddenbtn{display:block;position:absolute;right:0;cursor:pointer;z-index:100;border:1px solid #0eb6ee;padding:8px;color:#fff;background:#0eb6ee;}
.menumobi{position:relative;display:block;z-index:999;top:20px;}
.hiddenbtn i{font-size:18px;}
.menumobi ul{width:85%;background:#0eb6ee;z-index:100;position:absolute;top:42px;right:0;margin:0;padding:0;display:none;}
.menumobi ul ul{width:100%}
.menumobi ul li{display:block;position:relative;border-bottom:1px solid #8ed2e9;;}
.menumobi ul li i{padding-left:6px}
.menumobi ul li a{padding:8px 16px;font-size:14px;font-family:'Roboto', sans-serif;color:#fff;line-height:35px;}
.menumobi ul li .iconmenu{position:absolute;display:block;width:30px;height:30px;top:0;right:0;cursor:pointer;}
.menumobi ul li .iconplus{background:url(images/add.png) 0 9px no-repeat;}
.menumobi ul li .iconminus{background:url(images/sub.png) 0 9px no-repeat;}
.menumobi ul ul{display:none;position:static;box-shadow:none;}
.menumobi ul ul li{padding:0 !important;}
.menumobi ul ul li a{padding-left:15px;text-transform:none;}
.menumobi ul ul ul{display:none;}
.menumobi ul ul li i{padding-left:16px;color:#0491ca}
i.fa.fa-plus-square-o{float:right;padding-right:16px;padding-top:12px;}
i.fa.fa-angle-down{padding-left:10px;}
.hotlinetop{font-size: 30px; font-weight: 700; color: #ff4500; margin-top: 10px;}
.hotlinetop i {padding-right: 15px;font-size: 20px; color: #666}
.nav {margin-top: 15px;}
@media screen and (max-width:480px){.tearLoca{width:50%}
.support_3{width:100%}
.support_2{width:45%}
.container{padding-left:0!important;padding-right:0!important}
.logo1{text-align:center;}
.nav-sp p.ct{width:80%;}
.product{padding-left:5px;padding-right:5px;}
.box-nav ul li{width:100%}
.btn-default{margin-top:15px;}
.navbar-default .navbar-nav>li>a{color:#fff!important}
.navbar-nav{background:#123}
.navbar-brand>img{display:block;}
.divcall{text-align:left;}
#fixed-bottom{position:fixed;bottom:0;width:100%;text-align:center;}
#call-xs-sm{display:inline-block;background:#ed6300;padding:10px 10px;color:#fff;border-radius:5px 5px 0 0;font-size:15px;margin-right:3px;}
#call-xs-sm a{color:#fff;padding:10px;}
.orage{background:#078dfa!important}
}
.main {padding-left: 6px; padding-right: 6px;}
.clr{clear:both;}


#customers {
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}




.quick-alo-phone{}
.quick-alo-phone.quick-alo-static{opacity:.6}
.quick-alo-phone.quick-alo-hover,.quick-alo-phone:hover{opacity:1}
.quick-alo-ph-circle{width:160px;height:160px;top:20px;left:20px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,0.4);border:2px solid #bfebfc 9px;opacity:.1;-webkit-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-moz-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-ms-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-o-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}
.quick-alo-phone.quick-alo-active .quick-alo-ph-circle{-webkit-animation:quick-alo-circle-anim 1.1s infinite ease-in-out!important;-moz-animation:quick-alo-circle-anim 1.1s infinite ease-in-out!important;-ms-animation:quick-alo-circle-anim 1.1s infinite ease-in-out!important;-o-animation:quick-alo-circle-anim 1.1s infinite ease-in-out!important;animation:quick-alo-circle-anim 1.1s infinite ease-in-out!important}
.quick-alo-phone.quick-alo-static .quick-alo-ph-circle{-webkit-animation:quick-alo-circle-anim 2.2s infinite ease-in-out!important;-moz-animation:quick-alo-circle-anim 2.2s infinite ease-in-out!important;-ms-animation:quick-alo-circle-anim 2.2s infinite ease-in-out!important;-o-animation:quick-alo-circle-anim 2.2s infinite ease-in-out!important;animation:quick-alo-circle-anim 2.2s infinite ease-in-out!important}
.quick-alo-phone.quick-alo-hover .quick-alo-ph-circle,.quick-alo-phone:hover .quick-alo-ph-circle{border-color:#00aff2;opacity:.5}
.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle,.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-circle{border-color:#75eb50;border-color:#baf5a7 #9;opacity:.5}
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle{border-color:#007203;opacity:.5}
.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-circle,.quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-circle{border-color:#ccc;opacity:.5}
.quick-alo-phone.quick-alo-gray .quick-alo-ph-circle{border-color:#75eb50;opacity:.5}
.quick-alo-ph-circle-fill{width:100px;height:100px;top:50px;left:50px;position:absolute;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;-webkit-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}
.quick-alo-phone.quick-alo-active .quick-alo-ph-circle-fill{-webkit-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out!important;-moz-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out!important;-ms-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out!important;-o-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out!important;animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out!important}
.quick-alo-phone.quick-alo-static .quick-alo-ph-circle-fill{-webkit-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out!important;-moz-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out!important;-ms-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out!important;-o-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out!important;animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out!important;opacity:0!important}
.quick-alo-phone.quick-alo-hover .quick-alo-ph-circle-fill,.quick-alo-phone:hover .quick-alo-ph-circle-fill{background-color:rgba(0,175,242,0.5);background-color:#00aff2 #9;opacity:.75!important}
.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle-fill,.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);background-color:#baf5a7 #9;opacity:.75!important}
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill{background-color:rgba(0,175,242,0.5);background-color:#a6e3fa #9;opacity:.75!important}
.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-circle-fill,.quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-circle-fill{background-color:rgba(204,204,204,0.5);background-color:#ccc #9;opacity:.75!important}
.quick-alo-phone.quick-alo-gray .quick-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);opacity:.75!important}
.quick-alo-ph-img-circle{width:50px;height:50px;top:50px;left:50px;position:absolute;background:rgba(30,30,30,0.1) url(images/icon-dienthoai.png) no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;animation:quick-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%}
.quick-alo-phone.quick-alo-active .quick-alo-ph-img-circle{-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out!important;-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out!important;-ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out!important;-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out!important;animation:quick-alo-circle-img-anim 1s infinite ease-in-out!important}
.quick-alo-phone.quick-alo-static .quick-alo-ph-img-circle{-webkit-animation:quick-alo-circle-img-anim 0 infinite ease-in-out!important;-moz-animation:quick-alo-circle-img-anim 0 infinite ease-in-out!important;-ms-animation:quick-alo-circle-img-anim 0 infinite ease-in-out!important;-o-animation:quick-alo-circle-img-anim 0 infinite ease-in-out!important;animation:quick-alo-circle-img-anim 0 infinite ease-in-out!important}
.quick-alo-phone.quick-alo-hover .quick-alo-ph-img-circle,.quick-alo-phone:hover .quick-alo-ph-img-circle{background-color:#00aff2}
.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle,.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle{background-color:#75eb50}
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle{background-color:#007203}
.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-img-circle,.quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-img-circle{background-color:#ccc}
.quick-alo-phone.quick-alo-gray .quick-alo-ph-img-circle{background-color:#007203}


.quick-zalo-phone{}
.quick-zalo-phone.quick-alo-static{opacity:.6}
.quick-zalo-phone.quick-alo-hover,.quick-zalo-phone:hover{opacity:1}
.quick-alo-ph-circle{width:160px;height:160px;top:20px;left:20px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,0.4);border:2px solid #bfebfc 9px;opacity:.1;-webkit-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-moz-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-ms-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-o-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}
.quick-zalo-phone.quick-alo-active .quick-alo-ph-circle{-webkit-animation:quick-alo-circle-anim 1.1s infinite ease-in-out!important;-moz-animation:quick-alo-circle-anim 1.1s infinite ease-in-out!important;-ms-animation:quick-alo-circle-anim 1.1s infinite ease-in-out!important;-o-animation:quick-alo-circle-anim 1.1s infinite ease-in-out!important;animation:quick-alo-circle-anim 1.1s infinite ease-in-out!important}
.quick-zalo-phone.quick-alo-static .quick-alo-ph-circle{-webkit-animation:quick-alo-circle-anim 2.2s infinite ease-in-out!important;-moz-animation:quick-alo-circle-anim 2.2s infinite ease-in-out!important;-ms-animation:quick-alo-circle-anim 2.2s infinite ease-in-out!important;-o-animation:quick-alo-circle-anim 2.2s infinite ease-in-out!important;animation:quick-alo-circle-anim 2.2s infinite ease-in-out!important}
.quick-zalo-phone.quick-alo-hover .quick-alo-ph-circle,.quick-zalo-phone:hover .quick-alo-ph-circle{border-color:#00aff2;opacity:.5}
.quick-zalo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle,.quick-zalo-phone.quick-alo-green:hover .quick-alo-ph-circle{border-color:#75eb50;border-color:#baf5a7 #9;opacity:.5}
.quick-zalo-phone.quick-alo-green .quick-alo-ph-circle{border-color:#00aff2;border-color:#bfebfc #9;opacity:.5}
.quick-zalo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-circle,.quick-zalo-phone.quick-alo-gray:hover .quick-alo-ph-circle{border-color:#ccc;opacity:.5}
.quick-zalo-phone.quick-alo-gray .quick-alo-ph-circle{border-color:#75eb50;opacity:.5}
.quick-alo-ph-circle-fill{width: 60px; height: 60px;top: 25px;left: 25px;position:absolute;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;-webkit-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}
.quick-zalo-phone.quick-alo-active .quick-alo-ph-circle-fill{-webkit-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out!important;-moz-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out!important;-ms-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out!important;-o-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out!important;animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out!important}
.quick-zalo-phone.quick-alo-static .quick-alo-ph-circle-fill{-webkit-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out!important;-moz-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out!important;-ms-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out!important;-o-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out!important;animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out!important;opacity:0!important}
.quick-zalo-phone.quick-alo-hover .quick-alo-ph-circle-fill,.quick-zalo-phone:hover .quick-alo-ph-circle-fill{background-color:rgba(0,175,242,0.5);background-color:#00aff2 #9;opacity:.75!important}
.quick-zalo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle-fill,.quick-zalo-phone.quick-alo-green:hover .quick-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);background-color:#baf5a7 #9;opacity:.75!important}
.quick-zalo-phone.quick-alo-green .quick-alo-ph-circle-fill{background-color:rgba(0,175,242,0.5);background-color:#a6e3fa #9;opacity:.75!important}
.quick-zalo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-circle-fill,.quick-zalo-phone.quick-alo-gray:hover .quick-alo-ph-circle-fill{background-color:rgba(204,204,204,0.5);background-color:#ccc #9;opacity:.75!important}
.quick-zalo-phone.quick-alo-gray .quick-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);opacity:.75!important}
.quick-zalo-ph-img-circle{width:50px;height:50px;top:30px;left:30px;position:absolute;background:rgba(30,30,30,0.1) url(images/zl-pc.png) no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;animation:quick-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%}
.quick-zalo-phone.quick-alo-active .quick-zalo-ph-img-circle{-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out!important;-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out!important;-ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out!important;-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out!important;animation:quick-alo-circle-img-anim 1s infinite ease-in-out!important}
.quick-zalo-phone.quick-alo-static .quick-zalo-ph-img-circle{-webkit-animation:quick-alo-circle-img-anim 0 infinite ease-in-out!important;-moz-animation:quick-alo-circle-img-anim 0 infinite ease-in-out!important;-ms-animation:quick-alo-circle-img-anim 0 infinite ease-in-out!important;-o-animation:quick-alo-circle-img-anim 0 infinite ease-in-out!important;animation:quick-alo-circle-img-anim 0 infinite ease-in-out!important}
.quick-zalo-phone.quick-alo-hover .quick-zalo-ph-img-circle,.quick-zalo-phone:hover .quick-zalo-ph-img-circle{background-color:#00aff2}
.quick-zalo-phone.quick-alo-green.quick-alo-hover .quick-zalo-ph-img-circle,.quick-zalo-phone.quick-alo-green:hover .quick-zalo-ph-img-circle{background-color:#75eb50}
.quick-zalo-phone.quick-alo-green .quick-zalo-ph-img-circle{background-color:#00aff2}
.quick-zalo-phone.quick-alo-gray.quick-alo-hover .quick-zalo-ph-img-circle,.quick-zalo-phone.quick-alo-gray:hover .quick-zalo-ph-img-circle{background-color:#ccc}
.quick-zalo-phone.quick-alo-gray .quick-zalo-ph-img-circle{background-color:#75eb50}


@-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 {
0%{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)}
}
.quick-alo-phone{position:fixed;background-color:transparent;width:100px;height:100px;cursor:pointer;z-index:200000!important;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:visibility .5s;-moz-transition:visibility .5s;-o-transition:visibility .5s;transition:visibility .5s;bottom:25px}
.quick-zalo-phone{position:fixed;background-color:transparent;width:100px;height:100px;cursor:pointer;z-index:200000!important;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:visibility .5s;-moz-transition:visibility .5s;-o-transition:visibility .5s;transition:visibility .5s;bottom:90px}