/* 
Theme Name: Template
Description: Dự án được phát triển bởi webchuan.com - Hotline: 0931 191 379
Theme URI: http://webchuan.com
Author: Webchuan.com - Hotline: 0931 191 379
Author URI: http://webchuan.com
Version: 2025 
Text Domain: webchuan.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:600;}
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, .container-xxl {
max-width: 1280px;
}
} 
html, body{color:#212529;  position:relative ;background: #fff; font-family: "Montserrat", sans-serif; font-weight: 400;}
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;}
.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:20px}
.wrap{clear:both;}
.display_none{display:none !important}
.notice {  margin-top: 0px!important; width: 100%;}
.btn-success {
    color: #fff;padding:0.6rem 2rem;
    background-color: #630c8e;
    border-color: #630c8e;
}
.btn-success:hover,.btn-success:focus ,.btn-success:active {
    color: #fff;
    background-color: #f941b2;
    border-color:#f941b2
}

::placeholder{color:#999;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
::-ms-input-placeholder{color:#999;}
/*Head*/
#sticker{background-color:#fff} 
.box_headtop {padding:0.5rem 0;position: relative;} 
.box_search{display:flex;align-items: center;}
.box_hotline {display: flex;align-items: center;justify-content: center;}
.hotline{margin:0} 
.hotline a{ font-weight: 700;font-size: 1.3rem;} 
.hotline a:hover{ color: #f18e33;}
.navfixed { position: sticky;top: 0; z-index: 9; width: 100%;}
#ja-header{    width: 100%;
    background-color:#630c8e;
    display: table; }
#ja-header .main{position:relative;} 
/*Header Top */
.box_sdtmobile {display:none}
.header-top {    background-color: #e1e1e1;}  
.box_logomobile{text-align:center;margin-top:0.3rem}
/* messsage*/
.welcome-msg ul li {display: inline-block;}
.welcome-msg ul li p  {     font-size: 14px;   color:#2e2e2e;     margin: 3px 6px;}
.welcome-msg ul li p a {  color:#2e2e2e; }
.icon-phone {font-weight: 600; padding: 1px 3px 0px;line-height: 20px; } 
.welcome-msg ul li p span {color:#f18e33; margin-right: 10px;}
/*top social*/
.header-social ul {margin:0; padding:0; list-style:none}
.header-social ul li{  display: inline-block; float:left}
.header-social ul li a  {     padding: 5px 8px;
font-size: 13px;
color: #2e2e2e;
line-height: 30px;
}
/**/ 
.ja-search {float:left;  position: relative; } 
.ja-search form input[type="text"]{    width: 100%;
height: 38px;
font-size: 14px;
padding: 0 20px 0 7px;
box-sizing: border-box;
border: 1px solid #ebebeb;
background-color: rgb(0 0 0 / 5%);
box-shadow: none;
color: currentColor !important;
border-radius: 99px;}
.ja-search form input:focus{color:#333;}
.ja-search form button{ height:38px;width: 50px;display:inline-block;position:absolute;top:0;right:0;
border:none;background:transparent; cursor:pointer;color: #333;}
#search_submit i {font-size: 1.2rem;}



#load-data{ position: absolute;width: 100%; background: #fdfdfd; margin-top: 0px; text-align: left;border-radius: 0px; z-index: 898; padding: 0px ;}
#load-data ul li { display: inline-block;border-bottom: 1px solid #dfdfdf; padding:0px;width: 100%;}
#load-data ul li:hover{background:#d8d8d82b;}
#load-data ul li a { color: #333; padding: 5px 10px; display: block;}
.img_proseach { width: 45px; height: auto; float: left; margin: 0 10px 0 0;}
#load-data ul li h3 { font-size: 12px; font-weight:600; line-height:15px}	
#load-data > ul > li > a > span {font-size: 12px; width: auto;height:18px}	
/*Giỏ hàng*/  
.box_giohang{display: flex;align-items: center;}
.giohang:hover .collapse:not(.show){display:block}
.sl_gh {position: relative; padding: 0.2em 1em;display: block;}
.sl_gh:hover {color: #f18e33;}
.icon_soluong {    font-size: 2em;
width: 25px;
height: 25px;
z-index: 0;
background: url(images/icon.png) top left no-repeat; 
background-size: 90%;
background-position: 0 25%;
display: block;
float: right;}
.soluong {     width: 1.5em;
    height: 1.2rem;
    line-height: 1.3rem;
    background: #630c8e;
    display: block;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.8rem;
} 
 
/*Menu main*/
.box_menu {padding: 6px 0px 3px;
box-shadow: 0px 1px 7px 0px rgb(227 227 227);
position: relative;
z-index: 1;}  
.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: uppercase; font-weight: 500;
padding: 0.7rem 2rem;  z-index:1 ;  }

.menu_main > li.menu-item-has-children >a:before { content: "\ea67"; margin-right: 5px; 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;
}
.menu_main > .current-menu-item > a ,.menu_main > li:hover > a{ opacity: 1;  width: 100%;  left: 0; right: 0;background-color:#f941b2;color: #fff; }
.menu_main > li > a:hover {color:#fff !important}
/*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: 250px;
padding: 0;
top: 100%;
left: 0;
margin: 0 auto;
border-bottom: 2px solid #333;
}
.menu_main li > ul >  .current-menu-item >  a ,.menu_main li > ul > li > a:hover{color:#33; background:#f4f4f4;border-bottom:0px}
.menu_main > li > .sub-menu > li{ width: 100%;padding:0;border-bottom: 1px dashed #333;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}
/*Cấp 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: 250px;
padding: 0;
left: 100%;
top: 0%;
margin: 0 auto; }
.menu_main > li > .sub-menu > li:hover .sub-menu { visibility:visible;opacity:1}
.menu_main > li > .sub-menu > li > .sub-menu > li{ width: 100%; position:relative ;}
.menu_main > li > .sub-menu > li > .sub-menu > li > a{color: #333;
text-transform: none;
display: block;
font-weight: 600;padding:10px;
font-size: 13px;    text-align: left;}
/*Cấp 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:hover .sub-menu { visibility:visible;opacity:1}
.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 > .sub-menu > li > a{color: #333;
text-transform: none;
display: block;
font-weight: 600;padding:10px;
font-size: 13px;    text-align: left;} 
/*Cấp 4*/
.menu_main > li > .sub-menu > 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:hover .sub-menu { visibility:visible;opacity:1}
.menu_main > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li {width: 100%; position:relative ;}
.menu_main > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a{color: #333;
text-transform: none;
display: block;
font-weight: 600;padding:10px;
font-size: 13px;    text-align: left;} 
/*Menu gioithieu*/
.menu_gioithieu li{ float: left;   width: 50%;}
.menu_gioithieu li a h2 { font-size: 14px; padding:0; margin:0 ; line-height: 40px;  
height: 40px;    font-weight: 600;}
.menu_gioithieu li a{      border: 1px solid #fff;
padding:5px;
display: block;
min-height: 141px;
text-transform: uppercase;
font-weight: 600;
margin: 12px 30px 20px;
color: #fff;
text-align: center;    background: #f18e33;}
.menu_gioithieu li a:hover{  color:#f18e33} 

.menu_gioithieu	li a:hover { background:#fff;}

.menu_gioithieu li a img{filter: brightness(0) invert(1);}
.menu_gioithieu li a:hover img{filter: none;}
/*Slide*/
.box_slidemain {position: relative;overflow: hidden;padding:0;display:block} 
.slide_center {padding-left:5px;padding-right:5px}
.banner a img {width:100%;height:363px!important;}

.image_bannerright {margin-bottom: 0.6rem;}

/*Giới thiệu*/
.box_gioithieu .row{display:flex; align-items:center}
.box_gioithieumain{padding:3.5rem 0; position: relative;background-color: #fffbf5;}  
.box_gioithieumainchild{margin:0 auto}
.tieudegioithieu {     text-transform: uppercase;
    color: #630c8e;
    font-weight: 700; margin-bottom:0.5rem;
    letter-spacing: 0.2em;}  
.noidunggioithieu{    text-align: justify;
position: relative;  }
.noidunggioithieu h2{    font-size: 2em;
    line-height: initial;
    margin-top: 10px;
    position: relative;
    margin-bottom: 15px; font-weight: 600; 
    text-align: left;}
.noidunggioithieu h3{margin-bottom:0.5em;font-weight: 600;}
.noidunggioithieu p{line-height:1.8rem} 
.boxnoidung_gioithieu{margin:1.5em 0}
.boxnoidung_gioithieuchild{  
    box-shadow: 0px 0px 15px #d8d8d8;
    height: 100%;
    background-color: #fff;
    border-top: 5px solid #630c8e; 
    border-radius: 10px; }
.noidung_gioithieu{     padding: 1em;
    text-align: justify;
    font-size: 0.9em;}
.boxnoidung_gioithieu img{     text-align: center;
margin: 0.9em auto 0;
display: table;    
-webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;}
.boxnoidung_gioithieuchild:hover img{     -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }
.boxnoidung_gioithieu h3{    display: block; 
    font-size: 1.1em;
    padding-top: 0.8em; 
    text-align: center; 
    font-weight: 600;}
.boxnoidung_gioithieu:hover h3{color:#630c8e;}
.imggioithieu{border-radius: 0.3rem;}

.btn_xemthemgioithieu{    font-size: 16px;
font-weight: 700;
color: #fff;
text-align: center;
display: inline-block;
min-width: 160px;
line-height: 40px;
border-radius: 50px;
background-color:#630c8e;border:0.01em solid #630c8e;
text-transform: capitalize; 
box-shadow: none; 
transition: 0.5s;
margin-top: 0.8em;}
.btn_xemthemgioithieu:hover,.btn_xemthemgioithieu:active,.btn_xemthemgioithieu:focus{color:#630c8e;background-color: #fff;}
/*Dịch vụ*/ 
.box_dichvu {margin-top: 5rem;margin-bottom: 4rem;}
.tieudechinh_dichvu {    color: #630c8e; 
    padding-bottom: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    position: relative; 
    font-weight: 700;  
}
.box_dichvuchild {margin-bottom:2rem}

.tieude_dichvu{      font-size: 1em;
    color: #fff;
    text-transform: uppercase;
    background:linear-gradient(135deg, #630c8e 30%, #d731f3 100%);
    padding: 0.8rem 0;
    text-align: center;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;}  
.tieude_dichvu:hover {background:linear-gradient(135deg, #d731f3 30%, #630c8e 100%);color:#fff;}
/*Về chúng tôi*/  
.box_vechungtoi{position: relative;background-size: cover; background-position: left center;    padding: 5rem 0;}
.box_vechungtoichild {padding: 5rem;    background-color: #0a9948ba; }
.vechungtoihome{align-items:center} 
.icon_vechungtoipagegt{    border-radius: 50%;
overflow: hidden;
font-size: 30px;
color: #fff;
width: 4.4rem;
height: 4.4rem;
line-height: 4rem;
border: 2px solid #fff;
text-align: center;
display: block;margin: 0 auto;}
.vechungtoipagegt{ margin-top: 2rem; margin-bottom: 2rem;color: #fff;} 
.tieude_vechungtoipagegt{    color: #fff;
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: 700;
    text-align: center;
    margin: 0.5rem 0;}
.noidung_vechungtoipagegt{color: #fff;text-align: center;}
/*Tầm nhìn sứ mệnh*/
.content_tamnhinsumenh{margin-top:3rem;margin-bottom:3rem;align-items:center}
.box_tamnhinsumenh{padding:5rem 0}

.icon_tamnhinsumenh{    border-radius: 50%;
    overflow: hidden;
    font-size: 30px;
    color: #fff;
    width: 10rem;
    height: 10rem;
    line-height: 10rem;
    border: 2px solid #630c8e;
    display: block;
    background-color: #fff;
    text-align: center;
    margin: 0 auto;}
.icon_tamnhinsumenh img{width: 6rem; height: 6rem;}
.box_noidungtamnhinsumenh{      padding: 2rem;  background-color: #F6F6F6;
    box-shadow: 0px 7px 20px -5px rgba(154.5, 154.5, 154.5, 0.5);
    border-radius: 15px;}
.tieude_tamnhinsumenh{ color: #630c8e;font-size: 20px;text-transform: uppercase; font-weight: 700; margin-bottom: 1rem;}
.noidung_tamnhinsumenh p{margin-bottom:0.5rem} 
 
/*Home sản phẩm*/
.box_shop{margin:3rem 0;position:relative;overflow:hidden}
.box_menudanhmuc{background: #f5f5f5;height: 100%;margin-bottom:1rem} 
.title_firt_pro h2{       margin: 0 auto; 
display: table;
text-align: center;
margin-bottom: 1.5rem;
position: relative;
text-transform: uppercase;
letter-spacing: 2px;
padding-bottom: 0.8rem;
font-weight: 700;color:#630c8e}
.title_firt_pro h2:before{    border: 2px double #ebebeb;
border-left: 2px double #fff;
border-right: 2px double #fff;
bottom: -5px;
content: "";
display: block;
height: 7px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;}

.menudanhmuc li{display:inline-block}
.menudanhmuc li a{    padding: 1rem 0.9rem;
color: #222;
display: block;
line-height: 1rem;
font-size: 0.9rem;
font-weight: 600;}
.menudanhmuc li a:hover{color:#f18e33}

.box_mainsanpham{border-right: 1px solid #e2e2e2;border-top: 1px solid #e2e2e2;}
.box_productchild{margin-bottom:2rem}
/**/
.icon_poup {position: relative;
display: block;
}
.icon_poup:before {position: absolute;
content: "";
width: 3em;
height: 3em;
text-align: center;
line-height: 3em;
float: left;
background: #fff url(images/next.png) top left no-repeat;
background-size: 40%;
background-position: 50%;
bottom: 0.1em;
right: 0.1em;
z-index:1}
.woocommerce-Price-currencySymbol {vertical-align: super;
font-size: 0.8em;
}
.cart-widget {position: absolute;
top: 30px;
right: 0;
background-color: #fff;
z-index: 99;
width: 260px;
box-shadow: 0px 1px 5px rgba(0,0,0,.15); height:auto !important 
}

.woocommerce-mini-cart,.woocommerce-mini-cart__total,.woocommerce-mini-cart__buttons {padding: 5px !important;margin:0}
.cart-widget{display:none}
.hienthigioa {display:block;}
.giohang:hover .cart-widget {display:block}
.cart-widget h2 {text-align: center;
margin: 0;
font-size: 16px;
text-transform: uppercase;
color: #f50303;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {font-weight: 500;
font-size: 13px;
}
ul.product_list_widget li {list-style: none;
padding: 10px 0 5px 75px;
position: relative;
overflow: hidden;
vertical-align: top;
line-height: 1.33;
}
ul.product_list_widget li+li {border-top: 1px solid #ececec;
}
ul.product_list_widget li img {top: 10px;
position: absolute;
left: 0;
width: 60px;
height: 60px;
margin-bottom: 5px;
object-fit: cover;
object-position: 50% 50%;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {list-style: none;
padding: 10px 20px 5px 45px;
position: relative;
overflow: hidden;
vertical-align: top;
line-height: 1.33;
}
.woocommerce ul.product_list_widget li >.quantity {border: none;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {opacity:0.8}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {color:#fff!important}
.woocommerce .star-rating {color: #ffe210;
}
.woocommerce p.stars a {color: #ffe210;
}
.woocommerce-mini-cart-item > a.remove{display: block;
width: 20px;
height: 20px;
font-size: 15px !important;
line-height: 20px !important;
border-radius: 100%;
color: #ccc !important;
font-weight: 700;
text-align: center;
border: 1px solid currentColor;
position: absolute;
right: 0;
z-index: 9;
}
.woocommerce-mini-cart__total.total {text-align: center;
padding: 10px 0;
border-top: 1px solid #ececec;
border-bottom: 2px solid #ececec;
margin-bottom: .5em;
}
.woocommerce-mini-cart__buttons > .wc-forward{font-size: 12px !important;
color: #fff !important;
display: block !important;
background-color: #1e1e1e !important;
border-radius: 0 !important;
text-align: center;
padding: 10px 0px !important;
}
.woocommerce-mini-cart__buttons > .checkout{background-color: #f18e33 !important;
margin: .5em 0 0 !important;
}
.woocommerce-mini-cart__total > strong {font-weight: 400;
}
.woocommerce-mini-cart__total > .woocommerce-Price-amount{color: #f18e33;
font-weight: 600;
}
.woocommerce-ordering > .orderby {padding: 0.25em 0.5em;
background-color: #fff;
border: 1px solid #aaa;
width:100%}
.color-head .woocommerce-breadcrumb ,.color-head a {color:#fff !important;
font-size:15px}
.tragop {position: absolute;
left: .5em;
top: .5em;
background: #ffdc00;
font-size: 0.8em;
padding: .3em .5em;
color: #000;
z-index: 1;
}
.onsale {background:red!important; color:#fff;
margin: 0!important;
font-size: 0.8em!important;
padding: .1rem 0!important;
position: absolute!important;
width: 37px;
height: 25px; 
text-align: center!important;
left: 0!important;;
top: 0!important;;
line-height: 37px!important;
-moz-user-select: none;
cursor: default;
z-index: 2!important;
border-radius: 0!important;
min-width: unset!important;
min-height: unset!important;
left: auto !important;
}
.onsale:before {content: "HOT";
font-size: 0.7em;
display: block;
position: absolute;
top: -10px;
left: 0;
width: 100%;
text-align: center;
font-weight: 400;
}
.onsale:after {top: 100%;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-style: solid;
border-width: 10px 18px 0 18px;
border-color: red transparent transparent transparent;
left: 0;
}
.padding-product {margin-bottom:30px}
.list-item-product {text-align: center;
padding: 10px 0px 20px;
}
.price > del > span {text-decoration: line-through;
color: #444;
font-size: 13px;
margin-right: 10px;
}
.price > del{text-decoration: none !important;}
.price { 
font-weight: bold; 
height: 34px;
text-align: left;
width: 100%; 
margin-bottom:1em;
color: red;
}
.price > ins {text-decoration: none;
}
.list-item-product > .post-title {font-size: 13px;
color: #24273e;
display: block;
padding: 9px 0px 0px;
font-weight: 600;
height: 50px;
overflow: hidden;
line-height: 20px;
margin:10px 0px }
.box_homesp {margin-bottom:2em}
.box_titlehomesp {position:relative;
display: block;
margin-bottom: 0.5em;
}
.box_titlehomesp:before {content: "";
z-index: 1;
position: absolute;
height: 0.01em;
width: 100%;
background: #99999959;
bottom: 15px;
left:0}
.box_homeproduct{background: #f7f7f7;padding:0.5rem}
.box_titlehomesp h2{text-transform: uppercase;
font-size: 1.5em;
background: #fff;
position: relative;
display: table;
z-index: 2;
padding-right: 2em;
padding-left: 0.5em;
}
.title_homeproduct h3 {  
text-align: center;
font-size: 0.95rem;
overflow: hidden;
text-overflow: ellipsis;
line-height: 20px;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
height: 43px;
color: #000000; 
}
.gia_homeproduct {color:#f68e2e;
font-weight: 600;
text-align: center;
font-size: .9em;margin-top:0.2em
}

.gia_homeproduct > del {margin-right: 0.8em;
color: #9f9f9f;
}
.gia_homeproduct > ins {text-decoration: none;
font-weight: 600;
}
.btl_xemtcduan {display: table;
margin: 0 auto;
}
.btl_xemtcduan a {position: relative;
padding: 10px;
font-size: 15px;
text-transform: uppercase;
color: #939393;
clear: both;
display: table;
margin: 2em auto;
}
.btl_xemtcduan a:before {background: #e1e1e1;
content: "";
top: 0;
left: 0;
position: absolute;
width: 75px;
height: 100%;
transition: width .5s cubic-bezier(.77,0,.175,1);
z-index: -1;
}
.btl_xemtcduan:hover a:before{width: 100%}
.btl_xemtcduan a:hover {color:#fff}
.box_imghomesanpham {position:relative;text-align: center;
}
.box_mua {position: absolute;
bottom: 0.1em;
right: 0.1em;
z-index: 1;
} 
.btl_muasp {width: 1.5em;
height: 1.5em;
text-align: center;
line-height: 1.5em;
float: left;
background: #ececec url(images/cart.png) top left no-repeat;
background-size: 60%;
background-position: 50%; }
.btl_muasp:hover,.xem_sp:hover{opacity:0.7}
.box_mainsanphamright{margin-left:15px}
.box_product {padding: 0}
.spacer-product {position: relative;
display: block;
margin: 0;
color: #666;
background: #fff;
border-radius: 3px;
text-decoration: none;
transition: transform .35s;
overflow: hidden;
border: 1px solid rgba(0,0,0,.1);
padding-bottom: 15px;
}
.sanpham-img {margin: 0 auto;
display: block;
position: relative;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.sanpham-img:hover img {opacity: 1;
-webkit-animation: flash 1.5s;
animation: flash 1.5s;
}
@-webkit-keyframes flash {0% {opacity: .4;
}
100% {opacity: 1;
}
}
@keyframes flash {0% {opacity: .4;
}
100% {opacity: 1;
}
}
.sanpham-img img {width: 100%;
}
.title_product {display:block}
.title_product h3 {text-align: center;
color: #555;
padding: 0px;
font-weight: normal;
position: relative;
line-height: 1.3em;
margin: 10px 0px 7px 0px;
display: block;
font-weight: 600;
}
.content_homesp {font-size: 1.5em;
text-align: justify;
}
.product-price {text-align: center;
font-weight: 600;
font-size: 1em;
}
.product-price del{color: #666;
}
.product-price del span{font-weight: 400;
}
.product-price ins{margin-left: 20px;
text-decoration: none;
}
.lb_gia {color: #666;
}
.nhatv {color:red;
text-align:center}
.box_spchild > .added_to_cart{display:none !important}
.box_spmain {margin-bottom:1.2em}
.box_spchild{position: relative;  
overflow: hidden; 
    transition-duration: 0.4s;
    animation: winanim 0.5s;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}
@keyframes winanim {
    0%{opacity:0;transform:scale3d(.3,.3,.3)}
    50%{opacity:1}
    
}
 
/**/ 
.box_homesanpham123{margin-top:3rem}
.product_list_widgethome li{    list-style: none;
padding: 10px 0 5px 75px;
min-height: 80px;
position: relative;margin-bottom:0.5rem;
overflow: hidden;
vertical-align: top;
line-height: 1.33;    
border: 1px solid rgba(0,0,0,0.1);}
.product_list_widgethome li a:not(.remove) {
display: block; 
padding: 0;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.3;
}
.product_list_widgethome li a h3 {
font-size: 1rem;
color: #464646;
}
.gia_prokm {
color: #f68e2e;
font-weight: 700;
font-size: 0.9rem;
}
.product_list_widgethome li img {
top: 10px;
position: absolute;
left: 0.5rem;
width: 60px;
height: 60px;
margin-bottom: 5px;
object-fit: cover;
object-position: 50% 50%;
}
 
/*Sidebar*/
.img_qc img {width:100%; margin-bottom:20px}
.menu-sidebar-top ul {
background: #264085;
padding: 10px 20px;
margin: 0 0 10px;
}

.menu-sidebar-top ul li a {
padding: 10px 0px;
color: #fff;
border-bottom: 1px solid #0556a5;
display: block;
font-weight: 700;
}

.menu-sidebar-top ul li a i {
font-size: 25px;
padding: 0px 10px 0px 0px;
}

.menu-sidebar-top ul li:last-child a {
border-bottom: 0px;
}

.box-sidebar {
margin-bottom: 15px;
}

.title-sidebar {
text-transform: uppercase;
color: #fff;font-size:1.1em;
background:#630c8e;
padding: 8px 15px;
font-weight: 700;
} 
.title_postsidebar {    color: #333;    line-height: 1.3em;
    font-size: 0.9em;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height: 39px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}  
/*Ý kiến khách hàng*/
.box_ykienkh {padding: 4em 0; background-repeat: no-repeat; background-size: cover; } 
.tieude_ykienkhachhang{    color: #630c8e;
    padding-bottom: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    font-weight: 700;} 
.owl-ykienkhachhang .owl-stage-outer .owl-stage{display: flex;}
.itemykkh{    display: flex;
    flex-direction: column;
    height: 100%;}
.box_ykienkhchild{  display: flex;
    flex-direction: column;
    height: 100%;  border-radius: 15px;
    background: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
.des{    text-align: justify;
    font-size: 1.1em;
    padding: 20px;    flex: 1;}
.flex{    display: flex;
    align-items: center;
    padding: 15px;
    background:#630c8e;
    position: relative;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;}
.thumb{    width: 67px;
    height: 67px;
    border-radius: 100%;
    overflow: hidden;
    border: 3px solid #fff;}
.name-job{color: #fff;width: calc(100% - 65px);padding-left: 14px;}
.name{font-size: 20px;display: block;}
	
.ico_quote{ background-image: url('images/quote.png');position: absolute; background-size: cover; background-repeat: no-repeat;width: 50px;height: 32px; right:15px;opacity: 0.5;}
/*Đối tác khách hàng*/
.box_doitackhachhang{margin-bottom:3rem}
.tieude_homedoitackhachhang{    color: #630c8e;
    padding-bottom: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    font-weight: 700;}
.owl-doitackhachhang{overflow:unset}
.img_doitackhachhang{height: 90px; object-fit: contain;} 
/*Tin tức home*/
.box_maintintuc {padding:3rem 0}
.boxchild_tthome,.box-title {margin-bottom:20px}
.box-title a:hover {color:#333;}
.hot-title {    position: relative;
display: table;
margin: 0 auto;
padding: 6px 20px;
text-transform: uppercase;
font-size: 20px;
font-weight: 600;} 
.title_tthome { font-size: 14px;
line-height: 1.4; 
color: #fff;
background: #f18e33;
margin: 0;
padding: 5px;
height: 45px;
overflow: hidden;}
.imgtt_thumb {position:relative; overflow:hidden}
.imgtt_thumb a img {     display: block; width:100%;   
margin: auto;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transition: all all 0.2s ease-in-out ease;
-moz-transition: all all 0.2s ease-in-out ease;
-ms-transition: all all 0.2s ease-in-out ease;
-o-transition: all all 0.2s ease-in-out ease;
transition: all all 0.2s ease-in-out ease;
}
.imgtt_thumb:hover a img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);} 	
.title_hometintuc{    font-size: 1.2rem;
    line-height: 1.6rem;
    padding: 0.5rem 0;
    font-weight: 600;}
/*Circle*/ 
.imgtt_thumb a::before {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255,255,255,.2);
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.imgtt_thumb a:hover::before {
-webkit-animation: circle .75s;
animation: circle .75s;
}
@-webkit-keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
} 
/*Dịch vụ*/
.box_dichvu {  background: url(images/bg_dichvu.jpg) top no-repeat; background-size:100%; }
.box_dichvucon {background:#ffffffad ;padding:40px 0px }
.box_imgdichvu img{margin:0 auto}
.title_dichvu {font-size:30px; font-weight:600; text-transform:uppercase; color:#f18e33}

.menu_dichvu {display: inline-block;    width: 100%; }
.menu_dichvu li{     float: left;     width: 12.50%; }
.menu_dichvu li a h2 {font-size: 13px; margin:0; padding:0; line-height: 18px;}
.menu_dichvu li a{      border: 1px solid #fff;
padding: 93px 10px 5px;
display: block;
min-height: 137px;
text-transform: uppercase;
font-weight: 600;
margin: 12px 1px 10px;
color: #f18e33;
text-align: center;
font-size: 13px; background:#c2def4 }
.menu_dichvu li a:hover{   color: #fff;}
.menu_dichvu a:hover { background:#f18e33 ; }
/*Form*/
.form_lienhe .input-group .wpcf7-form-control-wrap{width:100%}
.form_lienhe .input-group .form-control{    padding-left: 2rem;margin-bottom: 1rem; }
.form_yeucaubaogia .input-group .form-control{ background-color: #fff !important; border-radius: 999px !important;  min-height: 45px !important;}
.btndkbaogia{border-radius: 999px; border: 0.01rem solid #fff;}	
.icon_hoten{ background: url(images/icon_hoten.png) no-repeat 1% 50%;background-size: 1.7rem;}
.icon_sdt{ background: url(images/icon_sdt.png) no-repeat 0.5% 50%; background-size: 1.7rem; }
.icon_diachi{ background: url(images/icon_diachi.png) no-repeat 1% 50%; background-size: 1.7rem; }
.icon_email{ background: url(images/icon_email.png) no-repeat 1% 50%; background-size: 1.7rem;}
.icon_ngaydatlich { background: url(images/icon_ngaythang.png) no-repeat 1% 50%;}
.icon_tieude{background: url(images/icon_tieude.png) no-repeat 1% 50%;}
.icon_noidung{background: url(images/icon_noidung.png) no-repeat 0.3% 5%; }
.icon_sp { background: url(images/icon_sp.png) no-repeat 1% 50%; background-size: 1.7rem; }
.icon_giasp { background: url(images/icon_giasp.png) no-repeat 1% 50%; background-size: 1.7rem;}
.icon_dichvu{background: url(images/icon_dichvu.png) no-repeat 1% 50%; padding-left: 3em; height: 3em;} 
.wpcf7-spinner { position: absolute;}
.wpcf7 form .wpcf7-response-output {margin: 0;}
/*page archive*/
.title-archive h3 {font-size: 17px;
display: block;
margin-bottom: 5px; 
color: #444;
padding: 0;
margin: 0px 0px 5px;
font-weight: 600;}
.noidung_archive {line-height: 1.8;}
.archivepost-date {    color: #a8a8a8;
text-transform: capitalize;
font-size: 15px;
display: block;
font-style: italic;
font-weight: normal; }

.author .icofont{font-size: 18px;     color: #777;}
.author span {    color: #f18e33;}	


/*========== Blog area ========*/ 
.blog-area .section-heading { margin-bottom: 60px;}  
.post-content ul li {line-height:26px ; 
font-size: 15px;
font-family: sans-serif;}	
.post-content .box_h2 { font-size: 15px;}

.post-content ul {    padding-left: 30px;}
.aligncenter {margin:0 auto ; display: block;}
table tbody tr td {padding:10px}
.table > tbody > tr > td {border:1px solid #999999d9}


.single-blog {
position: relative;
}
.blog-img {
position: relative;
}
.blog-img img,
.product-img img {
width: 100%;
}


.blog-info .blog-title {
color: #24273e;
display: block;
font-size: 14px;
font-weight: 600;
line-height: 20px;
margin-top: 10px;
text-transform: capitalize;
}
.blog-info .blog-title:hover {
color: #f18e33;
}
.blog-info .post-info span {
font-size: 12px;
font-weight: 400;
text-transform: capitalize;
}
.blog-info .post-info span:last-child {
margin-right: 10px;
}
.blog-info .post-info span i {
color: #f18e33;
}
.blog-info p.post-summary {
color: #353535;
margin-bottom: 5px;
text-align: justify;
}
.blog-info a.read-post {
color: #24273e;
display: inline-block;
font-weight: 600;
}
.blog-info a.read-post:hover {
color: #f18e33;
}

.share_fb {    padding: 3px 0px;}
/*=========== Modal form =========*/
.modal-tit {color: #fff; text-align:center; font-weight:600}
.modal-head {    background: #f18e33;  color: #fff;}

/*========= Pages ==========*/

.page-title-area {
padding: 150px 0px;
margin-top: 170px;
background-image: url(images/page-bg.jpg);
background-position: center center;
background-repeat: no-repeat;
}
.page-title-area.no-top-bar {
margin-top: 110px;
}
.page-title-area.fixed-bg {
background-attachment: fixed;
-webkit-background-size: cover;
background-size: cover;
}
.page-title-area.bg-dark {
background-color: #24273e;
background-image: none;
}
.page-title-area.bg-color {
background-color: #f18e33;
background-image: none;
padding: 60px 0px;
}
.page-title-area.bg-color .page-title-menu ul li a {
color: #fff;
}
.page-title-area.bg-color .page-title-menu ul li a:hover {
text-decoration: underline;
}
.page-title-area.bg-pattern {
background-image: url(images/pattern.png);
background-repeat: repeat;
}
.page-title h2 {
color: #fff; 
font-size: 36px;
font-weight: 600;
margin-bottom: 10px;
margin-top: 0;
letter-spacing: 2px;
}
.page-title-menu ul li {
color: #fff;
display: inline-block;
}
.page-title-menu ul li a {
color: #f18e33;
font-weight: 400;
padding-right: 3px;
text-transform: uppercase;
}
.page-title-menu ul li:first-child a {
color: #fff;
}


/*=======Page Archive=======*/
.list-post a.readmore {
float: right;
color: #fff;
background:#630c8e;
padding:0 10px;
border-radius: 2px;font-size: 0.9rem;
display: block;
}

/*=====Page-navigation=====*/
#navigation {margin-bottom:10px; line-height: 46px;  }
#navigation a {padding:7px 12px; margin: 0 3px ; font-weight: bold; background:#F1F1F1; 
color:#333; border:1px solid #333;
}
#navigation a:hover {background:#333; color:#fff; border:1px solid #333;}
#navigation span.current {    padding: 7px 12px;
margin-right: 2px;
font-weight: bold;
background: #333;
color: #fff;
border: 1px solid #333;
}

/*=======Page Single=======*/
.wp-caption {    max-width: 100%;}
#content {
padding: 30px 0;
}
.bd-sidebar {
border: 1px solid #ddd;
padding: 10px 10px 0px 10px;
}
.title-post {
font-size: 20px;
margin: 0;
text-transform: uppercase;
padding: 20px 0px; 
}

 
.list-post {
margin-bottom: 10px;
}
.bd-topsing > div > a {
color: #00619b;
} 

.frmlienhe {
padding: 5px 10px;
line-height: 22px;
margin: 10px 0px;
border: 1px dashed #ff9307;
background: #f9fbf4 none repeat scroll 0px 0px;
}
.frmlienhe >div> p > a {
color: #ff6600;
}
 

.notice {
width:100%;
margin: 20px 0;
overflow: hidden;
}


.box_goilai_dangkytv {
padding: 20px 0px;
}
.btn_goilai, .btn_dangkytv {
background: #f18e33;
color: #fff;
display: table;
padding: 10px 10px;
border-radius: 5px;
font-size: 16px;
margin: 0 auto;
} 
 
/*==  Footer Top area ==*/
.footer_single {margin-top:2rem} 
.footer-top-area  { 
    background-image: url(images/bg_footer.jpg);
    background-position: center center;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
}
.footer-top-area:before{    position: absolute;
content: "";
width: 100%;
height: 100%;
background-color:rgb(51 51 51 / 89%)} 
.footertopareachild{padding:2rem 0}
.single-footer-top p ,.single-footer-top a,.single-footer-top span {color: #f1f1f1;margin-bottom:1.5rem }
.footer-info img{margin-bottom:1rem}
.footer-info-description p{color: #f1f1f1;}

.single-footer-top h3 {
color:#f1f1f1; 
font-size: 18px;      font-weight: 600; margin-bottom:1rem
}
.menu_footer li a{
color: #f1f1f1;
display: block;
padding: 5px 0;
}
.menu_footer li a:hover span,.menu_footer li a:hover{
color: #fff;
}
.menu_footer li a:before {
content: "\ea69";
display: inline-block;
font: normal normal normal 14px/1 IcoFont;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
margin-right: 5px; 
}

.footer-social {
display: flex;
align-items: center;
gap: 16px;padding-block-start: 1rem;
}

.footer-social-icon {
background-color: #fff;
width: 40px;
height: 40px;
border-radius: 100rem;
padding: 10px;

display: flex;
justify-content: center;
align-items: center;
}
.footer-social-icon i{font-size:1.3rem}
/*===Footer area===*/
.footer-area {
background-color:#630c8e;
padding: 5px 0;
}

.about-social ul li a {
color: #ed1d50;
line-height: 60px;
}

.footer-copyright p {
color: #fff;
font-weight: 400;
margin-bottom: 0;
text-align: center; 
}
.footer-copyright a {
color: #fff;
}
.footer-copyright a:hover {
text-decoration: underline;
}

/*to-top*/
#return-to-top {
position: fixed;
bottom: 20px;
right: 20px; 
background: #444;
width: 40px;
height: 40px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-align: center;
}
#return-to-top i {
color: #fff; 
font-size: 25px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-align: center;
line-height: 40px;
font-weight: 600;
}
#return-to-top:hover {
opacity:0.9
}
/*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:9;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.9em;}

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

.support-online a .box_iconsvg{ background-color:#630c8e;
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: #630c8e69;
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: #630c8e69;
opacity: .5;}
.support-online a span{    border-radius: 2px;
text-align: center;
background: #630c8e69;
padding: 6px 5px 6px 0;
display: none;
width: 130px;
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 #ff6d34 transparent transparent;
position: absolute;
left: -18px;
top: 0px;
} 
/*Scrollbar*/ 
::-webkit-scrollbar { width: 20px;}
::-webkit-scrollbar { width: 8px;}
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey;  border-radius: 10px;}
::-webkit-scrollbar-thumb { background: #9e9e9e;  border-radius: 10px;}