/*
Theme Name: peacedentistry
Description: Dự án được phát triển bởi peacedentistry.vn
Theme URI: http://peacedentistry.vn
Author: info@nhakhoasaigon.vn
Author URI: http://peacedentistry.vn
Version: 2022
Text Domain: peacedentistry.vn*/

@font-face{font-family:'MyriadPro-BoldCond';src:url('fonts/MyriadPro-BoldCond.woff'); }
@font-face{font-family:'MyriadPro-Cond';src:url('fonts/MyriadPro-Cond.woff'); }
@font-face{font-family:'UVFLobster';src:url('fonts/UVFLobster.woff2');  }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;}
strong{font-weight:700;}
b{font-weight:bold;}
ul, ol{list-style:none;}
ul.newer,ul.older{list-style:inside none circle;margin-left:5px;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;    width: 100% !important;}

html, body{color:#111;font-family:'Montserrat-Regular',Open Sans, sans-serif;  position:relative ;background: #fff; }
@media (min-width: 1200px){.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1200px;
}}
a{color:#333;text-decoration:none;}
a:hover, a:active, a:focus{color:#333;text-decoration:none;}
a, *{outline:none !important;}
h1{font-size:22px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:13px;}
hr{border-top:1px solid #e5e6e7;}
p{line-height:1.6em;}
input, select, textarea{border:1px solid #e5e6e7;}
table td{border:1px solid #ddd;padding:5px;box-sizing:border-box;}
img {    max-width: 100%; height: auto;}
.btn-success{background-color:#2779ff !important; border-color: #2779ff!important;}
.btn-success:hover,.btn-success:focus,.btn-success:active{background-color: #2779ff !important; border-color: #2779ff!important;opacity:0.8}
.padding_left { padding-left:0;}
.padding_right {  padding-right:0}
.nopadding{padding-left:0; padding-right:0}
.display_apad {display:none}
.margin_top {margin-top:2rem}
.margin_bottom{margin-bottom:2rem}
.img_full{width:100%;height:auto}
.wrap{clear:both;}
.display_none{display:none !important}
.notice {  margin-top: 0px!important; width: 100%;}

::placeholder{color:#999;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
::-ms-input-placeholder{color:#999;} 
/*Header*/
.box_logo {
background-color: #2779ff;
padding: 1rem 2rem;
border-bottom-left-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;    position: relative;
z-index: 1;
}
/* MainMenu */ 
.menu_main{margin-top:1rem}
.menu_main > li{list-style:none;display:inline-block;position:relative;float:left}
.menu_main > li > a{padding:1rem 2rem 0.5rem;display:inline-block;position:relative;text-align:center;text-transform:capitalize;transition:all 0.5s ease;font-size:15px;color:#444}
.menu_main > .current-menu-item > a{font-weight:600}
.menu_main > .current-menu-item > a,.menu_main > li > a:hover{color:#2c70f7;transition:all 0.5s ease;border-bottom:0.01rem solid #2779ff}
.menu_main > li.menu-item-has-children > a:after{content:"\f107";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0);margin-left:5px}
/*Cấp 1*/  
.menu_main > li > .sub-menu{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,0.15);opacity:0;position:absolute;left:0;top:100%;transform:scaleY(0);transform-origin:0 0 0;transition:all 0.5s ease;visibility:hidden;min-width:200px;z-index:99}
.menu_main > li:hover .sub-menu{opacity:1;visibility:visible;transform:scaleY(1)}
.menu_main > li > .sub-menu > li{position:relative}
.menu_main > li > .sub-menu > li > a{display:block;font-family:"Poppins",sans-serif;font-weight:400;font-style:normal;padding:6px 20px;color:#444;text-align:left;text-transform:capitalize}
.menu_main > li > .sub-menu > li.menu-item-has-children > a:before{content:"\f0da";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0);margin-right:5px}
.menu_main > li > .sub-menu > .current-menu-item > a{font-weight:600;color:#2c70f7}
.menu_main >li> .sub-menu >li >a:hover{padding-left:25px;color:#2c70f7}
/*Cấp 2*/ .menu_main > li > .sub-menu > li >.sub-menu{background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,0.15);opacity:0;position:absolute;left:101%;top:0;transform:scaleY(0);transform-origin:0 0 0;transition:all 0.5s ease;visibility:hidden;min-width:200px;z-index:99}
.menu_main > li > .sub-menu > li:hover .sub-menu{opacity:1;visibility:visible;transform:scaleY(1)}
.menu_main > li > .sub-menu > li >.sub-menu > li > a{display:block;font-family:"Poppins",sans-serif;font-weight:400;font-style:normal;padding:6px 20px;color:#444;text-align:left;text-transform:capitalize}
.menu_main > li > .sub-menu > li >.sub-menu > .current-menu-item > a{font-weight:600;color:#2c70f7}
.menu_main > li > .sub-menu > li >.sub-menu > li > a:hover{padding-left:25px;color:#2c70f7}
/*===  Sticky Menu =====*/.stick > .header-top{display:none}
#sticker.stick{position:fixed;top:0;transition:all 0.5s ease;width:100%;z-index:99;background:#fff} 
/*======Sidebar=====*/
.menu-sidebar-top ul{background:#264085;padding:10px 20px;margin:0 0 10px}
.menu-sidebar-top ul li a{padding:10px 0;color:#fff;border-bottom:1px solid #0556a5;display:block;font-weight:700}
.menu-sidebar-top ul li a i{font-size:25px;padding:0 10px 0 0}
.menu-sidebar-top ul li:last-child a{border-bottom:0}
.box-sidebar{margin-bottom:15px}
.title-sidebar{text-transform:uppercase;color:#fff;background:#0182c6;padding:8px 15px}
.box-sidebar ul{border:1px solid #ddd;border-bottom:none}
.box-sidebar ul li a{padding:10px;border-bottom:1px solid #ddd;display:block}
.box-sidebar ul li a:before{content:"\f0da";font:normal normal normal 14px/1 FontAwesome;padding:0 10px}


/*thoigianlamviec*/
.box_venhakhoa{margin:5rem 0} 
.box_thoigianlamviec {    border-radius: 0.6rem;
height: 100%;
width: 100%;}
.box_thoigianlamviecchild{    background-color:#2779ffbf;padding:3rem;
color: #fff;border-radius:0.6rem}
.incon_hotlinetuvan{    font-size: 4rem;
float: left;
margin-right: 1rem;}
.tieude_hotlinetuvan{    text-transform: uppercase;
margin-bottom: 0.5rem;
display: block;
}
.sdt_hotlinetuvan{display: block;
font-size: 2rem;
font-weight: 600;}
.noidung_hotlinetuvan {    display: inline-block; margin-top: 1rem;}
.link_hotlinetuvan{     background-color: #fff;
background-image: none;
border: 1px solid #fff; 
text-transform: uppercase;
border-radius: 0.2rem;
padding: 0.3rem 1rem;
display: table;
margin-top: 1rem;}
.link_hotlinetuvan:hover{     background-color: #2779ff;
border-color:#fff;
color: #fff; }

.box_thoigianlamviecmain{ 
border-bottom: 5px solid #4f87fb;
box-shadow: 0px 0px 12px 5px rgb(26 47 106 / 7%);
border-radius: 0.6rem;
height: 100%;
width: 100%;
padding: 1rem;
}	
.tieude_thoigianlamviec{margin-bottom:1rem}	
.icon_thoigianlamviec i{font-size:2rem}
.icon_thoigianlamviec {color: #2779ff;font-weight: 600;font-size: 1.3rem;}
.noidung_thoigianlamviec{font-size:0.9rem}
.noidung_thoigianlamviec p{margin-top:1rem}
.noidung_thoigianlamviec p:last-child{padding-top:1rem;  border-top: 0.01rem solid #9c9c9c;}
/*Giới thiệu*/
.box_gioithieumain{margin:5rem 0} 
.tieudegioithieu {     font-size: 2rem;
margin-bottom: 0.5em;
text-transform: uppercase;
color: #2779ff;
font-weight: 600;} 
.noidunggioithieu h3{color: #0054c3;
line-height: 2.7rem;
font-size: 2rem;}
.noidunggioithieu p{font-size:1.3rem}
.noidunggioithieu p i{
color: #2779ff;    vertical-align: sub;
font-size: 2.3rem;}
/*Dịch vụ*/
.box_dichvu{background-color:#f2f2f2 ;padding:4rem 0 8rem} 
.tieude_homedichvuchinh {
font-size: 2rem;
margin-bottom: 1em;
text-transform: uppercase;
color: #2779ff;
font-weight: 600;text-align:center
}
.box_dichvuchild{    height: 100%;
width: 100%;
background-color: #fff;
border-bottom: 3px solid #4f87fb;
box-shadow: 0px 0px 12px 5px rgb(26 47 106 / 7%);
border-radius: 0.2rem; 
padding: 1rem;}
.icon_homedichvu{    text-align: center;
padding-bottom: 1rem;}
.icon_homedichvuchild{text-align: center;
background-color:#f1f6fb;
display: inline-block;
border-radius: 50%;}
.icon_homedichvuchild:hover,.icon_homedichvuchild:hover i{ background-color:#2779ff;color: #fff;border-radius: 50%;}
.icon_homedichvuchild i{    color: #2779ff;
font-size: 3rem;
padding: 1rem;
text-align: center;
width: 2em;
height: 2em;
position: relative;
display: block;
line-height: 1.4em;}
.box_dichvuchild h3{      color: #2779ff;
font-weight: 600;
padding: 1rem 0;
text-transform: uppercase;
text-align: center;}
.box_dichvuchild h3:hover{color: #2779ff;} 
.btn_dathenngay{    display: table;
margin: 3rem auto 0;
background-color: #2779ff;
padding: 0.8rem 2rem;
border-radius: 0.2rem;
text-transform: uppercase;
color: #fff;
border: 0.01rem solid #2779ff;}
.btn_dathenngay:hover{background-color:#fff; color:#2779ff}
/**/
.box_taisaochon{    position: absolute;
overflow: hidden;
margin-top: -5rem; 
width: 100%;}
.box_taisaochonchild{color:#fff }  
.box_taisaochonchilda{padding: 3rem;position: relative;border-top-left-radius: 0.8rem; border-bottom-left-radius: 0.8rem;} 
.hometaisaochonchungtoi i{font-size:3rem;line-height: revert}
.icon_hometaisaochonchungtoi{    float: left;margin-right: 1rem;}
.solieu_hometaisaochonchungtoi{font-size: 1.8rem;display: block;font-weight: 600;}
.tieude_hometaisaochonchungtoi{font-size: 0.68rem;text-transform: uppercase;}

.box_chungtoilaai{padding:4rem 0 7rem}
.box_chungtoilaai .container{margin-top:8rem}
.noidung_taisaochonchungtoichild h3{    font-size: 2rem;
margin-bottom: 0.5em;
text-transform: uppercase;
color: #2779ff;
font-weight: 600; }
.noidung_taisaochonchungtoichild h4{    font-size: 1.6rem;
margin-bottom: 1.5em;
color: #003aa6;
font-weight: 600; }	
.noidung_taisaochonchungtoichild p{font-size:1.1rem}
.box_hometaisaochonchungtoichild{margin-top:2rem}	
.tieude_hometaisaochonchungtoichild{color: #2779ff;font-weight: 600;font-size: 1.1rem;padding-top: 0.3rem;display: inline-block;}
.img_hometaisaochonchungtoichild {width: 50px;float: left;margin-right: 1rem;}
.tieude_hometaisaochonchungtoichild i{color: #2779ff;font-size: 2.3rem;}
.link_taisaochonchungtoichild{    display: table;
margin: 3rem 0;
background-color: #2779ff;
padding: 0.6rem 2rem;
border-radius: 0.2rem;
text-transform: uppercase;
color: #fff;
border: 0.01rem solid #2779ff;}
.link_taisaochonchungtoichild:hover{  background-color: #fff; 
color: #2779ff; }
/*Home trả góp*/ 
.box_hometragop {background-color: #2c6ff4;}
/*Ý kiến khách hàng*/
.box_ykienkh {background-color: #f2f2f2; padding: 4rem 0;}
.ykienkhachhang .owl-stage-outer .owl-stage,.ykienkhachhang .owl-stage-outer .owl-stage .owl-item{display:flex}
.content_kh{ 
border-radius: 0.6rem;
padding: 1rem;
margin-bottom: 1rem;
display: flex;
flex-direction: column;height:100%;background-color: #fff;} 
.content_khchild{     flex: 1;  
border-radius: 0.4rem;text-align: justify;}
.content_khchilda{flex-shrink:0}
.ten_ykienkhachhang{font-weight: 600;padding-bottom:0.3rem;margin-top:1rem}
/*Đội ngũ bác sĩ*/ 
.box_doingubacsi{padding:3em 0}
.box_doingubacsi >.textwidget{text-align: center; width: 43%;margin: 0 auto 2rem;}
.ten_bacsi{    background-color: #2c6ff4;
font-size: 0.95rem;
padding: .5em;
color: #fff;
text-align: center; 
position: relative; 
text-transform: uppercase;
font-weight: 600;} 
.ten_bacsi p{    margin-bottom: 0.5rem;
text-transform: capitalize;
font-weight: 400;}
/*Clip*/
.video_img img{webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;-ms-transition:all .3s ease-in;transition:all .3s ease-in}
.video_img:hover img{opacity:.65!important;-moz-opacity:.65!important;-khtml-opacity:.65!important;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=65)!important;filter:alpha(opacity=65)!important;-webkit-backface-visibility:hidden}
.play{cursor:pointer;display:block;width:45px;height:45px;background:transparent url(images/play.png) no-repeat left top;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;opacity:0}
.box_video a{display:block;position:relative;margin-bottom:8px;background-color:#000}
.video_img:hover .play{opacity:1;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;-ms-transition:all .3s ease-in;transition:all .3s ease-in}
.icon_img{cursor:pointer;display:block;width:45px;height:45px;background:transparent url(images/icon_img.png) no-repeat left top;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;opacity:0}
.video_img:hover .icon_img{opacity:1;z-index:1;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;-ms-transition:all .3s ease-in;transition:all .3s ease-in}
.post-title{color:#333;font-weight:600;height:40px;display:inline-block;margin-bottom:15px;margin-top:10px;overflow:hidden}
/*Khách hàng*/
.box_hinhanhthuctedv {padding:30px 0px}
.box_khachhang p{color:#414141}
.title_kh {text-transform:uppercase; font-size:15px; 
border-bottom: 1px solid #ddd;   padding: 10px 0; margin-top: 20px;}
.title_kh1 {  font-size:15px; border-bottom: 1px solid #ddd;   padding: 10px 0;}
.title_dichvu{margin-bottom:30px}
/*Poup form*/ 
.popup-overlay:before{left:0;top:0;content:"";width:100%;height:100%;z-index:0;background-color:#0000008a;position:fixed}
.popup-overlay{visibility:hidden;width:100%;margin:0 auto;position:fixed;z-index:101;top:10%}
.popup-overlay.active{visibility:visible;text-align:center}
.popup-overlay_child{float:none;padding:0;border-radius:.2em;margin:0 auto;background-color:#fff}
.btn-tuvan,.btn-goilai{cursor:pointer}
.closeaaa{top:-10px;position:absolute;right:-10px;height:30px;width:30px; 
line-height: 24px; 
background-color: #fff;
border-radius: 50%;
color: #4c4c4c;
border: none; 
display: inline-flex; 
padding-left: 0.7rem;}
.popup-overlaygoilai:before{left:0;top:0;content:"";width:100%;height:100%;z-index:0;background-color:#0000008a;position:fixed}
.popup-overlaygoilai{visibility:hidden;width:100%;margin:0 auto;position:fixed;z-index:101;top:10%}
.popup-overlaygoilai.active{visibility:visible;text-align:center}
/*Poup*/
#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7;z-index:100;display:none}
.popup_child{float:none;margin:0 auto}
.popup{width:100%;margin:0 auto;display:none;position:fixed;z-index:101;top:10%}
.contenpopup{background:#d5d5d5;position:relative;padding:.5em;border-radius:3px;box-shadow:0 2px 5px #000}
.contenpopup > .closepopup{cursor:pointer;top:-10px;position:absolute;right:-10px;height:30px;width:30px;text-align:center;line-height:25px;font-size:1em;background-color:#fff;border-radius:50%;color:#4c4c4c}
#overlay{display:block}
/*======= Modal form ===*/
.modal-tit {color: #fff;text-align:center}
.modal-head {background:#2779ff;color:#fff;display:block}
/*Đặt lịch*/
.box_datlich{    background-color: #e7e7e7;
position: relative;
overflow: hidden;}
.form_datlich p{ width: 100%;}
.form_datlichhen h4{    font-size: 1.6rem;
margin: 1.5em 0 0.5rem;
color: #2779ff;text-transform: uppercase;
font-weight: 600;}
.form_datlichhen p{color: #003aa6;font-weight: 600;font-size:1.3rem;width: 100%;}
.noidung_thamkhamvatuvan {
background-color: #2779ff;
position: absolute;
bottom: 0;
width: 100%;
padding: 0.4rem 1rem;color:#fff;
}
.noidung_thamkhamvatuvan span {
background-color: #fff;
float: left;
border-radius: 50%; 
width: 3.5rem;
height: 3.5rem;
margin-right: 1rem;
text-align: center;
line-height: 4.5rem;
}
.noidung_thamkhamvatuvan span i{font-size:2rem;color:#2779ff}

.form-control::-moz-placeholder{color:#333;opacity:1}
.form-control:-ms-input-placeholder{color:#333}
.form-control::-webkit-input-placeholder{color:#333}
.img_datlichhen{padding-right:0;position:relative}
.title_datlich{position:relative;padding-bottom:.3em;font-weight:400;margin-bottom:1em;color:#fff}
.title_datlich:before{position:absolute;left:0;content:"";width:3.4em;height:.06em;z-index:2;background-color:#fff;margin:0 auto;bottom:0}
.wpcf7-form-control-wrap{width:100%}
.form_datlich .input-group .form-control{border-radius:5px!important;padding:5px 10px 5px 35px!important;margin-bottom:15px; background-color:#fff}
.icon_hoten,.icon_sdt,.icon_email,.icon_ngaydatlich{height:45px}
.icon_hoten{background:url(images/icon_hoten.png) no-repeat 1.5% 50%;background-size:25px}
.icon_sdt{background:url(images/icon_sdt.png) no-repeat 1.5% 50%;background-size:25px}
.icon_email{background:url(images/icon_email.png) no-repeat 1.5% 50%;background-size:25px}
.icon_ngaydatlich{background:url(images/icon_ngaythang.png) no-repeat 1.5% 50%;background-size:25px}
.icon_noidung{background:url(images/icon_noidung.png) no-repeat 0 3%;background-size:32px}
/*Gọi lại*/
.btndatlichhen { 
padding: 0.5rem 3rem!important;
text-align: center;
display: inline-block;
margin: 0 auto;}
.input_gl > p > span > input {     padding: 5px 10px 5px 50px !important;   min-height: 45px !important;}
.btngoilai {background-color: #2d4586;    margin-top: 20px; 
color: #fff;  width: 100%;}
.frm_goilai .wpcf7-validation-errors ,.input_gl span .wpcf7-not-valid-tip{color:red}
/*Các thương hiệu*/
.box_cacthuonghieu{padding:3rem 0px}
.tieude_cacthuonghieu{    font-size: 1.5rem;
text-transform: uppercase;
background-color: #2779ff;
font-weight: 600;
text-align: center;
display: table;
margin: 0 auto 2rem;
color: #fff;
padding: 1rem 3rem;}
/*Home tin tức*/
.box_hometintuc{ background-color: #f2f2f2;padding: 4rem 0;}
.box_hometintuc >.textwidget{text-align: center;width:35%; margin: 0 auto 2rem;} 
.box_posthomechild{height: 100%;background-color: #fff;}
.img_posthome {display:block;position:relative}
.excerpt_port{background-color:#fff;padding:1rem}
.box_posthome h4{    color: #003aa6;
font-weight: 600;
padding: 1rem 0  0.6rem;
line-height: 1.5rem;}
.post_date{    position: absolute;
z-index: 1;
right: 2rem;
bottom: -1rem;
color: #fff;
background-color: #2779ff;
padding: 0.1rem 1rem;
border-radius: 20px;} 
.btn_chitiet{    margin: 1rem auto 0;
display: table;
color: #2779ff;
border: 0.01rem solid #2779ff;
padding: 0.2rem 1rem;
border-radius: 0.2rem;
background-color: #fff;}
.btn_chitiet:hover{background-color:#2779ff;color: #fff;}	
/**/
.box_phoneandmail{background-color:#3f96ff;padding:1rem 0;color:#fff;text-align:center}
.box_phoneandmail a{    font-size: 1.5rem;
color: #fff;}
/**/
.box_footer{background-color: #2779ff; padding: 3rem 0; color: #fff;}
/*Footer*/
.thongtinfooter2 h3,.thongtinfooter2 h4{margin-bottom:1rem}
.thongtinfooter2 strong{margin-bottom:1rem}
.thongtinfooter2 p{padding:0.2rem 0;font-size:0.9rem}

.box_designby{    background-color: #2d2d2d; color: #fff;padding:0.5rem 0}
.designedby{display:inline-block}
.box_designby p{font-size: 0.9rem; padding-top: 1.3rem;}
.designedby a{color: #fff;}

.back-to-top {    position: fixed;
    bottom: 7rem;
    right: 0.2rem;
    display: none;
    cursor: pointer;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #9e9e9e;
    border-radius: 50%; 
    text-align: center;}
.back-to-top i{ font-weight: 600;
    color: #fff;
    font-size: 30px; 
    line-height: 1.3em; }
/*Hỗ trợ*/
.rollOut{animation-name:rollOut}
@keyframes zoomIn {
from{opacity:0;transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}

@keyframes pulse {
0%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.2);box-shadow:0 0 0 0 rgba(255,255,255,.2)}
70%{-webkit-box-shadow:0 0 0 60px rgba(255,255,255,0);box-shadow:0 0 0 60px rgba(255,255,255,0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0)}
}

@-webkit-keyframes arcontactus-pulse {
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
50%{opacity:.5}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}   

.support-online{position:fixed;z-index:999;left:40px;bottom:40px}  
.support-online a.hotro_phone{background-color: #4EB625;}
.support-online a.hotro_facebook{background-color: #0084ff;}
.support-online a.hotro_zalo{background-color: #18b6fd;}
.support-online a > svg{margin-top: 0.7em;}

.support-online a{position: relative; 
text-align: center;
width: 45px; 
height: 45px;
border-radius: 100%;
display: block;margin-bottom: 1em;}

.support-online a .box_iconsvg{ background-color: #2c6ff4;
position: relative; 
text-align: center;
width: 45px;
height: 45px;
border-radius: 100%; 

} 
.support-online a .box_iconsvg >svg{margin-top: 0.8em;
-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%;

}
@-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)}}	

.animated.infinite{animation-iteration-count:infinite}
.animated.infinite{animation-iteration-count:infinite}
.pulse{animation-name:pulse}
.animated{animation-duration:1s;animation-fill-mode:both}
.zoomIn{animation-name:zoomIn}
.alo-circle-fill{width: 65px;
height: 65px;
top: -10px;
left: -10px;
position: absolute;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
background-color:#2c6ff4bd;
opacity: .75;}
.alo-circle{    width: 60px;
height: 60px;
top: -7px;
left: -7px;
position: absolute;
background-color: transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid rgba(30,30,30,.4); 
border-color: #2c6ff4;
opacity: .5;}

.support-online a span {
border-radius: 2px;
text-align: center;
background: #2c6ff4;
padding: 6px 5px 6px 0;
display: none;
width: 140px;
margin-left: 20px;
position: absolute;
color: #fff;
z-index: 999;
top: 0.3em;
left: 43px;
transition: all .2s ease-in-out 0;
-moz-animation: headerAnimation .7s 1;
-webkit-animation: headerAnimation .7s 1;
-o-animation: headerAnimation .7s 1;
animation: headerAnimation .7s 1;
border-top-right-radius: 2rem;
border-bottom-right-radius: 2rem;
}
.support-online .btn-support{cursor:pointer}
.support-online a:hover span{display:block} 
.support-online a span:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 18px 18px 18px 0;
border-color: transparent #2c6ff4 transparent transparent;
position: absolute;
left: -18px;
top: 0px;
}
/*Scrollbar*/ 
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;}
::-webkit-scrollbar-thumb{border-radius:10px;    background-color: #9e9e9e;
background-image: -webkit-linear-gradient(
45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);}