/*
Theme Name:xaydung
Description: Dự án được phát triển bởi rubicmarketing
Theme URI: http://rubicmarketing.com
Author: rubicmarketing.com
Author URI: http://rubicmarketing.com
Version: 2019
Text Domain: http://rubicmarketing.com
*/
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;}
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1300px;} 
} 
html, body{color:#111;font-family:'Montserrat',Open Sans, sans-serif;  position:relative ;background: #fff; }
a{color:#333;text-decoration:none;}
a:hover, a:active, a:focus{color:#333;text-decoration:none;}
a, *{outline:none !important;}
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;}
.img_full{width: 100%; height: auto;}
.title_home { position: fixed; left: -500%; font-size: 1px;} 
.wrap{clear:both;} 
.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{ 
background:#005bab;
border-bottom:5px solid #fccf00;
word-break:break-all;
}
.header .row{align-items: center;}

.logo{ padding-top:5px; float:left;} 
/*Menu main*/  
.menu_main { padding: 0;  position: relative; }
.menu_main li {display: inline-block; position: relative;float: left;}
.menu_main > li > a {position: relative; display: block;white-space: nowrap;color: #fff; 
text-transform: capitalize;padding:0.9rem 1.8rem;  z-index:1 ; font-weight: 500; } 
.menu_main > li > a:hover ,.menu_main > .current-menu-item > a{color:#fccf00} 

.menu_main > li.menu-item-has-children > a:after {
    content: "\ea67";
    font-size: 1rem;
    font-family: IcoFont!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    margin-left: 5px;
    color: #fff;
}
/*Cấp 1*/
.menu_main > li > .sub-menu {
background: #fff;
box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.3);
border-radius: 0 0 4px 4px;
position: absolute;
visibility: hidden;
opacity: 0;
z-index: 999;
min-width: 300px;
padding: 0;
top: 100%;
left: 0;
margin: 0 auto; 
}

.menu_main > li > .sub-menu li{ width: 100%;padding:0;border-bottom: 1px dashed #ccc;position:relative}

.menu_main > li > .sub-menu li:nth-last-child(1) {
border-bottom: 0px;
}
.menu_main > li > .sub-menu li a {
color: #333;
text-transform: none;
display: block;
font-weight: 600;padding:10px;
font-size: 13px;    text-align: left;}
.menu_main > li:hover .sub-menu { visibility:visible;opacity:1}


.menu_main .current-menu-item  ul li  a { background: #fff}

.menu_main li ul .current-menu-item  a ,.menu_main li ul li a:hover{color:#333; background:#cef;}
.menu_main li .menu-desc{background:#333;margin-left:5px;border-radius:5px;padding:1px 3px;font-size:10px;color:#fff;position:relative;top:-10px;}
.menu_main li .menu-desc::before{border-color:transparent #e10531 #e10531 transparent;border-image:none;border-style:solid;border-width:3px;bottom:0;left:-3px;position:absolute;content:"";display:inline-block;}

.menu_main > li > .sub-menu > li.menu-item-has-children > a:after {
    content: "\ea69";
    font-size: 1rem;
    font-family: IcoFont!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    margin-left: 5px;
    color: #333;float: right;
}
/*menu cap 2*/
.menu_main > li > .sub-menu > li > .sub-menu { background: #fff;
box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.3);
border-radius: 0 0 4px 4px;
position: absolute;
visibility: hidden;
opacity: 0;
z-index: 999;
width: 300px;
padding: 0;
left: 100%;
top: 0%;
margin: 0 auto; }
.menu_main > li > .sub-menu > li > .sub-menu > li{ width: 100%; position:relative ;}
.menu_main > li > .sub-menu > li:hover .sub-menu { visibility:visible;opacity:1}

.menu_main > li > .sub-menu > li > .sub-menu > li.menu-item-has-children > a:after {
    content: "\ea69";
    font-size: 1rem;
    font-family: IcoFont!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    margin-left: 5px;
    color: #333;float: right;
}
/*menu cap 3*/
.menu_main > li > .sub-menu > li > .sub-menu > li > .sub-menu{ background: #fff;
box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.3);
border-radius: 0 0 4px 4px;
position: absolute;
visibility: hidden;
opacity: 0;
z-index: 999;
width: 250px;
padding: 0;
left: 100%;
top: 0%;
margin: 0 auto; }
.menu_main > li > .sub-menu > li > .sub-menu > li  > .sub-menu > li{ width: 100%; position:relative ;}
.menu_main > li > .sub-menu > li > .sub-menu > li:hover .sub-menu { visibility:visible;opacity:1}
.menu_main > li > .sub-menu > li > .sub-menu > li  > .sub-menu > li.menu-item-has-children > a:after {
    content: "\ea69";
    font-size: 1rem;
    font-family: IcoFont!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    margin-left: 5px;
    color: #333;float: right;
}
/*banner*/
.slides-box {
width: 100%;
height: 545px;
margin: auto;


}
.slides {
position: relative;
height: 545px;
width: 100%;
margin: auto;
float: left;

}
.slides li {
position: absolute;
width:  100%;
height: 100%;
}
.slides li img{
display: block;
width: 100%;
margin: auto;
}

.visitied{
color:#005bab;
}

/*content*/

.product{  word-break:break-all;
overflow:hidden;}

.product dt,.case dt,.hengxiang dt,.jishu dt{ border-bottom:2px solid #008bd5; color:#008bd5; font-size:14px;}

.product dt span,.case dt span,.hengxiang dt span,.jishu dt span{padding-right:10px;padding-left:10px;font-size:16px;display:inline-block;  background:#008bd5; line-height:30px; color:#fff; border-radius:5px 5px 0px 0px; }

.aaa{display:inline-block; float:right; padding-right:10px; padding-top:5px;}

.focus{ position:relative; width:100%; height:auto; background-color: #d9d9d9; margin:auto; margin-top:10px;}  
.focus img{ width:100%; height:345px;object-fit: cover;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{  }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; height:123px;   background:#d9d9d9; padding:10px; color:#333;  font-size:14px;)   
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow h1{font-size:15px;font-weight:600}
.focus .shadow a{ display:block; width:90px; height:22px; border:1px solid #008bd5; text-align:center; line-height:18px; font-size:12px; margin-top:8px; color:#008bd5;}  
.focus .shadow a:hover{background-color:#008bd5; color:#fff;}
.focus .fcon{ position:relative; width:100%;   background:#d9d9d9;  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(images/focus_btn.png) no-repeat;}
.focus .prev{top:35%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top:35%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  

.case{float:right;  word-break:break-all;
overflow:hidden;}
.case_list{margin-top:15px;}
.case_item{width:100%; height:221px;margin-bottom:15px;}
.case_item a{ display: block;}
.case_item .img{ width: 100%; height:158px; overflow: hidden;}
.case_item .img img{width: 100%; height:158px;}
.case_item .txt{ text-align: center; background:#ddd; overflow: hidden; position: relative; z-index: 0; padding-bottom:10px;}
.case_item p{ padding: 10px; line-height: 20px; height: 40px; font-size: 14px; margin-bottom: 10px;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;margin:auto;}
.case_item .more1{ width:90px; height:18px; margin: 0 auto; border: 1px solid #fff; background: #008bd5; font-size: 12px; text-transform: uppercase; line-height:18px; color: #fff; -webkit-border-radius: 20px; -ms-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.case_item:hover .more1{ border-color: #fff;  }
.case_item .txt:before{ position: absolute; content: ''; left: -50%; top: -50%; width: 200%; height: 200%; border-radius: 50%; background: #008bd5; z-index: -1; -webkit-transform: scale3d(0,0,1); -moz-transform: scale3d(0,0,1); transform: scale3d(0,0,1); -webkit-transition: transform 0.6s; -moz-transition: transform 0.6s; transition: transform 0.6s;}
.case_item:hover .txt:before{ -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.case_item:hover .txt p{ color: #fff; }		   	   


.hengxiang{ margin-top:30px;  
overflow:hidden;}
.product-list{margin-top:15px;overflow: hidden;}
.product-list ul{position: relative;/*float: left;width:130px;*/}
.product-list ul li{width:130px; height:71px;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.product-list ul li.last{border-bottom: 1px solid #ddd;}
.product-list ul li.active{width:131px;background: #f2f2f2;border-color: #008bd5; border-color: #008bd5;}
.product-list ul li.active:after{position: relative;content: "";display: block;float: right;height:71px;margin: -71px 1px 0 0;border-left: 1px solid #f2f2f2;}
.product-list ul li.active + li{border-top-color: #008bd5;}
.product-list ul li > span{position: relative;z-index: 10;display: block;line-height:71px;cursor: default;font-weight: bold;font-size: 14px;color: #333; text-align:center;}
.product-list ul li.active > span{color: #008bd5;}
.product-list ul li dl{position: absolute;top: 0;left:130px;display: none;/*width:490px;*/height:284px;padding:17px 17px 17px 17px;background: #f2f2f2;border: 1px solid #008bd5; font-size:14px; line-height:25px;}
.product-list ul li.active dl{display: block;}
.product-list dl dd{overflow: hidden;}
.product-list dl dd label{float: left;min-width: 45px;margin-right: 20px;padding-right: 25px;background: url(img/icon-caret.png) no-repeat right 4px;font-weight: bold;font-size: 14px;color: #333;}
.product-list dl dd span{float: left;width: 780px;padding-bottom: 8px;overflow: hidden;border-bottom: 1px solid #ddd;}
.product-list dl dd a{float:right;line-height: 18px;margin: 5px 0 5px 0;font-size: 14px;color: #999; }
.product-list dl dd a:hover{color: #008bd5; font-weight:bold;}
.product-detail .button{margin: 30px auto 50px;text-align: center;}
.product-detail .btn-return{margin-right: 40px;display: inline-block;}
.product-detail .btn-consult{display: inline-block;width:130px;line-height: 30px;font-size: 14px;border: 1px solid #0c5e95;color: #0c5e95;text-align: center;}


.contact{height:147px; width:100%; background:url(images/22222.png) no-repeat center left; border:1px solid #ddd;margin-top:20px; }
.contact ul{ padding-left:220px; vertical-align:middle; padding-top:10px;}
.contact ul li{line-height:30px; vertical-align:middle; font-size:14px; }
.contact ul li img{padding-right:8px;}


.jishu{ margin-top:28px;  
overflow:hidden;}
.zhichi{margin-top:10px;}
.zhichi li{width:100%; border-bottom:2px solid #ccc; padding-bottom:10px; margin-bottom:10px;}
.zhichi li h2 span{  height:25px; font-size:14px; line-height:25px; border-top:2px solid #ccc; color: #008bd5;}
.zhichi li h2 a{flex: 1;  height:32px;  border:1px solid #ccc; font-size:12px; line-height:29px; text-align:right; padding-right:5px;padding-left:5px;}
.zhichi li h2 a:hover{color:#008bd5; font-weight:bold;}
.zhichi li img{width:100%; height:100px; margin:10px 0 5px 0;}
.zhichi li:hover{border-bottom:2px solid #008bd5;}
.zhichi li:hover  span{border-top:2px solid #008bd5;}
.bottom-c ul{
list-style: none;
}


.bottomm{width:100%; margin:auto; border-top:6px solid #fccf00;margin-top:30px; background:#005bab; 	word-break:break-all;
overflow:hidden;
}
.bottom-c{  padding-bottom:50px; padding-top:40px; word-break:break-all;
overflow:hidden;}
.box_contentfooter p{color:#fff;line-height:30px;margin-bottom: 0.5rem; font-size: 14px;}
.bottom-c li a{  color:#fff;  line-height: 30px;
margin-bottom: 0.5rem;
display: block;
font-size: 14px;}
.bottom-c li a:hover{color:#fccf00;}
.bottom-c h3{    color: #fff;
font-size: 1rem;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #fff;
text-transform: uppercase;
font-weight: 600;}
.bottom-c img,.bottom-c img{padding-right:10px;}

.foot{width:100%; margin:auto; background:#004b8d; height:55px; 	word-break:break-all;
overflow:hidden;
}
.foot p{font-size:14px;  line-height:55px; color:#fff;} 
.foot p a{color:#fff;}

.izl-rmenu{
margin-right: 0;
width: 82px;
position: fixed;
right: 2px;
top: 65%;
-webkit-box-shadow: #DDD 0px 1px 5px;
-moz-box-shadow: #DDD 0px 1px 5px;
box-shadow: #DDD 0px 1px 5px;
z-index:999;
}
.izl-rmenu .consult{    
background-image: url(images/consult_icon.gif);
background-repeat: no-repeat;

display: block;
height: 76px;
width: 82px;
}
.izl-rmenu .consult .phone {
background-color: rgb(247,247,255);
position: absolute;
width: 160px;
left: -160px;
top: 0px;
line-height: 73px;
color: #000;
font-size: 18px;
text-align: center;
display: none;
box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
background-image: url(images/consult_icon.gif);
background-repeat: no-repeat;
background-position: center bottom;
display: block;
height: 16px;
width: 16px;
font-size: 12px;
line-height: 16px;
color: #45BDFF;
text-align: center;
padding-top: 15px;
padding-right: 18px;
padding-bottom: 47px;
padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
background-image: url(images/float_top.gif);
background-repeat: no-repeat;
background-position: center top;
display: block;
height: 39px;
width: 82px;
-webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
background-image: url(images/float_top.gif);
background-repeat: no-repeat;
background-position: center bottom;
}
.izl-rmenu .cart .pic {
display:none;
position: absolute;
left: -160px;
top: 65px;
width: 160px;
height: 160px;
background:url(images/weixin.jpg);
}
#udesk-feedback-tab {
position: fixed;
right: 2px;
top: 65%;
margin-top: -76px;
-webkit-box-shadow: #DDD 0px -1px 5px;
-moz-box-shadow: #DDD 0px -1px 5px;
box-shadow: #DDD 0px -1px 5px;
z-index: 10000;
cursor: pointer;
background-image: url(images/consult_icon.gif);
background-repeat: no-repeat;
background-position: center top;
display: block;
height: 76px;
width: 82px;
background-color: #FFF!important;
z-index:999;
}	 




.main{
margin-top: 20px;
margin-bottom: 10px
}
.post-content img{
max-width: 100%;
height: auto;

}
.sub_content ul{
list-style: none;
}
#flags.size24 a[title="Vietnamese"] {
width: 48px !important;
height: 37px !important;
background-image: url('images/vi.png') !important;
background-position-x: 0px;
background-position-y: 0px;
}
.google-translate #flags.size24 a.united-states[title="English"] {

width: 48px !important;
height: 37px !important;
background-position-x: 0px !important;
background-position-y: 0px !important;
background-image: url('images/en.png') !important;

}
.alignleft {
float: left;
margin: 0.5em 1em 0.5em 0;
}
.breadcrumb-item + .breadcrumb-item{
padding-left:0px; 
}

.breadcrumb-item + .breadcrumb-item::before{
content: "";
}
.i-arrow{
padding-left:.5rem; 
}
.i-arrow::before{
display: inline-block;
padding-right: .5rem;
color: #6c757d;
content: "/";
}
.main .list-post img{
max-width: 100%;
max-height: 180px
}
.list-post{
margin-bottom: 10px
}
.sub_bannerBox{
margin-top: 100px;
}
.product-list iframe{
max-width: 100%
}
.zhichi li h2{
display: flex;
}
.zhichi li h2 span {
flex: 2
} 
.slider-home{
margin-top: 82px;
margin-bottom: 20px
}
.des-mobile {
display: none;
}
#proul li dd p{
padding: 0px;
margin: 0px
}
.zhichi ul {
list-style: none;
}
.sub_banner55 {

}
.sub_banner55 img{
max-width: 100%
}

.box-left h1 span {
display: block;
font-size: 20px;
}
.box-left h1 {
line-height: 30px;
background-color: #015198;
font-size: 18px;
color: #fff;
font-weight: normal;
padding: 20px 0 20px 20px;
}
.box-left li a{font-size: 17px;
font-weight: 700;
display: block;padding: 10px 10px 10px 20px;
}
.box-left li a:hover{
color: #fff
}
.box-left li {
cursor: pointer;
display: block;

border-bottom: 1px solid #CCC;
position: relative;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
background: #ddd;
}
.box-left li:hover {
background: #015198;
color: #fff
}
.contact-form > div{
margin-bottom: 1rem !important
}
.contact-bg > span {
display: block;
}
.contact-form .input-group-addon {
width: 100%;
}
.box-content{
margin-bottom: 10px
}
.box-content .img img{
max-width: 100%;
height: 200px;
}
.box-content .txt {
padding: 15px 0 15px 0;
text-align: center;
background: #ddd;
overflow: hidden;
position: relative;
z-index: 0;
height: 95px
}
.linh-vuc .col-md-4{
padding-right: 5px;
padding-left: 5px;
}
.box-content:hover .txt::before {
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.box-content .txt::before {
position: absolute;
content: '';
left: -50%;
top: -50%;
width: 200%;
height: 200%;
border-radius: 50%;
background: #008bd5;
z-index: -1;
-webkit-transform: scale3d(0,0,1);
-moz-transform: scale3d(0,0,1);
transform: scale3d(0,0,1);
-webkit-transition: transform 0.6s;
-moz-transition: transform 0.6s;
transition: transform 0.6s;
}
.box-content:hover .more1 {
border-color: #fff;
color: #fff;
text-decoration: none;
}
.more1 {

height: 26px;
margin: 0 auto;
border: 1px solid #015198;

background: #015198;
font-size: 12px;
text-transform: uppercase;
line-height: 22px;
color: #fff;
-webkit-border-radius: 20px;
-ms-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding-left: 10px;
padding-right: 10px
}

.hbox-content >div{
position: absolute;
bottom: 5px;
right: 15px;
}
@media only screen and (max-width: 768px) {
/* For mobile phones: */
.zhichi li img , .case_item .img img{
height: auto;
}
.navbar-brand{text-align: center;display: block;}
.navbar-brand img{
width: 200px;

}
.contact{
width: 100%;
background: transparent;
}
.contact ul{
padding: 0px;
list-style: none;
}
.navbar-nav > li > a{
line-height: 45px !important;
border-bottom: 1px silver solid
}
#proul {
display: none;
}
.des-mobile{
display: block;
}
.bottom-c{
width: 100%;
}

.bottom-c dl{
margin-left: 25px;
width: 100%;
float: none;
}
.box-content .img img{height: auto;}

.linh-vuc .col-md-4{
padding-right: 15px;
padding-left: 15px;
}
}
.wpcf7-form-control-wrap {     width: 100%;}


.back-to-top {position: fixed;bottom: 35px;right: 10px;display: none;cursor: pointer;}
.back-to-top i {
background: #9E9E9E;
display: block;
width: 36px;
font-size: 20px;
height: 36px;
line-height: 36px;
color: #fff;
border-radius: 50%;
text-align: center;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}

/*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:20px;bottom:20px}   
.support-online a > svg{margin-top: 0.9em;}

.support-online a{position: relative; text-align: center;width: 45px; height: 45px;border-radius: 100%;
display: block;margin-bottom: 1em;background-color: #c9a961;}
.support-online a .box_iconsvg{ background-color: #c9a961;position: relative; text-align: center;width: 45px;height: 45px;border-radius: 100%;z-index:1} 
.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} 
.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:#c9a961c2;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:#c9a961;opacity: .5;}
.support-online a span {border-radius: 2px;text-align: center;background: #c9a961;padding: 6px 5px 6px 0;display: none;width: 139px;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 #c9a961 transparent transparent;position: absolute;left: -18px;top: 0px;}

/*Scrollbar*/ 
body::-webkit-scrollbar {width: 9px;background-color: #fff;} 
body::-webkit-scrollbar-track {border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #fff;} 
body::-webkit-scrollbar-thumb {border-radius: 10px;
  background-color: #999999;	
  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)
}