@charset "utf-8";

body { margin: 0px auto; padding: 0px; font-size: 14px; line-height: 1.6; font-family: Arial, sans-serif,  Helvetica, Tahoma; font-weight: normal; color: #333; 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: #0479b5; color: #fff; }
::-webkit-selection { background-color:#0479b5; color: #fff; }
-webkit-::selection { background-color: #0479b5; color: #fff; }
::-moz-selection { background-color:#0479b5; color: #fff; }
.showText {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}
.showText strong, .showText b { font-weight: 700; }
.showText p { padding-bottom: 10px; margin: 0; }
.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: 600; font-size: 18px; color: #ed1e28; padding-bottom: 15px; }
.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 { display: block; line-height: 25px; position: relative; z-index: 2; font-size: 16px; text-decoration: none; text-transform: uppercase; color: #fff; font-weight: 500; margin: 6px 0; padding: 7px 20px; }
.menu > li > a i { display: inline-block; vertical-align: middle; margin: -2px 0 0 1px; color: inherit; font-size: 11px; padding-left: 5px; }
.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_header.fixed .menu > li.active:before {display: 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: 250px; 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%; padding-top: 10px; }
.menu > li > ul:before { content: ""; border: solid 7px transparent; border-bottom-color: #009de0; width: 0; height: 0; position: absolute; top: -4px; left: 17px; z-index: 2; }
.menu > li > ul > li, .menu > li > ul > li li { z-index: 2; position: relative; margin: 0; color: #fff; font-weight: 500; padding: 0 12px; background: #009de0; }
.menu > li > ul > li:first-child, .menu > li > ul li li:first-child { padding-top: 10px; border-radius: 5px 5px 0 0; }
.menu > li > ul > li:last-child, .menu > li > ul > li li:last-child { padding-bottom: 10px; 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 / 25%); text-decoration: none !important; text-transform: capitalize; text-align: left; font-size: 15px; color: #fff !important; font-weight: 500; width: 100%; padding: 8px 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: 8px 10px; background: #008ac5; border-color: transparent; color: #fff !important; }
.menu > li:hover > a { color: #ffffff !important; background: #009de0; border-radius: 5px; }
.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 > a, .menu > li > a:after, .menu > li > ul > li > a, .menu > li li > ul > li > a { 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; }
.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; padding: 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; }
.nums a { font-size: 14px; display: block; margin: 0 4px; line-height: 34px; height: 35px; 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: #0698d6; background: #0698d6; color: #fff; }
.showText .fa { margin-right: 10px; }
.showText a { color: #1968b3; }
.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; }
.contact { padding-top: 10px; }
.showText h1,.showText h2,.showText h3,.showText h4,.showText h5,.showText h6 { margin-bottom: 12px; }
.pagewrap { max-width: 1100px; width: 100%; margin: 0 auto; }
.dv-header { background: url(../images/238572893457_1920x.progressive.png.jpg); width: 100%; }
.dv-menu-child { width: 100%; background: #008ac5; color: #fff; position: relative; margin-top: -26px; padding: 0 10px; border-radius: 6px; }
.dv-header-top { background: rgba(255, 255, 255, 0.7); }
.dv-hdtop-left { display: inline-block; float: left; }
.dv-hdtop-right { display: inline-block; float: right; }
.dv-header-left { display: inline-block; float: left; }
.dv-header-right { display: inline-block; float: right; }
.dv-header-cent { display: inline-block; }
.timkiem_top.no_box > a { display: none; }
.search { background: #fff; position: relative; height: 45px; font-size: 14px; border: 1px solid #ebebeb; border-right: 0; width: 450px;overflow: hidden; }
.search input { width: 100%; border: none; height: 100%;padding: 0 15px; display: block; }
.search a { position: absolute; top: 7px; right: 0; bottom: 7px; background: #fff; box-shadow: none; border-left: 1px solid #ebebeb; font-size: 18px; color: #009de0; padding: 2px 20px; }
.dv-header-left a { display: block; line-height: 0; }
.dv-header-bottom { padding: 30px 0 50px; }
.dv-header-top { padding: 10px 0; }
span.line { padding: 0 5px; }
.li-tuvan { position: absolute; right: 0; top: 0; bottom: 0; background: #008ac5; border-radius: 0 5px 5px 0; overflow: hidden; }
.li-tuvan a { display: block; font-size: 16px; text-transform: uppercase; color: #fff; padding: 14px 25px; font-weight: 500; background: #0698d6; }
.li-tuvan a i { font-size: 15px; margin-right: 8px; }
.timkiem_top.no_box { margin: 5px 0 0 90px; }
.dv-header-right a { position: relative; padding-left: 45px; display: block; }
.dv-header-right i { position: absolute; left: 0; top: 8px; font-size: 40px; color: #009de0; }
.dv-header-right a b { font-weight: 500; display: block; color: #333; font-size: 14px; line-height: 25px; }
.dv-header-right a span { display: block; font-size: 20px; font-weight: 500; color: #008ac5; line-height: 26px; }
.dv-header-left a img { height: 50px; width: auto; }
.dv-hotline-top, .dv-hdtop-right { font-weight: 500; font-size: 15px; line-height: 25px; }
.dv-hotline-top i, .dv-hdtop-right i { margin-right: 6px; }
.dv-hotline-top a, .dv-hdtop-right a { display: inline-block; color: #008ac5; }
.dv-hotline-top a:hover, .dv-hdtop-right a:hover { color: #ff5722; }
.dv-home-top-left { width: 250px; float: left; border: 1px solid #e1e1e1; padding: 15px 15px 15px; }
.dv-home-top-right { width: calc(100% - 275px); float: right; margin-left: 25px; }
.dv-home-top { padding: 25px 0; }
.dv-title {
    font-size: 15px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 7px;
    text-transform: uppercase;
}
.dv-title img { height: 12px; margin-right: 8px; opacity: 0.6; }
.dv-danhmuc-home a img { width: 20px; height: 20px; display: inline-block !important; margin-right: 12px; float: left; position: relative; top: 3px; }
.dv-danhmuc-home a span { display: inline-block; width: calc(100% - 32px); float: left; font-size: 14px; font-weight: 500; color: #484747; }
.dv-dmgr-home + .dv-dmgr-home { border-top: 1px solid #e1e1e1ad; }
.dv-dmgr-home { padding: 8px 0px; }
.dv-dmgr-home:last-child { padding-bottom: 0; }
.dv-banner-sl { height: 320px; overflow: hidden; position: relative; }
.bannerMain .owl-dots { position: absolute; bottom: 25px; left: 0; right: 0; }
.owl-carousel .owl-dot { height: 14px; width: 14px; border-radius: 50%; margin: 20px 6px 0; background: #ffffff85; border: none; }
.owl-carousel .owl-dot.active, .owl-carousel .owl-dot:hover { background: rgb(0 138 197 / 80%); }
.dv-dmgr-home:nth-child(n+7) { display: none; }
.dv-home-top-left:hover .dv-dmgr-home:nth-child(n+7) { display: block; }
.dv-banner-sl a{ display: block; width: 100%; height: 100%; }
.dv-banner-sl img { width: 100%; height: 100%; object-fit: cover; }
.owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover { color: #fff; transition: 1s; background: rgb(0 138 197 / 62%) !important; }
.dv-home-main-right { width: 250px; float: left; position: sticky; top: 15px; }
.dv-home-main-left { width: calc(100% - 275px); float: right; margin-left: 25px; }
.div-box-right { padding: 15px; border: 1px solid #e1e1e1; margin-bottom: 20px; }
.dv-list-yahoo li .img img { width: 100%; height: 100%; object-fit: cover; }
.dv-list-yahoo li .ht-right { width: calc(100% - 80px); float: right; margin-left: 15px; }
.dv-list-yahoo li .img { width: 65px; float: left; height: 65px; border-radius: 100px; overflow: hidden; }
.dv-list-yahoo li { list-style: none; padding: 10px 0; }
.dv-list-yahoo li + li { border-top: 1px solid #ebebeb; }
.div-box-right > h2 { font-size: 15px; font-weight: 600; line-height: 30px; margin-bottom: 12px; text-transform: uppercase; }
.div-box-right > h2 img { height: 22px; margin-right: 7px; position: relative; top: 5px; }
.dv-list-yahoo li .ht-right h5 { font-size: 14px; font-weight: 500; line-height: 22px; display: block; }
.dv-list-yahoo li .ht-right h5 span a { display: block; color: #008ac5; font-size: 15px; line-height: 20px; padding-top: 2px; font-weight: 500; }
.dv-dmgr-home a:hover span{ color: #008ac5; }
.dv-list-yahoo li .ht-right h5 span a:hover ,.dv-list-yahoo li .ht-right > p a:hover{ color: #07abf1; }
.dv-list-yahoo li .ht-right > p a { font-size: 14px; color: #717171; }
.dv-gr-sp > a img { width: 100%; height: auto; line-height: 0; }
.dv-gr-sp > a { display: block; line-height: 0; }
.dv-gr-sp { width: calc(100% / 4 - 20px); margin: 0 10px 25px; }
.dv-ds-sp.flex { margin: 0 -10px; }
.title-home { border-bottom: 1px solid #e1e1e1; color: #333; font-size: 24px; line-height: 34px; display: block; font-weight: 500; margin-bottom: 15px; }
.dv-box-sp { margin-bottom: 5px; }
.dv-gr-sp h3 a {
    display: block;
    margin-top: 10px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    line-height: 1.5;
    color: #333;
}
.dv-gr-sp h3 a:hover { color: #008ac5; }
.dv-gr-sp > a { display: block; line-height: 0; border: 1px solid #e1e1e1; padding: 10px; }
.title-home span {
    display: inline-block;
    border-bottom: 2px solid #008ac5;
    margin-bottom: -2px;
    padding-bottom: 3px;
    font-size: 15px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 600;
}
.div-box-right > h2 img.news { opacity: 0.7 }
.dv-doitac-child .owl-dots { display: none; }
.dv-tintuc-right a span { font-size: 14px; line-height: 1.5; float: left; width: calc(100% - 80px); }
.dv-tintuc-right a img { width: 68px; float: left; margin-right: 12px; position: relative; top: 4px }
.dv-tintuc-right a { display: block; width: 100%; float: left;padding: 10px 0; color: #333; font-weight: 500; }
.dv-tintuc-right a:hover { color: #008ac5 }
.dv-tintuc-right a + a { border-top: 1px dashed #e1e1e1; }
.div-box-right.newss { padding-bottom: 10px; }
.dv-img-sphome a { display: block; line-height: 0; }
.dv-img-sphome a img { width: 100%; height: auto; line-height: 0; }
.dv-img-sphome { margin-bottom: 20px; }
.dv-img-sphome:last-child { margin: 0; }
.dv-header-right a img { float: left; position: absolute; left: -4px; top: 6px; width: 38px; height: 38px; opacity: 0.5; }
.div-foot-nd.div-foot-nd-1 { width: calc(40% - 20px); margin: 0 10px; float: left; }
.div-foot-nd { width: calc(30% - 20px); float: left; margin: 0 10px; }
.dv-fottbbtom { background: #0072a2; padding: 18px 0; color: #fff; }
p { margin-bottom: 10px; }
.footer { margin: 45px 0 0; padding: 35px 0; color: #fff; background: #0083bb; font-weight: 500; font-size: 15px; line-height: 27px; }
.div-foot-nd img { max-height: 50px; max-width: 100%; margin-bottom: 20px; }
.div-foot-nd.div-foot-nd-1 { padding-right: 25px; }
.tit-fot {
    font-size: 18px;
    font-weight: 600;
    color: #ffeb3b;
    margin-bottom: 15px;
}
.dv-nd-fot b, .dv-nd-fot strong { font-weight: 500; }
.dv-nd-fot .fa { margin-right: 10px; color: #ffeb3b !important; }
.dv-fottbbtom p { margin: 0; font-weight: 500; }
.dv-footer.flex { margin: 0 -10px; }
#back-top { position: fixed; bottom: 40px; right: 25px; z-index: 1; }
#back-top a { display: block; width: 40px; line-height: 40px; background: #0c9bd8 url(../images/gotop-arr.png) center top 13px no-repeat; outline: none; color: #fff; 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; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; text-indent: -10000px; }
#back-top a:hover { color: #fff; background: #0083bb url(../images/gotop-arr.png) center top 13px no-repeat; }
.dv-menu.box_menu.fixed .dv-menu-child { margin: 0; }
.dv-menu.box_menu.fixed { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; margin: 0; background: #008ac5; }
.dv-menu.box_menu {
    transition: all .5s;
    top: -15px;
    background: #008ac5;
}
.dv-nd-fot p { margin-bottom: 5px; }
.dv-nd-fot a { color: #ffeb3b; }
.dv-nd-fot a:hover { text-decoration: underline; }
.dv-mangxh a { display: inline-block; width: 34px; height: 34px; line-height: 34px; border: 1px solid #fff; text-align: center; float: left; margin: 10px 10px 0 0; color: #ffffff; border-radius: 100px; }
.dv-mangxh a i { font-style: normal; }
.dv-mangxh a i.fa { font-size: 15px; top: 0; }
.dv-mangxh a i { font-style: normal; font-size: 12px; position: relative; top: -2px; }
.dv-mangxh a:hover { color: #ffeb3b; border-color: #ffeb3b; }
.dv-list-yahoo li .ht-right h5 p { margin: 0; }
.dv-list-yahoo li:last-child { padding-bottom: 0; }
.div-box-right.div-box-right-tv { padding-bottom: 12px; }
.dv-home-top-left.dv-home-top-left-child { margin-bottom: 20px; float: none; }
.dv-child-left { width: calc(100% - 280px); float: right; }
.dv-home-top-left.dv-home-top-left-child .dv-dmgr-home:nth-child(n+7) { display: block; }
.dv-list-child-cont { padding: 25px 0 0; }
.dv-link-title li { border-bottom: #ebebeb 1px solid; list-style: none; margin: 0; padding-bottom: 15px; margin-bottom: 15px; }
.dv-link-title ul { list-style: none; padding: 0; margin: 0; }
.dv-link-title li i { display: none; }
.dv-link-title li span { display: inline-block; padding: 0 10px; }
.dv-link-title li a { display: inline-block; color: #676767; font-weight: 500; }
.dv-link-title h3 { font-weight: 500; font-size: 18px; line-height: 30px; margin-bottom: 15px; text-transform: uppercase; }
div#sharelink { border-top: 1px solid #ebebeb; margin-top: 20px; padding-top: 15px; }
div#sharelink .addthis_toolbox.addthis_default_style { margin-left: -8px; }
.showText iframe { max-width: 100%; height: 350px; margin: 10px 0; }
.right_contact > h3 { font-weight: 500; font-size: 18px; line-height: 30px; margin-bottom: 15px; text-transform: uppercase; border-bottom: 1px solid #e1e1e1; padding-bottom: 7px; }
.contact .left { width: 50%; float: left; padding-right: 10px; }
.contact .right { width: 50%; float: left; padding-left: 10px; }
.contact input, .contact textarea { height: 38px; width: 100%; border: 1px solid #d6d6d6cc; padding: 0 10px; margin-bottom: 12px; }
.contact li { list-style: none; margin: 0; padding: 0; }
.contact li.code span { position: absolute; right: 0; top: 0; }
.contact li.code { position: relative; }
.contact textarea { padding: 10px; height: 138px; float: left; }
.contact li.code span img { height: 34px !important; }
.contact li.code span i { opacity: 0.3; font-size: 7px; }
.dv-alienhe a { display: inline-block; background: #008ac5; padding: 0 15px; color: #fff; height: 34px; line-height: 34px; min-width: 90px; text-align: center; float: right; margin-left: 10px; font-weight: 500; text-transform: uppercase; border-radius: 3px; }
.dv-alienhe a:hover { display: inline-block; background: #0698d6; }
.dv-news-gr .img { width: 200px; line-height: 0; float: left; }
.dv-news-gr .img img { width: 100%; height: auto; line-height: 0; }
.dv-news-gr .text-left { width: calc(100% - 200px); float: left; padding-left: 20px; }
.dv-news-gr .text-left { width: calc(100% - 200px); float: left; padding-left: 20px; font-weight: 500; font-size: 15px; line-height: 26px; }
.dv-news-gr .text-left > a h3 {
    display: block;
    font-weight: 600;
    color: #008ac5;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 6px;
}
.dv-news-gr .text-left > a h3:hover { color: #008ac5; }
.dv-news-gr .text-left span.sp1 { font-size: 15px; line-height: 20px; margin-bottom: 7px; display: block; }
.dv-news-gr { border-bottom: 1px solid #ebebeb; margin-bottom: 10px; padding-bottom: 10px; }
.dv-link-title p { font-weight: 500; margin: -10px 0 15px; }
.dv-link-title p i { font-size: 13px; color: #717171; margin-right: 5px; line-height: 20px; }
.dv-list-child-cont-new > h3 { font-weight: 500; font-size: 18px; line-height: 30px; margin-bottom: 15px; text-transform: uppercase; border-bottom: 1px solid #e1e1e1; padding-bottom: 7px; margin-top: 20px; }
.dv-ds-sp.dv-ds-sp-ds.flex.is_timkiem .dv-gr-sp > a { position: relative; padding-top: 100%; overflow: hidden; border: none; }
.dv-ds-sp.dv-ds-sp-ds.flex.is_timkiem .dv-gr-sp > a img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; border: 1px solid #e1e1e1; padding: 10px; }
.detail-sp > h5 { font-weight: 500; font-size: 18px; line-height: 30px; margin-bottom: 15px; text-transform: uppercase; border-bottom: 1px solid #e1e1e1; padding-bottom: 7px; margin-top: 20px; }
.viewLeft { width: 50%; float: left; }
.dv-slider-nang.no_box .owl-dots { display: none; }
div#bridal_images { position: relative; z-index: 0; }
.viewLeft div#bridal_images { border: 1px solid #e1e1e1; margin-bottom: 15px; }
.viewRight { width: 50%; float: left; padding-left: 25px; }
h1.titleView { font-weight: 600; font-size: 18px; line-height: 30px; color: #008ac5; border-bottom: 1px solid #ebebeb; padding-bottom: 7px; margin-bottom: 15px; }
.showText.showText_mt { font-size: 15px; margin-bottom: 15px; border: 1px dashed #0698d6; border-radius: 3px; background: #fcfeff; padding: 10px 10px 0; margin-top: 15px; }
.showText.showText_mt li { margin-left: 24px; }
.showText.showText_mt p, .showText.showText_mt ul, .showText.showText_mt ol { margin-bottom: 10px; padding: 0; }
.dv-slider-nang li { list-style: none; border: 1px solid #e6e6e6; padding: 4px; background: #fff; width: calc(100% - 10px); margin: 0 5px; height: auto; max-height: 100px; }
.dv-slider-nang .owl-carousel .owl-next:hover { background: url(../images/pro_slide_next.png) no-repeat center center #eaf9ff !important; }
.dv-slider-nang .owl-carousel .owl-prev:hover { background: url(../images/pro_slide_prev.png) no-repeat center center #eaf9ff !important; }
.dv-hotline-sp a { display: inline-block; width: calc(50% - 5px); float: left; text-align: center; background: #ebe9eb; height: 45px; line-height: 45px; color: #000; font-weight: 500; font-size: 17px; margin-left: 5px; border-radius: 4px; }
.dv-hotline-sp a:hover { background: #dfdcde; color: #000; }
.dv-hotline-sp a.za { margin-left: 0; margin-right: 5px; background: #008ac5; color: #fff; }
.dv-hotline-sp a.za:hover { background: #0698d6; color: #fff; }
.dv-dathang-nhanh { background: #008ac5; padding: 10px 15px; padding-bottom: 10px; margin-bottom: 10px; margin-top: 20px; border-radius: 5px; }
.dv-dathang-nhanh > h3 { color: #fff; margin: 3px 0 7px; text-align: center; font-size: 16px; font-weight: 500; text-transform: uppercase; }
.dv-dathang-nhanh input { width: calc(100% - 52px); margin-top: 2px; border: 0; font-size: 12px; color: #999; padding: 9px 10px; float: left; -webkit-appearance: none; border-radius: 0; border-top-left-radius: 5px; min-height: initial; margin-bottom: 0px; border: 0px !important; outline: none !important; }
.dv-dathang-nhanh input.cls-sdt { border-radius: 0 0 0 5px; }
.dv-lienhe-sp a { width: 50px !important; margin-left: 2px; margin-top: 2px; border: 0; height: 66px; color: #fff !important; background: #ff5722; display: inline-block; padding: 22px 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; font-weight: 500; text-transform: uppercase; text-align: center; }
.dv-lienhe-sp img.ajax_img_loading { height: 10px; }
.viewRight_more > b { display: block; font-weight: 500; margin-bottom: 5px; }
.viewRight_more > h4 { font-weight: 500; margin-bottom: 15px; }
.viewRight_more > h4 span.gia_ban { color: #fd1818; font-size: 17px; font-weight: 500; margin-right: 7px; }
.viewRight_more > h4 span.gia_km { font-size: 14px; text-decoration: line-through; }

.dv-tintuc-dsss .dv-child-left { float: left; }
.dv-tintuc-dsss .dv-home-main-right { float: right; }
.dmd-phone.dmd-green .dmd-ph-circle { border-color: #009de0;}
.dmd-phone.dmd-green .dmd-ph-circle-fill { background-color: #009de0;  }
.dmd-phone.dmd-green .dmd-ph-img-circle { background-color: #009de0; }
.call-zalo { display: block; position: fixed; width: 60px; height: 60px; border-radius: 10px; bottom: 36px; right: 44px; z-index: 99999; }
.call-zalo:before { content: " "; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: radial-gradient(rgba(0,139,255,.21),rgba(16,112,220,.7)); border-radius: 100px; opacity: 0; animation: callzalobefore 10s infinite; transition-timing-function: linear; }
.call-zalo a {line-height: 0; background: #1070dc; display: block; position: relative; border-radius: 50px; animation: callzalos 10s infinite; box-shadow: 0px 0px 15px -3px rgb(0 0 0 / 20%); }
.call-zalo a:before { content: " "; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: radial-gradient(rgba(0,139,255,.45),rgba(16,112,220,.2)); border-radius: 100px; opacity: 0; animation: callzaloafter 10s infinite; transition-timing-function: linear; }
.call-zalo a img { transition: opacity 1s; opacity: 1; background: #d6d6d6; border-radius: 50px; width: 48px; height: 48px; margin: 6px; animation: callzaloimg 10s infinite; }

@keyframes callzaloimg{ 0%{ background:#d6d6d6; transform:scale(1) } 10%{ background:#d6d6d6; transform:scale(1) rotate(0deg) } 12%{ transform:scale(.8) rotate(0deg) } 18%{ transform:scale(1.2) rotate(360deg); background:rgba(214,214,214,0) } 70%{ transform:scale(1.2) rotate(360deg); background:rgba(214,214,214,0) } 80%{ background:#1070dc; transform:scale(.4) } 85%{ transform:scale(1.1) } 90%{ background:#1070dc } 100%{ background:#d6d6d6; transform:scale(1) } } @keyframes callzalos{ 0%{ background:#fff } 10%{ background:#fff } 18%{ background:#1070dc } 70%{ background:#1070dc } 80%{ background:#fff } 100%{ background:#fff } } @keyframes callzalobefore{ 0%{ opacity:0; transform:scale(1) } 10%{ opacity:0; transform:scale(.9) } 18%{ opacity:1; transform:scale(1.1) } 18.2%{ opacity:0 } 20%{ opacity:0; transform:scale(.9) } 20.2%{ opacity:1 } 28%{ opacity:.1; transform:scale(1.25) } 30%{ opacity:0; transform:scale(.9) } 30.2%{ opacity:1 } 38%{ opacity:.2; transform:scale(1.4) } 40%{ opacity:0; transform:scale(.9) } 40.2%{ opacity:1 } 48%{ opacity:.3; transform:scale(1.55) } 50%{ opacity:0; transform:scale(.9) } 50.2%{ opacity:1 } 58%{ opacity:.4; transform:scale(1.7) } 60%{ opacity:0; transform:scale(.9) } 60.2%{ opacity:1 } 68%{ opacity:.5; transform:scale(1.85) } 90%{ opacity:0; transform:scale(1) } 90.2%{ opacity:0 } 100%{ opacity:0 } } @keyframes callzaloafter{ 0%{ opacity:0; transform:scale(1) } 12%{ opacity:0; transform:scale(.9) } 20%{ opacity:1; transform:scale(1.2) } 20.2%{ opacity:0 } 22%{ opacity:0; transform:scale(.9) } 22.2%{ opacity:1 } 30%{ opacity:.5; transform:scale(1.5) } 32%{ opacity:0; transform:scale(.9) } 32.2%{ opacity:1 } 40%{ opacity:.4; transform:scale(1.8) } 42%{ opacity:0; transform:scale(.9) } 42.2%{ opacity:1 } 50%{ opacity:.3; transform:scale(2.1) } 52%{ opacity:0; transform:scale(.9) } 52.2%{ opacity:1 } 60%{ opacity:.2; transform:scale(2.4) } 62%{ opacity:0; transform:scale(.2) } 62.2%{ opacity:1 } 70%{ opacity:.5; transform:scale(3.7) } 98%{ opacity:0; transform:scale(1) } 98.2%{ opacity:0 } 100%{ opacity:0 } }


@media only screen and (max-width: 1199px) { .pagewrap { width: 100%; padding-left: 10px; padding-right: 10px}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.menu > li > a { padding: 7px 15px; }
.pagewrap .pagewrap { padding-left: 0; padding-right: 0; }
div .viewRight { width: 50%; margin: 0; }
div .viewLeft { width: 50%; }
}
@media only screen and (max-width: 992px) { .mn-mobile { display: block !important; float: right; padding: 0; margin: 0; margin-left: 0; top: 0px; width: 100%; position: absolute; left: 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 { position: absolute; right: auto; padding: 0; background: none; border-radius: 0px; left: 0; top: 5px; }
div#mm-0 { background: #fff !important; }
ul.mm-listview i.fa.fa-angle-down { display: none; }
.mn-mobile img { height: 16px; line-height: 0; margin: 0; padding: 0; }
.menu-bar.hidden-md.hidden-lg a { padding: 8px 10px 8px 0; display: block; line-height: 0; }
.mm-panel.mm-hasnavbar .mm-navbar { background: #009de0 !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-menu.box_menu { top: 0; position: inherit; background: #009de0; height: 42px; }
.dv-header-bottom { position: relative; padding: 25px 0; }
.dv-menu-child { margin: 0; }
.timkiem_top.no_box { position: absolute; right: 10px; bottom: -38px; width: 380px; }
.search { width: 100%; height: 34px; }
.search input { padding: 0 10px; }
.search a { position: absolute; top: 0; right: 0; bottom: 0; background: #fff; box-shadow: none; border-left: none; font-size: 18px; padding: 4px 18px; }
.dv-hotline-top u ,.dv-hdtop-right u{ display: none; }
.dv-gr-sp { width: calc(100% / 3 - 20px); margin: 0 10px 25px; }
.dv-menu.box_menu.fixed { position: relative; }
}
@media only screen and (max-width: 767px) { .timkiem_top.no_box { width: 300px; }
.dv-home-top-left { display: none; }
.dv-home-top-right { width: 100%; float: right; margin-left: 0; }
.dv-banner-sl { height: 38vw; }
.bannerMain .owl-dots { bottom: 15px; }
.dv-home-top { padding: 20px 0; }
.dv-home-main-left { width: 100%; float: right; margin-left: 0; }
.dv-gr-sp { width: calc(100% / 2 - 20px); margin: 0 10px 25px; }
.dv-home-main-right { width: 100%; float: left; position: relative; top: 0; margin-top: 10px; }
.div-foot-nd, .div-foot-nd.div-foot-nd-1 { width: calc(100% - 20px); margin: 0 10px 20px; float: left; }
.footer { margin: 30px 0 0; padding: 30px 0 0; }
.dv-child-left { width: calc(100% - 0px); float: none; }
.dv-home-main-right .dv-home-top-left.dv-home-top-left-child { display: block; width: 100%; }
.dv-list-child-cont { padding: 15px 0 0; }
.dv-link-title li { padding-bottom: 10px; margin-bottom: 10px; }
.dv-gr-sp h3 a { font-size: 14px; }
.call-zalo { width: 50px; height: 50px; } .call-zalo a img { width: 38px; height: 38px; } .call-zalo a { width: 100%; height: 100%; }
}
@media only screen and (max-width: 479px) { span.line { display: none; }
.dv-header-left a img { height: 30px; width: auto; }
.dv-header-right a { position: relative; padding-left: 0; display: block; }
.dv-header-right a img { display: none; }
.timkiem_top.no_box { width: 270px; max-width: calc(100% - 85px); }
.dv-header-bottom { position: relative; padding: 18px 0; }
.dv-hdtop-right { width: 100%; }
.dv-gr-sp { width: calc(100% / 2 - 14px); margin: 0 7px 20px; }
.dv-gr-sp > a { padding: 7px; }
.dv-ds-sp.flex { margin: 0 -7px; }
.dv-header-top { padding: 5px 0; }
.dv-header-right a b { font-size: 14px; line-height: 16px; }
div .viewRight { width: 100%; margin: 0; padding: 20px 0 0; }
div .viewLeft { width: 100%; }
.dv-news-gr .img { width: 100%; line-height: 0; float: left; }
.dv-news-gr .text-left { width: 100%; float: left; padding-left: 0; font-size: 15px; line-height: 26px; margin-top: 15px; }
.showText iframe { height: 250px; }
.contact .left { width: 100%; float: left; padding-right: 0; }
.contact .right { width: 100%; float: left; padding-left: 0; }
.search {
    border-color: #009de0;
}
}