@charset "utf-8"; @import url("font_news.css"); @font-face { font-family: 'androgyne'; src: url('../fonts/androgyne.ttf'); font-weight: normal; font-style: normal;font-display:swap }
body { margin: 0px auto; padding: 0px ; font-size: 16px; line-height: 1.5; font-family: 'Roboto',sans-serif; font-weight: normal; color: #363738; position: relative; }
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0px auto;padding: 0px;outline: none;text-decoration: none;}
::selection { background-color: #2f9785; color: #fff; }
::-webkit-selection { background-color:#2f9785; color: #fff; }
-webkit-::selection { background-color: #2f9785; color: #fff; }
::-moz-selection { background-color:#2f9785; color: #fff; }
.showText { font-size: 16px; line-height: 1.6; overflow: hidden;}
.showText p{ padding-bottom: 10px; }
.showText img { margin: 10px auto; height: auto; max-width: 100%; }
.showText ul { padding: 0; padding-bottom: 15px; }
.showText ul li { margin-left: 35px; }
.showText ol { padding-bottom: 15px; }
.showText h2 { font-weight: 500; font-size: 22px; color: #2f9785; padding-bottom: 15px; line-height: 30px; }
.dv-chamsoc-kh.flex, .dv-footer-1.flex { margin: 0 -10px; }
.showText.showText_nd h2 { font-size: 22px; line-height: 1.3; }
.showText.showText_nd h3 { margin-top: 10px; font-size: 17px; color: #333; }
.menu { padding: 0; text-align: center; float: left; }
.menu * { list-style: none; }
.menu > li + li { position: relative; }
.menu > li > a i.fa-home {margin: 0; padding: 0; padding-right: 1px; font-size: 22px;}
.menu > li { float: left; position: relative; }
.menu > li:last-child {border-right: none}
.menu > li > a { position: relative; z-index: 2; font-size: 15px; text-decoration: none; color: #ffffff; font-weight: 400; padding: 12px 12px; line-height: 24px; display: block; }
.menu > li:first-child a { padding-left: 25px; }
.menu > li > a i { display: inline-block; vertical-align: middle; margin: -2px 0 0 1px; color: inherit; font-size: 11px; padding-left: 5px; opacity: 0.5}
.menu > li:hover > a:after { left: 0; right: 0; opacity: 1; }
.menu > li:hover > ul, .menu li:hover > ul { opacity: 1; visibility: visible; transform: none; -webkit-transform: none; -moz-transform: none; }
.menu > li.active > a:after { left: 0; right: 0; opacity: 1; }
.menu > li > ul, .menu > li > ul ul {position: absolute;left: 0;opacity: 0;visibility: hidden;min-width: 270px;z-index: 3;margin: 0;padding: 0;display: block;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;transform-origin: center top 0px;-moz-transform-origin: center top 0px;-webkit-transform-origin: center top 0px;transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);-moz-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);-webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);width: 100%;}
.menu > li > ul > li, .menu > li > ul > li li {z-index: 2;position: relative;margin: 0;color: #fff;font-weight: 500;padding: 0 14px;background: #298776;}
.menu > li > ul > li:first-child, .menu > li > ul li li:first-child {padding-top: 12px; border-radius: 5px 5px 0 0;}
.menu > li > ul { padding-top: 10px; }
.menu > li > ul > li:last-child, .menu > li > ul > li li:last-child { padding-bottom: 12px; border-radius: 0 0 5px 5px; }
.menu > li > ul > li:last-child > a, .menu > li > ul > li li:last-child > a { border: none; }
.menu > li > ul > li > a, .menu > li > ul > li li a {display: block;line-height: 25px;background: rgba(255, 255, 255, 0);border-bottom: solid 1px rgb(255 255 255 / 11%);text-decoration: none !important;text-transform: capitalize;text-align: left;font-size: 14px;color: #fff !important;font-weight: 400;width: 100%;padding: 7px 0;}
.menu > li > ul > li > a > span, .menu > li > ul > li li > a > span { float: right; line-height: 40px; padding-top: 13px; }
.menu > li > ul > li:hover, .menu > li li ul > li:hover { z-index: 3; }
.dv-notfull { margin: 0 10px; }
.menu > li > ul > li:hover > a, .menu > li li ul > li:hover > a {padding: 7px 0 7px 10px;background: #2f9785;border-color: #ffffff0a;color: #fff !important;}
.menu > li a.acti, .menu > li:hover > a {color: #ffffff !important;background: #298776;}
.menu > li > a i { display: inline-block; vertical-align: middle; margin: -2px 0 0 0px; color: inherit; font-size: 14px; }
.menu > li > ul > li > a, .menu > li > li ul > li > a { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.menu li.homepage a i { font-size: 25px; margin: 0; padding: 0; padding-top: 10px; }
.menu li.homepage a { padding: 0 10px; }
.menu li.homepage a:hover { color: #ff0; background: none; }
.menu > li > ul ul { left: 100%; top: 0; }
.clr { clear: both; height: 0; width: 0; }
.nums { table-layout: auto; margin-top: 20px; text-align: center; }
.nums li { list-style: none; display: inline-block; float: left; }
.nums ul { list-style: none; display: inline-block; }
.menu> li> ul:before { display: block; border: 8px solid white; border-color: transparent transparent #298776 transparent; content: ''; width: 0; margin-top: -15px; margin-left: 20px; height: 0; }
.nums a { font-size: 15px; display: block; margin: 0 4px; line-height: 34px; height: 34px; width: 34px; table-layout: inherit; text-align: center; color: #060606; background: #ffffff; text-decoration: none; -moz-border-radius: 20px; -o-border-radius: 20px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; border-radius: 5px; border: 1px solid rgba(0,0,0,0.10); }
.nums a:hover, .nums a.active, .nums a.stay:hover { border-color: #2f9785; background: #2f9785; color: #fff; }
.showText .fa { margin-right: 10px; }
.showText a { color: #2f9785; }
.showText a:hover { color: #ff5722; }
.showText.showText_lienhe p { margin: 0; padding: 0; margin-bottom: 3px; }
.showText.showText_lienhe img { border-radius: 5px; margin-top: 20px; }
.showText h1,.showText h2,.showText h3,.showText h4,.showText h5,.showText h6 { padding-bottom: 10px; }
.pagewrap { max-width: 1170px; width: 100%; margin: 0 auto; }
.dv-header-banner .right a i { opacity: 0.9; }
a { color: #26bba1; }
a:hover { color: #ff5722; }
.dv-header-banner {background: #f7f7f7;}
.dv-header-banner .left { display: inline-block; float: left; font-size: 14px}
.dv-header-banner .right { display: inline-block; float: right; font-size: 14px; font-weight: 300; }
.dv-header-banner a { display: inline-block; padding: 5px 0; color: #333; }
.dv-header-banner a i { margin-right: 8px; }
.dv-header-banner .left a { margin: 0; float: left; padding: 5px 0; font-weight: 300; color: #333; }
.dv-header-banner .left i { margin-right: 8px;color: #666; }
.dv-header-banner .left span { float: left; padding: 5px 0; }
.dv-header-banner .right a { position: relative; }
.dv-header-banner .right a + a { padding-left: 14px; margin-left: 10px; }
.dv-header-banner .right a:hover { color: #2ac5aa; }
.dv-header-banner .right a + a:before { content: ""; width: 1px; height: 14px; background: #dadada; position: absolute; left: 0; top: 12px; }
.lh-0 { line-height: 0; display: block; }
.lh-0 img { line-height: 0; }
.dv-logo { display: inline-block; float: left; margin-right: 75px; }
.dv-foot p { padding-bottom: 7px; }
.dv-logo-right { display: inline-block; float: right; padding: 12px 0 10px; }
li.is_step_0.sub.hide_58 i { display: none; }
.dv-menu {background: #2f9785;}
.dv-header { padding: 15px 0; }
.dv-logo img { height: 48px; }
.dv-tk-tenmien { padding: 50px 0 50px; background: url(../images/bg_tenmien.jpg) top left no-repeat; background-size: cover; background-repeat: no-repeat; background-position: center; }
.dv-tk-tenmien-child { max-width: 975px; margin: 0 auto; }
.dv-tk-tenmien-child h3 {color: #2f9785;margin-bottom: 2px;font-size: 25px;line-height: 40px;font-weight: 500;}
.dv-tk-tenmien-child p {margin: 0;padding: 0;color: #444444;font-size: 18px;line-height: 26px;}
.dv-search-tm { margin: 25px 0px; border: 2px solid #2f9785 !important; padding: 10px !important; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 10px; position: relative; display: table; width: 100%; }
.dv-search-tm .dv-left span {color: #2f9785;font-weight: 600;font-size: 15px;}
.dv-search-tm .dv-left { display: inline-block; padding-left: 10px; float: left; width: 75px; white-space: nowrap; }
.dv-search-tm .dv-right { width: calc(100% - 75px); float: left; }
.dv-search-tm .dv-left span.s2 { font-size: 20px; }
.dv-search-tm .dv-left span.s3 { font-size: 30px; }
.dv-search-tm button { padding: 10px 15px; color: #FFF; border: none; outline: none; font-size: 20px; font-weight: bold; text-align: center; width: 190px; cursor: pointer; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: linear-gradient(to right, #2f9785, #38ab97); position: absolute; top: 3px; bottom: 3px; right: 3px; }
.dv-search-tm input { width: 100%; height: 30px; border: none; padding: 0 15px; color: #6d6d6d; font-size: 20px; font-family: 'Roboto',sans-serif; position: relative; float: left; line-height: 30px; }
.dv-home-child-tn { padding: 15px; background: rgb(255 255 255 / 52%); position: relative; border-radius: 10px; margin-top: 60px; color: #fff; }
.owl-dots { display: none; }
.dv-nhom-tn { padding: 10px; text-align: center; position: relative; }
.dv-nhom-tn::after { content: ""; width: 1px; height: 55px; border-left: 1px dotted #ccc; position: absolute; left: 0px; top: 10px; }
.dv-home-child-tn .owl-stage-outer { overflow: initial; }
.dv-home-child-tchild { overflow: hidden; padding: 0 30px; }
.dv-home-child-tchild .owl-next, .dv-home-child-tchild .owl-prev { background: none !important; color: #ffffff !important; left: -40px; height: 60px; z-index: 9; width: 40px; border-radius: 0 !important; opacity: 1; border: none; }
.dv-home-child-tchild .owl-next span , .dv-home-child-tchild .owl-prev span { color: #9e9e9e !important; font-size: 40px; height: 55px; line-height: 55px; top: 0; }
.dv-home-child-tchild .owl-carousel .owl-prev:hover, .dv-home-child-tchild .owl-carousel .owl-next:hover { color: #9e9e9e; background: none !important; }
.dv-home-child-tchild .owl-next { left: auto; right: -41px; }
.dv-nhom-tn p { font-size: 20px; line-height: 25px; margin: 0px 0px 10px 0px; color: #494949; padding: 0; font-weight: 600; display: block; }
span.pri-child { font-size: 15px; line-height: 16px; color: #979797; text-decoration: line-through; font-style: normal; display: inline-block; margin: 0px 5px 0px 0px; }
span.pri-main { font-size: 19px; line-height: 16px; color: #ff1010; display: inline-block; font-weight: 700; }
.dv-right { width: 50%; float: right; text-align: center; }
.dv-left { width: 50%; float: left; }
.dv-dangky-tenmien { padding: 50px 0 40px; }
.dv-left h3 { font-size: 28px; line-height: 38px; display: block; margin-bottom: 15px; }
.btn_a:hover { color: #fff; background: #37a995; }
p { margin: 0; padding: 0 0 10px; }
.dv-right img { max-width: 85%; height: auto; max-height: 350px; }
.dv-dangky-tkw ,.dv-dangky-tenmien-2{ color: #fff; position: relative; z-index: 1; padding: 60px 0; }
.dv-dangky-tkw:before ,.dv-dangky-tenmien-2:before{ content: ""; background-color: #e06d18; opacity: .87; filter: alpha(opacity=87); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; }
.btn_a { -webkit-box-shadow: 0 3px 3px 0 rgb(0 0 0 / 15%); box-shadow: 0 3px 3px 0 rgb(0 0 0 / 15%); padding: 6px 18px; font-family: Arial,sans-serif; -webkit-transition: all .15s linear 0s; -o-transition: all .15s linear 0s; transition: all .15s linear 0s; white-space: normal; background: #2f9785; color: #fff; padding: 6px 18px; border-radius: 5px; display: inline-block; margin-top: 10px; float: left; margin-right: 10px; }
.dv-left-cont { margin: 0; }
.dv-dangky-tenmien-2 .dv-right, .dv-dangky-tenmien-2 .dv-right img, .dv-dangky-tenmien-4 .dv-right,.dv-dangky-tenmien-4 .dv-right img, .dv-dangky-tkw .dv-right, .dv-dangky-tkw .dv-right img { float: left; }
.dv-dangky-tenmien-2 .dv-left, .dv-dangky-tkw .dv-left { float: right; }
.dv-dangky-tenmien.dv-dangky-tenmien-4 { background-color: #4b82bc !important; color: #fff; padding: 60px 0; }
.dv-khachhang-home { padding: 40px 0 50px; background: whitesmoke; }
.dv-khachhang-home h3.title { text-align: center; font-size: 30px; line-height: 40px; color: #fff; text-transform: uppercase; margin: 0; padding: 10px 0 35px 0; font-weight: 500; border: none; }
.dv-ykien-kh { position: relative; border-radius: 5px; width: 100%; max-width: 1000px; margin: 0 auto; }
.dv-ykien-kh img { width: 120px !important; height: 120px; position: absolute; border-radius: 100px; top: 50%; margin-top: -60px; }
.dv-ykchitiet { background: rgba(0, 0, 0, .1); padding:40px 35px; border-radius: 5px; color: #fff; margin-left: 65px; padding-left: 100px; }
.dv-ykchitiet p:before { content: "“"; position: absolute; left: 0; top: 0; font-size: 40px; color: #cacaca; }
.dv-ykchitiet p { margin-bottom: 10px; position: relative; padding-left: 25px; }
.dv-ykchitiet span { display: block; padding-left: 25px; }
.dv-khachhang-home .owl-nav { display: none; }
.dv-khachhang-home .owl-dots { display: none; margin-top: 25px; }
.dv-khachhang-home .owl-carousel .owl-dot { height: 8px; width: 8px; border-radius: 50%; margin: 20px 5px 0; background: #fff; border: none; }
.dv-khachhang-home .owl-carousel .owl-dot.active, .dv-khachhang-home .owl-carousel .owl-dot:hover { background: #4b82bc; }
.dv-thongtin-hotro { padding: 60px 0; }
.dv-hotro { width: calc(100% / 3 - 40px); float: left; margin: 0 20px; text-align: center; }
.dv-thongtin-hotro .title { text-align: center; font-size: 30px; line-height: 40px; text-transform: uppercase; margin: 0; padding: 0 0 45px 0; }
.dv-hotro img { height: 80px; width: auto; max-width: 100%; line-height: 0; margin-bottom: 15px; }
.dv-hotro h4 { font-size: 20px; line-height: 30px; display: block; margin-bottom: 10px; }
.dv-hotro a { display: inline-block; border: 1px solid #cecece; color: #131212; padding: 6px 25px; border-radius: 100px; background: #fff; margin-top: 10px; }
.dv-hotro a:hover { border-color: #2f9785; background: #2f9785;color: #fff; }
.dv-doitac { background: #ffffff; padding: 30px 0; }
.dv-doitac-child a { display: flex; background: #fff; height: 90px; width: calc(100% - 20px); align-items: center; line-height: 0; }
.dv-doitac-child a img { width: auto !important; height: auto !important; max-width: 100%; max-height: 100%; }
.dv-footer { background: #32424a; color: #fff; padding: 40px 0; overflow: hidden;}
.dv-footer-2 { background: #2b3a42; color: #fff; padding: 40px 0 30px; }
#back-top { position: fixed; bottom: 240px; right: 30px; z-index: 1; }
#back-top a { display: inline-flex; width: 40px; line-height: 40px; background: #2f9785; outline: none; color: #ffffff; font-size: 20px; text-align: center; transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; height: 40px; border-radius: 115px; }
#back-top a i { line-height: 40px; width: 40px; height: 40px; }
#back-top a:hover { color: #fff; background: #38b19c; }
.dv-footer-botm { background: #28373e; color: #fff; }
.dv-foot-btleft { padding: 14px 0; }
ul.dv-footer-child { width: calc(18% - 20px); margin: 0 10px; }
.dv-fotrihgt { width: 32%; float: left; }
.dv-fotleft { width: 68%; float: left; padding-right: 30px; }
.dv-fotrihgt img { max-width: 160px; display: block; margin: 0 0 10px; }
.a-hotro { float: left; margin-left: 40px; display: flex; color: #333; align-items: center; position: relative; }
.a-hotro .num.num_js_count { position: absolute; top: -12px; right: -10px; width: 18px; height: 18px; background: #2f9785; color: #fff; text-align: center; line-height: 20px;font-size: 12px; border-radius: 100px; }
.a-hotro img { height: 20px; margin-right: 8px; }
.a-hotro:last-child img { margin: 0; }
.dv-logo-cnter p { margin: 0; padding: 11px 40px 10px 0; background: url(../images/icon_huychuong_idx.png) center right no-repeat; display: inline-block; font-style: italic; font-size: 18px; }
.dv-logo-cnter { display: inline-block; float: left; }
.dv-foot ul { list-style: none; color: #fff; }
.dv-foot ul li a { display: block; color: #fff; padding-bottom: 6px; position: relative; padding-left: 15px; }
.dv-foot ul li a:before { content: "\f105"; font: normal normal normal 14px/1 FontAwesome; position: absolute; left: 0; top: 5px; }
.dv-fotleft h3, .dv-fotleft h5, .dv-footer-child h3 ,.dv-fotrihgt h3,.dv-footer-child h5{ text-transform: uppercase; font-size: 18px; margin-bottom: 15px; font-weight: 500; color: #2ac5aa; }
.dv-foot .fa { color: #fff !important; margin-right: 10px; }
.dv-foot p,.dv-foot-btleft, .dv-foot li a ,.dv-footer-child p{ opacity: 0.8; font-weight: 300; font-size: 14px; }
.dv-doitac-child { margin: 0 -10px; }
.dv-foot a { color: #fff; opacity: 1 }
.dv-dangky-tenmien-4 .dv-domain-cont , .dv-dangky-tenmien-2 .dv-domain-cont { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.dv-dangky-tenmien-4 .dv-domain-cont .dv-right , .dv-dangky-tenmien-2 .dv-domain-cont .dv-right { align-items: center; display: flex; }
.dv-dangky-tenmien-4 .dv-domain-cont .dv-right img , .dv-dangky-tenmien-2 .dv-domain-cont .dv-right img { margin: 0; }
.dv-dangky-tenmien-4 .btn_a, .dv-dangky-tenmien-2 .btn_a { background: none; color: #fff; border: 1px solid #fff; }
.dv-dangky-tenmien-4 .btn_a:hover, .dv-dangky-tenmien-2 .btn_a:hover { background: #fff; color: #333; border: 1px solid #fff; }
.owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover { color: #fff; transition: 1s; background: rgb(0 0 0 / 22%) !important; }
.owl-prev, .owl-next { width: 26px; height: 38px; border-radius: 0; border: none; line-height: 38px; border-radius: 3px; }
.owl-prev span, .owl-next span { height: 38px; line-height: 38px; font-size: 34px; top: 0; }
.dv-bct a { display: flex; width: 50%; float: left; align-items: center; }
.dv-bct.flex { padding: 12px 0 15px; }
.t-sc-subscribe-frm { background: #485e68; position: relative; border-radius: 3px; overflow: hidden; margin: 5px 0 5px }
img.ajax_img_loading { height: 15px; }
.dt-sc-sociable a { display: inline-block; color: #ffffff; font-size: 16px; padding: 0; background: #485e68; float: left; margin: 10px 10px 0 0; border-radius: 5px; height: 32px; line-height: 32px; width: 32px; text-align: center; }
.dv-appstor a { display: inline-block; line-height: 0; margin-right: 10px; float: left; }
.dv-appstor a img { height: 32px; }
.dv-appstor { margin-top: 5px; }
.fot-share { margin-top: 15px; }
.t-sc-subscribe-frm input { background: none; border: none; padding: 0 12px; height: 38px; color: #fff; }
.t-sc-subscribe-frm a { color: #ffffff; padding: 8px 14px; position: absolute; top: 0; right: 0; bottom: 0; background: #5f737c; }
.dv-ndtimkiem-tm { padding: 40px 0; }
.cls_check_domain { background: none; padding: 20px 0; border-top: 1px dashed #cecece; position: relative; }
.title-timkiem { text-transform: uppercase; font-size: 20px; margin-bottom: 15px; font-weight: 500; }
.cls_check_domain img { float: left; margin-right: 15px; padding-top: 5px; }
.dv-cont-pop { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.46); z-index: 99999; top: 0; left: 0; }
.dv-pop-child { width: 800px; height: 500px; position: fixed; top: 40px; left: 50%; z-index: 99999; background: #fff; font-size: 13px; line-height: 1.7; max-height: calc(100vh - 80px); transform: translateX(-50%); max-width: 96%; }
.dv-pop-child .ndd { width: 100%; height: 100%; overflow-y: auto; padding: 15px; }
.dv-pop-child a.cls { line-height: 0; display: inline-block; position: absolute; right: -15px; top: -16px; background: #fff; border-radius: 100px; padding: 0; cursor: pointer; }
.load:before { content: ''; display: block; width: 15px; height: 15px; position: absolute; left: -25px; top: 0px; border-radius: 8px; border: 1px dashed #2f9785; -webkit-animation: rolling 5s infinite ease; -moz-animation: rolling 5s infinite ease; -o-animation: rolling 5s infinite ease; animation: rolling 5s infinite ease; }
.load{position: relative;}
@keyframes rolling{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@-webkit-keyframes rolling{0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes rolling{0%{-moz-transform:rotate(0deg);}
100%{-moz-transform:rotate(360deg);}
}
@-o-keyframes rolling{0%{-o-transform:rotate(0deg);}
100%{-o-transform:rotate(360deg);}
}
.cls_check_domain { background: none; padding: 20px 0; border-top: 1px dashed #cecece; position: relative;}
.cls_check_domain .left { float: left; font-size: 17px; letter-spacing: 1px; width: auto; padding: 0; padding-top: 7px}
.cls_check_domain .left span.ext { color: #f86517; }
.cls_check_domain span.pri { font-size: 18px; color: #fd0c0c; float: right; padding-top: 7px; }
.cls_check_domain .right { float: right; width: auto; margin-left: 20px; }
.cls_check_domain .right a { font-size: 15px; color: #f50808; letter-spacing: 1px; }
.cls_check_domain .right a:hover{color: #2f9785}
.cls_check_domain img { float: left; margin-right: 15px; padding-top: 5px; }
.cls_check_domain .right img { height: 18px; }
.cls_check_domain .right .dk { background: #2f9785; color: #fff; padding: 5px 20px; text-transform: uppercase; border-radius: 100px; float: right; display: block; border: none; font-size: 15px; line-height: 25px; }
.cls_check_domain .right .dk img { position: relative; margin-right: 10px; }
.cls_check_domain img.loads { position: absolute; float: none; height: 40px; padding: 0; top: 10px; }
.cls_check_domain span.left.left_none { float: none; margin-left: 45px;}
ul.dv-footer-child.dv-footer-1-center.dv-footer-1-center-5 { width: calc(25% - 20px); margin: 0 10px; padding-left: 25px; }
ul.dv-footer-child.dv-footer-1-right.dv-footer-1-center-0 { width: calc(21% - 20px); margin: 0 10px; }
.dv-foot a:hover { color: #2ac5aa; opacity: 1 !important; }
.dv-left-cont .showText li { list-style: none; background: url(../images/checked.svg) top left no-repeat; background-size: 18px 24px; padding: 0; margin: 6px 0 0; padding-left: 27px; }
.dv-dangky-tenmien-4 .dv-left-cont .showText li, .dv-dangky-tenmien-2 .dv-left-cont .showText li { background: url(../images/check.svg) top left no-repeat; background-size: 18px 24px; }
.dv-dangky-tenmien { background: #f7f7f7; }
.dv-bg-fff { background: #fff !important; }
.dv-title { font-size: 30px; line-height: 38px; display: block; margin-bottom: 20px; font-weight: 400; }
th, td { padding: 10px; line-height: 1.6; }
td a { color: #ed1c23; text-align: center; font-size: 15px; }
td a:hover { color: #0077bf; }
table { border: 1px solid black; width: 100%; border-collapse: collapse; }
table, th, td { border: solid 1px rgb(238 238 238 / 8%); }
table tr:nth-child(2n+1) td { background: #f5f5f5; }
table th { color: #fff; line-height: 28px; text-align: left; font-size: 16px; font-weight: normal; text-transform: capitalize; background: #2f9785; padding: 7px 10px; }
th.th-num-4 { width: 20%; }
th.th-num-3, th.th-num-2 { width: 20%; }
.dv-table-responsive table + table { margin-top: 25px; }
.dv-table-responsive table + table th { background: #2f9785; }
th.th-num-1 img { height: 30px; position: absolute; left: 10px; }
th.th-num-1 { padding: 10px 10px 10px 55px; position: relative; }
.dv-table-bang-gia { font-size: 16px; font-weight: 500; color: #5a5a5a; }
.dv-table-bang-gia b { font-size: 18px; }
.dv-table-bang-gia a { display: block; text-align: center; background: #2f9785; color: #fff; padding: 8px 0; font-size: 16px; font-weight: 400; }
.dv-table-bang-gia a i { margin-right: 7px; }
.dv-table-bang-gia a:hover { background: #35a591 ;color: #fff; }
.text-center { text-align: center; }
.span-gia-sosanh { text-decoration: line-through; margin-right: 8px; font-weight: 400; color: #a5a5a5; }
.dv-grhoidap > a:hover { color: #2f9785; }
.dv-grhoidap > a { display: block; font-weight: 500; font-size: 15px; line-height: 26px; transition: all .2s; color: #333; padding-bottom: 10px; }
.dv-grhoidap > a i { width: 25px;color: #2f9785; }
.dv-grhoidap .showText { padding-left: 25px; display: none; }
.dv-grhoidap { margin-bottom: 5px; }
.cl_orin { color: #ff5722; }
.dv-page-header-child { text-align: left; color: #fff; padding: 50px 0; position: relative; z-index: 1; }
.dv-page-header-child h3, .dv-page-header-child h1 { font-size: 25px; line-height: 28px; display: block; font-weight: 500; color: #fff; margin-bottom: 0; position: relative; z-index: 1; }
.dv-page-header { background-size: cover !important; background-position: center !important; position: relative; }
.dv-gr-bct { width: calc(100% / 2 - 30px); float: left; margin: 0 15px; border: 1px solid #ccc; border-radius: 10px; text-align: center; }
.dv-goi-dk.flex { margin: 0 -15px; }
.dv-gr-bct h2 { background: #0082ce; padding: 10px; color: #fff; border-radius: 10px 10px 0 0; font-size: 20px; line-height: 30px; font-weight: 500; }
.dv-gr-bct + .dv-gr-bct h2 { background: #dc2625; }
.dv-gr-bct .showText { padding: 10px; font-size: 16px; line-height: 26px; }
.dv-dangky-bct { padding: 10px; border-top: 1px solid #d4d4d4; }
.dv-gr-bct .showText img { height: 80px; width: auto; }
.dv-dangky-bct h4 ,.dv-dangky-bct .h4{ font-size: 20px; color: #ff5722; padding: 10px 0; text-transform: uppercase; }
.dv-dangky-bct a { background: #2f9785; padding: 7px 22px; display: inline-block; margin: 10px 0; color: #fff; font-size: 16px; border-radius: 7px; }
.dv-dangky-bct a:hover { background: #36a793; }
.dv-dangky-goi-bct .dv-title { text-align: center; color: #424242; padding: 30px 0 20px; }
li.is_step_0.sub.hide_11 i { display: none; }
.showText.show_lis_u { padding: 0; }
.showText.show_lis_u li u { min-width: 50%; display: inline-block; }
.showText.show_lis_u li { list-style: none; border-bottom: 1px solid #e6e6e6; margin: 0; padding: 7px 15px; text-align: left; }
.showText.show_lis_u li strong { font-weight: normal; color: red; }
.dv-gr-sv { width: calc(100% / 3 - 30px); margin: 0 15px; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: .5s; overflow: hidden; background-color: #f8f8f8; float: left; }
.dv-gr-sv > h2 { background: #2f9785; text-align: center; text-transform: uppercase; color: #fff; font-size: 20px; padding: 10px; }
.dv-gr-sv > h4 { text-align: center; font-size: 22px; text-transform: uppercase; border-bottom: 1px solid #ededed; line-height: 22px; font-weight: 600; color: #ff5722; padding: 15px 0 10px; }
.dv-gr-sv > h4 span { display: block; font-size: 14px; color: #333; text-transform: capitalize; padding: 4px 0 0; }
.showText.show_lis_center { padding: 10px 15px; text-align: center; font-size: 14px; min-height: 150px; }
.dv-dangky-sv .xem-chi-tiet { display: block; text-align: center; border-top: 1px solid #ededed; padding: 10px; }
.dv-dangky-sv .btn { display: inline-block; border: none; margin-bottom: 15px; padding: 8px 30px; background: #2f9785; color: #fff; border-radius: 5px;margin: 10px auto 25px; }
.dv-dangky-sv { text-align: center; border-bottom: 12px solid #2f9785; }
.dv-dangky-sv .btn:hover{ background: #37a995 !important; color: #fff; }
.dv-contact .left { width: 50%; float: left; padding-right: 10px; }
.dv-contact .right { width: 50%; float: left; padding-left: 10px; }
.dv-contact li { list-style: none; position: relative; line-height: 0; margin: 0 0 12px 00; }
.dv-contact input, .dv-contact textarea { width: 100%; height: 40px; border: 1px solid #d8d8d8; padding: 0 10px; border-radius: 3px; }
.dv-contact li span img { height: 36px; }
.dv-contact li span i { position: absolute; opacity: 0.5; font-size: 8px; right: 2px; bottom: 2px; }
.dv-contact li span { line-height: 0; position: absolute; right: 2px; top: 2px; }
.dv-contact textarea { height: 196px; padding: 10px; }
.a-btn,.dv-thanhtoan a, .dv-alienhe a, .dv-alienhe .btn-tt { display: inline-block; float: right; background: #2f9785; color: #fff; padding: 8px 25px; border-radius: 5px; min-width: 100px; text-align: center; margin-left: 12px; }
p.tthanhtoan { padding: 10px 0; }
.dv-thanhtoan a { height: 48px; position: relative; float: none; margin: 0; display: inline-block; line-height: 48px; padding: 0 25px; border-radius: 7px; }
.dv-mota-dh { display: none; }
.dv-hinhthuc-tt label.cl_1 img { top: 4px; position: relative; }
.dv-hinhthuc-tt label.cl_2 img { top: 5px; position: relative; }
.dv-hinhthuc-tt label input:checked ~ .dv-mota-dh { display: block; }
.dv-thanhtoan { text-align: center; padding: 10px 0; }
.dv-thanhtoan a i { margin-right: 10px; }
.dv-alienhe .btn-tt:hover, .a-btn:hover,.dv-thanhtoan a:hover, .dv-alienhe a:hover { background: #37a995 ;color: #fff !important; }
a.a-btn { float: none; color: #fff; }
.showText a.a-btn { margin: 10px 0; }
.dv-alienhe .btn-tt { border: none; float: none; margin: 0; padding: 14px 32px; text-transform: uppercase; }
.dv-alienhe { margin-top: 20px; text-align: center; }
.bg-toi:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgb(8 34 30 / 75%); }
.dv-page-header-child .showText { font-size: 16px; line-height: 26px; display: none; }
#fancybox-left, #fancybox-right { display: none !important; }
li.is_step_2.sub.hide_58 i { display: none; }
.dv-fancybox { max-width: 1000px; height: 500px; max-height: 80vh; padding: 10px; }
.dv-chamsoc-child { width: calc(100% /2 - 20px); margin: 0 10px 20px; float: left; background: rgb(0 0 0 / 29%); padding: 14px; border-radius: 0; display: flex; align-items: center; color: #fff; border: 1px dashed rgb(255 255 255 / 56%); }
.dv-chamsoc-child img { width: 100px; float: left; }
.dv-chamsoc-child span { display: inline-block; width: calc(100% - 100px); padding-left: 20px; font-size: 15px; }
.dv-chamsoc-home { padding: 70px 0 50px; background-attachment: fixed !important; }
button.fancybox-close-small { position: fixed; top: 10px; right: 10px; }
.dv-banggia-wp { padding: 50px 0; }
.dv-banggia-wp h3.dv-title { padding-top: 0; }
.dv-banggia-wp .dv-gr-sv { background: #fff; border-bottom: 7px solid #2f9785; }
.showText.show_lis_left { padding: 15px 20px; }
.dv-dangky-sv.dv-dangky-wp { border-bottom: 1px solid #ececec; padding: 0; }
.dv-gr-sv.dv-gr-sv-seo > h4 { border: none; padding-bottom: 0; }
.dv-gr-sv.dv-gr-sv-seo .dv-dangky-sv .btn { margin-bottom: 20px; }
.dv-dangky-sv.dv-dangky-wp a { border: 1px solid #2f9785; background: none; color: #2f9785; padding: 6px 22px; transition: all .4s; }
.dv-list-child-cont { padding: 50px 0; }
.dv-tinleft { width: calc(100% - 320px); float: left; padding-right: 20px; }
.dv-tinright { width: 320px; float: right; position: sticky; top: 10px; }
.dv-right-cont > h3 ,.dv-right-cont > .h3{ display: block; text-transform: uppercase; font-weight: 500; font-size: 20px; border-bottom: 1px solid #e6e6e6; margin-bottom: 15px; }
.dv-right-cont > h3 span,.dv-right-cont > .h3 span { display: inline-block; border-bottom: 2px solid #2f9785; padding-bottom: 7px; margin-bottom: -1px; }
.dv-tintuc-gr .img { width: 30%; float: left; line-height: 0; }
.dv-tintuc-gr .text-left { width: 70%; float: left; padding-left: 20px; }
.dv-tintuc-gr .img img { width: 100%; height: auto; line-height: 0; }
.dv-tintuc-gr { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px dashed #dad9d9; }
.text-left h3 { font-size: 17px; line-height: 27px; display: block; padding: 0 0 5px; }
.text-left span.sp1 { display: block; font-size: 14px; margin-bottom: 10px; }
.text-left span.sp1 i { margin-right: 8px; }
.dv-tinright-gr .left { width: 32%; float: left; }
.dv-tinright-gr .left img { width: 100%; line-height: 0; }
.dv-tinright-gr .right { width: 68%; float: left; padding-left: 12px; }
.dv-tinright-gr .right h3 { font-weight: 500; font-size: 15px; line-height: 24px; display: block; }
.dv-tinright-gr { padding-bottom: 10px; border-bottom: 1px dotted #ccc; margin-bottom: 10px; }
.dv-tinright-gr .left a { display: block; line-height: 0; }
.title_news h2 ,.title_news h1{ font-size: 22px; line-height: 30px; padding-bottom: 10px; color: #2f9785; }
.title_news li { list-style: none; margin-bottom: 10px; }
.title_news,.title { margin-bottom: 15px; }
.dv-list-child-cont-new .title { text-transform: uppercase; padding: 0 0 7px; margin-bottom: 20px; margin-top: 20px; }
.addthis_toolbox.addthis_default_style { margin-left: -10px; }
div#sharelink { margin-top: 20px; }
li.is_step_0.sub.hide_2 i { display: none; }
.dv-dangnhap { background: #fff; border-radius: 6px; box-shadow: 0 4px 8px rgb(19 26 44 / 2%), 0 0 16px rgb(19 26 44 / 2%); width: 480px; max-width: 100%; border: 1px solid #f1f1f1; padding: 20px; }
.dv-dangnhap input { width: 100%; height: 38px; padding: 0 10px; border: 1px solid #ccc; margin-bottom: 12px; border-radius: 3px; padding-left: 35px; }
.cls_mbv:before, .cls_hoten:before, .cls_sdt:before, .clr_diachi:before, .cls_email:before, .cls_pass:before { font-family: 'FontAwesome'; content: "\f0e0"; position: absolute; top: 8px; left: 12px; font-size: 17px; color: #afafaf; line-height: 20px; }
.cls_pass:before { content: "\f023"; }
.cls_email:before { font-size: 14px; left: 10px; }
.cls_mbv, .cls_hoten, .cls_sdt, .clr_diachi, .cls_email, .cls_pass { position: relative; }
.cls_hoten:before { content: "\f007"; }
.cls_sdt:before { content: "\f095"; }
.clr_diachi:before { content: "\f041"; }
.cls_mbv:before { content: "\f084"; }
.dv-dangnhap h3 { font-size: 22px; line-height: 30px; margin-bottom: 10px; font-weight: 500; }
.dv-dangnhap button { background: #2f9785; text-align: center; color: #fff; border: none; padding: 10px 20px; display: inline-block; border-radius: 5px; font-size: 15px; margin-top: 12px; cursor: pointer; }
.dv-dangnhap button:hover { background: #31b39c; }
img.img_load_from_dktv { height: 14px; }
.dv-check-tk .right { color: #2f9785; float: right; }
.cls_mbv .span_mbv { position: absolute; right: 2px; top: 2px; line-height: 0; }
.cls_mbv .span_mbv i { position: absolute; right: 3px; bottom: 10px; font-size: 8px; opacity: 0.5; }
.cls_mbv .span_mbv img { height: 34px; }
.dv-left-tv { width: 250px; float: left; }
.dv-right-tv { width: calc(100% - 250px); float: right; padding-left: 25px; }
.dv-taikhoan-mb { padding: 40px 0; }
.dv-gruop h3 { background: #2f9785; color: #fff; font-weight: 500; font-size: 15px; padding: 8px 10px; text-align: center; border-radius: 5px 5px 0 0; }
.dv-gruop ul { margin-bottom: 20px; background-color: #fff; border: 1px solid #eee; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%); box-shadow: 0 1px 1px rgb(0 0 0 / 5%); list-style: none; }
.dv-gruop ul li a { display: block; padding: 5px 10px 5px 38px; position: relative; }
.dv-gruop ul li a i { position: absolute; top: 10px; left: 15px; font-size: 13px; }
.dv-gruop ul li { border-bottom: 1px dotted #d4d4d4; }
.dv-gruop ul li:last-child { border-bottom: none; }
.dv-thanhvien-right-gr > h3 { margin-bottom: 10px; line-height: 1.3; font-weight: 500; padding: 10px; box-sizing: border-box; -moz-border-radius: 5px 5px; -webkit-border-radius: 5px 5px; border-radius: 5px 5px; border: 1px solid #ddd; background: #f0f0f0; background: -webkit-linear-gradient(top, #eee, #fff); background: -moz-linear-gradient(top, #eee, #fff); background: linear-gradient(top, #eee, #fff); position: relative; padding-left: 35px; color: #2f9785; font-size: 16px; }
.dv-thanhvien-right-gr > h3:before { content: "\f09e"; font-family: "FontAwesome"; position: absolute; left: 12px; font-size: 15px; top: 9px; }
.dv-ndthanhvien { border: 1px solid #eee; padding: 20px; border-radius: 5px; }
.dv-thanhvien-right-gr table th { font-size: 16px; padding: 7px 13px; background: #2f9785; color: #fff; }
.dv-thanhvien-right-gr table td { padding: 7px 12px; }
th.th-1, th.th-2 { width: 20%; }
.dv-ndthanhvien p { margin: 0; padding: 0 0 2px; font-size: 15px; line-height: 25px; }
.dv-ndthanhvien-cauhoi input, .dv-ndthanhvien-cauhoi select { margin-bottom: 10px; }
.dv-ndthanhvien select, .dv-ndthanhvien input { width: 100%; height: 36px; border: 1px solid #dedede; padding: 0 10px; border-radius: 3px; max-width: 500px; }
.dv-ndthanhvien .row-frm { margin-bottom: 12px; }
.dv-ndthanhvien button, .dv-ndthanhvien a { display: inline-block; background: #2f9785; color: #fff; padding: 0px 25px; border-radius: 5px; margin-top: 5px; border: none; height: 38px; line-height: 38px; cursor: pointer; }
.dv-ndthanhvien button:hover, .dv-ndthanhvien a:hover{ background: #37a995 !important; }
.dv-ndthanhvien-cauhoi { border: 1px solid #eee; padding: 20px; border-radius: 7px; }
.dv-ndthanhvien label { display: block; line-height: 20px; padding: 10px 0 20px; }
.dv-ndthanhvien label input { width: 18px; height: 18px; float: left; margin-right: 10px; opacity: 0.8; }
.dv-ndthanhvien-cauhoi b { display: block; padding-bottom: 5px; }
.th-child { width: 16%; }
.dv-nd-cauhoi table, .dv-nd-cauhoi table th { font-size: 14px !important; }
.th-child-1 { width: 10%; text-align: center; white-space: nowrap; }
.dv-nd-cauhoi table a b { color: #ff5722; font-weight: 500; }
.dv-nd-cau-hoi-1 { border: 1px solid #ddd; border-radius: 5px; padding: 15px; }
a.del_cauhoi { display: block; margin-top: 10px; color: red; font-size: 14px; }
.dv-cau-hoi-mb .showText{ border: 1px solid #a2a2a2; padding: 15px; border-radius:0 5px 5px; }
.dv-cau-hoi-mb .tit { display: inline-block; background: #a2a2a2; border-radius: 5px 5px 0 0; padding: 4px 15px; color: #fff; font-size: 13px }
.dv-cau-hoi-mb { margin-top: 20px; }
u { text-decoration: underline; }
.dv-gui-phanhoi-sp .dv-ndthanhvien { margin-top: 20px; padding: 15px; background: #fff; }
.dv-cau-hoi-mb-me .showText { border-color: #2f9785; }
.dv-cau-hoi-mb-me .tit { background: #2f9785; }
span.spp1 { color: #03a9f4; }
span.spp2 { color: #ff5722; }
.dv-gui-phanhoi-sp > a { color: #ff5722; font-size: 13px; margin: 10px 0 -10px; display: block; }
span.spp3 { color: #607d8b; }
.dv-sanpham { width: calc(100% / 3 - 30px); padding: 20px; border-radius: 10px; margin-bottom: 30px; background: #fff; box-shadow: 2px 1px 12px 0 rgb(0 0 0 / 10%); border: 1px solid #ececec; margin: 0 15px 30px; }
.dv-sanpham h3 a { width: 100%; margin: 0 auto; padding: 15px 0 0; text-align: center; font-size: 25px; color: #2f9785; font-weight: 600; display: block; }
.dv-tinhnang p { border-bottom: 1px dotted #e4e4e4; padding: 8px 0; }
.dv-tinhnang p img { position: relative; top: 2px; }
.dv-tinhnang p b { float: right; font-weight: normal; }
.dv-sanpham .price { text-align: center; color: #ff5722; font-weight: 500; padding: 10px 0 4px; font-size: 30px; border: 1px solid #ececec; margin: 22px 0 12px; border-left: 0; border-right: 0; line-height: 40px; }
.dv-tinhnang img { width: 20px; height: 20px; float: left; margin-right: 10px; opacity: 0.8; }
.dv-sanpham .price span { margin-left: 7px; font-size: 18px; }
.dv-view a { display: block; text-align: center; padding: 25px 0 15px; }
.dv-view { text-align: center; }
.dv-btna .dh { display: block; text-align: center; background: #2f9785; padding: 8px; color: #fff; border-radius: 6px; margin-top: 15px; cursor: pointer; }
.dv-btna .dh:hover { background: #37a995 !important; }
.dv-toptip { display: inline-block; position: relative; }
.dv-toptip .toptip { position: absolute; padding: 10px; border: solid 1px #f1d032; color: #444; font-size: 13px; font-weight: normal; z-index: 200000000; max-width: 340px !important; text-align: left; border-radius: 5px; background: #feffa3; line-height: 20px; left: -30px; width: 300px; top: auto; bottom: 35px; display: none; }
.dv-toptip .toptip:after{ position: absolute; display: block; content: ''; bottom: -6px; left: 35px; width: 10px; height: 10px; margin-left: -5px; background: #feffa3; transform: rotate(-136deg); border-top: solid 1px #f1d032; border-left: solid 1px #f1d032; }
.dv-toptip:hover .toptip { display: block; }
.dv-sosanh.cls_sosanh { background: #f7f7f7; padding: 50px 0; }
.dv-chtiet-hosting { padding: 30px 0; }
.dv-sosanh.cls_sosanh .dv-title { text-align: center; color: #2f9785; margin-bottom: 25px; text-transform: uppercase; }
.dv-sosanh table, .dv-sosanh table th, .dv-sosanh table td { border: solid 1px #fff !important; }
.dv-sosanh table { background: #fff; }
.dv-sosanh table th.bg-none { background: #f7f7f7 !important; }
.dv-sosanh table th { padding: 12px 10px; text-align: center; font-size: 16px; }
.dv-sosanh table td a { display: block; background: #2f9785; color: #fff; padding: 8px 10px; border-radius: 5px; }
.dv-sosanh table td a:hover { background: #37a995; }
.dv-sosanh td:nth-child(2) a.dh, .dv-sosanh th:nth-child(2) { background: #2b73bb !important; }
.dv-sosanh td:nth-child(3) a.dh, .dv-sosanh th:nth-child(3) { background: #00cc7d !important; }
.dv-sosanh td:nth-child(4) a.dh, .dv-sosanh th:nth-child(4) { background: #9acf1c !important; }
.dv-sosanh td:nth-child(5) a.dh, .dv-sosanh th:nth-child(5) { background: #fda502 !important; }
.dv-sosanh td:nth-child(6) a.dh, .dv-sosanh th:nth-child(6) { background: #ff6600 !important; }
.dv-sosanh td:nth-child(7) a.dh, .dv-sosanh th:nth-child(7) { background: #090 !important; }
.dv-sosanh table td a:hover { opacity: 0.9 !important; }
.dv-sosanh i.fa.fa-check { color: #2f9785; }
.dv-sosanh i.fa.fa-times { color: #f90f0f; }
.dv-ndemail li, .dv-mtemail li { list-style: none; }
.dv-mtemail li strong { font-weight: 500; }
.dv-dlemail, .dv-mtemail { border-bottom: 1px solid #ececec; padding-bottom: 10px; margin-bottom: 10px; }
.dv-chtiet-hosting h4 { text-transform: uppercase; font-size: 30px; line-height: 40px; display: block; margin-bottom: 15px; }
h3.dv-title.dv-title-cent { text-align: center; text-transform: uppercase; margin-bottom: 40px; font-size: 30px; }
.dv-list-child-cont.dv-list-child-cont-bg { background: #f7f7f7; }
.dv-sosanh.cls_sosanh.bg_none { background: #fff; }
.bg-ccc { background: #f7f7f7; }
.mycart_no_sl { display: none; }
div.mycart { position: fixed; top: 70px; right: 35px; opacity: 0; visibility: hidden; width: 100px; height: 100px; background: url(../images/icon_add_tocart.svg) center center no-repeat; background-size: 100%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
div.mycart.ok { opacity: 1!important; z-index: 150; visibility: visible; width: 50px; height: 50px; }
div.mycart a:link, div.mycart a:visited, div.mycart a:hover { width: 100%; height: 100%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div.mycart span.num { background-color: #2f9785; color: #fff; float: right; width: 18px; height: 18px; line-height: 18px; position: absolute; top: -8px; text-align: center; border-radius: 50%; right: -10px; }
.loading, .loading:hover { background: url(../images/loader.gif) center center no-repeat!important; border: 1px solid #fff!important; color: #fff!important; font-size: 0!important; cursor: default!important; }
.loading *{ opacity: 0; }
span.sp_dkkk_ok { display: none; }
.da_add img, .da_add span.sp_dkkk { display: none; }
.da_add span.sp_dkkk_ok { display: block; }
.dv-gd-img > a { display: block; line-height: 0; }
.dv-giaodien h4 u ,.dv-giaodien .h4 u{ text-decoration: none; text-transform: uppercase; margin-left: 3px; }
.dv-giaodien img.isload[src=""] { width: 100%; height: auto; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; opacity: 1 }
.dv-item.active { width: calc(100% - 20px); }
.cartlist td { border: 1px solid #efefef; }
.dv-checkout-header-cont a { display: inline-block; width: 25%; float: left; text-align: center; padding: 12px 0; position: relative; }
.dv-checkout-header-cont a span { color: #2f9785; font-size: 45px; position: absolute; left: 50%; margin-left: -12px; font-style: italic; opacity: 0.1; }
.dv-checkout-header-cont .active { color: #2f9785; }
.dv-checkout-cont .dv-right { width: 350px; }
.dv-checkout-cont .dv-left { width: calc(100% - 370px); float: left; }
.cart_right { border: 1px solid rgb(235 235 235); background-color: rgb(247 247 247); padding: 20px 20px 20px 20px; }
div.cart_right div.price_checkout > span { float: left; font-size: 16px; display: inline-block; }
div.cart_right div.price_checkout > span.price_item { text-align: right; display: inline-block; float: right; }
.price_checkout { padding: 10px 0; border-bottom: 1px solid #ddd; }
.cart_right a.button5 { padding: 0 25px; height: 42px; line-height: 42px; font-size: 18px; background: #2f9785; display: block; margin: 10px 0; color: #fff; }
.dv-cart-xoagh a { display: block; text-align: left; border-top: 1px solid #dddddd; padding-top: 10px; }
.dv-cart-xoagh a img{ width: 15px; margin-right: 5px; }
.dv-nhanvientv { background-color: #fff; padding: 10px 10px 10px 10px; margin-top: 12px; text-align: left; }
.cartlist img { height: 18px; }
.dv-thietkewebsite-theoyc { font-size: 35px; font-weight: 600; color: #2f9785; line-height: 1.5; margin-bottom: 5px; }
.dv-slider-home { background-size: cover !important; padding: 80px 0 90px; position: relative; }
.dv-slider-home-cont { max-width: 550px; margin: 0; position: relative; z-index: 1; }
.dv-thietkewebsite-mota { font-size: 20px; line-height: 1.5; margin-bottom: 20px; }
.dv-slider-home-cont a { display: inline-block; background: #2f9785; color: #fff; padding: 0 30px; height: 48px; line-height: 48px; font-size: 17px; border-radius: 100px; margin-bottom: 20px; }
.dv-slider-home-cont p { font-size: 16px; line-height: 1.6; }
.dv-titqt { text-align: center; }
.dv-titqt h3 { color: #333; line-height: 45px; text-transform: uppercase; font-size: 30px; font-weight: 400; text-align: center; margin-bottom: 10px; }
.dv-titqt p { font-size: 16px; width: 100%; text-align: center; font-weight: 300; margin: 10px auto 40px; max-width: 700px; }
.dv-danhmuc-gdhome { margin: 0 20px 15px; }
.dv-danhmuc-gdhome .dv-dmhome { width: 10%; float: left; text-align: center; padding: 0 16px; }
.dv-danhmuc-gdhome .dv-dmhome a { font-size: 14px; line-height: 1.3; display: block; margin-bottom: 15px; color: #333; }
.dv-dmhome span { font-size: 32px; display: block; margin-bottom: 12px; }
.dv-giaodien { margin-bottom: 21px; position: relative; border: 1px solid #f0f0f0; transition: all 0.5s ease-in-out; padding: 7px; }
.dv-pt-giaodien { float: left; width: calc(100% / 4 - 20px); margin: 0 10px; }
.dv-gd-img { position: relative; }
.dv-giaodien img { width: 100%; }
.dv-giaodien h3 { padding: 0 5px; margin: 10px 0 0; }
.dv-giaodien h3 a { text-transform: capitalize; height: 32px; color: #333; line-height: 32px; font-weight: 500; white-space: nowrap; overflow: hidden; float: left; display: inline-block; font-size: 15px; }
.dv-giaodien p { padding: 0; color: #35b9a2; font-size: 15px; font-weight: 400; display: inline-block; float: right; height: 32px; line-height: 32px; }
.dv-xemthem-giaodien { margin: 15px 0 0; }
.btn-xemthem { background: #32bb9d; padding: 9px 31px; display: inline-block; font-size: 14px; text-transform: uppercase; color: #fff; border-radius: 100px; -webkit-transition: all 150ms ease; -moz-transition: all 150ms ease; transition: all 150ms ease; -webkit-transition-property: background-color border-color color; -moz-transition-property: background-color border-color color; transition-property: background-color border-color color; -webkit-user-select: none; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .5s; transition-duration: .5s; white-space: nowrap; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.btn-xemthem:before { content: ""; border-radius: 45px; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #32bb9d; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.btn-xemthem:hover { background-color: transparent; text-decoration: none; color: #fff; }
.btn-xemthem:hover:before, .btn-xemthem:focus:before, .btn-xemthem:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
.dv-center { text-align: center; }
.dv-uudiem-vuottroi { background: url(../images/camket.png) no-repeat; color: #fff; text-align: center; background-size: cover; padding: 50px 0; }
.dv-titqt { text-align: center; }
.dv-uudiem-vuottroi .dv-nd ul { list-style: none; margin-bottom: 35px; }
.dv-uudiem-vuottroi ul { margin-top: 45px; }
.dv-uudiem-vuottroi .dv-nd ul li { float: left; width: 20%; text-align: center; }
.dv-uudiem-vuottroi .dv-nd ul li img { margin-bottom: 15px; }
.dv-uudiem-vuottroi .dv-nd ul li p { font-size: 15px; text-align: center; color: #fff; letter-spacing: 1px; }
.dv-quytrinh-2 { padding-top: 40px; background: #f8f8f8; }
.dv-quytrinh-2 .nd { background-image: url(../images/process-bg.jpg); background-size: 100% 100%; padding-bottom: 400px; }
.dv-quytrinh-2 .nd .dv-qt-0.dv-qt-1 { top: 180px; }
.dv-quytrinh-2 .nd .dv-qt-0 { position: relative; float: left; width: 20%; text-align: center; padding: 0 12px; }
.dv-quytrinh-2 .nd .dv-qt-0.dv-qt-2 { top: 25px; left: -29px; }
.dv-quytrinh-2 .nd .dv-qt-0.dv-qt-3 { top: -10px; left: -15px; }
.dv-quytrinh-2 .nd .dv-qt-0.dv-qt-4 { top: 40px; left: -5px; }
.dv-quytrinh-2 .nd .dv-qt-0.dv-qt-5 { top: 190px; left: 0px; }
.dv-quytrinh-2 .nd .dv-qt-0 img { background: #9b9b9b; border-radius: 50%; text-align: center; position: relative; border: 3px solid white; margin-bottom: 12px; max-width: 100px; transition: all .4s; }
.dv-qt-0 h3 ,.dv-qt-0 .h3{ font-size: 15px; font-weight: 400; line-height: 1.5; margin: 0px 0 16px; }
.dv-quytrinh-2 .nd .dv-qt-0:hover img { background: #34c7a7; }
.question::after { content: '+'; font-weight: 900; position: absolute; top: 15px; right: 10px; color: #32bb9d; font-size: 28px; }
.dv-cauhoi-home-cont { margin: 0 -10px; margin-bottom: 15px; }
.question { color: #333; padding:0; display: block; border-top: 1px solid #ededed; -webkit-transition: border .2s ease-out; -moz-transition: border .2s ease-out; transition: border .2s ease-out; font-size: 15px; font-weight: 500; background: #fff; position: relative; cursor: pointer; }
.dv-cauhoi-home { padding: 40px 0; background-size: cover; }
.question i { background-color: #32bb9d; color: #fff; border-radius: 50%; font-size: 17px; width: 24px; height: 24px; line-height: 24px; text-align: center; position: absolute; left: 0; }
.answer { display: none; padding: 15px; background-color: #fff; border-radius: 0; border: none; font-size: 15px; }
.dv-item.active .question { border-top:2px solid #d41617; border-bottom: 1px solid #eee; color: #d41617; }
.question a { display: block; position: relative; padding: 15px 30px 15px 35px; z-index: 1; font-size: 15px; font-weight: 400; }
.dv-item.active .question { border-top: 3px solid #32bb9d; border-bottom: 1px solid #eee; color: #32bb9d; }
.dv-item.active .question a{ color: #32bb9d; }
.dv-item.active .question::after { content: '-'; }
.dv-khchung-toi { width: calc(100% - 20px); transition: all .3s; box-shadow: 0px 1px 6px rgb(0 0 0 / 5%); vertical-align: middle; display: flex; background: #fff; margin: 0 10px; align-items: center; height: 110px; padding: 10px; }
.dv-khchung-toi a { display: contents; line-height: 0; max-width: 100%; max-height: 100%; }
.dv-khchung-toi a img { width: auto !important; height: auto !important; object-fit: contain; max-width: 100%; max-height: 100%; }
.div-khogiaodien { padding: 50px 0; }
.dv-khachhang-home-cont { margin: 0 -10px; }
.dv-danhmuc-gdhome .dv-dmhome a:hover { color: #2cc7a5; }
.dv-uudiem-vuottroi .dv-titqt h3 { color: #fff; margin-bottom: 15px; }
.dv-uudiem-vuottroi .dv-titqt p { max-width: 1000px; line-height: 1.8; }
.dv-item { width: calc(50% - 20px); float: left; margin: 0 10px; }
span.sp-line { display: block; line-height: 0; }
.dv-uudiem-vuottroi span.sp-line { margin-bottom: 15px; }
.dv-uudiem-vuottroi .dv-nd ul li:hover p { text-shadow: 0 0 35px #fff; }
@-webkit-keyframes stringee-launcher-frame-appear { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes stringee-launcher-frame-appear { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@-moz-keyframes stringee-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg); }
10% { -moz-transform: rotate(-25deg) scale(1) skew(1deg); }
20% { -moz-transform: rotate(25deg) scale(1) skew(1deg); }
30% { -moz-transform: rotate(-25deg) scale(1) skew(1deg); }
40% { -moz-transform: rotate(25deg) scale(1) skew(1deg); }
50% { -moz-transform: rotate(0) scale(1) skew(1deg); }
100% { -moz-transform: rotate(0) scale(1) skew(1deg); }
}
@-webkit-keyframes stringee-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); }
}
@-o-keyframes stringee-alo-circle-img-anim { 0% { -o-transform: rotate(0) scale(1) skew(1deg); }
10% { -o-transform: rotate(-25deg) scale(1) skew(1deg); }
20% { -o-transform: rotate(25deg) scale(1) skew(1deg); }
30% { -o-transform: rotate(-25deg) scale(1) skew(1deg); }
40% { -o-transform: rotate(25deg) scale(1) skew(1deg); }
50% { -o-transform: rotate(0) scale(1) skew(1deg); }
100% { -o-transform: rotate(0) scale(1) skew(1deg); }
}
@keyframes stringee-alo-circle-anim { 0% { transform: rotate(0) scale(0.5) skew(1deg); opacity: 0.1; }
30% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.5; }
100% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.1; }
}
@-moz-keyframes stringee-alo-circle-fill-anim { 0% { -moz-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; }
50% { -moz-transform: rotate(0) -moz-scale(1) skew(1deg); opacity: 0.2; }
100% { -moz-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; }
}
@-webkit-keyframes stringee-alo-circle-fill-anim { 0% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; }
50% { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: 0.2; }
100% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; }
}
@-o-keyframes stringee-alo-circle-fill-anim { 0% { -o-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; }
50% { -o-transform: rotate(0) scale(1) skew(1deg); opacity: 0.2; }
100% { -o-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; }
}
@keyframes stringee-alo-circle-fill-anim { 0% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; }
50% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.2; }
100% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; }
}
@-webkit-keyframes stringee-fadeIn { from { opacity: 0; }
to { opacity: 1; }
}
@-moz-keyframes stringee-fadeIn { from { opacity: 0; }
to { opacity: 1; }
}
@-o-keyframes stringee-fadeIn { from { opacity: 0; }
to { opacity: 1; }
}
@keyframes stringee-fadeIn { from { opacity: 0; }
to { opacity: 1; }
}
@-webkit-keyframes stringee-fadeOut { from { opacity: 1; }
to { opacity: 0; }
}
@-moz-keyframes stringee-fadeOut { from { opacity: 1; }
to { opacity: 0; }
}
@-o-keyframes stringee-fadeOut { from { opacity: 1; }
to { opacity: 0; }
}
@keyframes stringee-fadeOut { from { opacity: 1; }
to { opacity: 0; }
}
.liconk { margin: 0 -4px 0 0; padding: 5px; padding-left: 3px; border-radius: 5px; border: 0 solid #CCC; width: 50px; position: fixed; left: 15px; top: 50%; margin-top: -100px; z-index: 9999; }
.liconk img { margin-top: 7px; }
.liconk img { width: 42px; height: 42px; }
.liconk a { display: block; line-height: 0; }
.show_nut_1 { position: absolute; bottom: 0; left: 0; right: 0; opacity: 0; }
.show_nut_1 a { width: 50%; text-align: center; display: inline-block; float: left; background: #3ab9a3; height: 38px; line-height: 38px; color: #fff;opacity: 0.9; }
.show_nut_1 a:hover { opacity: 1; }
.show_nut_1 a + a { background: #ff8d00; }
.dv-giaodien:hover .show_nut_1 { opacity: 1; }
.dv-giaodien h4, .dv-giaodien .h4 { padding: 0 5px; color: #ff0c0c; font-size: 17px; font-weight: 500; }
.dv-giaodien .h4 span.spgia { margin-right: 7px; }
.dv-chititet span.spgia { color: #ff0c0c; }
.dv-giaodien h4 span.spkm, .dv-giaodien .h4 span.spkm { font-weight: 400; color: #7c7c7c; text-decoration: line-through; }
.wrapper-image-temp{height:347px;overflow:hidden;position:relative;display:inline-block;overflow:hidden;text-align:center;width:100%}
.wrapper-image-temp img{width:100%;height:auto;display:block;margin:0 0 8px;box-shadow:0 1px 2px 0 rgba(0,0,0,.3);-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.3);-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,.3);-webkit-transition:all ease-in-out 5.2s;-moz-transition:all ease-in-out 5.2s;-o-transition:all ease-in-out 5.2s;transition:all ease-in-out 5.2s;position:absolute;top:0;left:0}
.wrapper-image-temp img:hover{top:100%;transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%)}
img.sky-line { position: absolute; left: 0; bottom: 0; height: 180px; }
.dv-batchat-fb { position: fixed; right: 25px; bottom: 70px; z-index: 999999; }
.dv-ncht-text { background: #aaffffd1; font-size: 10px; font-weight: 300; line-height: 13px; color: #000000; text-transform: uppercase; padding: 4px 15px 0px 6px; border-radius: 4px; position: absolute; top: 16px; margin-left: -125px; z-index: -1; letter-spacing: 0.5px; white-space: nowrap; width: 94px; }
.dv-ncht-text b { font-size: 12px; }
.dv-slider-home-cont a span { margin-right: 7px; }
.dv-left-giaodien { width: 290px; padding-right: 30px; float: left; }
.dv-right-giaodien { width: calc(100% - 290px); float: right; }
.tit-lienquan { color: #333; font-size: 25px; font-weight: 300; line-height: 1.5; margin-bottom: 25px; margin-top: 40px; text-transform: uppercase; }
.dv-dvtit h3 { text-transform: uppercase; font-size: 22px; font-weight: 500; margin-bottom: 20px; font-weight: 400; }
.dv-dvtit ul { list-style: none; }
.dv-dvtit li { margin-bottom: 7px; }
.dv-dvtit li a { color: #333; display: block; padding: 2px 0; }
.dv-dvtit li a i { margin-right: 10px; width: 14px; text-align: center; color: #626262; }
li.li-break { margin: 15px 0; height: 1px; width: 100%; background: #e7e7e7; }
.dv-dvtit li a:hover { color: #2f9785; }
.dv-dvtit label { width: 100%; position: relative; display: block; margin-bottom: 18px; }
.dv-dvtit label input { width: 100%; height: 35px; border: 1px solid #d5d5d5; padding: 0 10px; border-radius: 5px; }
.dv-dvtit label a { display: inline-block; height: 34px; background: #2f9785; line-height: 34px; padding: 0 16px; color: #fff; position: absolute; top: 0; right: 0; border-radius: 0 5px 5px 0; }
.dv-cont-giaodien.dv-cont-giaodien-ds .dv-pt-giaodien { width: calc(100% / 3 - 20px); }
.dv-chitiet-gd .gd-left { width: 60%; float: left; position: relative; }
.dv-chitiet-gd .gd-right { width: 40%; float: left; }
.dv-chitiet-gd .gd-left .dv-pc { width: 80%; float: left; border: 1px solid #e6e6e5; padding: 2px; }
.dv-chitiet-gd .gd-left .dv-mb { width: 234px; height: 464px; background: url(../images/phone.png) top left no-repeat; background-size: 100% 100%; position: absolute; z-index: 1; right: 35px; top: 100px; }
.dv-chitiet-gd .gd-left .dv-pc img { width: 100%; }
.dv-chitiet-gd .gd-right h1 { color: #333; font-size: 25px; font-weight: 400; line-height: 1.5; margin-bottom: 10px; text-transform: uppercase; }
.dv-chititet { margin-bottom: 10px; }
.dv-chititet .left { color: #666; font-size: 15px; padding-bottom: 10px; font-weight: 300; }
.dv-chititet .right { color: #f60; padding-left: 10px; font-size: 18px; font-weight: 300}
.dv-ctgd-hotro h3 { color: #333333; font-size: 22px; font-weight: 300; line-height: 1.5; margin-bottom: 10px; margin-top: 30px; text-transform: uppercase; }
.dv-dangky-gd a { padding: 7px 25px; border: 2px solid #32bb9d; display: inline-block; background: #32bb9d; color: #fff; text-transform: uppercase; border-radius: 5px; margin-right: 10px; font-size: 15px; min-width: 130px; text-align: center; }
.dv-dangky-gd a:nth-child(2) { border: 2px solid #32bb9d; background: none; color: #32bb9d; }
.dv-dangky-gd a:hover { background: #f86517; border: 2px solid #f86517; color: #fff; }
.dv-pc.wrapper-image-temp { height: 630px; }
.dv-mbcont { margin-top: 52px; margin-left: 24px; width: 196px; height: 348px; }
.dv-cont-giaodien.dv-cont-giaodien-slider .dv-pt-giaodien { width: calc(100% - 20px); margin: 0 10px; }
.dv-cont-giaodien.dv-cont-giaodien-slider, .dv-cont-giaodien.flex { margin: 0 -10px; }
.dv-cont-giaodien.dv-cont-giaodien-slider .dv-giaodien { margin-bottom: 0; }
.dv-chitiet-gd .gd-left img { width: 100%; opacity: 1 }
.dv-menu.fixed { top: 0; position: fixed; left: 0; right: 0; z-index: 9; }
.dv-header-banner .right p { display: inline-block; margin: 0; padding: 0; margin-left: 10px; float: left; }
.dv-header-banner .right i { margin-right: 5px; }
.dv-header-banner .right span.lin { margin-left: 9px; float: left; line-height: 20px; position: relative; top: 9px; }
.dv-header-banner .right i.fa.fa-phone { color: #858585; }
.dv-header-banner .right a { position: relative; font-weight: 400; color: #2ac5aa; }
.hide_64 i,.hide_68 i { display: none !important; }
.dv-timkiem { display: inline-block; float: right; background: #38b19c; border-radius: 100px; width: 100%; max-width: 220px; position: relative; top: 8px; }
.dv-timkiem input { width: 100%; padding: 0 16px; background: none; border: none; height: 33px;color: #fff; }
.dv-timkiem a { position: absolute; right: 0; height: 32px; line-height: 32px; padding: 0 11px; }
.dv-timkiem a svg path { width: 20px; stroke: #fff; }
.dv-timkiem a svg { width: 18px; height: 18px; position: relative; top: 4px; }
.dr-cart-gr { border-bottom: 1px solid #ddd; text-align: left; padding: 6px 0; }
.dr-cart-gr .right { float: right; text-transform: uppercase; }
.dv-checkout-cont { margin-bottom: 20px; }
.dv-nhanvientv label p { margin: 0; padding: 3px 0 0; font-size: 13px; color: #2f9785; display: none }
label.relative input { width: 100%; border: 1px solid #fff; background: none; padding: 5px 0; }
label.relative input.acti { border: 1px dotted #ed0101; padding: 5px 5px; }
.dv-nhanvientv input { width: 100%; height: 36px; border: 1px solid #d7d7d7; padding: 0 10px; border-radius: 3px; }
.dv-nhanvientv p { padding-bottom: 5px; font-weight: 300; }
.dv-nhanvientv label { position: relative; display: block; }
.dv-nhanvientv label a { height: 36px; position: absolute; top: 0; right: 0; background: #2f9785; color: #fff; font-size: 14px; padding: 5px 15px; }
.car_del { display: block; text-align: center; }
.cartlist select { width: 100%; border: 1px solid #efefef; height: 34px; padding: 0 5px; background: none; }
table.cartlist tr:nth-child(2n+1) td { background: #fff; }
table.cartlist { margin-bottom: 60px }
.dr-cart-gr b { font-weight: 500; color: #f90000; font-size: 16px; }
.dv-chamsoc-child-thietke { border-radius: 0; }
.dv-chamsoc-child-thietke .dv-r { width: calc(100% - 100px); float: left; padding-left: 15px; }
.dv-chamsoc-child-thietke .dv-r span { width: 100%; display: block; padding: 0; font-size: 18px; padding-bottom: 5px; }
.dv-chamsoc-child-thietke .dv-r .dv-ndd { font-size: 14px; font-weight: 300; line-height: 1.6; padding-top: 3px; }
.dv-chamsoc-child-thietke img { width: 100px; border-radius: 100px; height: 100px; object-fit: cover; }
.dv-chamsoc-home.dv-chamsoc-home-tk { padding: 50px 0; }
.dv-chamsoc-home.dv-chamsoc-home-tk .dv-titqt h3 { color: #fff; font-weight: 300; }
.dv-chamsoc-home.dv-chamsoc-home-tk .dv-titqt { margin-bottom: 35px; }
.dv-goi-thietke { background: #f3f3f3; padding: 50px 0; }
.dv-goi-thietke .dv-dangky-goi-bct.dv-goi-thietke { padding: 0; }
.dv-goi-thietke .dv-dangky-goi-bct.dv-goi-thietke h3.dv-title { padding: 0 0 20px; }
.dv-dangky-goi-bct.dv-goi-thietke .dv-gr-bct { width: calc(100% / 3 - 20px); margin: 0 10px 15px; background: #fff; border: 1px solid #f3f3f3; }
.dv-gr-bct.dv-gr-bct-2 .dv-dangky-bct a { background: #2f9785; }
.dv-gr-bct.dv-gr-bct-2 > h2 { background: #2f9785; }
.dv-gr-bct .dv-dangky-bct a { padding: 10px 26px; width: 100%; max-width: 150px; }
.dv-gr-bct .dv-dangky-bct a:hover { opacity: 0.8 }
.dv-gr-bct.dv-gr-bct-1 .dv-dangky-bct a { background: #ed4e43; }
.dv-gr-bct.dv-gr-bct-1 > h2 { background: #ed4e43; }
.dv-gr-bct.dv-gr-bct-3 .dv-dangky-bct a { background: #00a4b9; }
.dv-gr-bct.dv-gr-bct-3 > h2 { background: #00a4b9; }
.showText.showText_logo li { text-align: left; margin: 0; border-bottom: 1px solid #ededed; padding: 10px 20px 10px 55px; list-style: none; background: url(../images/checked2.svg) top 11px left 25px no-repeat; background-size: 18px 24px; }
.showText.showText_logo { padding: 15px 0 0; }
.dv-dangky-goi-bct.dv-goi-thietke .dv-dangky-bct { border: none; padding: 0 0 15px; }
.dv-dangky-goi-bct.dv-goi-thietke h4 ,.dv-dangky-goi-bct.dv-goi-thietke .h4{ background: #fff; font-size: 25px; font-weight: 500; border-bottom: 1px solid #ededed; padding: 0 0 15px; text-transform: uppercase; margin-bottom: 10px; }
.dv-logo-box { width: calc(100% / 6 - 20px); float: left; display: block; overflow: hidden; padding: 10px; background: #fff; transition: all ease-in-out .3s; box-shadow: 0px 4px 12px rgb(0 0 0 / 10%); margin: 0 10px 20px; max-height: 130px; }
.dv-logo-box img { width: 100%; height: 100%; object-fit: contain; }
.dv-thietke-kh.flex { margin: 40px -10px 0; }
.dv-chititet span.spkm { font-size: 88%; font-weight: 300; color: #707070; text-transform: uppercase; text-decoration: line-through; }
.dv-chititet span.spgia { text-transform: uppercase; margin-right: 7px; }
.dv-chititet span.spgia u { text-decoration: none; margin-left: 3px; }
.dv-chititet span.spkm u { text-decoration: none; }
.title_news li i { margin-right: 5px; position: relative; top: -1px; }
.dv-hinhthuc-tt { border: 1px solid #ebebeb; padding: 15px 15px; }
.dv-hinhthuc-tt > h3 { font-size: 20px; line-height: 1.4; margin-bottom: 15px; }
.dv-hinhthuc-tt label { display: block; margin-top: 10px; border: solid 1px #ebebeb; padding: 10px; }
.dv-hinhthuc-tt label input[type="radio"] { opacity: 0.4; }
.dv-hinhthuc-tt label input[type="radio"]:checked { opacity: 1; }
.dv-hinhthuc-tt label input { width: 18px; height: 18px; }
.dv-mota-dh h3 { font-size: 15px; font-weight: 500; color: #2f9785; line-height: 1.5; margin-top: 10px; margin-bottom: 3px; }
.dv-mota-dh p { padding-bottom: 0; font-size: 14px; }
.dv-mota-dh.dv-mota-dh-2 { padding: 5px 0 0; }
.dv-mota-dh hr { border: none; border-top: 1px solid #ebebeb; margin-top: 10px; }
.dv-hinhthuc-tt label img { width: 25px; margin: 0 5px; }
.dv-tomtat-dh p { text-align: left; font-size: 18px; line-height: 1.4; margin: 0; padding: 0; }
.dv-tomtat-dh p span { color: #606060; font-size: 15px; font-weight: 300; }
.dv-tomtat-dh p a { display: inline-block; margin-left: 7px; font-size: 15px; color: #2f9785; }
.dv-list-dichvu { text-align: left; border-top: 1px solid #ddd; margin-top: 7px; padding-top: 3px; border-bottom: 1px solid #ddd; padding-bottom: 3px; display: none; }
a.cur.show_hide_payment.show_hide_payment_2 { display: none; }
.dv-list-dichvu .dv-group-cart { padding: 5px 0; line-height: 1.4; }
.dv-list-dichvu .dv-group-cart + .dv-group-cart { border-top: 1px solid #d5d5d5; }
.dv-list-dichvu .dv-group-cart h3 { font-size: 15px; font-weight: 500; }
.dv-list-dichvu .dv-group-cart spam.sp-left { font-size: 13px; color: #7c7c7c; }
.text-right { text-align: right; }
.relative.relative_price { font-size: 16px; color: #000; }
.da-giam { padding: 0; margin: 0; font-size: 12px; color: #f30d0d; }
.cls_tietkiem { text-align: right; color: #1c1c1c; font-weight: 500; }
.cls_tietkiem span { color: #f30d0d; font-size: 16px; text-transform: uppercase; }
.dv-list-dichvu .dv-group-cart spam.sp-right { float: right; color: #f30a0a; font-size: 15px; text-transform: uppercase; }
.dr-cart-gr.dr-cart-gr-last { border: none; }
.dv-tomtat-dh ~ .dr-cart-gr { margin-top: 5px; }
.dvbuoc-thanhtoan-box { max-width: 900px; padding: 40px 0 0; position: relative; }
.dvbuoc-thanhtoan-box .dv-grbre { width: calc(100% / 3); float: left; text-align: center; color: #979797; position: relative; z-index: 1; }
.dv-line-bre { display: block; position: absolute; height: 10px; bottom: 15px; z-index: 0; overflow: hidden; background: #e9e9e9; width: 64%; margin-left: 18%; }
.dv-grbre.acti span { color: #2f9785; }
.dv-line-bre span { width: 50%; display: inline-block; float: left; height: 10px; background: #38b19c; }
.dvbuoc-thanhtoan-box .dv-grbre.acti i { color: #FFF; background: #38b19c; border: solid 1px #38b19c; }
.dvbuoc-thanhtoan-box .dv-grbre i { display: block; padding: 6px 10px; margin-top: 5px; width: 40px; color: #979797; margin: 0 auto; margin-top: 10px; background: #fff; font-weight: bold; border: solid 1px #989898; font-size: 18px; text-align: center; font-style: normal; border-radius: 50%; box-shadow: -2px 2px 3px rgb(0 0 0 / 12%); }
.dv-thongtin-cont h3 { font-size: 22px; color: #2f9785; line-height: 1.6; margin: 0; padding: 0 0 5px; text-transform: uppercase; }
.dv-thongtin-cont p { font-size: 14px; line-height: 1.6; color: #626262; padding: 3px 0 0; }
.dv-thongtin-cont { max-width: 700px; width: 100%; border-radius: 6px; padding: 20px; border: 1px solid #dedede; margin: 0 auto; text-align: left; }
.dv-hoantat-cont h3 { font-weight: 500; color: #2f9785; margin: 0 0 10px; text-transform: uppercase; }
.dv-thongtindh, .dv-thongtin-tt, .dv-thongtin-tt,.dv-thongtin-send { border: solid 1px #ddd; padding: 20px; border-radius: 10px; margin-top: 15px; }
.dv-hoantat-cont p { margin: 0; padding: 2px 0; }
.cls_check_domain button.cur.dk.da_add { background: #ff8d00; }
.dv-thongtin-tt hr { border: none; border-top: 1px solid #dfdfdf; padding: 4px 0; margin-top: 8px; }
.dv-thongtin-tt p b.x { text-transform: uppercase; color: #2f9785; }
table.tb-dichvu { font-size: 13px; line-height: 1.4; }
.dv-list-tk a { display: inline-block; float: left; margin: 0 2px; }
.dv-list-tk { display: inline-block; }
.dv-loaichuthe label { padding: 0; display: inline-block; margin: 8px 10px 2px 0; }
img.anh_cmndd1 { height: 100px; display: block; margin: 5px 0 10px; background: #fff; padding: 5px; border: 1px solid #f3f3f3; border-radius: 3px; }
.dv-gia-han { padding: 0 !important; margin: 0 !important; font-size: 12px !important; color: #ff5722; }
.dv-gr-ctv table { margin-top: 20px; }
.dv-cong-tac-vien table { margin-top: 15px; }
.dv-cong-tac-vien table.tb-dichvu * { font-size: 14px !important; }
.dv-cong-tac-vien table.tb-dichvu th { line-height: 1.4; }
.dv-gr-ctv .left { min-width: 74px; display: inline-block; }
.dv-chititet { list-style: none; padding-bottom: 10px; margin-bottom: 8px; border-bottom: dotted #d8d8d8 1px; color: #666; }
.dv-chititet .left { padding: 0; width: 150px; display: inline-block; }
.dv-chitiet-gd .gd-right h1 { font-size: 25px; color: #333; font-weight: 500; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 15px; line-height: 1.2; border-bottom: double #e3e3e3 4px; }
.dv-chititet span.spgia { text-transform: none !important; }
.dv-ctgd-hotro h3 { margin-top: 10px; }
.dv-dangky-gd a i { margin-right: 7px; }
.dv-phuhop { margin: 30px 0 0; }
.dv-phuhop h3 { font-size: 18px; color: #333; font-weight: 300; text-transform: uppercase; padding-bottom: 15px; }
.dv-tags a { display: inline-block; background: #eee; font-size: 14px; padding: 7px 10px; margin: 0 8px 8px 0; line-height: 1.6; text-transform: none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; color: #666; float: left; }
.dv-tags a:hover { background: #ccc; color: #333; }
h3.title-buy { color: #2f9785; font-size: 20px; text-transform: uppercase; font-weight: 400; line-height: 40px; display: inline-block; margin-top: 15px; margin-bottom: 10px; }
.dv-chititet.dv-chititet-buy span.left { width: auto; }
.dv-chititet.dv-chititet-buy span.right { width: auto; float: right; color: #515151; font-weight: 500; font-size: 15px; }
.dv-mua-them { margin-bottom: 25px; }
.dv-chititet.dv-chititet-buy input { width: 16px; height: 16px; margin-right: 8px; position: relative; top: 3px; }
h3.h3-ctv { text-transform: uppercase; font-weight: 400; padding: 0; margin: 0 0 10px; }
table.box-ctv { margin-bottom: 20px; border: 1px solid #ccc; overflow: hidden; padding: 10px; }
.dv-thanhvien-right-gr .center { text-align: center; margin-bottom: 20px; }
.dv-thanhvien-right-gr .center th { text-align: center; }
.dv-thanhvien-right-gr .center td { border: 1px solid #3e9e8e61; }
.dv-hoantat-cont.dv-hoantat-cont-seacrch-dh { max-width: 500px; text-align: center; }
.dv-hoantat-cont-seacrch-dh h3 { font-size: 21px; }
.dv-hoantat-cont-seacrch-dh .dv-thongtindh input { width: 100%; height: 40px; padding: 0 10px; border: 1px solid #ccc; }
.dv-hoantat-cont-seacrch-dh .dv-thongtindh div { position: relative; padding: 8px 0; }
.dv-hoantat-cont-seacrch-dh .dv-thongtindh div span { position: absolute; right: 0; top: 10px; }
.dv-hoantat-cont-seacrch-dh .dv-thongtindh div span i { display: none; }
.dv-hoantat-cont-seacrch-dh .dv-thongtindh div span img { height: 36px; }
.dv-hoantat-cont-seacrch-dh .dv-thongtindh div.dv-alienhe { text-align: center; }
.dv-hoantat-cont-seacrch-dh .dv-thongtindh div.dv-alienhe a { display: inline-block; float: none; margin: 0 !important; }
.dv-hoantat-cont-seacrch-dh .dv-thongtindh div.dv-alienhe div { display: none; }
.dv-dv-hotline-bottom { height: 54px; position: fixed; width: 100%; bottom: 0; background: #222f35; z-index: 111; text-align: center; }
.dv-thuy-trang { width: 1200px; margin: 0 auto; z-index: 1; position: relative; }
.dv-hotline-chantrangchild { display: inline-block; }
.dv-hotline-chantrangchild a { font-size: 16px; font-weight: 300; color: #fff; padding: 0px 40px; display: inline-block; border-right: 1px dotted rgba(255, 255, 255, 0.15); line-height: 1; margin: 18px 0; float: left; }
.dv-hotline-chantrangchild a i { margin-right: 6px; top: 1px; position: relative; }
.dv-hotline-chantrangchild a b { font-weight: 300; }
.dv-ctgd-hotro { margin-top: 20px; }
#stringee-intergrate-container { width: 0px; height: 0px; position: absolute; right: 0px; bottom: 0px; }
#stringee-intergrate-container .stringee-page-incall { -webkit-animation: stringee-fadeIn 1s; animation: stringee-fadeIn 1s; }
#stringee-intergrate-container .stringe-intergrate-button-container { position: fixed !important; bottom: 0px; left: 0px; height: 120px !important; width: 120px !important; z-index: 1111 !important; cursor: pointer; }
#stringee-intergrate-button { width: 50px !important; height: 50px !important; bottom: 35px; right: 35px; }
.stringee-circle-fill { width: 80px; height: 80px; bottom: 20px; right: 20px; }
.stringee-circle { width: 110px; height: 110px; bottom: 3px; right: 3px; }
#stringee-intergrate-button .stringee-intergrate-open-icon { left: calc(50% - 13px); top: calc(50% - 13px); width: 26px; height: 26px; text-align: center; line-height: 26px; }
.stringee-extra-image { position: absolute; z-index: 100000000000; top: -30px; }
#stringee-intergrate-container .stringe-intergrate-button-container #stringee-intergrate-button { z-index: 2147482999 !important; position: absolute; bottom: 30px; right: 30px; height: 60px !important; width: 60px !important; border-radius: 100px !important; border: none; -webkit-transition: width 0.4s ease 0.2s, -webkit-box-shadow 80ms ease-in-out !important; transition: width 0.4s ease 0.2s, -webkit-box-shadow 80ms ease-in-out !important; transition: box-shadow 80ms ease-in-out, width 0.4s ease 0.2s !important; transition: box-shadow 80ms ease-in-out, width 0.4s ease 0.2s, -webkit-box-shadow 80ms ease-in-out !important; -webkit-animation: stringee-launcher-frame-appear 0.25s ease !important; animation: stringee-launcher-frame-appear 0.25s ease !important; }
#stringee-intergrate-container .stringe-intergrate-button-container #stringee-intergrate-button .stringee-intergrate-icon { -webkit-transition: opacity .08s linear,-webkit-transform .16s linear; transition: opacity .08s linear,-webkit-transform .16s linear; transition: transform .16s linear,opacity .08s linear; transition: transform .16s linear,opacity .08s linear,-webkit-transform .16s linear; position: relative; width: 60px; height: 60px; left: 0px; top: 0px; }
#stringee-intergrate-container .stringe-intergrate-button-container #stringee-intergrate-button .stringee-intergrate-close-icon { opacity: 0; -webkit-transform: rotate(30deg) scale(0); transform: rotate(30deg) scale(0); position: absolute; left: calc(50% - 7px); top: calc(50% - 8px); width: 14px; height: 14px; }
#stringee-intergrate-container .stringe-intergrate-button-container #stringee-intergrate-button .stringee-intergrate-close-icon svg { width: 100%; height: 100%; }
#stringee-intergrate-container .stringe-intergrate-button-container #stringee-intergrate-button .stringee-intergrate-open-icon { opacity: 1; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); position: absolute; left: calc(50% - 16px); top: calc(50% - 16px); width: 32px; height: 32px; }
#stringee-intergrate-container .stringe-intergrate-button-container #stringee-intergrate-button.stringee-intergrate-button-active .stringee-intergrate-close-icon { opacity: 1; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
#stringee-intergrate-container .stringe-intergrate-button-container #stringee-intergrate-button.stringee-intergrate-button-active .stringee-intergrate-open-icon { opacity: 0; -webkit-transform: rotate(30deg) scale(0); transform: rotate(30deg) scale(0); }
#stringee-intergrate-container .stringe-intergrate-button-container #stringee-intergrate-button .stringee-circle-shake { -webkit-animation: stringee-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: stringee-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: stringee-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: stringee-alo-circle-img-anim 1s infinite ease-in-out; animation: stringee-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%; }
.stringee-circle-fill { width: 70px; height: 70px; bottom: calc(50% - 35px); right: calc(50% - 35px); position: absolute; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; opacity: .1; -webkit-animation: stringee-alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: stringee-alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: stringee-alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: stringee-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: stringee-alo-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; display: block; }
.stringee-circle { width: 120px; height: 120px; bottom: calc(50% - 60px); right: calc(50% - 60px); position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid #13c2488a; opacity: .1; -webkit-animation: stringee-alo-circle-anim 1.2s infinite ease-in-out; -moz-animation: stringee-alo-circle-anim 1.2s infinite ease-in-out; -ms-animation: stringee-alo-circle-anim 1.2s infinite ease-in-out; -o-animation: stringee-alo-circle-anim 1.2s infinite ease-in-out; animation: stringee-alo-circle-anim 1.2s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; display: block; }
.stringee-intergrate-icon i { width: 100%; height: 100%; font-size: 24px; color: #fff; }
.stringe-intergrate-button-container.btn_container_small a { background: #ff8d00; font-size: 14px; color: #fff; padding: 9px 15px 9px 24px; text-transform: capitalize; position: relative; top: 50px; left: 65px; white-space: nowrap; border-radius: 0 100px 100px 0; }
@-webkit-keyframes stringee-launcher-frame-appear { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes stringee-launcher-frame-appear { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@-moz-keyframes stringee-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg); }
10% { -moz-transform: rotate(-25deg) scale(1) skew(1deg); }
20% { -moz-transform: rotate(25deg) scale(1) skew(1deg); }
30% { -moz-transform: rotate(-25deg) scale(1) skew(1deg); }
40% { -moz-transform: rotate(25deg) scale(1) skew(1deg); }
50% { -moz-transform: rotate(0) scale(1) skew(1deg); }
100% { -moz-transform: rotate(0) scale(1) skew(1deg); }
}
@-webkit-keyframes stringee-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); }
}
@-o-keyframes stringee-alo-circle-img-anim { 0% { -o-transform: rotate(0) scale(1) skew(1deg); }
10% { -o-transform: rotate(-25deg) scale(1) skew(1deg); }
20% { -o-transform: rotate(25deg) scale(1) skew(1deg); }
30% { -o-transform: rotate(-25deg) scale(1) skew(1deg); }
40% { -o-transform: rotate(25deg) scale(1) skew(1deg); }
50% { -o-transform: rotate(0) scale(1) skew(1deg); }
100% { -o-transform: rotate(0) scale(1) skew(1deg); }
}
@keyframes stringee-alo-circle-anim { 0% { transform: rotate(0) scale(0.5) skew(1deg); opacity: 0.1; }
30% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.5; }
100% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.1; }
}
@-moz-keyframes stringee-alo-circle-fill-anim { 0% { -moz-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; }
50% { -moz-transform: rotate(0) -moz-scale(1) skew(1deg); opacity: 0.2; }
100% { -moz-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; }
}
@-webkit-keyframes stringee-alo-circle-fill-anim { 0% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; }
50% { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: 0.2; }
100% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; }
}
@-o-keyframes stringee-alo-circle-fill-anim { 0% { -o-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; }
50% { -o-transform: rotate(0) scale(1) skew(1deg); opacity: 0.2; }
100% { -o-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; }
}
@keyframes stringee-alo-circle-fill-anim { 0% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; }
50% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.2; }
100% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; }
}
@-webkit-keyframes stringee-fadeIn { from { opacity: 0; }
to { opacity: 1; }
}
@-moz-keyframes stringee-fadeIn { from { opacity: 0; }
to { opacity: 1; }
}
@-o-keyframes stringee-fadeIn { from { opacity: 0; }
to { opacity: 1; }
}
@keyframes stringee-fadeIn { from { opacity: 0; }
to { opacity: 1; }
}
@-webkit-keyframes stringee-fadeOut { from { opacity: 1; }
to { opacity: 0; }
}
@-moz-keyframes stringee-fadeOut { from { opacity: 1; }
to { opacity: 0; }
}
@-o-keyframes stringee-fadeOut { from { opacity: 1; }
to { opacity: 0; }
}
@keyframes stringee-fadeOut { from { opacity: 1; }
to { opacity: 0; }
}
.stringee-intergrate-icon i { top: 3px; position: relative; }
span.sp-line { overflow: hidden; }
.fab-title { opacity: 0 !important; background: black; padding: 5px 20px; border-radius: 100px; }
a.fab-action.fab-action-2 .fab-title { background: #ffbb00; }
a.fab-action.fab-action-3 .fab-title { background: #2095ea; }
a.fab-action.fab-action-5 .fab-title { background: #039947; }
a.fab-action.fab-action-4 .fab-title { background: #2f82fc; }
a.cur.fab-action.fab-action-6 .fab-title { background: #5aa009; }
.fab-wheel .fab-action:hover span.fab-title { opacity: 1 !important; }
.dv-box-title { max-width: 1000px; text-align: center; line-height: 1.5; padding: 10px 0 30px; }
.dv-box-title h2 { color: #38977f; padding: 0 0 10px; }
.dv-box-row .dv-left { width: 50%; float: left; padding-right: 20px; }
.dv-box-row .dv-left img { width: 100%; }
.dv-box-row .dv-right { width: 50%; float: right; text-align: left; padding-left: 15px; }
.dv-box-row .dv-right h3 { color: #2f9785; padding: 0 0 15px; font-size: 18px; line-height: 1.4; }
.dv-box-row .dv-right p { padding: 0 0 4px; }
.dv-list-child-cont.dv-list-child-cont-2 { background: #f9f9f9; padding: 40px 0; }
.dv-list-child-cont h3 ,.dv-list-child-cont .h3{ color: #2f9785; padding: 0 0 15px; font-size: 18px; line-height: 1.4; }
.dv-dangky-tenmien.dv-dangky-tenmien-1.dv-dangky-tenmien-bg.dv-thiet-ke-web { background: #2f9785; color: #fff; text-align: center; }
.dv-dangky-tenmien.dv-dangky-tenmien-1.dv-dangky-tenmien-bg.dv-thiet-ke-web h3.dv-title { text-transform: uppercase; }
.dv-dangky-tenmien.dv-dangky-tenmien-1.dv-dangky-tenmien-bg.dv-thiet-ke-web .dv-domain-cont >p { max-width: 1000px; margin: 0 auto 30px; }
.dv-dangky-tenmien.dv-dangky-tenmien-1.dv-dangky-tenmien-bg.dv-thiet-ke-web .left { width: 100%; padding: 0; }
.dv-dangky-tenmien.dv-dangky-tenmien-1.dv-dangky-tenmien-bg.dv-thiet-ke-web .left li { width: calc(100% / 2 - 20px); margin: 0 10px 20px; float: left; }
.dv-dangky-tenmien.dv-dangky-tenmien-1.dv-dangky-tenmien-bg.dv-thiet-ke-web input,.dv-dangky-tenmien.dv-dangky-tenmien-1.dv-dangky-tenmien-bg.dv-thiet-ke-web textarea { height: 44px; border: none; font-size: 15px; border-radius: 6px; }
.dv-dangky-tenmien.dv-dangky-tenmien-1.dv-dangky-tenmien-bg.dv-thiet-ke-web .right { width: 100%; padding: 0; }
.dv-dangky-tenmien.dv-dangky-tenmien-1.dv-dangky-tenmien-bg.dv-thiet-ke-web .right textarea { width: calc(100% - 20px); margin: 0 10px 20px; height: 150px; }
.dv-dangky-tenmien.dv-dangky-tenmien-1.dv-dangky-tenmien-bg.dv-thiet-ke-web .left img { height: 40px; }
.dv-dangky-tenmien.dv-dangky-tenmien-1.dv-dangky-tenmien-bg.dv-thiet-ke-web .dv-alienhe { margin: 0; text-align: center; }
.dv-dangky-tenmien.dv-dangky-tenmien-1.dv-dangky-tenmien-bg.dv-thiet-ke-web .dv-alienhe a { display: inline-block; float: none; background: #38b19c; border: 1px dotted #fff; padding: 8px; margin: 0 !important; min-width: 180px !important; }
.dv-dangky-tenmien.dv-dangky-tenmien-1.dv-dangky-tenmien-bg.dv-thiet-ke-web .dv-alienhe a:hover { background: #46cfb7; }
.dv-box-loi-ich { padding: 40px 0; overflow:hidden;}
.dv-box-loi-ich-box { margin: 0 -20px; }
.dv-box-loi-ich-box .dv-showText { width: calc(100% / 3 - 40px); margin: 0 20px; float: left; }
.dv-box-loi-ich-box h3 { color: #2f9785; padding: 0 0 10px; font-size: 19px; }
.dv-box-loi-ich.dv-box-loi-ich-2 { background: #f9f9f9; }
.dv-box-left .dv-left { width: 50%; float: left;line-height:0; }
.dv-box-left .dv-right { width: 50%; float: left; text-align: left; padding: 30px 0; display: flex; align-items: center; padding-left: 50px; }
.dv-box-left .dv-left img { width: 100%; }
.dv-box-left:nth-child(2n + 2) .dv-left { float: right; margin: 0; order: 2; }
.dv-box-left:nth-child(2n + 2) .dv-right { float: left; margin: 0; order: 1; padding-left: 0; padding-right: 50px; }
.dv-box-line { padding: 70px 0; background: url('../images/online-web-design-bg.jpg'); position: relative; background-attachment: fixed; }
.dv-box-line:before { background-color: rgb(0 0 0 / 48%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; content: ""; }
.dv-box-line-home { color: #fff; position: relative; z-index: 1; }
.dv-box-line-home p { margin: 0; padding: 0 0 7px; font-size: 28px; line-height: 1.4; font-weight: 700; }
.dv-box-line-home a { font-size: 15px; padding: 12px 25px; border: none; border-radius: 5px; background: #38b9a2; color: #fff; display: inline-block; margin-top: 15px; }
.dv-box-line-home a:hover { background: #4cdcc3; }
.dv-full-row ul { margin-left: 15px; }
img { max-width: 100%; height: auto; }
.dv-title-kh { padding: 15px 0 0; }
.dv-title-kh a { font-size: 16px; color: #333; line-height: 1.5; }
.dv-cont-giaodien.dv-cont-giaodien-ds .dv-pt-giaodien.dv-pt-giaodien-kh { width: calc(100% / 4 - 20px); }
a.a-link-kh { font-size: 14px; color: #FF5722; }
.dv-giaodien.dv-giaodien-khhh { padding: 10px; }
.dv-cont-giaodien.dv-cont-giaodien-ds.flex .dv-giaodien.dv-giaodien-khhh { width: calc(100% / 3 - 20px); margin: 0 10px 20px; }
.dv-thietkewebsite-theoyc h1 { font-weight: normal; font-size: 34px; line-height: 1.2 }
.dv-caocap { font-size: 27px; margin-bottom: 10px; font-weight: normal; color: #2f9785; }
.dv-caocap span.sp1 { color: #f25b64; }
.dv-caocap span.sp2 { color: #dd356e; }
.dv-caocap .sp3 { color: #00a5de; }
.dv-caocap span { font-weight: 500; }
.showText h2 { padding: 20px 0 10px; }
.dv-tags { padding: 10px 0 20px; }
.dv-tags a, .dv-tags b {padding: 4px 12px; display: inline-block; margin-right: 5px; margin-bottom: 5px; font-size: 13px; line-height: 1.4; float: left; }
.dv-tags a { display: inline-block; padding: 4px 12px; color: #666; background: #f1f5f9 none; border-radius: 13px; font-weight: normal; }
.dv-tags a:hover { background: #2f9785; color: #fff; }
.dv-pt-giaodien h3 { padding: 0 5px; }
.dv-danhmuc-gdhome-ladding { text-align: center; margin-bottom: 30px; }
.dv-danhmuc-gdhome-ladding a { display: inline-block; border: 1px solid #dcdcdc; padding: 9px 30px; margin: 0 5px; border-radius: 7px; color: #333; background: #fff; transition: all .7s; min-width: 120px; }
.dv-danhmuc-gdhome-ladding a.acti, .dv-danhmuc-gdhome-ladding a:hover { background: #38b19c; color: #fff; border-color: #38b19c; border-radius: 100px; }
.dv-lading-child a { display: inline-block; border: 1px solid #f3f3f3; color: #333; font-size: 14px; padding: 4px 10px 3px; margin: 0 2px 8px; border-radius: 100px; transition: all .4s; line-height: 1.4; }
.dv-lading-child { text-align: center; margin-bottom: 30px; }
.dv-lading-child a.acti, .dv-lading-child a:hover { background: #38b19c; color: #fff; border-color: #38b19c; border-radius: 100px; }
.dv-titqt .p-lading { margin-bottom: 20px; }
.dv-pt-giaodien.dv-pt-ladding .dv-giaodien { background: #fff; }
.dv-danhmuc-gdhome-ladding a { border-radius: 100px; }
.dv-danhmuc-gdhome-ladding.dv-danhmuc-gdhome-ladding-ldmini a { padding: 8px 20px; border-radius: 100px; }
.dv-abng-gia {
    width: auto;
    background: #ff0100;
    text-align: left;
    padding-left: 5px;
    padding-right: 20px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    display: inline-block;
    line-height: 1.4;
    margin: 0;
    animation-name: stretch;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running;
        margin-left: 3px;
    border-radius: 2px 0 0 2px;
}

.dv-abng-gia:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #2f9785;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0s;
}
.menu > li a.acti .dv-abng-gia:before,
.menu > li:hover .dv-abng-gia:before {
    border-right: 10px solid #298776;
}
@keyframes stretch{0%{background-color:red}50%{background-color:orange}100%{background-color:#24c19b}}
@media only screen and (max-width: 1199px) {.pagewrap ,.dv-thuy-trang{ width: 100%; padding-left: 10px; padding-right: 10px}
* { margin: 0px auto; padding: 0px auto; outline: none; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.menu > li:first-child a { padding-left: 10px; }
.menu > li > a { padding: 12px 10px; }
.dv-timkiem {width: calc(100% - 790px); }
.dv-fotrihgt img { max-width: 124px; display: block; margin: 0 0 10px; }
.dv-goi-dk.flex { margin: 0 -10px; }
}
@media only screen and (max-width: 992px) { .mn-mobile { display: block !important; padding: 0; margin: 0; }
a.a_trangchu_mb { display: none; position: absolute; left: 0; color: #fff; padding: 7px 12px; font-size: 20px; top: 0px; }
.menu-bar.hidden-md.hidden-lg { padding: 10px 8px; height: 36px; cursor: pointer; display: inline-block; float: right; position: absolute; left: 5px; margin-top: 3px; border-radius: 3px; }
.thamgia_icon { float: right; padding-top: 0; }
div#mm-0 { background: #fff !important; }
ul.mm-listview i.fa.fa-angle-down { display: none; }
.mn-mobile img { float: left; height: 16px; line-height: 30px;}
.mm-panel.mm-hasnavbar .mm-navbar { background: #2f9785 !important; height: 38px; line-height: 18px; }
.mn-mobile span { width: 30px; height: 4px; background: #fff; border-radius: 100px; display: block; margin: 6px 0; }
ul.menu.no_box { display: none; }
.dv-timkiem { width: calc(100% - 80px); top: 5px; }
.dv-menu { height: 42px; }
.dv-header-banner .left { display: none; }
.dv-header-banner .right { width: 100%; }
.dv-header-banner .right p { margin-left: 0; }
.dv-header-banner .right span.lin { margin-right: 9px; }
.a-hotro { margin-left: 15px; }
.dv-logo { margin-right: 0; }
.dv-slider-home { background: none !important; }
.dv-danhmuc-gdhome { width: 1000px; margin: 0; }
.dv-danhmuc-gdhome .dv-dmhome { width: 10%; float: left; text-align: center; padding: 0 7px; }
.dv-danhmuc-gdhome-cont { overflow-x: auto; width: 100%; }
.dv-danhmuc-gdhome-cont { overflow-x: auto; width: 100%; }
.dv-slider-home { padding: 30px 0; }
.dv-slider-home-cont { width: 100%; max-width: 100%; }
.dv-thietkewebsite-theoyc { font-size: 28px; }
.dv-slider-home-cont p { font-size: 15px; }
.dv-slider-home-cont a { height: 42px; line-height: 42px; font-size: 15px; padding: 0 20px; margin-bottom: 0; }
.div-khogiaodien { padding: 30px 0; }
.dv-titqt h3 { font-size: 26px; line-height: 1.5; }
.dv-pt-giaodien { width: calc(100% / 3 - 20px); }
ul.dv-footer-child { width: calc(100% / 3 - 20px); margin-bottom: 20px; }
ul.dv-footer-child.dv-footer-1-center.dv-footer-1-center-5,ul.dv-footer-child.dv-footer-1-right.dv-footer-1-center-0 { width: calc(100% / 3 - 20px); padding-left: 0; }
.dv-bct a { width: auto; margin: 0 10px 0 0; }
.mycart.ok { top: 60px; right: 15px; }
.dv-page-header-child h1, .dv-page-header-child h3 { font-size: 20px; }
.dv-page-header-child { padding: 40px 0; }
.dv-list-child-cont { padding: 35px 0; }
div.mycart.ok { opacity: 1!important; z-index: 150; visibility: visible; width: 35px; height: 35px; }
.showText h2 { font-size: 18px; line-height: 1.4; }
.dv-cont-giaodien.dv-cont-giaodien-ds .dv-pt-giaodien { width: calc(100% / 2 - 20px); }
.dv-chititet .right { padding-left: 10px; font-size: 15px; }
.dv-chititet .left { font-size: 14px; padding-bottom: 0; }
.dv-right img { max-width: 100%; }
.dv-sanpham { width: calc(100% / 2 - 20px); padding: 15px; margin: 0 10px 20px; }
.dv-dv-hotline-bottom { display: none; }
.dv-cont-giaodien.dv-cont-giaodien-ds .dv-pt-giaodien.dv-pt-giaodien-kh { width: calc(100% / 3 - 20px); }
.dv-thietkewebsite-theoyc h1 { font-size: 20px; }
.dv-caocap { font-size: 18px; }
.dv-abng-gia:before {
    border-right: 10px solid #fff !important;
}
}
@media only screen and (max-width: 767px) { .a-hotro span { display: none; }
.dv-header { padding: 10px 0; }
span.sp-line img { height: 15px; }
.fab-wrapper { bottom: -80px !important; left: 75px !important; }
#back-top { bottom: 105px; right: 21px; }
.dv-logo img { height: 42px; }
.a-hotro .num.num_js_count {display: block;}
.dv-titqt h3 { font-size: 22px; line-height: 1.5; }
.dv-titqt p { font-size: 15px; width: 100%; text-align: center; font-weight: 300; margin: 10px auto 25px; max-width: 700px; }
.dv-pt-giaodien { width: calc(100% / 2 - 20px); }
.dv-quytrinh-2 { display: none; }
.dv-uudiem-vuottroi { display: none; }
.dv-cauhoi-home { padding: 30px 0; background: #f7f7f7; }
.dv-khachhang-home { display: none; }
.dv-fotleft { width: 100%; float: left; padding-right: 0; }
.dv-fotrihgt { width: 100%; margin-top: 15px; }
img.sky-line { max-width: 100%; height: auto; }
#stringee-intergrate-container .stringe-intergrate-button-container { left: -55px; bottom: 14px; }
div#stringee-intergrate-button { display: none; }
.stringee-circle-fill { display: none !important; }
.stringee-circle { display: none !important; }
.stringe-intergrate-button-container.btn_container_small a { font-size: 13px; padding: 9px 15px; border-radius: 100px; }
.dv-thietkewebsite-theoyc { font-size: 22px; }
.dv-slider-home { padding: 22px 0; }
.dv-slider-home-cont a { height: 38px; line-height: 38px; font-size: 14px; padding: 0 18px; margin-bottom: 0; }
.dv-item { width: calc(100% - 20px); float: left; margin: 0 10px; }
.question { background: none; border: none; }
.question a { padding: 6px 20px 6px 35px;line-height: 1.4; font-size: 15px; }
.question::after { font-size: 19px; top: 7px; }
.dv-item.active .question { border-top: 2px solid #32bb9d; border-bottom: none; color: #32bb9d; }
ul.dv-footer-child { width: calc(100% / 2 - 20px); margin-bottom: 20px; }
ul.dv-footer-child.dv-footer-1-center.dv-footer-1-center-5, ul.dv-footer-child.dv-footer-1-right.dv-footer-1-center-0 { width: calc(100% / 2 - 20px); padding-left: 0; }
ul.dv-footer-child.dv-footer-1-right.dv-footer-1-center-0 { display: none; }
.dv-cauhoi-home-cont { margin: 0 -10px; margin-bottom: 0; }
.dv-titqt p { margin-bottom: 10px; }
.btn-xemthem { padding: 8px 20px; }
.a-hotro .num.num_js_count { top: -7px; }
.dv-page-header-child { padding: 35px 0; }
.dv-page-header-child h1, .dv-page-header-child h3 { font-size: 16px; line-height: 1.6; }
.liconk { left: 5px; width: 34px; }
.liconk img { width: 34px; height: 35px; }
.dv-batchat-fb { right: 10px; }
.showText ul li { margin-left: 15px; }
.dv-right-giaodien { width: 100%; }
.dv-left-giaodien { width: 100%; padding: 0; }
.dv-giaodien h3 { padding: 0; margin: 10px 0 0; }
.dv-giaodien h4,.dv-giaodien .h4 { padding: 0; font-size: 16px; }
.dv-chitiet-gd .gd-left { width: 100%; }
.dv-chitiet-gd .gd-right { width: 100%; padding-top: 20px; }
.dv-chitiet-gd .gd-left .dv-mb { right: 0; }
.dv-chitiet-gd .gd-left .dv-pc { width: 90%; }
.dv-chititet { margin-bottom: 6px; }
.dv-dangky-gd a { padding: 5px 20px; font-size: 14px; min-width: 100px; }
.tit-lienquan { font-size: 20px; line-height: 1.5; margin-bottom: 15px; margin-top: 30px; }
.dv-right img { max-width: 100%; }
.dv-right { width: 100%; margin-bottom: 15px; }
.dv-left { width: 100%; }
.dv-chamsoc-child { width: calc(100% - 20px); margin: 5px 10px; padding: 10px; }
.dv-chamsoc-home { padding: 30px 0; }
.dv-chamsoc-child img { width: 75px;height: 75px; object-fit: cover; }
.dv-chamsoc-child span { width: calc(100% - 75px); font-size: 14px; }
.dv-dangky-tenmien { padding: 30px 0 30px; }
.dv-dangky-goi-bct .dv-title { padding: 20px 0; font-size: 22px; line-height: 1.5; padding-top: 10px; padding-bottom: 0; }
.dv-gr-bct { width: calc(100% / 2 - 20px); margin: 0 10px; }
.dv-gr-bct h2 { font-size: 16px; line-height: 1.5; }
.dv-goi-dk.flex { margin: 0 -10px; }
.dv-dangky-goi-bct.dv-goi-thietke .dv-gr-bct { width: calc(100% / 2 - 20px); margin: 0 10px 15px; }
.dv-logo-box { width: calc(100% / 4 - 20px);}
.dv-search-tm button { font-size: 16px; padding: 0 20px; width: auto; }
.dv-tk-tenmien { padding: 30px 0; }
.dv-search-tm .dv-left { display: inline-block; padding-left: 0; float: left; width: 55px; white-space: nowrap; }
.dv-search-tm .dv-left span.s3 { font-size: 20px; }
.dv-search-tm .dv-left span.s2 { font-size: 16px; }
.dv-search-tm .dv-left span { font-size: 14px; }
.dv-search-tm .dv-left { display: inline-block; padding-left: 0; float: left; width: 50px; white-space: nowrap; }
.dv-search-tm .dv-right { width: calc(100% - 50px); float: left; margin: 0; }
.dv-search-tm { margin: 20px 0px; }
table th { font-size: 14px; line-height: 1.5; }
.dv-table-bang-gia { font-size: 14px; }
.dv-table-bang-gia a { padding: 8px 10px; font-size: 14px; font-weight: 400; white-space: nowrap; }
.dv-table-responsive { width: 100%; overflow-x: auto; }
.dv-tk-tenmien-child p { font-size: 16px; line-height: 25px; }
.dv-left h3 { font-size: 25px; line-height: 1.6; margin-bottom: 12px; }
.dv-search-tm input { width: 100%; padding: 0 0 0 5px; font-size: 15px; }
.cls_check_domain span.pri { font-size: 16px; }
.dv-sosanh.cls_sosanh { padding: 30px 0; }
.dv-sosanh.cls_sosanh .dv-title { font-size: 22px; line-height: 1.3; }
.dv-chtiet-hosting,.dv-sosanh.cls_sosanh { display: none; }
.dv-sanpham .dv-view { display: none; }
.dv-sanpham h3 a { font-size: 20px; padding: 0; }
.dv-sanpham .price { font-size: 22px; margin: 15px 0 5px; }
.dv-tinleft { width: 100%; padding: 0; }
.dv-tinright { width: 100%; position: relative; }
.dv-checkout-cont .dv-left { width: 100%; }
.dv-checkout-cont .dv-right { width: 100%; }
.dv-checkout-cont .dv-left table { margin-bottom: 15px; }
.dv-hinhthuc-tt h3 { font-size: 20px; }
.dv-right-tv { width: 100%; padding: 0; }
.dv-left-tv { width: 100%; float: left; margin-top: 15px; }
.dv-ndthanhvien { padding: 0; border: none; }
.dv-table-reposive-n { width: 100%; overflow-x: auto; }
.dv-table-reposive-n table { width: 1000px; }
.dv-cont-giaodien.dv-cont-giaodien-ds .dv-pt-giaodien.dv-pt-giaodien-kh { width: calc(100% / 2 - 20px); }
.dv-cont-giaodien.dv-cont-giaodien-ds.flex .dv-giaodien.dv-giaodien-khhh { width: calc(100% / 2 - 20px); margin: 0 10px 20px; }
}
@media only screen and (max-width: 479px) { .a-hotro { margin-left: 5px; }
.dv-header-banner .right p ~ p, .dv-header-banner .right .lin { display: none; }
a.a-hotro.a-hotro-hd { position: absolute; top: 8px; right: 42px; }
a.a-hotro.a-hotro-lang { position: absolute; top: 8px; right: 10px; }
.a-hotro img { height: 18px; margin-right: 0; margin-left: 8px; }
.dv-pt-giaodien { width: calc(100% / 1 - 20px); }
.dv-giaodien { margin-bottom: 10px; }
.dv-fotleft h3, .dv-fotleft h5, .dv-footer-child h3, .dv-fotrihgt h3,.dv-footer-child h5 { font-size: 17px; }
.dv-cont-giaodien.dv-cont-giaodien-ds .dv-pt-giaodien { width: calc(100% / 1 - 20px); }
.dv-gr-bct { width: calc(100% / 1 - 20px); float: left; margin: 0 10px 15px; }
.dv-title { font-size: 25px; line-height: 1.6; display: block; font-weight: 400; }
.dv-grhoidap > a { font-size: 14px; line-height: 1.5; padding-bottom: 10px; }
.dv-dangky-goi-bct.dv-goi-thietke .dv-gr-bct { width: calc(100% / 1 - 20px); margin: 0 10px 15px; }
.dv-logo-box { width: calc(100% / 2 - 20px);}
.cls_check_domain span.pri { width: 100%; text-align: right; }
.dv-sanpham { width: calc(100% / 1 - 20px); }
.dv-contact .left { width: 100%; padding: 0; }
.dv-contact .right { width: 100%; padding: 0; }
.dv-cont-giaodien.dv-cont-giaodien-ds .dv-pt-giaodien.dv-pt-giaodien-kh { width: calc(100% / 1 - 20px); }
.dv-cont-giaodien.dv-cont-giaodien-ds.flex .dv-giaodien.dv-giaodien-khhh { width: calc(100% / 1 - 20px); margin: 0 10px 20px; }
}
.fab-wrapper { position: fixed; bottom: -20px; right: auto; z-index: 100; left: 100px;}
.fab-wrapper, .fab-wrapper * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.fab-checkbox { display: none!important; }
.cls-no-bgg.hideee { display: block !important; position: fixed; z-index: 9; top: 0; left: 0; right: 0; bottom: 0; background: rgb(0 0 0 / 70%); }
.fab { width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; margin: 0; border-radius: 50%; background: #2f9785; box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%); position: absolute; right: 10px; bottom: 130px; z-index: 1000; transform: rotate(0deg); transition: all .15s cubic-bezier(.15,.87,.45,1.23); animation: pulse-red 2s infinite; }
.fab-checkbox:not(:checked)~.fab { cursor: pointer; box-shadow: 0 0 0 0 #c31d1d; }
input#fabCheckbox:checked ~ .fab { background: #38b19c; }
[class*=icon-cps-] { display: inline-block; vertical-align: middle; background-image: url(../images/icon_hotline.png)!important; background-repeat: no-repeat; background-size: 453px; }
.icon-cps-fab-menu { width: 50px; height: 50px; margin: 0!important; background-size: 500px; background-position: -464px 7px; }
.fab-wheel { width: 300px; height: 220px; position: absolute; bottom: 15px; right: auto; transform: scale(0); transform-origin: top left; transition: all .3s ease; z-index: 12; left: -150px; }
.fab-checkbox:checked~.fab-wheel { transform: scale(1); }
.fab-wheel .fab-action { display: flex; align-items: center; font-size: 14px; font-weight: 700; color: #fff; position: absolute; text-decoration: none; right: auto; left: 25px; cursor: pointer;}
.fab-title { float: left; margin: 0 0 0 12px; opacity: 0; }
.fab-checkbox:checked~.fab-wheel { left: -80px; transform: scale(1); }
.fab-button { width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; float: left; padding: 0px; border-radius: 50%; box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%); font-size: 24px; color: #fff; transition: all 1s ease; overflow: hidden; }
.fab-button img { width: 100%; height: 100%; }
.icon-cps-phone { width: 28px; height: 28px; background-position: -51px -49px; }
.fab-wheel .fab-button-4 { background: #2f82fc; }
.icon-cps-chat-zalo { width: 30px; height: 30px; background-position: -362px -1px; background-size: 515px; }
.fab-checkbox:checked~.fab .icon-cps-fab-menu { width: 30px; height: 30px; margin: 0; background-size: 615px; background-position: -291px -70px; }
.icon-cps-chat { width: 30px; height: 30px; background-position: -369px 0; }
.fab-action.fab-action-6 { bottom: 200px; }
.fab-wheel .fab-action-4 { bottom: 257px;}
.fab-wheel .fab-action-3 { bottom: 315px;}
.fab-action.fab-action-5 { bottom: 372px; }
.fab-wheel .fab-action-2 { bottom: 430px; }
.fab-button.fab-button-2 { background: #fb0; }
@keyframes pulse-red{0%{transform:scale(.95);box-shadow:0 0 0 0 rgb(47 151 133 / 70%)}
70%{transform:scale(1);box-shadow:0 0 0 10px rgb(47 151 133 / 0%)}
to{transform:scale(.95);box-shadow:0 0 0 0 rgba(215,0,24,0)}
}
@media only screen and (max-width: 767px ){ .fab-wrapper {display: block}
.bottom_id_copyright { display: none; }
a.dv-popup-1.cur.popup.dmd-phone.dmd-green.dmd-show.mobile { display: none; }
.dv-box-row .dv-left { width: 100%; padding: 0 0 15px; }
.dv-box-row .dv-right { width: 100%; padding: 0; }
.dv-box-loi-ich-box .dv-showText { width: 100%; margin: 0 0 20px; padding: 0; }
.dv-box-loi-ich-box { margin: 0; }
.dv-box-left:nth-child(2n + 2) .dv-left { order: 1; }
.dv-box-left:nth-child(2n + 2) .dv-right { order: 2; }
.dv-box-left .dv-left { width: 100%; }
.dv-box-left .dv-right { width: 100%; padding: 20px 0 !important; }
}