Bạn có nhu cầu hợp tác
Hãy liên hệ ngay với chúng tôi.
Tư vấn về dịch vụ và sản phẩm
Liên hệ trực tiếp qua hotline
Phản hồi thông tin
Hỗ trợ khách hàng 24/7
Liên hệ với chúng tôi
Để lại lời nhắn cho chúng tôi, chúng tôi sẽ liên hệ lại trong vòng 24h hoặc gọi ngay qua hotline
/* ============ ADDTHIS ** addthis ============== */
.visible-xs {
display: none!important;
}
@media (max-width: 767px){
.hidden-xs {
display: none!important;
}
.visible-xs {
display: block!important;
}
}
.fb_dialog.fb_dialog_advanced iframe{right:0px!important;}
.addThis_listSharing {
position: fixed;bottom:110px;z-index: 999;
right:-15px;opacity: 0; visibility: hidden;
transition: all .3s ease; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;
}
.addThis_listing,.actionToolbar_listing{list-style-type: none}
.addThis_listSharing.is-show{right: 0;opacity: 1; visibility: visible;}
.addThis_listing .addThis_item{margin-bottom:5px;margin-right:18px;}
.addThis_listing .addThis_item .addThis_item–icon {
position: relative;display: inline-block;text-align: center;
width: 44px;height: 44px;line-height: 44px;color: #fff;
border-radius: 50%;cursor: pointer;box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);
background-size: auto;background-repeat: no-repeat;background-position: center;
}
.addThis_listing .addThis_item .addThis_item–icon .tooltip-text {
position: absolute;top: 4px;right: 55px;z-index: 9;
height: 32px;line-height: 26px;padding:3px 10px;
width: auto;border-radius: 5px;font-size: 11px;color: #fff;text-align: center;
white-space: nowrap;cursor: pointer;background-color: rgba(0, 0, 0, 1);
visibility: hidden;opacity: 0;
-ms-transition: all 200ms linear ;-webkit-transition: all 200ms linear ;transition: all 200ms linear ;
}
.addThis_listing .addThis_item .addThis_item–icon .tooltip-text:after{
content: “”;width: 0;height: 0;
border-width:5px;border-style: solid;
border-color: transparent transparent transparent rgba(0, 0, 0, 1);
position: absolute;left: 100%;top: 0;bottom: 0;margin: auto;
-ms-transition: all 200ms linear ;-webkit-transition: all 200ms linear ;transition: all 200ms linear ;
}
.addThis_listing .addThis_item .addThis_item–icon:hover {text-decoration: none; opacity: .9;box-shadow: 0 5px 10px rgba(0,0,0,.15), 0 4px 15px rgba(0,0,0,.13);}
.addThis_listing .addThis_item .addThis_item–icon:hover .tooltip-text{visibility: visible;opacity: 1;}
.actionToolbar_mobile {
position: fixed;bottom: 0;left: 0; right: 0;margin: 0 auto;z-index: 999;
height:45px;width: 100%;border-top: 1px solid #e7e7e7;background: #fff; padding:5px 10px;
}
.actionToolbar_mobile ul.actionToolbar_listing{
margin:0;
display: -webkit-flex;display: -moz-flex;display: flex;
-webkit-justify-content: space-between;justify-content: space-between;
-webkit-align-items: center;align-items: center;
}
.actionToolbar_mobile ul.actionToolbar_listing li{width: 20%;float: left;}
.actionToolbar_mobile ul.actionToolbar_listing li a {display: block;color: #696969;font-size: 12px;text-align: center;position: relative;}
.actionToolbar_mobile ul.actionToolbar_listing li a svg {fill: #696969;width: 35px;height: 35px; display: inline-block;vertical-align: middle;}
.actionToolbar_mobile ul.actionToolbar_listing li.actionToolbar_chatbot a .messenger_absolute {margin-top: -25px;display: inline-block;vertical-align: top;}
.actionToolbar_mobile ul.actionToolbar_listing li.actionToolbar_chatbot a svg{width:44px;height:44px;}
/* modal- center */
.modal-addThis{font-size:0;text-align:center;padding:0!important;background: rgba(3, 17, 27, 0.7);-webkit-transition: opacity .35s linear;-o-transition: opacity .35s linear;transition: opacity .35s linear;}
.modal-addThis:before { content: ”;display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.modal-addThis .modal-dialog-centered {font-size:14px;display: inline-block;text-align: left;vertical-align: middle;}
.modal-addThis.fade .modal-dialog{-webkit-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);}
.modal-addThis .modal-dialog-centered .modal-content {width: 100%; }
.modal-addThis .modal-dialog-centered{ margin:30px auto 50px;}
.modal-addThis.fade .modal-dialog-centered {
opacity: 0;
-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);
-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;transition: all .2s;
}
.modal-addThis.fade.in .modal-dialog-centered { opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1);transform: scale(1);}
@media(max-width:767px){
.modal-addThis .modal-dialog-centered{ margin:30px 10px 40px;}
}
.modal-backdrop.in {display: none;opacity: 0!important;}
/* modal-succes */
.modal-succesform .modal-title{font-size: 18px;font-weight: 600;margin:0;color:#65d1e6;}
.modal-succesform p:not(.modal-title){font-size: 15px;margin:10px 0 5px}
.modal-succesform p.txtloading{color: #aaa;font-size: 13px;}
@keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);-moz-transform:rotate(-405deg);-o-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);-moz-transform:rotate(-405deg);-o-transform:rotate(-405deg);transform:rotate(-405deg)}}
@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}
@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0px;top:35px}100%{width:47px;right:8px;top:38px}}
.modal-icon.sweet-alert {padding-top: 15px;}
.animateSuccessTip {animation: animateSuccessTip 0.75s;}
.animateSuccessLong {animation: animateSuccessLong 0.75s;}
.sa-icon.sa-success.animate::after {animation: rotatePlaceholder 4.25s ease-in;}
.sweet-alert .sa-icon.sa-success{width:80px;height:80px;border:4px solid #4cae4c;border-radius:50%;margin:20px auto 0;position:relative;box-sizing:content-box}
.sweet-alert .sa-icon.sa-success::before,.sweet-alert .sa-icon.sa-success::after{content:”;border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.sweet-alert .sa-icon.sa-success::before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;-moz-transform-origin:60px 60px;-o-transform-origin:60px 60px;transform-origin:60px 60px}
.sweet-alert .sa-icon.sa-success::after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0px 60px;-moz-transform-origin:0px 60px;-o-transform-origin:0px 60px;transform-origin:0px 60px}
.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(92, 184, 92, 0.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}
.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#5cb85c;display:block;border-radius:2px;position:absolute;z-index:2}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
/* modal-contactform */
.modal-contactform .modal-header h4.modal-title {text-align: center;font-size: 18px;font-weight: 500;}
.modal-contactform .modal-header .close { margin-top: -10px;opacity: 0.5;font-size: 26px;width: 30px; margin-right: -8px;}
.modal-contactform .content_popupform .input-group{ width: 100%;margin:0 0 15px;}
.modal-contactform .content_popupform .input-group input,
.modal-contactform .content_popupform .input-group textarea{
border: 1px solid #e7e7e7;
box-shadow: none;
height: 40px;
font-weight: 500;
padding:5px 20px;
background: #fbfbfb;
color: #252a2b;
width: 100%;
}
.modal-contactform .content_popupform .input-group textarea{resize: none;height:80px;}
.modal-contactform .content_popupform .error-formcontact{display: none;margin: 0 0 10px;padding: 10px 15px;font-size: 12px;border: 1px dashed red;background: #fff;color: red;border-radius: 0;transition: height .1s ease;}
.modal-contactform .content_popupform .sitebox-recaptcha{margin-bottom: 15px;padding: 0;}
/* – Harafunnel mobile */
.harafunnel-mb {
position: fixed;right: 10px;bottom:60px;
z-index: 1000;width: 60px;height: 60px;padding:8px;
background: #fff; border-radius: 50%;
box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
transition: box-shadow 150ms linear;
}
.harafunnel-mb:hover {box-shadow: 0 5px 24px rgba(0, 0, 0, .3);}
.harafunnel-mb a {display: block;}
.harafunnel-mb a svg{width:100%;height:100%;}
@media(min-width:992px){
.modal-addThis.modal-contactform .modal-dialog{width: 600px;}
.modal-addThis.modal-succesform .modal-dialog{width:450px;}
}
@media(max-width:767px){
.mainfooter-toolbar{margin-bottom: 50px;}
.mainfooter-product {margin-bottom: 60px;}
.actionToolbar_product{
opacity: 0; visibility: hidden;
-webkit-transform: translateY(100%);transform: translateY(100%);
-webkit-transition: all .3s ease;transition: all .3s ease;
}
.product-action-bottom {
position: fixed;left: 0;bottom:0;right: 0;
z-index:100;background: #fff;display:block;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
padding: 8px 10px;
-webkit-transition: padding .3s ease;transition: padding .3s ease;
}
.layoutProduct_scroll.scroll-down .actionToolbar_product{
opacity: 1; visibility: visible;
-webkit-transform: translateY(0px);transform: translateY(0px);
}
.layoutProduct_scroll.scroll-down .product-action-bottom{padding-bottom:60px;}
}
<!–
"use_chatbot": true,
"code_messenger_mb": "108520260558644",
"addthis_iconList_show": true,
"addthis_icon1_show": true,
"addthis_icon1_color1": "#e8434c",
"addthis_icon1_color2": "#d61114",
"addthis_icon1_tootlip": "Gọi ngay cho chúng tôi",
"addthis_icon1_action": "1900636099",
"addthis_icon2_show": true,
"addthis_icon2_color1": "#3985f7",
"addthis_icon2_color2": "#1272e8",
"addthis_icon2_tootlip": "Chat với chúng tôi qua Zalo",
"addthis_icon2_action": "//zalo.me/0901866099",
"addthis_icon3_show": true,
"addthis_icon3_color1": "#70f3ff",
"addthis_icon3_color2": "#00dcf0",
"addthis_icon3_tootlip": "Đăng kí thông tin và để lại lời nhắn",
"addthis_icon3_title": "Để lại lời nhắn cho chúng tôi",
"addthis_icon3_title2": "Đăng kí thông tin thành công",
"addthis_icon3_content": "Cảm ơn bạn đã để lại thông tin
Chúng tôi sẽ liên hệ với bạn trong thời gian sớm nhấtt”,
“addthis_icon4_show”: true,
“addthis_icon4_color1”: “#f5ae16”,
“addthis_icon4_color2”: “#d99009”,
“addthis_icon4_tootlip”: “Xem địa chỉ doanh nghiệp”,
“addthis_icon4_action”: “/pages/lien-he”,
–>