/* 
Theme Name: diamondgroup 
Description: Dự án được phát triển bởi diamondgroup.vn - Hotline: 0333 079 379 
Theme URI: http://diamondgroup.vn 
Author: Diamondgroup.vn - Hotline: 0333 079 379 
Author URI: http://diamondgroup.vn 
Version: 2022 
Text Domain: diamondgroup.vn*/ 
@font-face { font-family: 'Flaticon';  src: url('fonts/Flaticon.woff'); }
@font-face{font-family:'Montserrat-Bold';src:url('fonts/Montserrat-Bold.ttf'); }
@font-face{font-family:'HLTPFChampionScriptPro-Regular';src:url('fonts/HLTPFChampionScriptPro-Regular.ttf'); } 

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:#e6bb4a !important; border-color: #e6bb4a!important;}
.btn-success:hover,.btn-success:focus,.btn-success:active{background-color: #e6bb4a !important; border-color: #e6bb4a!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_menu{/*position: fixed;*/ 
background: url(images/bg_nav.jpg); 
background-size: 100%;
top: 0;
width: 100%;
z-index: 100;
transition: all .3s ease; }
.box_menuchild{display: flex;align-items: center;}
.box_ngonngu {margin-top:0.8em; text-align: center; padding:0;}
.box_ngonngu ul li {display: inline-block;}
.box_ngonngu ul li a img{width: 30px; height: auto;}
.lang-item-en {margin-left:5px}
/* MainMenu */  
.menu_main > li{list-style:none;display:inline-block;position:relative;float:left}
.menu_main > li > a{padding:1.1em 1.4em;display:inline-block;position:relative;text-align:center;text-transform:capitalize;transition:all 0.5s ease;font-size:15px;color:#5f0000;border-bottom:1px transparent} 
.menu_main > .current-menu-item > a,.menu_main > li > a:hover{transition:all 0.5s ease;background-color: #fff;color: #4b0000;border-bottom:1px solid #b20000}
.menu_main > li.menu-item-has-children > a:after{    content: "\ea67";
    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: 0.3rem;}
/*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:230px;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: 5px 10px;
    color: #444;
    text-align: left;
    text-transform: capitalize;
    transition: all 0.5s ease;
    font-size: 0.8em;}
.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:#5f0000}
.menu_main >li> .sub-menu >li >a:hover{padding-left:15px;color:#5f0000}
/*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:#5f0000}
.menu_main > li > .sub-menu > li >.sub-menu > li > a:hover{padding-left:25px;color:#5f0000}
/*===  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} 
/*Dịch vụ*/
.tieude_homectdichvu{color: #5f0000;
font-size: 1.2em;
margin: 1em 0 0.2em;
text-transform: uppercase;
text-align: center;
font-family: sans-serif;
font-weight: 600;} 
.noidung_homectdichvu{text-align:center}
.img_homectdichvu{border-radius: 20px;}
/*Chi tiết dịch vụ*/
.box_homectdichvu{padding:3em 0} 
.tieude_homedichvuchinh {
font-size: 1.5em;
margin-bottom: 1em;
text-transform: uppercase;
color: #5f0000;
font-weight: 600;
text-align: center;
}
.box_homedichvumain{padding: 0 4em;}
.box_homedichvu{    margin-bottom: 2em;}
.box_dichvuchild{    height: 100%;
width: 100%;
background-color: #fff;
box-shadow: 0px 0px 12px 5px rgb(26 47 106 / 7%);
border-radius: 0.2rem;
padding: 0.5em;
position: relative;
overflow: hidden;} 
.img_homedichvu:hover{opacity:0.7}
.box_dichvuchild h3{    text-transform: uppercase;
font-size: 0.65em;
color: #5f0000;
background: linear-gradient(90deg, rgba(223, 160, 59, 1) 0%, rgba(255, 249, 143, 1) 50%, rgba(243, 205, 82, 1) 100%);
height: 35px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
font-weight: 600;}
.box_dichvuchild h3:hover{color: #000;background:linear-gradient(90deg, rgba(223, 160, 59, 1) 0%, rgba(255, 249, 143, 1) 50%)}  
/*Giới thiệu*/
.box_gioithieumain{padding:3rem 0 0; position: relative; } 
.box_gioithieumain:before {
content: "";
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: #000000ad;
right: 0;
}
.tieudegioithieu {     font-size:1.7rem; 
text-transform: uppercase;
color: #fff;
font-weight: 600;} 
.tieudegioithieu1{    color: #fff98f;
padding:0.5em 0 2rem 0;
font-size: 3rem;
font-family: HLTPFChampionScriptPro-Regular;}
.noidunggioithieu{color:#fff;text-align:justify;margin-top:-3rem;    position: relative;}
.noidunggioithieu:before {
content: "";
position: absolute;
bottom: -3em;
right: -1rem;
height: 120%;
border-right: 0.1rem solid #fff98f;
}
.noidunggioithieu:after {
content: "";
position: absolute;
bottom: -1rem;
right: -3rem;
width: 108%;
border-bottom: 0.1rem solid #fff98f;
}
.noidunggioithieu strong{margin-left:4rem}
.noidunggioithieu p{line-height:2rem}
.icon_quote{
position: absolute;
right: 2rem;
font-size: 2.3rem;
z-index: 1;
background-color: rgb(79 74 50);
padding: 0.5rem;
border-radius: 50%;
bottom: -2.5rem;
color: #fff98f;
}
/*Khóa học*/
.box_homekhoahoc{padding:3em 0}
.title_homekhoahoc{    color: #5f0000;
font-size: 1.7em;
font-family: 'Montserrat-Bold';
padding:0 0 1.2em;
text-align: center;
text-transform: uppercase;
position: relative;
font-weight: 700;
margin-bottom: 25px;
background: url(images/icon-undertitle.png) no-repeat bottom center;}
.box_khoahocmain{margin:1em 0}
.box_khoahocchild{height:100%;    padding: 15px;
box-shadow: 0 1px 6px 0 rgba(32,33,36,.28);
border-radius: 10px; position:relative} 
.image_overlay{ position: relative; overflow: hidden;}
.image_overlay:hover .overlay{opacity:1;}
.overlay{ position: absolute;
top: 0;
bottom: 0;opacity:0;
height: 100%;
left: -1px;
right: -1px;
background-color: rgba(255, 179, 0, 0.38);
transition: transform .3s, opacity .6s;
pointer-events: none;}
.box_khoahocchild h3{ font-family: 'Montserrat-Bold'; margin: 0.5em 0;}
.box_khoahocchild h3:hover{color: #5f0000;}
/*Ảnh trước sau*/ 
.box_hinhanhvideo{background-color: #f2f2f2;padding: 3rem 0;}
.titleimg {    position: relative;
margin-bottom: 1em;
border-bottom: 1px solid #ccc;
padding-bottom: 3px;
text-transform: uppercase;
font-family: 'Montserrat-Bold';
color: #5f0000;} 
.titleimg:before {     position: absolute;
left: 0;
right: 0;
content: "";
width: 5em;
height: 0.01em;
z-index: 2;
background-color:#5f0000;
bottom: 0;
}
/*Clip*/
.boxvideo_child{margin-bottom:1.5em}
.video_img{    content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #00000069;
z-index: 1;
left: 0;
top: 0;}
.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/iconvideosau.png) no-repeat left top;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;background-size: 100%;}
.box_video a{display:block;position:relative;margin-bottom:8px;background-color:#000}
.video_img:hover .play{background:transparent url(images/iconvideotruoc.png) no-repeat left top;-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;background-size: 100%;}

.title_videochild{color:#333;font-weight:600;height:40px;display:inline-block;margin-bottom:1.5em;overflow:hidden;    font-family: 'Montserrat-Bold';
font-size: 1em;}

/*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-tuvansingle,.btn-goilaisingle{    cursor: pointer;
text-transform: uppercase;
background-color: #e6bb4a;
font-weight: 600;
color: #fff;
padding: 0.5em 1em;
font-size: 0.85em;
display: table;
margin: 1em auto;
border-radius: 0.2em;border:0.01rem solid  #e6bb4a} 
.btn-tuvansingle:hover,.btn-goilaisingle:hover{ background-color: #fff;color: #e6bb4a;}	

.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:#e6bb4a;color:#fff;display:block}
/*Đặt lịch*/
.box_datlich{    background-color: #e7e7e7;
position: relative;
overflow: hidden;}
.form_datlichhen h4{    font-size: 1.6rem;
margin: 1.5em 0 0.5rem;
color: #e6bb4a;text-transform: uppercase;
font-weight: 600;}
.form_datlichhen p{color: #003aa6;font-weight: 600;margin-bottom:1.5rem;font-size:1.3rem}
.noidung_thamkhamvatuvan {
background-color: #e6bb4a;
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:#e6bb4a}

.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}
.input-group p,.wpcf7-form-control-wrap{width:100%}
.form-control{border-radius:5px!important;padding:5px 10px 5px 35px!important;margin-bottom:1rem;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}
.wpcf7-spinner{position:absolute}
/*Gọi lại*/
.btndatlichhen { 
padding: 0.5rem 3rem!important;
text-align: center;
display: inline-block;
margin: 0 auto;}
.input_gl > 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}

/*Home tin tức*/
.box_hometintuc{padding: 3rem 0;}
.box_hometintuc >.textwidget{text-align: center;width:35%; margin: 0 auto 2rem;} 
.box_posthomechild{    height: 100%;
background-color: #fff;
position: relative;
-webkit-transition: all ease 500ms;
-o-transition: all ease 500ms;
transition: all ease 500ms;
box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 50%);
margin: 1em 0;}
.box_posthomechild:hover{-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,.1);box-shadow:0 10px 20px 0 rgba(0,0,0,.1);border-bottom-color:#000}
.img_posthome {display:block;position:relative}
.excerpt_port{background-color:#fff;padding:1rem}
.box_posthome h4{    color: #5f0000;
font-weight: 600; 
line-height: 1.5rem; 
font-size: 0.9em; 
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
height: 45px;
display: -webkit-box;
-webkit-box-orient: vertical;

} 
.btn_chitiet{    margin: 1rem auto 0;
display: table;
color:#5f0000;
border: 0.01rem solid #5f0000;
padding: 0.2rem 1rem;
border-radius: 0.2rem;
background-color: #fff;}
.btn_chitiet:hover{background-color:#5f0000;color: #fff;}	

/*Footer*/
.box_footer{padding: 2rem 0; color:#5f0000;} 
.thongtinfooter h3,.thongtinfooter h4{margin-bottom:1rem;font-weight: 600;text-transform:uppercase}
.thongtinfooter strong{margin-bottom:1rem}
.thongtinfooter p{padding:0.2rem 0;font-size:0.9rem}


.menu_footer li a { margin-bottom: 0.5em;position:relative;color: #5f0000;display:block}
.menu_footer li a:before {    content: "\ea69";
font-size: 0.9rem;
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;}

.box_designby{    background-color: #2d2d2d; color: #fff;padding:0.5rem 0;text-align:center} 
.box_designby p{font-size: 0.9rem;}
.box_designby 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: #5f0000;
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:#5f0000bd;
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: #5f0000;
opacity: .5;}

.support-online a span {
border-radius: 2px;
text-align: center;
background: #5f0000;
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 #5f0000 transparent transparent;
position: absolute;
left: -17.5px;
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);}