@charset "utf-8";
body { margin: 0px auto; padding: 0px; font-size: 15px; line-height: 26px; font-family: 'Roboto', Arial, Helvetica, Tahoma, sans-serif; font-weight: normal; color: #333; }
* { margin: 0px auto; padding: 0px; outline: none; text-decoration: none;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clr { clear: both; }
ul { padding: 0px; }
img { border: 0; }
::selection { background-color: #d08236; color: #fff; }
::-webkit-selection { background-color:#d08236; color: #fff; }
-webkit-::selection { background-color: #d08236; color: #fff; }
::-moz-selection { background-color:#d08236; color: #fff; }
.pagewrap { position: relative; width: 1200px; margin: 0 auto; }
.padding_pagewrap { padding: 0 10px; }
.showText { font-size: 15px; line-height: 26px; }
.showText a{color:#333}
.showText a:hover{color:#fbc46d}
.showText h1, .showText h2, .showText h3, .showText h4, .showText h5, .showText h6, .showText p { padding-bottom: 15px; }
.showText img { display: block; margin: 0 auto; height: auto; max-width: 100%; }
.showText ul { padding-bottom: 15px; }
.showText ul li { margin-left: 35px; }
.showText * {position: relative;}
.bannerInside { height: 335px; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.bannerMain { position: relative; overflow: hidden; height: 335px; }
.banner li { float: left; width: 100%; height: 335px; list-style: none; background-position: center center; background-size: cover; background-repeat: no-repeat; cursor: default; position: relative; }
.posBL { left: 0px; bottom: 0px; }
.pagiBanner { position: relative; left: 0; right: 0; bottom: 40px; margin: auto; width: auto; text-align: center; z-index: 5; }
.pagiBanner a { display: inline-block; vertical-align: text-top; width: 18px; height: 18px; background: #e4e4e4; text-indent: -100000px; margin: 0 7px; -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3); box-shadow: 0 0 8px rgba(0,0,0,0.3); border: solid #fff 2px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.pagiBanner a.selected { background: #341c02; }
.box_header_id { background: #2e1a02; text-align: center; transition: all .3s !important;}
.menu { display: inline-flex; margin: 0 auto; padding: 0; }
.menu * { list-style: none; }
.menu > li + li { margin-left: 0; }
.menu > li { float: left; position: relative; }
.menu > li > a { display: block; line-height: 25px; position: relative; z-index: 2; font-size: 16px; text-decoration: none; text-transform: uppercase; color: #ffffff; font-weight: 400; padding: 8px 15px; }
.menu > li > a i { display: inline-block; vertical-align: middle; margin: -2px 0 0 1px; color: inherit; font-size: 11px; }
.menu > li > a:after { content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; height: 1px; background: #ff9e1c; opacity: 0; z-index: 2; }
.menu > li:hover > a { color: #ff9e1c; }
.menu > li:hover > a:after { left: 0; right: 0; opacity: 1; }
.menu > li:hover > ul { opacity: 1; visibility: visible; transform: none; -webkit-transform: none; -moz-transform: none; }
.menu > li.active > a { color: #78482c; }
.menu > li.active > a:after { left: 0; right: 0; opacity: 1; }
.menu > li > ul { position: absolute; top: 100%; left: 0; opacity: 0; visibility: hidden; min-width: 140px; z-index: 3; margin: 0; padding: 0; padding-top: 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); }
.menu > li > ul > li { z-index: 2; position: relative; margin: 0; color: #fff; font-weight: 500; font-size: 14px; padding: 0 12px; background: #2e1a02; min-width: 200px; }
.menu > li > ul > li ul {display: none}
.menu > li i { padding-left: 5px; }
.menu > li > ul > li:first-child { padding-top: 10px; -moz-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; }
.menu > li > ul > li:last-child { padding-bottom: 10px; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; }
.menu > li > ul > li:last-child > a { border: none; }
.menu > li > ul > li > a { display: block; white-space: nowrap; color: inherit; line-height: 25px; border-bottom: dotted 1px rgba(255, 255, 255, 0.1); padding: 7px 24px 7px 0; text-decoration: none !important; text-transform: capitalize; font-size: 15px; text-align: left; font-weight: 400; }
.menu > li > ul > li > a > span { display: none; }
.menu > li > ul > li:hover { z-index: 3; }
.menu > li > ul > li:hover > a { padding: 7px 12px 7px 12px; color: #ffffff; background: #4c2c05; }
.construction > span > a, .backTop, .menu > li > a, .menu > li > a:after, .btn, .slidePic .owl-prev, .slidePic .owl-next, .openFormSerch, .openFormSerch:after, .btn-pro, .aboutLink .tit, .banPro .owl-dot, .itemBan .desc .tit, .navVert .owl-prev, .navVert .owl-next, .oneNews .tit, .map:after, .map:before, .loadMore, .pic-pro-slider .owl-nav, .readmore > span, .readmore > label, .itemPro > span, .itemPro > h3, .itemPro > p, .menu > 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; }
.mail_home { width: 80%; }
.mail_home li { float: left; list-style: none; line-height: 0; }
.mail_home li img { height: 53px; width: auto; }
.mail_home ul { float: left; padding-left: 30px; }
.mail_home h4 a { float: left; margin-left: 30px; display: block; color: #fff; background: #ff4c3b; padding: 5px 30px; line-height: 35px; font-weight: normal; text-transform: capitalize; font-size: 17px; -webkit-transition: color 0.3s, background 0.3s, border 0.3s; -moz-transition: color 0.3s, background 0.3s, border 0.3s; -o-transition: color 0.3s, background 0.3s, border 0.3s; transition: color 0.3s, background 0.3s, border 0.3s; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; border-radius: 0.25em; margin-top: 5px; }
.mail_home h4 a i, .left_gt_video_home ul h4 a i { padding-left: 7px; 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; }
.mail_home h4 a:hover { color: #fff; background: #171C2B; }
.mail_home h4 a:hover i, .left_gt_video_home ul h4:hover a i { padding-left: 20px; }
.mail_home ul h3 { line-height: 30px; color: #ff4c3b; font-weight: normal; font-size: 20px; text-transform: none; }
.mail_home ul p { color: #666; font-size: 18px; }
.form-control { display: block; width: 100%; height: 45px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; resize: vertical; box-sizing: border-box; }
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); }
.row-frm select { height: 48px !important; width: 100%; margin: 0; }
#sharelink { -webkit-animation: blurFadeRight 0.4s ease-in .4s backwards; -moz-animation: blurFadeRight 0.4s ease-in .4s backwards; -ms-animation: blurFadeRight 0.4s ease-in .4s backwards; padding-top: 20px; margin-top: 20px; border-top: solid #CCC 1px; height: 35px; }
#sharelink h3 { color: #ff4c3b; font-size: 22px; font-style: italic; font-weight: normal; padding-bottom: 20px; }
#sharelink h3 a { text-decoration: underline; font-size: 18px; color: #ff4c3b; }
#sharelink h3 a:hover { color: #78482c; }
.sharelink { -webkit-animation: blurFadeRight 0.4s ease-in .4s backwards; -moz-animation: blurFadeRight 0.4s ease-in .4s backwards; -ms-animation: blurFadeRight 0.4s ease-in .4s backwards; text-align: center; padding-top: 10px; height: 35px; }
.sharelink a img { background: #3d1224; border: solid #fff 3px; padding: 2px; margin-right: 10px; -moz-border-radius: 50%; }
.sharelink img:hover { background: #78482c; opacity: 10; border: solid #ffffff 3px; }
#back-top { position: fixed; bottom: 130px; right: 10px; z-index: 1; }
#back-top a { display: block; width: 30px; background: #2e1a02; outline: none; color: #fff; font-size: 16px; 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; padding: 7px 0; border: double #FFFFFF 4px; }
#back-top a:hover { color: #fff; background: #ff9e1c; }
.tintuc_home_box { padding: 30px 0; background: #fff; }
.tintuc_home_box_2 { padding: 30px 0; background: #f8f8f8; }
.tintuc_home_id ul { margin: 0 10px 20px; float: left; width: calc(100% - 20px); }
.tintuc_home_id ul li a { line-height: 0; display: block; margin-bottom: 18px; overflow: hidden; }
.tintuc_home_id ul li, .tintuc_home_id ul li img { list-style: none; line-height: 0; position: relative; overflow: hidden; display: block; height: auto; width: 100%; webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -moz-border-radius: 50%; }
.tintuc_home_id ul h3 a ,.tintuc_home_id_h3 a{ color: #78482c; font-weight: 500; font-size: 16px; line-height: 1.5; margin-bottom: 7px; 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;  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.tintuc_home_id ul h3 a:hover, ,.tintuc_home_id_h3 a:hover{ color: #fd8d19 }
.tintuc_home_id ul h4 { display: none; }
.tintuc_home_id ul h4 i { padding-right: 5px; }
.tintuc_home_id ul p { color: #666; font-weight: normal; padding: 0; text-transform: none; line-height: 1.5;}
.is_nut .owl-prev, .is_nut .owl-next, .placeNav_2, .placeNav_3, .placeNav_4 { position: absolute; top: 50%; z-index: 3; color: #fff; font-size: 44px; width: 34px; height: 44px; line-height: 37px; text-align: center; transition: all .3s; background: #ffac1f; opacity: 0; cursor: pointer; margin-top: -22px; border-radius: 3px; }
.placeNav { position: absolute; top: 140px; z-index: 2; color: #fff; font-size: 26px; width: 35px; line-height: 35px; height: 35px; background: rgba(0, 0, 0, 0.24); text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; }
.is_nut .owl-prev, .placeNav.prev, .placeNav_2.prev, .placeNav_3.prev, .placeNav_4.prev { left: -5px; }
.is_nut .owl-next, .placeNav_2.next, .placeNav_3.next, .placeNav_4.next { right: -5px; text-indent: 3px; left: auto; }
.placeNav.next { right: 10px; text-indent: 3px; }
.is_nut:hover .owl-prev,.is_nut:hover .owl-next, .placeSlide_main:hover .placeNav, .placeSlide_main:hover .placeNav_2, .placeSlide_main:hover .placeNav_3, .placeSlide_main:hover .placeNav_4 { opacity: 1; }
.placeNav:hover { color: #fff; background: #ff4c3b; }
.is_nut .owl-prev:hover,.is_nut .owl-next:hover, .placeNav_2:hover, .placeNav_3:hover, .placeNav_4:hover { color: #fff; background: #2e1a02; }
.placeSlide_main { position: relative; overflow: hidden; }
.placeSlide, .placeSlide_doiac, .placeSlide_2, .placeSlide_3, .placeSlide_4 { width: 1300px; }
.placeSlide_cn { width: 1300px; }
.pro_home_id ul li img:hover, .pro_home_id_2 ul li img:hover, .tintuc_home_id ul li img:hover, .tintuc_page ul li img:hover, .banner_home ul li img:hover { transform: scale(1.2); opacity: 1; -webkit-filter: grayscale(0); }
.checked { color: orange; }
.pro_home_box { padding: 30px 0; }
.pro_home_box_2 { background: #eee; padding: 30px 0; }
.pro_home_id_2 ul { margin-top: 20px; padding: 10px; background: #ffffff; text-align: center; position: relative; min-height: auto; -webkit-transition: all .3s ease; border: solid #CCC 1px; }
.pro_home_id ul {overflow: hidden; float: left; margin: 0 12px 30px; width: calc(100% / 4 - 24px); padding: 5px; background: #fff; text-align: center; position: relative; -webkit-transition: all .3s ease; border: 1px solid #311a02; border-radius: 10px; }
.pro_home_id ul h4 ,.pro_home_id_h4{ background: #311a02; text-align: left; color: #fff; font-weight: 400; font-size: 15px; padding: 7px 7px; overflow: hidden; }
.pro_home_id ul h4 span.gia_km ,.pro_home_id_h4 span.gia_km { font-size: 15px; float: right; padding-top: 2px; color: #d4d4d4; text-decoration: line-through; }
.pro_home_id ul:hover, .pro_home_id_2 ul:hover { -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all .3s ease; }
.pro_home_id ul p a, .pro_home_id_2 ul p a {display: none; color: #666; font-size: 15px; background: #fff; border: solid #CCC 1px; padding: 0 20px; text-transform: capitalize; 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; box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.15); border-radius: 5px; padding-bottom: 5px; margin-top: 10px; }
.pro_home_id ul p a:hover, .pro_home_id_2 ul p a:hover { color: #fff; background: #78482c; border: solid #78482c 1px; }
.pro_home_id ul li, .pro_home_id ul li img, .pro_home_id_2 ul li, .pro_home_id_2 ul li img { list-style: none; line-height: 0; position: relative; overflow: hidden; display: block; height: auto; width: 100%; webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -moz-border-radius: 50%; }
.pro_home_id ul h3 a,.pro_home_id ul span a, .pro_home_id_2 ul h3 a { color: #3d1224; font-weight: normal; font-size: 19px; padding: 15px 5px; text-transform: uppercase; line-height: 27px; padding-bottom: 7px; 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; display: block; }
.pro_home_id ul h3 a:hover,.pro_home_id ul span a:hover, .pro_home_id_2 ul h3 a:hover { color: #78482c; }
.pro_home_id ul b, .pro_home_id_2 ul b { color: #ff4c3b; font-weight: normal; font-size: 23px; padding: 0 5px; text-transform: uppercase; line-height: 30px; 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; }
.pro_home_id ul b span.gia_km, .pro_home_id_2 ul b span.gia_km { color: #878787; font-weight: normal; font-size: 18px; padding-left: 5px; text-decoration: line-through; }
.more_pro h3 { text-align: center; margin-top: 10px; }
.more_pro h3 a { box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.15); border-radius: 4px; margin-top: 0px; vertical-align: middle; font-size: 19px; font-weight: 500; padding: 8px 38px; letter-spacing: 0.025em; color: #fff; background-color: #0072bb; transition: .3s ease-out; text-transform: uppercase; display: inline-table; line-height: 35px; 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; }
.more_pro h3 a i { padding-left: 8px; }
.dathngtheo_yeucau_home { text-align: center; }
.dathngtheo_yeucau_home ul { display: inline-table; margin: 15px; width: 267px; }
.dathngtheo_yeucau_home ul li { list-style: none; line-height: 0; }
.dathngtheo_yeucau_home ul li img { width: auto; height: 130px; }
.dathngtheo_yeucau_home ul h3 { font-size: 19px; color: #303941; line-height: 30px; text-transform: uppercase; font-weight: 500; padding-top: 15px; }
.dathngtheo_yeucau_home ul:hover h3 { color: #ff4c3b; }
.discount-tag {display: none; top: -6px; right: 15px; position: absolute; background: #ff4c3b; width: auto; padding: 5px 0px; color: #FFF; font-weight: normal; text-align: center; user-select: none; -webkit-user-select: none; -moz-user-select: none; cursor: default; z-index: 1; font-size: 15px; line-height: 20px; width: 44px}
.discount-tag:after { position: absolute; content: ""; width: 0; height: 0; border-left: 23px solid transparent; border-right: 22px solid transparent; border-top: 6px solid #ff4c3b; top: 30px; right: 0px; }
.discount-tag:before { position: absolute; content: ""; width: 0; height: 0; border-bottom: 5px solid #ff4c3b; border-left: 8px solid transparent; top: 0px; right: 44px; }
.title_page { padding-bottom: 10px; border-bottom: solid #CCC 1px; margin: 0 10px; margin-bottom: 30px; }
.title_page h3 { float: left; position: absolute; color: #78482c; font-size: 30px; line-height: 40px; text-transform: uppercase; font-weight: bold; font-family: 'UTMSeagullBold'; position: relative; }
.title_page h3 a { color: #78482c; 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 }
.title_page h3 a:hover { color: #3D1224; }
.title_page h3::after { border-bottom: 4px solid #66BB6A; bottom: -12px; content: ""; left: 0; position: absolute; width: 80%; }
.title_page ul { float: right; margin-top: 5px; }
.title_page ul li { float: left; list-style: none; margin-left: 10px; }
.title_page ul li a { display: block; color: #fff; background: #FBC46D; padding: 0 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; box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.15); border-radius: 5px; padding-bottom: 5px; text-transform: uppercase; font-size: 17px; }
.title_page ul li a:hover { color: #fff; background: #78482c; }
.box_pro_home { padding-top: 20px; }
.conten_pro { padding-bottom: 20px; }
.page_conten_page { padding-top: 10px; padding-bottom: 10px; }
.dv-home-cont .pagewrap.page_conten_page { background: none; }
.link_page { padding-top: 9px; padding-bottom: 5px; border-bottom: 2px solid #e9e9e9; }
.link_page ul {min-width: 100%; overflow: hidden;}
.link_page ul li { float: left; list-style: none; padding-left: 10px; line-height: 25px; min-width: 1000px; }
.link_page ul li i:before { display: none }
.link_page ul li a { display: inline-block; color: #464646; font-size: 14px; float: left; }
.link_page ul li span { float: left; display: inline-block; padding: 0 10px; }
.link_page ul li i { display: inline-block; float: left; background: url(../images/i_home.png) top left no-repeat; width: 27px; height: 27px; background-size: 100%; margin-right: 10px; margin-top: -4px; }
.link_page ul li a:hover { color: #ffa41e; }
.showText h2 { line-height: 30px; color: #3d1224; font-size: 22px; text-transform: none; font-weight: bold ;}
.nums { table-layout: auto; margin-top: 10px; text-align: right; background: #fff; padding: 7px; }
.nums li { list-style: none; display: inline-block; float: left; }
.nums ul { display: inline-block; line-height: 0; float: right; }
.nums a { font-size: 14px; display: block; margin: 0px 5px 0 0; padding: 5px 0; line-height: 20px; height: 29px; width: 27px; table-layout: inherit; text-align: center; color: #9a3f26; background: #fff; 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; cursor: pointer; border: 1px solid #9a3f26; font-weight: 400; }
.nums a:hover, .nums a.active, .nums a.stay:hover { background: #9a3f26; color: #ffffff; }
.nums a.stay.stay-1 { border-radius: 6px 0 0 6px; }
.nums a.stay { background: #fff; color: #9a3f26; width: auto; font-size: 12px; line-height: 18px; min-width: 42px; padding: 5px 5px; border-radius: 0 6px 6px 0; }
.title_news { border-bottom: solid 1px #E6E6E6; margin-bottom: 15px; }
.title_news h2 { font-size: 22px; line-height: 30px; font-weight: 500; color: #2e1a02; margin-bottom: 0; padding-bottom: 7px; text-transform: uppercase; }
.title_news li { font-size: 14px; color: #333; list-style: none; background: url(../images/icon_day.png) center left no-repeat; padding-left: 22px; margin-bottom: 7px; line-height: 22px; }
.title_news p { line-height: 30px; color: #333; font-size: 21px; font-style: italic; font-weight: 500; padding-bottom: 15px; }
.contact { padding-top: 10px; }
.contact h2 { text-transform: uppercase; font-size: 18px; line-height: 25px; font-weight: normal; color: #666; padding-bottom: 20px; }
.contact .left { width: auto; float: none; }
.contact .right { width: auto; float: none; }
.formBox li { display: block; position: relative; margin-bottom: 15px; }
.formBox li input, .formBox li textarea { border: solid 1px #e0e0e0; height: 40px; color: #999; padding: 0 10px 0 45px; resize: vertical; box-sizing: border-box; width: 100%; font-size: 15px; background: #f3f3f3; border-radius: 100px; }
.formBox li.code img { height: 37px !important; border-radius: 0 100px 100px 0; }
.formBox li textarea { padding: 10px 10px 10px 45px; height: 180px; float: left; border-radius: 15px; }
.contact .left input { width: 100%; }
.contact .right input, .contact .right textarea { width: 100%; }
.formBox li:after { content: ""; position: absolute; top: 0; left: 0; width: 50px; height: 40px; background-repeat: no-repeat; background-position: center center; z-index: 1; background-size: 18px; }
.formBox li.name:after { background-image: url("../images/contact/c_name.png") }
.formBox li.phone:after { background-image: url("../images/contact/c_phone.png"); }
.formBox li.mail:after { background-image: url("../images/contact/c_mail.png"); }
.formBox li.local:after { background-image: url("../images/contact/c_local.png"); }
.formBox li.subject:after { background-image: url("../images/contact/c_subject.png"); }
.formBox li.mess:after { background-image: url("../images/contact/c_mess.png"); }
.formBox li.code:after { background-image: url("../images/contact/c_code.png"); }
.formBox li.day:after { background-image: url("../images/contact/day.png"); }
.formBox li.songuoi:after { background-image: url("../images/contact/songuoi.png"); }
.formBox .button { float: right; text-transform: uppercase; font-size: 18px; padding: 0 25px; margin-left: 10px; height: 40px; line-height: 40px; margin-top: 10px; color: #FFF; background: #78482c; white-space: nowrap; webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.formBox .button:hover { color: #FFF; background: #2e1a02; }
.formBox li span { position: absolute; right: 0; top: 0; line-height: 42px; padding: 0 10px; font-weight: 500; z-index: 2; letter-spacing: 1px; user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; }
.left_contact { float: left; width: 50%; padding: 20px 10px 20px 30px; position: relative; }
.left_contact li { list-style: none; line-height: 0; }
.left_contact li img { width: 100%; height: 590px; }
.left_contact ul { float: left; width: 270px; background: #F6F6F6; padding: 20px; margin-bottom: 20px; color: #666; font-size: 16px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; margin-right: 20px; line-height: 25px; min-height: 85px; box-shadow: 5px 5px 0px rgba(0,0,0,0.15); }
.left_contact h3, .right_contact h3 { text-transform: uppercase; color: #fff; font-size: 20px; line-height: 30px; position: relative; font-weight: normal; margin: 0 auto; background: #77382c; display: inline-block; padding: 5px 10px; min-width: 270px; text-align: center; border-radius: 15px; }
.right_contact { position: relative; float: right; width: 50%; padding: 20px 30px 20px 10px; text-align: center; }
p.require_pc { display: none; }
.map_cotact iframe { display: block; width: 100%; height: 430px; margin-top: 20px; }
.bottom_id_copyright ul h3, .bottom_id_copyright ul .h3 { display: inline-block; line-height: 40px; float: left; margin-right: 10px; font-size: 18px; text-transform: capitalize; font-weight: normal; }
.bottom_id_copyright ul li { display: inline-block; list-style: none; line-height: 0; margin: 0 5px; }
.bottom_id_copyright ul {display: none; float: right; margin-top: 10px; margin-right: 10px; }
.bottom_id_copyright ul li img { width: auto; height: 30px; border: solid #FFF 3px; border-radius: 50%; 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; }
.bottom_id_copyright ul li img:hover { border: solid #FBC46D 3px; }
.dmd-phone b { color: #ffffff; font-size: 15px; position: fixed; background: #ff4242; left: 35px; bottom: 34px; width: 160px; text-align: left; padding-left: 40px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; line-height: 18px; padding-right: 10px; font-weight: normal; padding-left: 60px; }
.dmd-phone b span { color: #fff; font-size: 22px; display: block; font-family: 'UTMSeagullBold'; line-height: 30px; }
.left_conten_sp { float: left; margin-left: 10px; width: 250px; padding: 20px 15px; border-top: 1px solid #f8f8f8; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); background: #fff; }
.menu_left ul b, .sanpham_left b {display: block; text-align: center; font-size: 19px; text-transform: uppercase; font-weight: normal; color: #fff; line-height: 30px; padding: 10px 0; background: #78482c; font-family: 'UTMSeagullBold'; }
.menu_left ul li { list-style: none; }
.menu_left ul li a { display: block; color: #3d1224; background: #eee; line-height: 35px; padding: 5px 10px; font-size: 17px; text-transform: capitalize; border-bottom: solid #fff 1px; font-weight: 500; 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; }
.menu_left ul li a i { padding-right: 7px; font-size: 13px; }
.menu_left ul li a:hover { color: #fff; background: #3d1224; }
.check_id b { color: #78482c; font-weight: normal; font-size: 21px; text-transform: uppercase; padding-bottom: 15px; position: relative; border-bottom: solid #CCC 1px; padding-bottom: 10px; margin-bottom: 20px; margin-top: 20px; display: block}
.graphite .accordion { font: bold 14px Arial, sans-serif; border-top: 1px solid #111; border-right: 1px solid #111; border-left: 1px solid #111; }
.graphite .accordion, .graphite .accordion li { margin: 0; padding: 0; border: none; list-style: none; background: #f8f8f8; }
.graphite .accordion a { padding: 10px 10px 10px 33px; text-decoration: none; display: block; color: #666; border-bottom: 1px dotted #eee; position: relative; text-transform: uppercase; font-weight: 500; font-size: 14px; line-height: 20px; }
.graphite .accordion ul a { background: no-repeat; font-weight: 500; border-bottom: none; text-transform: capitalize; color: #666; line-height: 20px; border-bottom: 1px dotted #eee; }
.graphite .accordion ul a i { padding-right: 5px; }
.graphite .accordion ul a:hover { text-decoration: underline; color: #214551; }
.graphite .accordion a.dcjq-parent.active { background-color: #eee; }
.graphite .accordion a .dcjq-icon { position: absolute; top: 50%; left: 14px; width: 34px; margin-top: -17px; height: 34px; background: url(../images/arrow_black_right.png) no-repeat 0 center; }
.graphite .accordion a.dcjq-parent.active .dcjq-icon { background: url(../images/arrow_black_down.png) no-repeat 0 center; color: #f60; }
.graphite .accordion a:hover { color: #333; background: none; }
.graphite .accordion a:active { color: #214551; background: none; }
.check_id { border-bottom: solid #CCC 1px; margin-bottom: 20px; }
.container { display: block; position: relative; margin-bottom: 10px; cursor: pointer; font-size: 17px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 25px; text-transform: capitalize; color: #666; padding-left: 30px; }
.container span { color: #999; padding-left: 0; }
.container input { position: absolute; opacity: 0; cursor: pointer; }
.checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #f9f9f9; border: 1px #ccc solid; }
.container:hover input ~ .checkmark { background-color: #ccc; }
.container input:checked ~ .checkmark { background-color: #3c3c3c; border: 1px #3c3c3c solid; }
.checkmark:after { content: ""; position: absolute; display: none; }
.container input:checked ~ .checkmark:after { display: block; }
.container .checkmark:after { left: 6px; top: 1px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.right_conten_sp { float: right; width: 900px; }
.marquee { overflow: hidden; height: 500px; margin-top: 20px; }
.leftBox { padding: 30px 30px 0; position: relative; }
.viewLeft { width: 40%; float: left; }
.viewRight { width: 60%; float: left; padding-left: 24px; }
.viewRight h2 ,.viewRight-h2{ font-size: 23px; color: #e64723; line-height: 30px; font-weight: 400; padding-bottom: 5px; }
.viewRight h2 span.gia_km  ,.viewRight-h2 span.gia_km{ font-size: 20px; padding-left: 10px; font-weight: normal; color: #333; text-decoration: line-through; }
.viewRight .desc { margin-bottom: 2px; }
.viewRight .desc b { display: block; margin-bottom: 5px; font-weight: normal; padding-top: 5; }
.viewRight .desc li ,.gia_sp_mota ul li{ line-height: 25px; margin-bottom: 5px; text-indent: 20px; list-style: none; background: url("../images/icon-check-pink.png") no-repeat left 9px; }
.gia_sp_mota ul {margin-bottom: 5px}
.quantity { position: relative; margin-bottom: 15px; }
.quantity, .quantity * { user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; }
.quantity label { font-size: 16px; padding-right: 5px; }
.quantity .input-text { width: 50px; height: 50px; border: none; text-align: center; font-size: 18px; box-shadow: inset 0 0 5px rgba(0,0,0,.2); }
.quantity p { padding: 10px 0 5px 0; border-top: dotted 1px #ddd; font-size: 18px; text-transform: uppercase; }
.quantity .minus, .quantity .plus { position: absolute; bottom: 0px; left: 135px; width: 30px; height: 23px; border: none; cursor: pointer; font-size: 18px; color: #fff; text-align: center; -webkit-appearance: none; appearance: none; background: #c10707; line-height: 19px; }
.quantity .minus { font-size: 25px; }
.quantity .plus { bottom: 27px; }
.quantity a { position: relative; height: 50px; line-height: 52px; position: absolute; left: 0; bottom: -1px; font-size: 18px; text-transform: uppercase; padding: 0 18px 0 45px; color: #fff; border: solid 1px #fff; box-shadow: 1px 1px 1px rgba(0,0,0,.1); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1); background: #ff7e00; margin-left: 170px; }
.quantity a:hover { color: #fff; background: #c10707; }
.quantity a:before { content: ""; background-image: url("../images/icon-cart-w.png"); background-position: center center; position: absolute; top: 12px; left: 10px; width: 26px; height: 22px; z-index: 2; line-height: normal; }
#proView .link a { display: inline-block; height: 24px; line-height: 26px; padding-left: 30px; color: #333; position: relative; }
#proView .link a:hover { color: #f00; }
#proView .link a:first-child { margin-right: 22px; }
#proView .link { margin-bottom: 15px; }
#proView .link a:after { content: ""; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background-color: #646464; background-position: center center; background-repeat: no-repeat; }
#proView .link a.b_mail:after { background-image: url("../images/icon-mail.png"); }
#proView .link a.b_share:after { background-image: url("../images/icon-share.png"); }
#proCont { padding: 0px 0px; }
.listDesc { margin-bottom: 15px; box-shadow: inset 0 -5px #E6E6E6; }
.listDesc a { text-transform: uppercase; font-size: 20px; display: inline-block; line-height: 40px; margin-right: 20px; padding-bottom: 5px; box-shadow: inset 0 -5px #646464; color: #999; }
.titleView { position: relative; font-size: 22px; line-height: 30px; font-weight: 500; color: #8a540e; margin-bottom: 0; padding-bottom: 7px; text-transform: uppercase; }
#bridal_images { border: 1px solid #e6e6e6; background: #fff; padding: 5px; width: 100%; height: auto; overflow: hidden; margin-bottom: 12px; position: relative; z-index: 0; }
#bridal_images img { border: none; width: 100%; height: 100%; margin: 0px auto; }
#bridal_images_list { display: block; width: 95%; padding-left: 20px; position: relative; }
#bridal_images_list li { margin-right: 10px; list-style: none; float: left; height: 110px; width: 110px; border: 1px solid #CCC; background: #fff; padding: 4px; text-align: center; overflow: hidden; }
#bridal_images_list li:hover { border: 1px solid #999; background: #fff; }
#bridal_images_list img { width: auto; height: 110px; width: 110px; border: none; }
.pro_slide_prev, .pro_slide_next { position: absolute; width: 12px; border: solid 1px #ccc; bottom: 50%; height: 50px; margin-bottom: -25px; text-indent: -10000px; }
.pro_slide_prev { left: 0px; border-radius: 5px 0px 0px 5px; background: url(../images/pro_slide_prev.png) no-repeat center center #f4f4f4; }
.pro_slide_next { right: 0px; border-radius: 0px 5px 5px 0px; background: url(../images/pro_slide_next.png) no-repeat center center #f4f4f4; }
a.pro_slide_prev.disabled, a.pro_slide_next.disabled { opacity: .5; }
a.pro_slide_prev.disabled, a.pro_slide_next.disabled { cursor: default; }
.cloud-zoom-lens { cursor: move; }
.cloud-zoom-big { overflow: hidden; }
.cloud-zoom-loading, img.loading { background: url(../images/loading.gif) no-repeat scroll center transparent; }
.mausac_sp ul p { float: left; width: 20%; text-transform: capitalize; }
.mausac_sp ul h2 ,.mausac_sp_h2{ float: left; width: 30%; font-size: 15px; font-weight: normal; text-transform: none; color: #333; padding: 0 5px; }
.mausac_sp ul li { float: right; list-style: none; width: 23%; text-align: right; font-size: 14px; }
.mausac_sp ul li input { width: 25px; padding: 4px 5px; text-align: center; border: solid 1px #ccc; font-size: 13px; }
.giohang_id { display: inline-block; float: right; }
.dv-giohang_id ul { border: none !important; }
.giohang_id ul .h3:hover, .giohang_id ul .h4:hover, .giohang_id ul h3 a:hover, .giohang_id ul h4 a:hover { background: #341c02; color: #fff; }
.giohang_id ul .h3, .giohang_id ul .h4, .giohang_id ul h3 a, .giohang_id ul h4 a { background: #ff973b; color: #fff; margin-left: 10px; font-size: 16px; font-weight: normal; display: block; float: left; padding: 2px 15px; margin-top: 10px; 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; transition: .3s ease-out; border-radius: 5px; line-height: 35px; border: none; cursor: pointer; }
.giohang_id ul .h4, .giohang_id ul h4 a { background: #7c3926; }
.mausac_sp ul { border-bottom: solid #e3e3e3 1px;  margin-bottom: 3px; padding: 2px 2px 5px;line-height: 1.2;}
.mausac_sp h3,.mausac_sp_h3 { font-size: 17px; color: #ff4c3b; line-height: 1.6; text-align: right; padding-top: 0px; }
.mausac_sp { margin-top: 20px; }
.header { background: #f0f5f5; border-bottom: 5px solid #736357; padding: 10px 0; }
.logo_top { float: left; margin-left: 10px; }
.logo_top img { width: auto; height: 98px; }
.dv-herder-top { height: 22px; background: #f0f5f5 url(../images/bg_top.png) top left repeat-x; }
.lang_top { float: right; margin-top: 0; display: none}
.lang_top li { float: left; margin-right: 10px; list-style: none; line-height: 0; }
.lang_top li img { height: 20px; border: solid #ffffff 4px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; width: auto; 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; }
.lang_top li img:hover { border: solid #fbc46d 4px; }
.right_top_id { float: right; display: inline-block; padding-top: 8px; }
.hotline_top { float: right; background: url(../images/icon_phone.png) top right no-repeat; height: 35px; line-height: 35px;  margin-top: 3px; color: #2c2e2e; font-size: 25px; width: 100%; text-align: right; margin-bottom: 18px; }
.hotline_top a { color: #341c02;  font-weight: 500; }
.dv-logon-dongtrung { float: left; margin-left: 5px; margin-top: 20px; line-height: 0; width: calc(100% - 750px); }
.dv-logon-dongtrung a { display: block; line-height: 0; }
.dv-logon-dongtrung img { max-height: 68px; max-width: 100%; }
.header .pagewrap { /* max-width: 1480px; */ /* width: 100%; */ /* padding: 0 10px; */ }
.right_header { float: right; width: 570px; margin-bottom: 15px; }
.timkiem_top { float: right; display: inline-block; width: calc(100% - 285px); position: relative; }
.input_search { padding: 0px 10px; height: 35px; line-height: 34px; width: calc(100% - 45px); float: right; color: #764529; font-size: 14px; background: #ffffff; border: 1px solid #cdcdcd; }
.timkiem_top a { width: 45px; height: 35px; text-indent: -10000px; background: #341c02 url(../images/ic_lup.png) no-repeat center center; float: right; border-left: 0px; 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; background-size: 26px 26px; }
.timkiem_top a:hover { background: url(../images/ic_lup.png) no-repeat center center #fe8e22; border-color: #b5600f; }
.banner_home ul li { list-style: none; line-height: 0; float: left; width: 48%; margin: 1%; position: relative; overflow: hidden; display: block; padding: 0.5%; background: #fff; box-shadow: 5px 5px 0px rgba(0,0,0,0.15); width: 46.7%; border: solid #CCC 1px; }
.banner_home ul li img { height: auto; width: 100%; webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); }
.login_id_popup { padding: 20px; width: 400px; }
.login_id_popup label { margin-left: 5px; display: block; margin-top: 0; font-size: 16px; margin-bottom: 5px; line-height: 35px; }
.login_id_popup input[type="checkbox"] { width: 18px; height: 18px; position: relative; top: 4px; margin-right: 7px; }
.book_phong_popup li a { color: #f01111; font-size: 15px; float: right; font-style: italic; font-weight: 500; }
.book_phong_popup li a:hover { color: #f01111; text-decoration: underline; }
.quenmatkhau { display: inline-block; float: left; list-style: none; color: #87423d; padding-right: 20px; }
.quenmatkhau li { list-style: none; color: #333; }
.quenmatkhau li a { color: #f01111; font-size: 15px; float: right; font-style: italic; font-weight: 500; }
.quenmatkhau li a:hover { color: #f01111; text-decoration: underline; }
.bt-login { color: #333; list-style: none; }
.bt-login a { color: #87423d; margin-bottom: 15px; }
.bt-login a:hover { color: #2e1a02; }
.col-md-4 { width: 100%; margin-bottom: 10px; }
.box_dangnhap_popup h2 { float: right; margin-left: 20px; }
.box_dangnhap_popup h2 a { background: #87423d; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; display: inline-block; font-size: 16px; font-weight: 500; cursor: pointer; width: auto; margin: auto 0; padding: 6px 25px; text-transform: uppercase; text-align: center; position: relative; z-index: 1; text-decoration: none; color: #fff; line-height: 30px; border-radius: 4px; 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; }
.box_dangnhap_popup h2 { margin-top: 10px; }
.box_dangnhap_popup h2 a:hover, .login_link ul h3 a:hover { color: #fff; background: #3d1224; }
.login_link ul h3 a { color: white; font-size: 18px; font-weight: normal; line-height: 40px; padding: 5px 20px; margin-top: 15px; display: block; text-transform: capitalize; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; 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; }
.login_link ul h3 i { font-size: 25px; padding-right: 10px; line-height: 40px; }
.login_link ul h3.fb { background-color: #3B5998; color: white; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.login_link ul h3.google { background-color: #dd4b39; color: white; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.login_id_right { float: right; width: 40%; }
.list-text-custom, .list-text-custom .accordion_container{ width: 100%; }
.list-text-custom .accordion_head { background-color: #f3f3f3; color: #333; cursor: pointer; font-size: 14px; margin: 0 0 1px 0; padding: 7px 11px; font-weight: normal; }
.list-text-custom .accordion_body { background: #fff; }
.list-text-custom .accordion_body p{ padding: 5px 10px; margin: 0px; }
.list-text-custom .plusminus{ float:right; font-size: 20px; }
.list-text-custom .accordion_head h3{ display: contents; line-height: normal; }
.list-text-custom .accordion_head h2{ font-size: 16px; color: #fff; }
@keyframes my { 0% { color: #F8CD0A; }
50% { color: #fff; }
100% { color: #F8CD0A; }
}
1 2 3 4 5 @keyframes my { 0% { color: #ed3235; }
50% { color: #fff; }
100% { color: #2c77e0; }
}
@-webkit-keyframes my { 0% { color: #ed3235; }
50% { color: #fff; }
100% { color: #2c77e0; }
}
@-moz-keyframes my { 0% { color: #ed3235; }
50% { color: #fff; }
100% { color: #2c77e0; }
}
@-o-keyframes my { 0% { color: #ed3235; }
50% { color: #fff; }
100% { color: #2c77e0; }
}
@keyframes my { 0% { color: #ed3235; }
50% { color: #fff; }
100% { color: #2c77e0; }
}
.test { -webkit-animation: my 700ms infinite; -moz-animation: my 700ms infinite; -o-animation: my 700ms infinite; animation: my 700ms infinite; }
.logo_doitac .owl-buttons { display: none; }
.footer_top span.fa { display: inline-block; margin-right: 10px; font-size: 16px !important; }
.showText.showText_lienhe p { margin-bottom: 0; padding-bottom: 0; }
.showText.showText_lienhe { margin: 10px 0 20px; }
.dv-slider-nang li { list-style: none; border: 1px solid #e6e6e6 !important; padding: 4px !important; background: #fff; width: calc(100% - 10px) !important; margin: 0 5px !important; height: 140px; }
.dv-slider-nang.no_box { margin: 0 -5px; }
.dv-slider-nang .owl-prev, .dv-slider-nang .owl-next { position: absolute; width: 16px; border: solid 1px #ccc; top: 50%; height: 35px; left: 0px; border-radius: 5px 0px 0px 5px; background: url(../images/pro_slide_prev.png) no-repeat center center #f4f4f4; margin-top: -23px; cursor: pointer; text-indent: -100px; overflow: hidden; opacity: .9; border-radius: 3px !important; overflow: hidden; }
.dv-slider-nang .owl-next { left: auto; right: 0;border-radius: 0px 5px 5px 0px; background: url(../images/pro_slide_next.png) no-repeat center center #f4f4f4; }
.dv-slider-nang .owl-prev:hover, .dv-slider-nang .owl-next:hover{ opacity: 1; }
.dv-notfull { margin: 0 10px; }
th { background-color: #78482c; color: white; line-height: 30px; text-align: center; border-color: #dcbc6d !important; }
table { border-collapse: collapse;width: 100%; }
.dv-anh-cart-sp img { max-width: 70px; float: left; margin-right: 10px; }
th, td { border-bottom: 1px solid #ddd; padding: 5px 10px; text-align: left; font-size: 15px; font-weight: 500 !important; border-color: rgba(0, 0, 0, 0.08) !important; }
table, th, td { border: 1px solid #ccc; }
div#cart_list table { background: #fff; }
.dv-table-reposive .mobileqty input { width: 100% !important; border: 1px solid #dcdcdc; padding: 4px 7px; max-width: 100px }
.dv-table-reposive form { width: 100%; text-align: center; }
.dv-table-reposive button.pro_del { width: auto; padding: 4px 15px; background: #78482c; color: #fff; border: none; font-size: 12px; cursor: pointer; margin: 0 auto; }
.dv-table-reposive button.pro_del:hover, .dv-btn-cart.no_box a:hover { background: #3d1224; }
.dv-table-reposive .dv-anh { float: left; line-height: 22px; width: calc(100% - 100px); }
.dv-table-reposive .dv-anh p { color: #9c9c9c; font-size: 14px; }
.dv-table-reposive .dv-anh p.p_mota_cart { color: #ff4c3b; }
.dv-anh a { color: #333; }
.dv-anh a:hover { color: #78482c; }
.dv-table-reposive b { font-weight: 500; color: #78482c; }
.dv-tongtien.no_box { float: right; padding: 10px 0; font-size: 16px; }
label.tb_tongtien { color: red; }
.dv-btn-cart { text-align: center; width: 100%; }
.dv-btn-cart.no_box a { display: inline-block; background: #87423d; color: #fff; font-size: 15px; padding: 8px 0; width: 100%; margin: 18px 0 0; border-radius: 5px; text-transform: uppercase; max-width: 500px; }
.dv-btn-cart p { text-align: center; padding: 10px 0; }
.dv-table-reposive button.pro_del:hover, .dv-btn-cart.no_box a:hover { background: #3d1224; }
a { color: #333; }
a:hover { color: #ff9b1b; }
.contact_lh_cart .left { width: 50%; float: left; padding-right: 10px; }
.contact_lh_cart .right { width: 50%; float: left; padding-left: 10px; }
.contact_lh_cart .right textarea { height: 210px; }
.contact_cart div#payment_method { float: left; text-align: left; width: 100%; font-weight: 500; }
.contact_cart div#payment_method h3 { font-weight: 500; font-size: 17px;margin: 6px 0 5px !important; }
#payment_method .payment_method_input label span { position: relative !important; width: calc(100% - 20px) !important; margin: 0 !important; line-height: 1.5 !important; float: left; font-size: 14px; }
.contact_cart #payment_method li input { width: 17px !important; height: 17px !important; position: relative; top: 4px; }
#payment_method .payment_method_input label { margin-top: 5px; display: block; }
#payment_method .payment_method_input {margin-bottom: 7px}
.contact.contact_cart h2 { padding: 0 0 3px; font-size: 18px; line-height: 25px; font-weight: normal; color: #666; }
div#cart_list h2 { text-transform: uppercase; font-size: 18px; line-height: 25px; font-weight: normal; color: #666; padding-bottom: 12px; }
.contact.contact_cart .dv-send-hd { margin-top: 10px; }
.ungtuyen_popup { padding: 10px 0; }
.row-frm.row-frm-thongtin { margin: 7px 0; }
.dv-lich-sumuahang { padding: 30px; position: relative; min-height: 100px; }
.dv-lich-sumuahang a i { margin-right: 3px; }
.dv-lich-sumuahang p, .dv-lich-sumuahang p a { font-size: 13px; color: #7d7d7d; line-height: 20px; font-weight: 400; }
.dv-lich-sumuahang-chitiet, .dv-lich-sumuahang-chitiet * { font-size: 13px !important; }
.dv-lich-sumuahang.dv-lich-sumuahang-chitiet th { white-space: nowrap; }
.gia_sp_mota { margin-bottom: 10px; }
.footer_top ul li:last-child { border: none; }
.pro_home_id.is_nut ul { margin: 0 10px; height: 100%; width: calc(100% - 20px); }
.dv-lich-sumuahang.dv-lich-sumuahang-chitiet div#cart_list { margin-top: 15px; }
.dv-lich-sumuahang.dv-lich-sumuahang-chitiet .tb-thongtin-tv { margin-bottom: 15px; }
.dv-timkiem-button { position: fixed; bottom: 15px; left: 15px; background: #78482c; z-index: 999; padding: 2px 20px 2px 7px; font-size: 16px; color: #fff; border-radius: 100px; display: none}
.dv-timkiem-button img { width: 17px; position: relative; left: 0px; top: 7px; float: left; margin-right: 7px; }
.dv-timkiem-button a { color: #ffffff; font-weight: 300; font-size: 14px; }
.dv_js_load_html_code li { margin-left: 0 !important; }
.dv_js_load_html_code .pro_home_id { margin:0 -10px 25px; width: calc(100% + 20px); float: left; }
.dv_js_load_html_code > h3 { color: #000000; text-transform: Sentence case; font-size: 16px; font-weight: 500; border-left: 6px italic #fbc46d; padding-bottom: 4px; margin-bottom: 15px; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 10px; font-family: 'arial'; }
.pro_home_id ul p a, .pro_home_id_2 ul p a { padding: 1px 22px 6px; margin-bottom: 5px }
.pro_home_id ul p a i, .pro_home_id_2 ul p a i { margin-right: 6px; font-size: 16px; }
.dv_js_load_html_code > h3 a {color: #000000 !important;}
.pro_home_id.is_nut .item { padding-top: 5px; }
.formPhone { padding: 12px 20px; }
.formPhone > h3 { font-weight: 300; font-size: 18px; text-align: center; line-height: 25px; margin-bottom: 20px; color: #666; }
.formPhone input { font-size: 14px !important; }
.formPhone a.button { position: absolute; right: 4px; top: 4px; margin: 0; border-radius: 4px; height: 37px; line-height: 37px; font-size: 15px; }
.formPhone input#s_dienthoai { border-radius: 5px; height: 46px; background: #fff; font-size: 16px !important; }
.formPhone li.social { position: relative; list-style: none; border-top: 1px solid #e9ebf1!important; margin-top: 30px; padding-top: 25px; text-align: center; font-size: 18px; }
.formPhone li.social span.bt { width: 28px; height: 28px; border: 1px solid #ffffff; display: inline-block; position: absolute; left: 50%; margin-left: -14px; margin-top: -41px; background: #eff0f5; border-radius: 100px; font-size: 20px; color: #78482c; line-height: 27px; text-align: center; text-indent: 0px; }
.formPhone li.social p span { font-size: 18px; color: #717171; margin-bottom: 10px; display: inline-block; }
.formPhone p i { margin-right: 3px; font-size: 18px; color: #78482c;}
.formPhone p span.a { margin: 0 7px; }
.formPhone p a { font-size: 20px; font-weight: 500; color: #78482c; }
.formPhone p a:hover { color: #FF9800; }
.pagewrap.conten_pro.conten_pro_new { padding-top: 15px; }
.pro_home_id ul p a, .pro_home_id_2 ul p a { background: #ff4242; color: #fff; border: none !important; }
.pro_home_id ul p a i, .pro_home_id_2 ul p a i { color: yellow; }
.dv-tksel { position: relative; }
.dv-tksel ul { list-style: none; position: absolute; width: calc(100% - 2px); background: rgb(255, 255, 255); padding: 10px 10px 3px; border: 1px solid #e9b265; border-radius: 0; margin-top: 0px; border-top: 0; display: none; z-index: 9; min-width: 200px; margin-left: 1px; }
.dv-tksel .dv-is-input.acti ul { display: block; }
.dv-is-input ul li label { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 6px 0; position: relative; font-size: 15px; color: #333; }
.dv-is-input ul li label:before { content: ""; top: 0; z-index: 1; left: 0; right: 0; bottom: 0; position: absolute; }
.is_cxb { width: 16px !important; height: 16px !important; float: left; margin-right: 8px; margin-top: 1px !important; }
.dv-is-input ul li { font-size: 13px; padding: 0; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.dv-is-input ul li + li {border-top: 1px dashed #e3e3e3;}
.is_cxb:before { content: ""; position: absolute; height: 14px; width: 14px; background-color: #f9f9f9; border: 1px #e7e7e7 solid; }
.is_cxb:checked:after { content: ""; height: 7px; width: 3px; border: solid #10a152; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; margin: 2px 0 0 6px; }
.dv-tksel select { font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif; background: #fff; font-size: 14px; }
a.cur.popup.dmd-phone.dmd-green.dmd-show.mobile { display: none !important; }
.pagewrap.conten_pro.conten_pro_new { padding-top: 0; }
.showText iframe {max-width: 100% !important}
p.p_sao img{height: 15px !important}
p.p_sao { position: relative; margin-bottom: 5px !important; }
.footer_top .p_sao span { font-size: 14px !important; margin: 0 8px 0 0; }
.star_reviews_div { margin-bottom: 10px; padding-top: 5px; }
p.p_sao span { font-size: 15px; margin-right: 5px; color: #8c8c8c; }
p.p_sao span.checked { color: orange; }
li.dv-limit-hide:nth-child(n+8) { display: none; }
.showText.showText_mota { background: #fff; margin: 0; padding: 10px 0px 5px; margin-bottom: 10px; }
body { overflow-x: hidden; }
.dv-khung-ajx { padding-top: 10px; }
.dv-idvideo-youtube-cont { position: fixed; top: 0; left: 0; right: 0; bottom: 0; align-items: center; z-index: 9999; background: rgba(0, 0, 0, 0.80); display: none}
.dv-idvideo-youtube-cont.actii {display: flex; }
.dv-idvideo-youtube { position: relative; background: #000; display: none; width: 650px; height: 366px; max-width: 90%; max-height: 90%; }
.dv-idvideo-youtube a.close_vdeo { background: url(../images/fotorama.png) no-repeat; width: 32px; height: 32px; top: -25px; right: -25px; background-position: -64px 0; cursor: pointer; display: block; position: absolute; z-index: 999; }
.dv-idvideo-youtube iframe { width: 100%; height: 100%; }
.dv-tin-video-ds ul { list-style: none; width: calc(100% / 3 - 20px); float: left; margin: 0 10px 20px; position: relative; border: 1px solid #e2e0dd; padding: 10px; border-radius: 6px; }
.dv-tin-video-ds ul img { width: 100%; height: auto; }
.dv-tin-video-ds ul h3 { font-size: 15px; line-height: 25px; color: #1d0f00; margin-top: 15px; font-weight: 500; display: block; }
.dv-tin-video-ds ul h3:hover { color: #ff8f1a; }
.dv-tin-video-ds ul .fa { position: absolute; font-size: 60px; top: 50%; left: 50%; z-index: 9; transform: translate(-50%, -50%); opacity: 0.5; color: #000; }
.dv-tin-video-ds ul:hover .fa { color: #ea0808; }
.dv-tin-video-ds ul h3 { font-size: 17px; font-weight: 500; line-height: 25px; color: #333; margin-top: 15px; }
.dv-tin-video-ds ul li { line-height: 0; list-style: none; position: relative; }
div#lightgallery > div { width: calc(100% / 4 - 10px); margin: 0 5px 10px; }
div#lightgallery > div a { display: block; line-height: 0; height: 220px; }
div#lightgallery > div a img { height: 100%; width: 100%; object-fit: cover; }
.dv-hinhanh-home { background: #fff; padding: 35px 0 40px; overflow: hidden; }
.tintuc_home_box.dv-video-div { padding: 35px 0 50px; background: #3d1224; }
.tintuc_home_box.dv-video-div .tit_2 a { color: #fff !important }
.bottom_id_copyright ul p { display: none !important; }
.fla_tkiem::-webkit-input-placeholder { color: #764529;}
.fla_tkiem:-moz-placeholder { color:#764529;opacity: 1;}
.fla_tkiem::-moz-placeholder { color:#764529; opacity: 1;}
.fla_tkiem:-ms-input-placeholder { color:#764529;}
.fla_tkiem::-ms-input-placeholder { color:#764529;}
.fla_tkiem::placeholder { color: #764529;}
.right_top_id a img { float: left; margin-right: 7px; }
.right_top_id a { color: #764529; font-size: 17px; line-height: 22px; float: left; margin-left: 16px; }
.dv-boxbanner { height: 12px; background: #341c02; width: 100%; border-top: 4px solid #998675; }
.dv-home-cont { background: url(../images/bg_home_bottom.jpg) bottom left no-repeat, url(../images/bg.jpg) top left no-repeat; background-size: 100% 500px, 100% auto; padding-top: 15px; padding-bottom: 20px; }
.dv-hotro-tuvan:hover:before { box-shadow: 0 0 10px 0px #341c02; content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0;border-radius: 14px; }
.dv-hotro-tuvan * { position: relative; }
.dv-hotro-tuvan { background: #341c02; border-radius: 14px; margin: 0px 15px 20px; width: calc(100% - 30px); position: relative; box-shadow: -6px 6px #dbe6e9; }
.dv-hotro-tuvan input { height: 38px; margin: 6px; border: none; padding: 0 15px; font-size: 15px; border-radius: 10px; width: 25%; }
.dv-hotro-tuvan span { display: inline-block; color: #fff; width: 22%; text-align: center; height: 38px; line-height: 38px; margin: 6px 0; float: left; padding-left: 65px; }
.dv-hotro-tuvan input { margin-left: 65px; float: left; }
.dv-hotro-tuvan a { display: inline-block; width: 100px; text-align: center; background: #fff; color: #534741; text-transform: uppercase; font-size: 16px; font-weight: 500; height: 38px; float: left; margin: 6px; border-radius: 10px; line-height: 38px; margin-left: 65px; }
.dv-title-home { text-transform: uppercase; color: #341c02; text-align: center; font-size: 24px; font-weight: 600; line-height: 34px; position: relative; z-index: 1; margin-bottom: 10px; }
.dv-khung { position: relative; background: rgb(255 255 255 / 50%); }
.dv-khung-top { position: absolute; left: 0; top: 0; background: url(../images/bg_top_left.png) top left no-repeat, url(../images/bg_top_right.png) top right no-repeat; width: 100%; height: 175px; }
.dv-khung-bottom { position: absolute; left: 0; bottom: 0; background: url(../images/bg_bot_left.png) top left no-repeat, url(../images/bg_bot_right.png) top right no-repeat; width: 100%; height: 100px; }
.showText.dv-text-home { padding: 0 30px 25px; position: relative; z-index: 1; }
.showText.dv-text-home a.btn { display: block; text-align: center; font-weight: 500; font-size: 16px; font-style: italic; line-height: 20px; color: #000; }
.showText.dv-text-home p { padding-bottom: 10px; }
.dv-title-home span i { display: inline-block; background: url(../images/icon_hd.png?v=2) top left no-repeat; height: 28px; width:33px; background-size: 100% 100%; position: relative; }
.dv-title-home span { display: block; line-height: 0; margin-top: 5px; }
.dv-title-home span i:after, .dv-title-home span i:before { content: ""; width: 80px; height: 1px; background: #764529; position: absolute; left: 0; top: 15px; margin-left: -86px; }
.dv-title-home span i:after { margin-left: auto; left: auto; right: 0; margin-right: -86px; }
.dv-ve-chung-toi { padding-top: 15px;margin-bottom: 20px; }
.dv-khung-wid:before { content: ""; position: absolute; left: 130px; right: 130px; background: url(../images/bg_top_ngang.png) top left repeat-x; top: 0; height: 10px; }
.dv-khung-wid:after { content: ""; position: absolute; left: 132px; right: 170px; background: url(../images/bg_top_ngang_bot.png) bottom left repeat-x; bottom: 0; height: 10px; }
.dv-khung-hei:before { content: ""; position: absolute; top: 175px; left: 0; background: url(../images/bg_top_dung-left.png) top left repeat-y; width: 10px; bottom: 100px; }
.dv-khung-hei:after { content: ""; position: absolute; top: 175px; right: 0; background: url(../images/bg_top_dung-right.png) top left repeat-y; width: 10px; bottom: 100px; }
.dv-line-home { height: 18px; border-radius: 100px; margin-bottom: 20px; background-image: linear-gradient(to right,#341c02, #54402a, #341c02); }
.dv-giohang-cont { width: 100%; max-width: 800px; padding-bottom: 30px; }
.dv-giohang-cont-child { border: 1px solid #ccc; padding: 10px 20px; position: relative; }
.dv-cart-muathem a{ font-weight: 500; position: relative; padding: 16px 0 7px; color: #341c02; font-size: 16px;display: inline-block; }
.dv-cart-muathem { text-align: right; }
.dv-row-buy { border-bottom: 1px solid #dedede; padding-bottom: 10px; margin-bottom: 10px; }
.dv-buy-left { width: 130px; float: left; }
.dv-buy-left img { width: 100%; height: auto; line-height: 0; }
.dv-buy-right { width: calc(100% - 145px); float: left; margin-left: 15px; }
.dv-price-cart { width: 150px; text-align: right; float: right; }
.dv-anh-cart { width: calc(100% - 150px); float: left;}
.dv-anh-cart a { display: block; font-weight: 600; }
.dv-price-cart h3 { color: #f10d0d; font-weight: 400; font-size: 18px; line-height: 25px; display: block; }
.dv-price-cart h4 { font-weight: 300; font-size: 14px; text-decoration: line-through; color: #949494; line-height: 22px; }
.dv-mobileqty input { height: 30px; background: none; border: 1px solid #ccc; text-align: center; float: right; width: 30px; margin-left: -1px; }
.dv-mobileqty { margin-top: 10px; }
.dv-anh-cart .pro_del { border: none; background: #e8e8e8; padding: 0px 15px; display: inline-block; margin-top: 8px; border-radius: 100px; color: #FF5722; font-size: 12px; cursor: pointer; line-height: 22px; font-weight: 500; transition: all .4s; }
.dv-anh-cart .pro_del:hover { background: #d28438; color: #fff; }
.p_mota_cart { color: #484848; }
.khuyemmai_2s { font-size: 13px; line-height: 22px; color: #9a9a9a; display: inline-block;margin: 0 !important;padding: 0 4px;}
.dv-mobileqty input.qty_is_soluong { width: 40px; }
.dv-danhmuc-cont .dv-khung-hei, .dv-danhmuc-cont .dv-khung-wid { opacity: 0; }
.dv-danhmuc-cont { padding: 0; margin-top: -25px; }
.dv-nhom-dm-home li { list-style: none; width: calc(20% - 10px); text-align: center; margin: 0; position: relative; display: inline-block; }
.dv-nhom-dm-home { text-align: center; width: 100%; position: relative; }
.dv-nd-menusp li > a, .dv-taisao-gr > a, .dv-nhom-dm-home li > a { line-height: 0; display: block; border: 2px solid #534741; width: 110px; height: 110px; border-radius: 100px; position: relative; box-shadow: -6px 4px 0 #dbe6e9; margin-top: 55px; white-space: nowrap; }
.dv-taisao-gr > a img, .dv-nhom-dm-home li > a img { width: 100%; height: 100%; border-radius: 100px; }
.dv-nhom-dm-home li > a i, .dv-taisao-gr > a i{ opacity: 0; transition: all .3s;box-shadow: 0 0 15px 0px #341c02; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 100px; width: 100%; height: 100%; }
.dv-nhom-dm-home li > a:hover i ,.dv-taisao-gr > a:hover i{ opacity: 1; }
.dv-nhom-dm-home-h3 a, .dv-taisao-gr-h3 a,
.dv-taisao-gr h3 a, .dv-nhom-dm-home li h3 a { display: block; color: #764529; text-transform: uppercase; font-size: 18px; font-weight: 400; text-overflow: ellipsis; overflow: hidden; margin-top: 18px; white-space: nowrap;}
.dv-nhom-dm-home-h3,
.dv-nhom-dm-home li h3 { position: absolute; left: 0; right: 0; top: 0; background: #fff}
.dv-nhom-dm-home { padding: 20px 0; }
.dv-nhom-dm-home li:nth-child(n+6) .dv-nhom-dm-home-h3 > a,
.dv-nhom-dm-home li:nth-child(n+6) > a { margin-top: 10px; }
.dv-nhom-dm-home li:nth-child(n+6) .dv-nhom-dm-home-h3,
.dv-nhom-dm-home li:nth-child(n+6) h3 { position: relative; }
.dv-nhom-dm-home:before { content: ""; border: 1px solid #534741; position: absolute; top: 130px; left: 125px; right: 125px; bottom: 125px; border-radius: 10px; opacity: 0.2;}
.dv-list-danhmuc { margin-bottom: 20px; }
.dv-tai-sao-chon { padding: 20px; margin-bottom: 20px; }
.dv-taisao-gr { width: calc(100% / 1 - 20px); margin: 0 10px; float: left; text-align: center; position: relative; z-index: 1; }
.dv-taisao-gr p { margin-top: 10px; font-size: 14px; line-height: 24px; }
.dv-taisao-gr h3 , .dv-taisao-gr-h3{ min-height: 52px; }
.dv-taisao-gr > a { margin-top: 0; }
.nd-tai-sao { margin-bottom: 40px; position: relative; display: none;}
.nd-tai-sao:before { content: ""; height: 2px; background: #736357; width: calc(100% - 300px); top: 80px; position: absolute; z-index: 0; left: 0; right: 0; margin: 0 auto; }
.dv-video-cont-gr { width: calc(100% - 20px); margin: 0 10px; }
.dv-video-cont-gr > a img { width: 100%; height: 100%; object-fit: cover; }
.dv-video-cont-gr > a { display: block; line-height: 0; height: 245px; box-shadow: -4px 4px 8px #828282; border-top: 7px solid #311a02; border-bottom: 12px solid #311a02; }
.dv-video-cont-gr h3 a ,.dv-video-cont-gr-h3 a{ display: block; margin-top: 20px; text-align: center; color: #362f2d; font-size: 16px; line-height: 1.5; font-weight: 400; }
.dv-video-cont { padding-bottom: 10px; padding-top: 7px;}
.dv-ds-sphome-child { padding: 34px 18px 4px;margin-top: -25px; }
.dv-ds-sphome-child .dv-khung-hei, .dv-ds-sphome-child .dv-khung-wid { display: none; }
.pro_home_id ul > a { display: block; color: #464646; font-size: 16px; line-height: 1.5; margin: 10px 5px; text-align: left;  text-overflow: ellipsis; overflow: hidden; height: 50px;}
.dv-ds-sphome { margin-bottom: 20px; }
.dv-gr-hdsd { width: calc(100% - 20px); margin: 0 10px; background: #f4f4f4; padding: 10px; }
.dv-gr-hdsd h3 a ,.dv-gr-hdsd-h3 a{ display: block; margin-bottom: 5px; font-size: 18px; font-weight: 500; line-height: 27px; color: #362f2d; }
.dv-grhd-top { padding: 10px 10px 15px; }
.dv-huong-dan-sudung-nd { padding: 34px 18px 34px; margin-top: -25px; }
.dv-gr-hdsd img { width: 100%; height: auto; }
.dv-huong-dan-sudung-nd .dv-khung-wid, .dv-huong-dan-sudung-nd .dv-khung-hei { display: none; }
.dv-show-mkm { text-align: right; display: none; float: right; margin-bottom: 5px; }
.dv-show-mkm button, .dv-show-mkm input { width: 220px; height: 32px; font-size: 13px; line-height: 24px; border: 1px solid #dedede; padding: 0 10px; float: left;border-radius: 5px; }
.dv-show-mkm button { background: #ca7a2e; border-color: #ca7a2e; margin-left: 5px; width: auto; color: #fff; border-radius: 5px; cursor: pointer; padding: 0 12px; transition: all .5s; }
.dv-show-mkm button:hover { background: #2e1a02; border-color: #2e1a02; }
.dv-grcart { border-top: 1px dotted #ececec; padding-top: 2px; margin-top: 2px; }
.sp-cart-right { float: right; }
.sp-cart-right.red { color: #f30808; }
.ma_khuyen_mai_mt img { position: absolute; right: 0; height: 7px; top: -1px; }
.ma_khuyen_mai_mt { position: relative; }
.ma_khuyen_mai_mt { position: relative; font-size: 10px; line-height: 22px; color: #009688; text-align: right; }
#check_magg_id_1 { color: #FF5722; }
.h3-tit-cart { text-transform: uppercase; font-weight: 400; margin-bottom: 7px; }
.dv-sanpham-de-xuat { padding: 0 0 12px; }
.dv-gr-kh .t_left { width: calc(50% - 7px); float: left; margin-right: 7px; }
.dv-gr-kh .t_right { width: calc(50% - 7px); float: left; margin-left: 7px; }
.dv-gr-kh select, .dv-gr-kh input[type="text"] { height: 34px; border: 1px solid #ccc; padding: 0 10px; border-radius: 5px; margin-bottom: 12px; background: #fff; }
.dv-gr-kh label { margin-right: 15px; float: left; line-height: 20px; }
.dv-gr-kh { margin-bottom: 7px; }
.dv-gr-kh label input { margin-right: 7px; float: left; position: relative; top: 3px; }
.dv-gr-kh.dv-gr-kh-check label { width: 100%; margin: 0; padding: 0 0 7px; }
.dv-gr-kh .t_full { width: 100%; }
.dv-gr-kh.dv-gr-kh-phiship-2,
.dv-gr-kh.dv-gr-kh-phiship { background: #f6f6f6; padding: 10px 10px 0; border: 1px solid #e1e1e1; margin-bottom: 20px; position: relative; display: none; }
.dv-sanpham-de-xuat.dv-sanpham-de-xuat-1 { padding-top: 12px; }
.dv-sanpham-de-xuat.dv-sanpham-de-xuat-2 { padding: 0; border-top: 1px solid #dedede; padding-top: 15px; }
.dv-dexuat-gr ul { list-style: none; width: calc(100% - 20px); margin: 0 10px; }
.dv-dexuat-gr ul h3 { font-size: 14px; font-weight: 500; display: block; line-height: 25px; margin-top: 12px; }
.dv-dexuat-gr ul p { color: #929292; font-size: 14px; }
.dv-dexuat-gr { margin: 10px -10px 0; }
.a-chon-spkhac { display: block; text-transform: uppercase; padding-top: 15px; }
.dv-total-car.dv-total-car-bottom { border-top: 1px solid #dedede; padding-top: 10px; }
.dv-baochi-gr { width: calc(100% / 3 - 200px); float: left; margin: 0 100px 20px; }
.dv-baochi-gr img { width: 100%; height: auto; }
.dv-baochi-gr a { display: block; line-height: 0; }
.dv-baochi { margin-bottom: 20px; padding: 20px 0 10px; }
.dv-huong-dan-sudung { margin-bottom: 20px; }
.dv-baochi-child { position: relative; margin: 0 -10px; }
.tintuc_home_id { padding: 35px 25px 20px; margin-top: -25px; position: relative; }
.dv-tintuc-home-child .dv-khung-hei, .dv-tintuc-home-child .dv-khung-wid { display: none; }
.dv-camnhan-left { width: 50%; float: left; padding: 0 20px 25px 30px; display: none;}
.dv-camnhan-right { width: 100%; float: right; }
.dv-foot-1 { width: 36%; float: left; }
.dv-foot-3 { width: 30%; float: left; }
.dv-foot-2 { width: 34%; float: left; padding: 0 30px; }
.dv-foot { padding: 15px 0; }
.dv-foot-3 iframe { width: 100%; height: 120px; margin-bottom: 10px; }
.dv-foot-1 > b, .dv-foot-2 > b, .dv-foot-3 > b { color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 400; display: block; border-bottom: 2px solid #fff; padding-bottom: 10px; margin-bottom: 15px; line-height: 26px; }
.dv-foot-2 a { display: block; background: url(../images/icon_foot.png) top 4px left no-repeat; font-size: 15px; line-height: 25px; padding: 0px 0 5px 20px; color: #fff; font-weight: 400; transition: all .2s; }
.dv-foot-1,.dv-foot-1 a{ color: #fff }
.dv-foot-1 p{ margin-bottom: 5px }
.dv-foot-1 a:hover, .dv-foot-2 a:hover { color: #ff9e1c; }
.dv-mangxahoi { padding-top: 10px; align-items: center; }
.dv-mangxahoi a { display: inline-block; line-height: 0; float: left; margin: 0 10px 0 0; }
.dv-camnhan-kh { margin-bottom: 20px; padding: 20px 15px 0; }
.dv-noidung-camnhan { background: url(../images/ngoac_top.png) top left no-repeat,url(../images/ngoac_bottom.png) bottom right no-repeat; padding: 0 28px; text-align: justify; line-height: 1.5;}
.dv-camnhan-kh-nd { width: calc(100% - 0px); margin: 7px 20px 20px 0; position: relative; padding: 0 10px;}
.dv-camnhan-kh-nd .dv-img-camnhan .name img { width: auto; margin: 0; height: auto; margin-top: 12px; }
.dv-img-camnhan { margin-top: 12px; align-items: center; padding: 0 25px; }
.dv-img-camnhan .name { float: left; margin: 0; color: #2e1a02; font-weight: 500; padding-top: 18px; }
.dv-img-camnhan > img { width: 130px !important; height: 130px; float: right !important; margin: 0 auto; border-radius: 100px; border: 4px solid #e9e9e9; display: inline-block !important; }
.dv-tvh-gr { width: calc(100% / 2 - 10px); margin: 0 5px 10px; float: left; }
.dv-tvh-gr img { width: 100%; height: auto; border: 1px solid #ccc; border-top: 3px solid #311a02; border-bottom: 10px solid #311a02; }
.dv-tvh-gr > a { display: block; line-height: 0; margin-bottom: 15px; box-shadow: -3px 4px 5px rgb(0 0 0 / 0.2); }
.dv-tvh-gr h3 a, .dv-tvh-gr-h3 a{ font-size: 16px; font-weight: 400; line-height: 25px; display: block; color: #000; position: relative; z-index: 9; }
.dv-tvh-gr h3 ,.dv-tvh-gr-h3 { background: #e9e9e9; padding: 22px 30px; position: relative; }
.dv-tvh-gr h3:before,.dv-tvh-gr-h3:before { content: ""; background: url(../images/ngoac_top.png) top 10px left 10px no-repeat,url(../images/ngoac_bottom.png) bottom 10px right 10px no-repeat; width: 100%; left: 0; top: 0; height: 100%; position: absolute; z-index: 1; background-size: 18px; }
.dv-tvh-gr:nth-child(1) { width: 100%; }
.dv-tvh-gr:nth-child(1) img { border-top: 7px solid #311a02; border-bottom: 20px solid #311a02; }
.dv-tvh-gr:nth-child(1) >a { margin-bottom: 8px; }
.dv-child-title {
    font-size: 22px;
    text-transform: uppercase;
    color: #341c02;
    font-weight: 600;
    background: url(../images/i_dongtrung.png?v=1) top left no-repeat;
    padding-left: 48px;
    margin-bottom: 15px;
    background-size: 30px auto;
}
.dv-nd-menusp li { list-style: none; margin: 0 5px; width: calc(100% - 10px); text-align: center; }
.dv-nd-menusp li > a { width: 95px; height: 95px; margin: 0 auto; border: 3px solid #534741; }
.dv-nd-menusp li h3 a { text-transform: uppercase; font-size: 15px; line-height: 22px; display: block; color: #764529; min-height: 44px; margin-bottom: 6px; }
.dv-nd-menusp { border: 3px solid #341c02; border-radius: 10px; padding: 15px 10px; margin-bottom: 25px; }
.dv-menu-child > h3 ,.dv-menu-child-h3{ font-size: 22px; text-transform: uppercase; color: #341c02; font-weight: 600; background: url(../images/icon_hd.png?v=12) top left no-repeat; margin-bottom: 15px; padding: 6px 0; padding-left: 55px; background-size: 42px auto; }
.dv-home-cont.dv-home-cont-child { background: url(../images/bg_home_bottom.jpg) bottom left no-repeat, url(../images/bg.jpg) top 400px left repeat-y; }
.right_conten_ajax { padding: 34px 18px 20px; position: relative; }
.pro_home_id.pro_home_id_slider ul { width: calc(100% - 24px); margin: 0 12px ; height: 100%; }
.pro_home_id.pro_home_id_slider { padding-bottom: 34px; }
.dv-sp-banchay-home .dv-child-title { margin: 25px 0 50px; }
.dv-timkiem-title { display: inline-block; float: left; text-transform: uppercase; color: #764529; font-size: 20px; margin-right: 15px; }
.dv-timkiem-sp .check_id_cont { display: inline-block; float: left; }
.dv-timkiem-sp .check_id_cont ul { display: none; position: absolute; background: #fff; z-index: 99; width: 240px; padding: 15px; box-shadow: 0 0 5px #868686; border-radius: 3px; }
.dv-timkiem-sp .check_id_cont .check_id label.container { font-size: 14px; line-height: 22px; padding-left: 28px; color: #333; }
.dv-timkiem-sp .check_id_cont .check_id .container .checkmark:after { left: 5px; top: 1px; width: 4px; height: 8px; border: solid white; border-width: 0 2px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.dv-timkiem-sp .check_id_cont ul.acti { display: block; }
.dv-timkiem-sp .check_id_cont .check_id { border: none; display: inline-block; float: left; margin-right: 30px; position: relative; margin-bottom: 5px; }
.dv-timkiem-sp .check_id_cont .check_id b img { position: absolute; top: 13px; right: -18px; }
.dv-timkiem-sp .check_id_cont .check_id b { color: #764529; text-transform: none; font-size: 18px; padding: 0; border: none; margin: 0; padding-bottom: 10px; }
.dv-timkiem-sp { padding: 0 20px; }
.dv-timkiem-sp .check_id_cont .check_id b a { color: #764529; }
.dv-timkiem-sp .check_id_cont .check_id:hover ul { display: block; }
.dv-show-ndtimkiem a { display: inline-block; margin: 0 7px 5px 0; background: #f3f3f3; padding: 0 10px; font-size: 13px; color: #2e1a02; border-radius: 3px; position: relative; font-weight: 500; transition: all .3s; }
.dv-show-ndtimkiem { margin: 0px 0 5px; }
.dv-show-ndtimkiem a:before { content: "x"; transition: all .3s; position: absolute; background: #998675; color: #fff; width: 12px; height: 12px; border-radius: 100px; text-align: center; line-height: 10px; font-family: Arial; font-size: 10px; top: -5px; right: -5px; }
.dv-show-ndtimkiem a:hover { background: #ff9b1b; color: #fff; }
.dv-show-ndtimkiem a:hover:before { background: #ff5722; }
.dv-right-child { width: 280px; float: right; }
.dv-left-child { width: calc(100% - 280px); float: left; padding-right: 20px; }
.showText.showText_padding { padding: 30px 35px; }
.dv-gr-child-right h3 { background: #341c02; text-align: center; border-radius: 10px; color: #fff; text-transform: uppercase; font-weight: 500; font-size: 18px; line-height: 26px; padding: 7px 0; margin-bottom: 10px; }
.dv-gr-child-right-child { padding: 30px 15px; background: #fff; }
.dv-gr-child-right-child > img { width: 100%; height: auto; margin-bottom: 7px; }
.right-hottline { text-align: center; color: #341c02; text-transform: uppercase; font-size: 18px; font-weight: 500; line-height: 26px; }
.dv-gr-child-right-child h4 { position: relative; }
.dv-gr-child-right-child h4 a { color: #ffff00; background: #341c02; text-align: center; display: block; border-radius: 100px; font-weight: 400; font-size: 18px; padding: 3px 0; margin: 7px 0; }
.dv-send-lh-right { position: relative; margin-bottom: 15px; text-align: center; }
.dv-send-lh-right input { width: 100%; height: 38px; border: 1px solid #ccc; border-radius: 10px; padding: 0 10px; margin-bottom: 12px; }
.dv-send-lh-right a { background: #341c02; display: inline-block; padding: 5px 10px; text-transform: uppercase; color: #fff; border-radius: 100px; min-width: 130px; }
.dv-gr-child-right { margin-bottom: 20px; }
.pro_home_id_slider_right ul { height: auto !important; width: 100% !important; margin: 0 !important; margin-bottom: 15px !important; }
.dv-baiviet-lienquan h3.h3-lq { color: #341c02; font-style: italic; font-size: 20px; padding: 10px 20px 20px; margin: 0; display: block; font-weight: 400; }
.dv-baiviet-lienquan-child { margin-top: 0; position: relative; width: 100%; float: left; }
.dv-left-child .dv-khung { min-height: calc(100% - 55px); }
.dv-gr-child-right:last-child { margin: 0; }
.pro_home_id_slider_right .item ul:last-child { margin-bottom: 0 !important; }
.dv-baiviet-lienquan-child .tintuc_home_id { margin-top: 0; }
.contact .formBox a { text-transform: uppercase; color: #fff; font-size: 20px; line-height: 30px; position: relative; font-weight: normal; margin: 0 auto; background: #77382c; display: inline-block; padding: 5px 10px; min-width: 170px; text-align: center; border-radius: 100px; float: left; }
.dv-lienhe-hotine { height: 300px; background: #fafafa url(../images/img_hotline.jpg) bottom right no-repeat; margin: 15px 0 20px; }
.dv-hotine-lh { display: inline-block; margin: 20px 0 0 10px; float: left; border: 1px solid #ccc; padding: 20px; border-radius: 15px; height: 92px; }
.dv-hotine-lh h4 a { border-radius: 15px; background: #77382c; color: #ffff00; padding: 22px 56px; display: inline-block; font-size: 25px; font-weight: 500; position: relative; margin-top: 10px; }
.div_id_map { height: 365px; width: 100%; margin-bottom: 20px; border-radius: 10px; border: 1px solid #ccc; overflow: hidden; }
.div_id_map iframe { width: 100%; height: 100%; }
.dv-foot-1 .fa { color: #fff !important; font-size: 17px; margin-right: 10px; }
.star_reviews_div .fa { font-size: 14px; }
.dv-tintuc-ds { position: relative; padding: 30px; }
.dv-tintuc-ds ul { list-style: none; margin-bottom: 30px; width: 100%; }
.dv-tintuc-ds ul li { width: 200px; float: left; list-style: none; border: 1px solid #ccc; border-radius: 10px; overflow: hidden; margin-right: 12px; }
.dv-tintuc-ds ul .dv-tin-rrr { width: calc(100% - 212px); float: left; }
.dv-tintuc-ds ul li img { width: 100%; height: auto; line-height: 0;transition: all .3s; }
.dv-tintuc-ds ul li img:hover{ opacity: 0.8 }
.dv-tintuc-ds ul li a { display: block; line-height: 0; }
.dv-tintuc-ds h3 a { display: block; color: #603913; text-transform: uppercase; font-size: 18px; line-height: 26px;transition: all .3s; padding-bottom: 2px; }
.dv-tintuc-ds h3 a:hover ,.dv-tintuc-ds .dv-tin-rrr > a:hover{ color: #fd8d19; }
.dv-tintuc-ds .dv-tin-rrr > a { color: #000; font-style: italic;transition: all .3s; font-size: 15px; }
.dv-tintuc-ds .dv-tin-rrr p { margin-bottom: 2px; }
.dv-left-child .dv-khung.dv-khung-auto { min-height: auto; }
.dv-banner-tintuc-child a, .dv-banner-tintuc-child img { display: block; line-height: 0; width: 100%; height: auto; }
.dv-banner-tintuc-child { margin-bottom: 12px; }
.dv-banner-tintuc-child img:hover { opacity: 0.8; }
li.li_play_you_sp a{ display: flex; align-items: center; height: 100%; font-size: 32px; color: #000 }
li.li_play_you_sp a i{ opacity: 0.5; }
li.li_play_you_sp:hover a{ color: red;}
li.li_play_you_sp:hover a i{ color: opacity: 0.8;}
li.li_play_you_sp:hover { opacity: 0.8;}
li.li_play_you_sp a{ display: flex; align-items: center; height: 100%; font-size: 32px; color: #000 }
li.li_play_you_sp a i{ opacity: 0.5; }
li.li_play_you_sp:hover a{ color: red;}
li.li_play_you_sp:hover a i{ color: opacity: 0.8;}
li.li_play_you_sp:hover { opacity: 0.8;}
.dv-idvideo-youtube-cont { position: fixed; top: 0; left: 0; right: 0; bottom: 0; align-items: center; z-index: 9999; background: rgba(0, 0, 0, 0.80); display: none}
.dv-idvideo-youtube-cont.actii {display: flex; }
.dv-idvideo-youtube { position: relative; background: #000; display: none; width: 650px; height: 366px; max-width: 90%; max-height: 90%; }
.dv-idvideo-youtube a.close_vdeo { background: url(../images/fotorama.png) no-repeat; width: 32px; height: 32px; top: -25px; right: -25px; background-position: -64px 0; cursor: pointer; display: block; position: absolute; z-index: 999; }
.dv-idvideo-youtube iframe { width: 100%; height: 100%; }
.dv-slider-nang li.li_play_you_sp img { width: auto; height: auto; }
.dv-slider-nang img { width: 100%; height: 100%; object-fit: cover; }
.dv-slider-nang a { display: block; width: 100%; height: 100%; }
.title-chonsp { background: #341c02; color: #fff; font-weight: 500; font-size: 18px; padding: 4px 15px; border-radius: 10px; margin-top: 10px; }
.dv-chitiet-sp { padding: 0 30px 30px; position: relative; }
.dv-chitiet-sp .title_id { color: #341c02; font-size: 20px; padding-bottom: 5px; line-height: 30px; font-weight: 500; text-transform: uppercase;padding-top: 15px;border-bottom: 1px solid #341c0214;margin-bottom: 15px;}
.giohang_id ul .fa { margin-right: 4px; font-size: 15px; }
.dv-magia a { color: #448ccb; }
.dv-magia a img { margin-right: 5px; }
span.sp-thanhtien { display: block; font-size: 16px; color: #fb8b18; }
.dv-gr-kh.dv-gr-kh-check label i { margin-right: 10px; }
.dv-btn-cart.dv-btn-buy.no_box a { max-width: 100%; width: auto; padding: 0 25px; margin: 10px 5px; float: none; min-width: 210px; }
.dv-pttt-child input { opacity: 0; position: absolute; }
.dv-pttt-child img { width: 35px; border-radius: 100px; height: 35px; float: left; margin-right: 10px; border: 1px solid #f5f5f5; padding: 3px; display: inline-block !important; }
.dv-pttt-child { margin: 0 0 10px; width: 100%; display: block !important; }
.dv-pttt-child h3 {cursor: pointer; width: calc(100% - 45px); float: left; font-weight: 400; font-size: 15px; line-height: 26px; color: #311a02; }
.dv-ndpm-hide-mb, .dv-load-nhom-mb { background: #f5f5f5; width: calc(100% - 45px); float: left; padding: 15px; margin-left: 45px; border-radius: 5px; display: none; }
.dv-load-nhom-mb ,.dv-ndpm-hide-mb{ display: none; }
.dv-ndpm-hide-mb { display: none !important; }
.dv-total-car.dv-total-car-bottom .dv-grcart { border: none; }
.dv-pttt-child input[type="radio"]:checked + label h3 { color: #FF5722; font-weight: 500; }
.dv-pttt-child input[type="radio"]:checked + label img { border: 2px solid #ff5722; }
.dv-pttt-child input[type="radio"]:checked + label + .dv-load-nhom-mb , .dv-pttt-child input[type="radio"]:checked + label + .dv-load-nhom-mb .dv-ndpm { display: block !important; }
.dv-giohang-cont-child-buy .dv-total-car { padding-bottom: 10px; }
.dv-giohang-cont-child-buy .dv-sanpham-de-xuat.dv-sanpham-de-xuat-3, .dv-giohang-cont-child-buy .dv-sanpham-de-xuat.dv-sanpham-de-xuat-2 { padding-bottom: 5px; border-bottom: 1px solid #dedede; margin-bottom: 12px; }
.dv-camnhan-left.dv-camnhan-left-ds.flex { width: 100%; float: none; padding: 30px 20px; position: relative; }
.dv-camnhan-left.dv-camnhan-left-ds.flex .dv-tvh-gr { width: calc(100% / 3 - 20px); margin: 0 10px 20px; }
.dv-camnhan-left.dv-camnhan-left-ds.flex .dv-tvh-gr img { width: 100%; height: auto; border: 1px solid #ccc; border-top: 3px solid #311a02; border-bottom: 10px solid #311a02; }
div#lightgallery { min-height: 230px; padding: 30px 20px; }
div#lightgallery > div { width: calc(100% / 3 - 10px); margin: 0 5px 10px; }
div#lightgallery > div img { width: 100%; height: 100%; object-fit: cover; }
div#lightgallery > div img:hover { opacity: 0.7; }
.dv-camnhan-left.dv-camnhan-left-ds.flex.is_nut .dv-tvh-gr { width: calc(100% - 20px); margin: 0 10px 10px; }
.dv-tin-video-ds.no_box.flex { position: relative; padding: 30px 20px; }
.pro_home_id ul a.a_sp { display: block; line-height: 0; }
h3.tit_2 { font-size: 22px; text-transform: uppercase; color: #341c02; font-weight: 600; background: url(../images/icon_hd.png) top left no-repeat; margin-bottom: 15px; padding: 6px 0; padding-left: 55px; background-size: 55px; }
a.sp_add_view, a.sp_add_cart { background: #ffcc00; height: 39px; display: inline-block; line-height: 39px; white-space: nowrap; text-align: center; padding: 0 10px; text-transform: uppercase; font-size: 15px; color: #311a02; position: absolute; bottom: 0; }
a.sp_add_view:before, a.sp_add_cart:before { content: ""; background: url(../images/s_left.png) top left no-repeat; width: 40px; height: 39px; left: 0; position: absolute; margin-left: -40px; }
a.sp_add_view img, a.sp_add_cart img { width: auto !important; height: auto !important; display: inline-block !important; transform: scale(1) !important; }
a.sp_add_cart:before { background: url(../images/s_right.png) top left no-repeat; margin-left: auto; margin-right: -40px; left: auto; right: 0; }
a.sp_add_view { bottom: 60px; margin-left: calc(100% + 40px); left: auto; }
a.sp_add_view img { margin-right: 5px; position: relative; top: 4px; }
a.sp_add_cart img { position: relative; top: 4px; margin-right: 3px; }
a.sp_add_view { bottom: 60px; left: auto; right: calc(-100% - 40px); transition: all .3s; }
.pro_home_id ul:hover a.sp_add_view{ right: 0; }
a.sp_add_cart { bottom: 0; left: calc(-100% - 40px); right: auto; transition: all .3s; }
.pro_home_id ul:hover a.sp_add_cart{ left: 0; }
.dv-nd-menusp li > a img { border-radius: 100px; width: 100%; height: 100%; }
.dv-khung.dv-khung-mota { margin-top: 20px; }
.showText.showText_mota.showText_mota_sp { position: relative; padding: 30px; background: none; }
.dv-btn-cart.dv-btn-buy.no_box, .dv-hanghang { display: block !important; }
.dv-gr-kh label i { display: inline-block !important; }
.padding_pagewrap.padding_pagewrap_dhtc { padding: 40px 30px; position: relative; min-height: 180px; }
.dv-phone-left { width: 70px; border: 2px solid #9b9b9b; border-radius: 7px; overflow: hidden; position: absolute; left: 50%; background: #fff; z-index: 9; margin-left: -678px; padding: 5px 0; top: 0; display: none; }
.dv-phone-gr a { display: block; line-height: 0;  text-align: center;}
.dv-phone-gr a img { width: 94%; height: auto; line-height: 0; margin-bottom: 7px; display: block; }
.dv-phone-gr { width: 100%; padding: 5px; }
.dv-phone-gr .cls_hv_2 { display: none; }
.dv-phone-gr a:hover .cls_hv_1 { display: none; }
.dv-phone-gr a:hover .cls_hv_2 { display: block; }
.dv-phone-gr span { display: block; text-align: center; text-transform: uppercase; color: #000; font-size: 12px; margin-top: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 18px; width: 100%; }
.dv-phone-left.fixed_0 { position: fixed; top: 150px !important; }
.logo_top a { line-height: 0; display: block; }
.dv-phone-left.no_box.fixed_0.fixed { position: absolute; }
.cls_mb{display: none}
.cls_mb_767 {display: none !important;}
.dv-gr-kh i.fa.fa-caret-up { position: absolute; top: -12px; left: 30px; color: #e1e1e1; font-size: 16px; }
.dv-gr-kh.dv-gr-kh-phiship-2 i.fa.fa-caret-up { left: 150px; }
.dv-gr-kh.dv-gr-kh-phiship-2 label { display: inline-block; width: auto; margin-right: 15px; }
.showText.showText_buy p { margin: 0; padding: 0; }
.showText.showText_buy { margin-top: 5px; font-size: 14px; line-height: 25px; }
.dv-gr-kh.dv-gr-kh-phiship-2 label + label { border-top: 1px solid #e0e0e0; padding-top: 10px; }
.dv-gr-kh.dv-gr-kh-phiship-2 label { width: 100%; }

.dv-hotro-tuvan{
	box-shadow: none;
	animation: border-light-main 500ms infinite;
}
@keyframes border-light-main {
    0% {
        border-color: #fff;
    }

    50% {
        border-color: rgb(52 28 2 / 55%);
        box-shadow: 0 0 15px rgb(52 28 2 / 55%);
    }
}
.dv-nhom-dm-home li > a img{
	border: 2px solid #534741;
}
.dv-nhom-dm-home li > a{
	border: none;
	box-shadow: none;
	animation: border-light-home 500ms infinite;
}
@keyframes border-light-home {
    0% {
        border-color: #fff;
    }

    50% {
        border-color: rgb(52 28 2 / 55%);
        box-shadow: 0 0 15px rgb(52 28 2 / 55%);
    }
}
.dv-nhom-dm-home li > a i { display: none !important; }
.box_header_id.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; border-bottom: 0px solid #736357; transition: all .3s !important;}
/*.header.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; border: none; padding: 5px 0 0; }*/
.box_header_id.is_none { /* display: none; */ }

.dv-cacthuongthieu-dtht-child.flex { padding: 15px 15px 30px; min-height: 100px; }
.dv-gr-dsp { width: calc(100% / 7 - 10px); margin: 0 5px 10px; border: 1px dotted #341c0236; background: #fff; padding: 8px; position: relative; border-radius: 0px; }
.dv-gr-dsp > a { width: 35px; float: left; height: 35px;}
.dv-gr-dsp > a img { width: 100%; height: 100%; object-fit: cover; float: left; border-radius: 100px;}
.dv-gr-dsp-h3,
.dv-gr-dsp h3 { width: calc(100% - 45px); float: left; margin-left: 10px; }
.dv-gr-dsp-h3 a,
.dv-gr-dsp h3 a { display: block; font-size: 14px; line-height: 1.4; font-weight: 500; }
.dv-cacthuongthieu-dtht { margin-bottom: 20px; position: relative; padding: 25px 0 0; background: #fff;}
.dv-gr-dsp.flex { align-items: center; }
.dv-quyen-loi-muahang .dv-left { width: calc(100% - 330px); float: left; margin-right: 30px; }
.dv-quyen-loi-muahang .dv-right { width: 300px; float: right; }
.dv-camket-mhr-nd { background: #f5f5f5; padding: 22px 20px 15px; }
.dv-camket-mhr img { width: 35px; height: 35px; float: left; }
.dv-camket-mhr .dv-ckright { width: calc(100% - 35px); float: left; padding-left: 15px; }
.dv-camket-mhr { margin-bottom: 5px; font-size: 14px; line-height: 23px; }
.dv-camket-mhr b { color: #fe8e22; font-weight: 500; font-size: 15px; margin-bottom: 3px; }
.dv-quyen-loi-muahang .dv-right h3 ,.dv-quyen-loi-h3{ line-height: 26px; font-size: 24px; text-transform: uppercase; margin-bottom: 20px; font-weight: 500; }
.dv-quyen-loi-muahang { padding: 20px 0; }
.dv-quyen-loi-muahang .dv-left h3 ,.dv-quyen-loi-muahang-h3{ font-size: 24px; text-transform: uppercase; margin-bottom: 20px; font-weight: 500; }
.dv-sanpham-dathang { padding: 20px; margin-bottom: 20px; border: 1px solid #e6e6e6; }
.dv-sanpham-dathang img { width: 140px; float: left; margin-right: 15px; }
.dv-sanpham-dathang .dv-riii h3 ,.dv-riii-h3 { color: #333; font-size: 18px; text-transform: none; margin-bottom: 5px; }
.dv-sanpham-dathang .dv-riii { width: calc(100% - 155px); float: left; }
.dv-sanpham-dathang .dv-riii p { color: #ff5722; }
.dv-sanpham-dathang .dv-riii p span.gia_km { text-decoration: line-through; color: #969696; font-size: 14px; }
.dv-quyen-loi-muahang li { width: calc(50% - 20px); float: left; margin: 0 10px 15px; position: relative; }
.dv-quyen-loi-muahang form { border: 1px solid #e6e6e6; padding: 20px 10px; }
.dv-quyen-loi-muahang li:after{display: none;}
.dv-quyen-loi-muahang li p { font-size: 14px; padding-bottom: 4px; }
.dv-quyen-loi-muahang li input { border-radius: 3px; background: none; padding: 0 10px; font-size: 14px; }
.dv-quyen-loi-muahang li span { bottom: 4px; top: auto; right: 0; }
.dv-quyen-loi-muahang .formBox li.code img { height: 36px !important; border-radius: 0; }
.dv-quyen-loi-muahang .formBox li.code i { opacity: .5; }
.dv-quyen-loi-muahang .formBox li a { display: block; width: 100%; margin-top: 30px; text-align: center; border-radius: 3px; }

.dv-camket-htkh .dv-ckright > b { display: none !important; }

.dv-quyen-loi-muahang .dv-left { background: #422f1d; padding: 0; color: #fff; border-radius: 5px; overflow: hidden; }
.dv-quyen-loi-muahang .dv-left > h3, .dv-quyen-loi-muahang-h3 { background: #3a2715; padding: 15px 25px; text-align: center; font-weight: 400; font-size: 21px; }
.dv-sanpham-dathang .dv-riii h3 ,.dv-riii-h3{ color: #fff; font-size: 18px; text-transform: none; margin-bottom: 5px; font-weight: 400; line-height: 30px; }
.dv-sanpham-dathang .dv-riii p { color: #ffffff; font-size: 16px; font-weight: 400; }
.dv-sanpham-dathang .dv-riii p span.gia_km { text-decoration: line-through; color: #ffffff; font-size: 14px; }
.dv-quyen-loi-muahang li input { background: #fff; border: none; }
.dv-sanpham-dathang { padding: 0 20px; border: none; }
.dv-quyen-loi-muahang form { border: none; padding: 0 10px 10px; }
.dv-quyen-loi-muahang .formBox li a { background: #d4751a; color: #ffffff; border: 1px solid rgb(255 255 255 / 50%); }
.dv-quyen-loi-muahang .formBox li a:hover { background: #ff9800;}

.dv-camket.dv-camket-htkh { padding: 30px 0 15px; overflow: hidden; background: #3a2715; color: #fffefe; margin-bottom: 20px; margin-top: 25px; border-radius: 5px}
.dv_box_header_id_v1.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 9; }
.dv-camket-htkh .dv-camket-nd li img { width: 90px !important; height: 90px; margin-right: 10px; }
.dv-camket-htkh .dv-camket-nd li { float: left; display: flex; }
.dv-camket-htkh .dv-camket-nd li .dv-ckright { width: calc(100% - 100px); }
.dv-camket-htkh .dv-ckright > b { font-size: 15px; font-weight: 400; margin-bottom: 2px; display: block; }
.dv-camket-htkh .dv-ckright > b span { color: #ffec0d; }
.dv-camket-htkh .nd-ck-sao { font-size: 14px; }
.dv-camket-cont-htkh { text-align: center; margin-bottom: 35px; font-size: 16px; font-weight: 400; }
.dv-camket-cont-htkh h5 ,.dv-camket-cont-htkh-h5{ font-size: 27px; line-height: 40px; font-weight: 400; display: block; padding: 10px 0 6px; }

.dv-camket-nd li { list-style: none; width: calc(100% / 3 - 20px); margin: 0 10px 25px; display: flex; align-items: center; }
.dv-quyen-loi-muahang .dv-left { width: calc(100% - 350px); float: left; margin-right: 20px; }
.dv-quyen-loi-muahang .dv-right { width: 320px; float: right; }
.dv-camket-mhr-nd { background: #f5f5f5; padding: 22px 20px 15px; }
.dv-camket-mhr img { width: 35px; height: 35px; float: left; }
.dv-camket-mhr .dv-ckright { width: calc(100% - 35px); float: left; padding-left: 15px; }
.dv-camket-mhr { margin-bottom: 5px; font-size: 14px; line-height: 23px; }
.dv-camket-mhr b { color: #fe8e22; font-weight: 500; font-size: 15px; margin-bottom: 3px; }
li.li_muangay { width: 100% !important; text-align: center; }
li.li_muangay a { display: inline-block !important; float: none !important; margin: 15px auto 0!important; max-width: 200px; }


.dv-qcleft { width: 120px !important; margin-left: -690px !important; }
.dv-qcright { width: 120px !important; right: -685px !important; }
.logo_top a { line-height: 0; display: block; padding: 0 0; }
.logo_top img { width: auto; height: 75px; }
.dv-logon-dongtrung { float: left; margin-left: 0;  line-height: 0; width: calc(100% - 570px);  text-align: center; margin-top: 0;}
.right_header { float: right; width: 355px; margin-bottom: 0;  text-align: right; margin-top: 5px}
.hotline_top {  float: none; background: url(../images/icon_phone.png) top 3px left no-repeat; height: 28px; line-height: 30px; padding-left: 34px; color: #2c2e2e; font-size: 18px; width: auto; text-align: left; background-size: 24px; display: inline-block; margin: 5px 0 3px; }
.hotline_top a { color: #fe8e22;  font-weight: 500; line-height: 20px; display: inline-block;}
.dv-coso { font-size: 17px; line-height: 26px; color: #333; font-weight: 500; }
.timkiem_top { float: right; display: inline-block; width: 100%; position: relative; max-width: 300px;}
.logo_top { float: left; margin-left: 0; min-width: 0; text-align: center; padding: 5px 0 0;}
@media only screen and (min-width: 992px) {
	.dv-phone-left.fixed_0 { position: fixed; top: auto !important; bottom: 116px !important; left: 0;margin-left: 10px;}
	.dv-phone-left { background: #fff; border-radius: 5px; border: 1px solid #f2f2f2; width: 60px; margin-left: -668px; }
	.dv-phone-gr a img { max-width: 36px; }
	.dv-phone-gr span { text-transform: none; font-size: 11px; font-weight: 600; color: #333; }
}
div#histats_counter { display: none; overflow: hidden; }
body > img { position: absolute; opacity: 0}
.dv_timkiem_top { width: 100%; float: left; padding-top: 12px; }
.dv-hottline-footer { position: fixed; bottom: 10px !important; background: #fff !important; padding: 5px 0 !important; border-radius: 5px !important; z-index: 98; left: 10px; overflow: hidden; right: auto !important;border-left: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2; width: 170px}
.dv-hottline-footer a { padding-right: 0; white-space: nowrap; }
.dv-hottline-footer span { font-style: normal !important; padding-left: 5px; font-size: 18px; }
.dv-phone-left.no_box { left: 0; margin-left: 10px; }
.dv-gioithieu-home-cont .dv-left {width: calc(50% - 20px);margin: 0 10px;float: left;}
.dv-gioithieu-home-cont .dv-left img {width: 100%;height: auto;position: relative;margin-top: 8px;}
.dv-gioithieu-home-cont .dv-right {width: calc(50% - 20px);margin: 0 10px;float: left;}
.dv-gioithieu-home-cont .showText.dv-text-home {padding: 0 10px;}
.dv-gioithieu-home-cont .showText.dv-text-home p {padding-bottom: 5px;}
.dv-gioithieu-home-cont {padding: 5px 20px 30px;}
.dv-gioithieu-home-cont .showText.dv-text-home a.btn {text-align: left;text-transform: capitalize;font-size: 15px;padding-top: 8px;}
.dv-nhom-dm-home li:nth-child(n+5) { margin-top: -30px; }
.dv-mtsp-left {width: 50%;float: left;}
.dv-mtsp-igm {width: 50%;float: left;padding-left: 15px;margin-top: -20px;}
.dv-mtsp-igm img {width: 100%;height: auto;}
.dv-img-sphome {width: 240px;float: left;padding-right: 5px;margin-bottom: 30px;}
.dv-img-sphome img {width: 100%;height: auto; line-height: 0}
.dv-sp-right-home {width: calc(100% - 240px);float: left;margin-bottom: 30px;}
.dv-sp-right-home .pro_home_id ul {margin: 0 7px 14px; width: calc(100% / 4 - 14px);}
.dv-img-sphome a { line-height: 0; display: block;  margin-bottom: 14px}
.dv-img-home a {display: block;line-height: 0;}
.dv-img-home a img {width: 100%;height: auto;}
.dv-img-home {margin-bottom: 20px;}
.dv-logon-dongtrung {
    float: left;
    margin-left: 0;
    line-height: 0;
    width: calc(100% - 620px);
    text-align: center;
    margin-top: 15px;
}
.timkiem_top input { position: absolute; right: 0; opacity: 0; }
.timkiem_top.actii input { opacity: 1; width: 250px; z-index: 9; right: 46px; }
.dv_timkiem_top { width: auto; float: right; padding: 4px 0 0; }
.dv-video-cont-gr a { position: relative; }
.dv-video-cont-gr i { position: absolute; font-size: 55px; color: rgb(255 0 0 / 80%); top: 50%; left: 50%; transform: translate(-50%, -50%); }

.dv-popup-new.acti { opacity: 1; z-index: 9999; }
/*.dv-popup-new-child { top: 10px; transform: translate(-50%, 0%); }*/

.dv-camnhan-left.dv-camnhan-left-ds.flex { display: flex; }
.dv-tags { padding: 10px 0 20px; }
.dv-tags a { display: inline-block; padding: 4px 12px; color: #666; background: #f1f5f9 none; border-radius: 13px; font-weight: normal; } 
.dv-tags a,.dv-tags b { display: inline-block; margin-right: 5px; margin-bottom: 5px; font-size: 14px; line-height: 1.4; } 
.dv-tags a:hover { background: #ef8e30; color: #fff; }
.dv-binhluan-cont { position: relative; z-index: 1; }
.dv-noidung-home { padding: 20px; background: #fff; margin-bottom: 20px; border: 2px solid #422b13; } 
.dv-text-nd-home-cont { max-height: 2645px; position: relative; overflow: hidden; } 
.dv-text-nd-home-cont a.cur {z-index: 2; position: absolute; right: 0; bottom: 0; background: #fff; color: #fe8e22; padding-left: 10px; } 
.dv-text-nd-home-cont.active { max-height: 100%; }
.dv-text-nd-home-cont:before { background: linear-gradient(to bottom,rgba(255 255 255/0),rgba(255 255 255/62.5),rgba(255 255 255/1)); bottom: 0; height: 75px; left: 0; position: absolute; width: 100%; content: ""; z-index: 1; }
.dv-text-nd-home-cont.active:before {display: none}
.dv-text-nd-home-cont a.cur {z-index: 2;}p.p_sao { display: none !important; }
.dv-sanpham-de-xuat.dv-sanpham-de-xuat-1 { display: none !important; }
.dv-hanghang-ptthanhtoan {
    display: none;
}
@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;}

.dv-coso {
    font-size: 16px;
    line-height: 1.5;
}
.dv-logon-dongtrung { width: calc(100% - 690px); }

section { max-width: 100%; overflow: hidden; position: relative; }
.right_top_id a { font-size: 16px; }
.dv-hotro-tuvan { margin: 0px 0px 20px; width: calc(100% - 0px); padding: 0 20px; }
.dv-hotro-tuvan span { width: 25%; margin: 0; padding: 6px 10px; }
.dv-hotro-tuvan input { width: calc(27% - 20px); margin: 6px 10px; }
.dv-hotro-tuvan a { width: calc(21% - 20px); margin: 6px 10px; }
.dv-nd-menusp li > a, .dv-taisao-gr > a, .dv-nhom-dm-home li > a { border: 3px solid #534741; width: 120px; height: 120px; border-radius: 100px; }
.dv-taisao-gr h3 a, .dv-nhom-dm-home li h3 a , .dv-nhom-dm-home-h3 a, .dv-taisao-gr-h3 a{ font-size: 16px; font-weight: 400; margin-top: 18px; }
.dv-nhom-dm-home:before { content: ""; border: 1px solid #534741; position: absolute; top: 140px; left: 100px; right: 100px; bottom: 130px; border-radius: 10px; }
.dv-tai-sao-chon { padding: 20px 10px; margin-bottom: 40px; }
.nd-tai-sao:before { top: 60px; }
.pro_home_id ul { margin: 0 10px 25px; width: calc(100% / 4 - 20px); }
.dv-ds-sphome-child { padding: 34px 10px 4px; margin-top: -20px; }
.pro_home_id ul h4 ,.pro_home_id_h4{ font-size: 15px; padding: 7px 8px; }
.pro_home_id ul h4 span.gia_km ,.pro_home_id_h4 span.gia_km{ font-size: 13px; padding-top: 2px; }
.dv-camnhan-left { padding: 0 15px 25px 15px; }
.tintuc_home_id { padding: 35px 15px 20px; margin-top: -20px; }
a.sp_add_view, a.sp_add_cart { height: 36px; line-height: 36px; font-size: 14px; }
a.sp_add_view:before, a.sp_add_cart:before { width: 38px; height: 36px; left: 0; position: absolute; margin-left: -38px; background-size: 100% 100%; }
a.sp_add_cart:before { margin-right: -38px; margin-left: auto; }
.dv-phone-left { display: none !important; }
.logo_top { min-width: auto; }
.logo_top { max-width: 180px; } .logo_top img { max-width: 100%; height: auto; }
.right_header {  width: 350px; }
.dv-logon-dongtrung { width: calc(100% - 530px); margin-left: 0; }
}
@media only screen and (max-width: 992px) { .mn-mobile { display: block !important; float: right; padding: 0; margin: 0; margin-left: 0; top: 0; }
a.a_trangchu_mb { display: none; position: absolute; left: 0; color: #fff; padding: 3px 10px; font-size: 20px; top: 0px; }
div#mm-0 { background: #fff !important; }
ul.mm-listview i.fa.fa-angle-down { display: none; }
.mn-mobile img { float: left; height: 13px; line-height: 30px;}
.mm-panel.mm-hasnavbar .mm-navbar { background: #2e1a02 !important; height: 38px; line-height: 18px; }
.mn-mobile span { width: 42px; height: 4px; background: #2e1a02; border-radius: 100px; display: block; margin: 7px 0; }
ul.menu.no_box { display: none; }
.mn-mobile i { font-style: normal; line-height: 18px; font-weight: 500; font-size: 15px; color: #2e1a02 !important; display: block; }
.cls_pc{display: none;}
.cls_mb{display: block}
.right_top_id { display: none; }
.timkiem_top { width: 0; position: absolute; right: 10px; bottom: -46px; z-index: -1; background: #f0f5f5; padding: 4px; opacity: 0; transition: all .4s; }
.timkiem_top.acti { z-index: 99; opacity: 1; width: 280px; }
.logo_top img { width: auto; height: 60px; }
.right_header { width: 120px; margin: 0; }
.dv-logon-dongtrung { width: calc(100% - 338px); margin: 12px 5px 5px; }
.box_header_id { position: absolute; top: 28px; left: 0; background: none; }
.logo_top { float: left; margin-left: 55px; margin-top: 5px; }
.right_header > a { display: inline-block; width: 30px; height: 30px; background: #351b02; border-radius: 100px; color: #f18721; font-size: 18px; text-align: center; line-height: 30px; margin: 0 0 0 8px; float: left; }
.hotline_top_mb { height: 30px; background: #341c02; border-radius: 100px; margin-left: 8px; line-height: 30px; color: #fff; }
.hotline_top_mb span { width: 30px; height: 30px; display: inline-block; margin-right: 8px; background: #f88119; color: #341c02; text-align: center; line-height: 30px; font-size: 20px; border-radius: 100px; float: left; }
.hotline_top_mb a { display: inline-block; color: #fff; font-size: 16px; line-height: 30px; height: 30px; float: left; margin-bottom: 6px; font-style: italic; font-weight: 500; letter-spacing: 1px; }
.header { padding: 7px 0; border-bottom: 4px solid #746457; }
.dv-herder-top { background-size: auto 15px; height: 15px; }
.showText.dv-text-home { padding: 0 15px 20px; }
.dv-nhom-dm-home li { width: calc(100% / 3 - 20px); margin: 0 10px 20px; float: left; }
.dv-nhom-dm-home { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.dv-nhom-dm-home li h3 ,.dv-nhom-dm-home-h3 { position: relative; left: 0; right: 0; top: 0; }
.dv-nd-menusp li > a, .dv-taisao-gr > a, .dv-nhom-dm-home li > a { margin-top: 10px; }
.dv-nhom-dm-home:before { top: 95px; left: 17%; right: 17%; bottom: 145px; }

.dv-taisao-gr h3 , .dv-taisao-gr-h3{ min-height: 0; }
.nd-tai-sao { margin-bottom: 10px; position: relative; }
.dv-mtsp-left {width: 100%;}
.dv-mtsp-igm {width: 100%;padding: 15px 0 0;margin: 0;}
.pro_home_id ul { margin: 0 10px 25px; width: calc(100% / 3 - 20px); }
.dv-baochi-gr { width: calc(100% / 3 - 20px); float: left; margin: 0 10px 20px; }
.dv-baochi-gr img { max-width: 100%; max-height: 65px; width: auto; }
.dv-baochi-child { position: relative; margin: 0 10px; }
.dv-baochi-gr a { display: block; line-height: 0; text-align: center; }
.dv-mangxahoi img { height: 28px; }
.dv-mangxahoi a:first-child img { height: 40px; }
.dv-mangxahoi a { margin: 0 7px 0 0; }
.showText.showText_padding { padding: 30px 20px; }
.leftBox { padding: 30px 20px; position: relative; }
.dv-chitiet-sp { padding: 0 20px 30px; position: relative; }
.dv-slider-nang li { height: 110px; }
.dv-tintuc-ds { position: relative; padding: 30px 20px; }
.dv-lienhe-hotine { background: none; height: 160px; }
.dv-hotine-lh h4 a { font-size: 20px; padding: 20px 10px; }
.dv-hotine-lh { width: 100%; margin: 10px 0; }
.dv-giohang-cont { padding: 20px; }
.dv-cart-muathem a { padding: 0 15px 10px; }
.dv-giohang-cont-child { border: none; padding: 0; }
.dv-huong-dan-sudung-nd { padding: 30px 10px 30px; margin-top: -20px; }
.dv-table-reposive { width: 100%; overflow-x: auto; }
.dv-tin-video-ds ul {  width: calc(100% / 2 - 20px); }
.dv-camnhan-left.dv-camnhan-left-ds.flex .dv-tvh-gr { width: calc(100% / 2 - 20px); margin: 0 10px 20px; }
div#lightgallery > div a { height: auto; }
div#lightgallery > div { width: calc(100% / 2 - 10px); margin: 0 5px 10px; }

.box_header_id.fixed { position: relative; border: none; }
.box_header_id.is_none { display: block !important; position: fixed !important; z-index: 9999; top: 8px; }

.dv-gr-dsp { width: calc(100% / 4 - 10px); }
.dv-hotromuhang-pc { display: none; }
.dv-hotromuhang-mb { display: block !important; }
.right_header { width: 120px; margin: 0; padding-top: 16px; }

.logo_top a { line-height: 0; display: block; padding-top: 0; }

.hotline_top { background: url(../images/icon_phone.png) top 5px left no-repeat; background-size: 27px; }
.dv-coso { font-size: 16px; line-height: 26px; }
.dv-mobile-hd { display: block !important; text-align: center; padding: 10px 10px 0; }
.dv-mobile-hd .hotline_top.cls_pc { display: inline-block; margin: 0; padding: 0 0 0 35px; font-size: 18px; font-weight: 500; }
.header { padding: 7px 0; border-bottom: 4px solid #746457; }
.right_header > a { display: inline-block; width: 30px; height: 30px; background: #351b02; border-radius: 100px; color: #f18721; font-size: 18px; text-align: center; line-height: 30px; margin: 0 0 0 8px; float: left; }
.right_header > a { width: 28px; height: 28px; font-size: 15px; margin: 0 0 5px 5px; }
.right_header { /* width: 66px; */ /* margin: 0; */ }
.logo_top img { width: auto; height: 50px; }
.mn-mobile span { width: 36px; height: 4px; border-radius: 100px; display: block; margin: 6px 0; }
.mn-mobile i { position: relative; left: -3px; }
.logo_top { float: left; margin-left: 0; margin-top: 5px; }
.dv-logon-dongtrung { /* width: calc(100% - 185px); */ /* margin: 12px 0px 5px; */ }
.box_header_id { top: 0; background: #351b02; position: relative;height: 38px; }
.hotline_top.cls_pc { display: block; position: absolute; top: 20px; right: 10px; background: none;padding: 0; margin: 0;}
.hotline_top.cls_pc a { font-style: normal; display: inline-block !important; margin: 0 !important; background: #ef8e30; margin-left: 5px !important; border-radius: 4px; padding: 3px 8px !important; color: #fff; font-size: 15px; font-weight: normal; line-height: 20px; }
.hotline_top.cls_pc a:before { font: normal normal normal 14px/1 FontAwesome; content: "\f095"; margin-right: 5px; }
.right_header {position: absolute;right: 0;bottom: -59px;z-index: 9999;}
.hotline_top.cls_pc span {display: none;}
.mn-mobile { top: 0; position: absolute; left: 0; height: 40px; }
.mn-mobile i { color: #fff !important; left: 57px; top: -26px; }
.mn-mobile span { background: #fff; height: 3px; margin: 7px 0; margin-left: 10px; }
.dv-img-sphome {display: none;}
.dv-sp-right-home {width: 100%;margin: 0 0 15px;}
.dv-sp-right-home .pro_home_id ul {width: calc(100% / 3 - 14px);}
.dv-img-mobile { display: block !important; margin-bottom: 30px; padding: 0 8px; margin-top: -15px; float: left; }
.dv-img-mobile a {display: block;line-height: 0;}
.dv-img-mobile a img {width: 100%;height: auto;}
.right_header { width: 170px; margin: 0; padding-top: 0; }
.right_header > a { float: right; }
.hotline_top.cls_pc { position: absolute; top: -75px; text-align: right; right: 0; }
.right_header { position: absolute; right: 10px; bottom: -45px; z-index: 9999; }
.timkiem_top.acti input { float: left; opacity: 1; left: 5px; right: auto; width: 226px; }
.timkiem_top { bottom: -77px; }.box_header_id.fixed {
    position: initial !important;
}
}
@media only screen and (max-width: 767px) { .dv-left-child { width: calc(100% - 0px); float: left; padding-right: 0; }
.dv-right-child { width: 100%; float: right; margin-top: 20px; }
.pro_home_id ul { margin: 0 10px 25px; width: calc(100% / 2 - 20px); }
.hotline_top_mb { display: none; }
.dv-gr-dsp { width: calc(100% / 3 - 10px); }
.cls_mb_767 {display: inline-block !important;}
.dv-phone-left.no_box { left: 0; margin-left: 0; }
.header { padding: 5px 0 0; }
.giohang_id ul .h4 { display: none; } .giohang_id ul .h3 { float: right; }
.dv-hotro-tuvan span { width: 100%; font-size: 18px; }
.dv-hotro-tuvan input { width: calc(100% - 20px); margin: 7px 10px; }
.dv-hotro-tuvan a { width: auto; margin: 6px 10px 13px; padding: 0 20px; min-width: 120px; float: none; }
.dv-hotro-tuvan { text-align: center; }
.dv-nd-menusp li > a, .dv-taisao-gr > a, .dv-nhom-dm-home li > a { border: 3px solid #534741; width: 90px; height: 90px; border-radius: 100px; }
.dv-nhom-dm-home:before { top: 77px; left: 17%; right: 17%; bottom: 132px; }
.dv-taisao-gr h3 a, .dv-taisao-gr-h3 a, .dv-nhom-dm-home li h3 a ,.dv-nhom-dm-home-h3 a{ font-size: 15px; font-weight: 400; margin-top: 12px; }
.dv-title-home { font-size: 20px; padding: 0 30px; line-height: 30px; }
.dv-video-cont-gr > a { height: 180px; border-top: 5px solid #311a02; border-bottom: 10px solid #311a02; }
.dv-video-cont-gr h3 a ,.dv-video-cont-gr-h3 a{ margin-top: 15px; font-size: 16px; line-height: 25px; }
.pro_home_id ul > a { font-size: 16px; line-height: 24px; margin: 8px 5px; }
.dv-camnhan-kh-nd { width: 100%; margin: 7px 0; position: relative; }
.dv-camnhan-left { padding: 0 15px 25px 15px; width: 100%; }
.dv-camnhan-right { width: 100%; float: right; padding: 0 20px; }
.dv-img-camnhan > img { width: 120px !important; height: 120px; float: right !important; margin: 0 auto; border-radius: 100px; border: 4px solid #e9e9e9; display: inline-block !important; }
.dv-img-camnhan .name { padding-top: 0; }
.dv-camnhan-kh-nd .dv-img-camnhan .name img { margin-top: 7px; height: 25px; }
.dv-foot-1 { width: 55%; float: left; }
.dv-foot-2 { width: 45%; float: left; padding: 0 0 0 20px; }
.dv-foot-3 { width: 100%; float: left; }
.dv-timkiem-title { font-size: 16px; }
.dv-timkiem-sp { padding: 0; }
.dv-menu-child > h3,.dv-child-title ,.dv-menu-child-h3{ font-size: 18px; }
.dv-timkiem-sp .check_id_cont .check_id b { font-size: 15px; padding: 0; }
.right_conten_ajax { padding: 34px 10px 20px; position: relative; }
.dv-foot-2 a { padding: 0px 0 10px 20px; }
.dv-nd-menusp { border: 2px solid #341c02; border-radius: 10px; padding: 15px 5px; margin-bottom: 15px; }
.viewLeft { width: 100%; float: left; }
.viewRight { width: 100%; float: left; padding-left: 0; padding-top: 20px; }
.giohang_id ul .h3, .giohang_id ul .h4, .giohang_id ul h3 a, .giohang_id ul h4 a { font-size: 15px; padding: 2px 15px; }
.mausac_sp h3 ,.mausac_sp_h3{ font-size: 18px; }
.viewRight h2  ,.viewRight-h2 { font-size: 20px; }
.viewRight h2 span.gia_km  ,.viewRight-h2 span.gia_km{ font-size: 16px; }
.leftBox { padding: 30px 20px 0px; position: relative; }
.mausac_sp ul h2 ,.mausac_sp_h2{ font-size: 14px; line-height: 24px; }
.mausac_sp ul li { font-size: 14px; }
.title-chonsp { font-size: 16px; }
.titleView { font-size: 18px; line-height: 26px; }
.showText ul li { margin-left: 25px; }
.left_contact h3, .right_contact h3 { min-width: 0; padding: 4px 20px; font-size: 17px; }
.right_contact { padding: 20px 20px 20px 10px; text-align: center; }
.left_contact { padding: 20px 10px 20px 20px; position: relative; }
.dv-hotine-lh h4 a { font-size: 20px; padding: 20px 10px; width: 100%; }
.dv-buy-left { width: 80px; float: left; }
.dv-buy-right { width: calc(100% - 90px); float: left; margin-left: 10px; }
.dv-gr-hdsd .dv-grhd-top { padding: 0 0 10px; }
.dv-tin-video-ds.no_box.flex { position: relative; padding: 30px 10px; }
.dv-tin-video-ds ul h3 { font-size: 15px; line-height: 24px;  }
.dv-tai-sao-chon ,.dv-ds-sphome, .dv-huong-dan-sudung{ margin-bottom: 20px; }
.dv-camnhan-left { padding-bottom: 0; }
.dv-phone-left { display: block !important; }
.dv-phone-left.fixed_0 { position: fixed; top: auto !important; }
.dv-phone-left { position: fixed; left: 0; bottom: 0; margin: 0; border: none; width: 100%; border-radius: 0; padding: 0 5px; top: auto !important;}
.dv-phone-gr { width: calc(100% / 4); float: left; display: inline-block; padding: 5px 0 0; margin: 0; }
.dv-phone-gr a img { height: 35px; width: auto; float: left; }
.dv-phone-gr span { display: inline-block; float: left; width: calc(100% - 50px); text-align: left; padding-left: 6px; margin-top: 10px; }
.dv-foot { padding-bottom: 40px; }
#back-top { position: fixed; bottom: 47px; right: 13px; z-index: 1; }
.leftBox.no_box .mobileqty { width: 82px; }
.mausac_sp ul li { width: 82px; }
.mausac_sp ul h2 ,.mausac_sp_h2{ width: calc(100% / 2 - 41px); }
.nd-tai-sao:before { width: 50%; height: 1px; top: 55px; }
.pro_home_id.pro_home_id_slider ul { width: calc(100% - 20px); margin: 0 10px; }
.pro_home_id ul > a { height: 75px; font-size: 16px !important; line-height: 25px !important; }
.dv-camket-htkh .dv-camket-nd li { width: calc(100% - 20px); margin-bottom: 10px; padding-top: 10px; }
.dv-text-nd-home-cont { max-height: 3055px }
.dv-quyen-loi-muahang .dv-left { width: calc(100% - 0px); float: left; margin-right: 0; }
.dv-quyen-loi-muahang .dv-right { width: 100%; float: right; margin-top: 20px; }
.dv-quyen-loi-muahang { padding-bottom: 0; }
.dv-quyen-loi-muahang .dv-left > h3, .dv-quyen-loi-muahang-h3 {
    font-size: 18px;
}
.header.fixed .right_header { bottom: auto !important; height: auto; }
.mn-mobile { top: 0; position: relative; }
.dv-coso { padding-top: 2px; font-size: 13px; line-height: 20px; text-align: left;}
.dv-mobile-hd .hotline_top.cls_pc { background: none; font-size: 14px; line-height: 20px; height: auto; padding: 0; }
.mn-mobile i { font-size: 17px; text-align: center; display: block; left: 43px; top: -25px; }
.dv-mobile-hd { padding-top: 0; line-height: 20px;}
.mn-mobile span { width: 32px; height: 4px; border-radius: 100px; display: block; margin: 5px 0; }
.header { padding: 2px 0; }
.box_header_id { /* top: 22px; */ }
.dv-hottline-footer { display: none; }
.logo_top { margin: 0; width: auto; position: absolute; left: 0; }
.logo_top img { height: 50px; margin: 18px 10px; }
.dv-mobile-hd { display: none !important; }
.header { height: 90px; }
.dv-logon-dongtrung { display: inline-block !important; width: auto; position: absolute; right: 10px; white-space: nowrap; margin: 0; top: 0; padding-top: 37px;}

.mn-mobile { top: 0; position: absolute; left: 0; height: 40px; }
.mn-mobile span { background: #fff; height: 3px; margin: 7px 0; margin-left: 10px; }
.mn-mobile i { color: #fff !important; left: 57px; top: -26px; }
.right_header { top: auto; bottom: -123px; z-index: 9; padding: 0; position: absolute; right: 0; height: 32px;}
.timkiem_top { right: 0; top: 35px; }

.box_header_id.is_none { position: fixed !important; top: 105px !important; width: 100%; margin: 0; }
.header.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; border: none; padding: 17px 0 7px; background: #f0f5f5 url(../images/bg_top.png) top left repeat-x; background-size: auto 15px; height: 105px; border-bottom: 4px solid #746457; }
.box_header_id.is_none { z-index: 99; position: fixed !important; top: 105px !important; width: 100%; margin: 0; }
.header.fixed .right_header {right: 10px; position: fixed; top: 108px; z-index: 99; }
.dv-logon-dongtrung span { display: none; }
.timkiem_top { bottom: auto; }
.hotline_top.cls_pc { top: 5px; right: 0; }
.dv-gioithieu-home-cont .dv-left {width: 100%;margin: 0;}
.dv-gioithieu-home-cont .dv-right {width: 100%;margin: 0;padding: 0;}
.dv-gioithieu-home-cont .showText.dv-text-home {padding: 10px 0 0;}
.dv-sp-right-home .pro_home_id ul { width: calc(100% / 2 - 10px); margin: 0 5px 10px; }
/*.dv-img-home, .dv-img-mobile { display: none !important; }*/
.dv-camnhan-kh.dv-khung { display: none; }
.dv-img-mobile { display: none !important; }
/*.dv-img-home { display: none; }*/
.hotline_top.cls_pc { top: -86px; right: 0; width: 295px; }
.right_header { right: 10px; }

.timkiem_top.acti input { width: 225px; }
.box_header_id.is_none { position: inherit !important; }
.header.fixed .right_header > a { display: none; }
.logo_top a { display: none; } .logo_top .logo_mb { display: block !important; }
.dv-text-home_pc { display: none; } .dv-text-home_mb { display: block !important; }
.mobileqty.mobileqty_pcc { display: none; } 
input.cls_ischecked { display: block !important; height: 18px; width: 18px; border: 1px solid #ccc; margin-top: 5px; }
span.sp01-x {
    display: none;
}

span.sp02-x {
    display: block !important;
}
.dv-phone-gr {
    width: calc(100% / 3) !important;
    text-align: center;
}

.dv-phone-gr span {
    display: inline-block !important;
    width: auto !important;
    margin: 0;
    padding: 0 0 0 6px;
    font-weight: 500;
}

.dv-phone-gr a {
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.dv-phone-gr a img {
    margin: 5px 3px 5px 0;
}
}
@media only screen and (max-width: 479px) {
	.timkiem_top.acti input { width: 175px; }
.timkiem_top.acti { bottom: -70px; }
	.dv-foot-2 a { background-size: 7px; }
	.dv-foot-2 a { display: block; width: 50%; float: left; font-size: 14px; line-height: 1.5; padding-right: 5px; }
	.dv-foot-3.dv-foot-3-mb { display: block !important; margin-top: 20px; }
	.dv-foot-3 { display: none; }
	.dv-sanpham-dathang img { width: 100%; float: left; margin-right: 0; }
	.dv-sanpham-dathang .dv-riii { width: 100%; float: left; padding-top: 20px; }
.dv-quyen-loi-muahang li { width: calc(100% - 20px); float: left; margin: 0 10px 10px; position: relative; }

.dv-camket-htkh .dv-camket-nd li img { width: 70px !important; height: 70px; margin-right: 10px; }
.dv-camket-htkh .dv-camket-nd li .dv-ckright { width: calc(100% - 70px); padding-left: 7px; }
.dv-gr-dsp { width: calc(100% / 2 - 10px); }
.dv-phone-left { padding: 0 15px; }
.pro_home_id.pro_home_id_slider ul { width: calc(100% - 10px); margin: 0 5px; }
.dv-video-cont-gr > a { height: 140px; border-top: 4px solid #311a02; border-bottom: 8px solid #311a02; }
.dv-camnhan-left.dv-camnhan-left-ds.flex .dv-tvh-gr > a { margin-bottom: 0; }
.dv-camnhan-left.dv-camnhan-left-ds.flex .dv-tvh-gr { width: calc(100% / 1 - 0px); margin: 0 0px 20px; }

.mn-mobile span {
    width: 32px;
    height: 4px;
    border-radius: 100px;
    display: block;
    margin: 6px 0;
    margin-left: 10px;
}
.logo_top img { width: auto; height: 45px; }
.dv-phone-gr span { display: none; }

.right_header { width: auto; margin: 0; position: absolute; right: 7px; }
.dv-logon-dongtrung { width: calc(100% - 103px);  }
.logo_top img { height: 45px; width: 55px; margin-right: 8px; position: relative; top: 4px; }
.input_search { padding: 0px 8px; height: 30px; line-height: 34px; width: calc(100% - 40px); float: right; color: #764529; font-size: 13px; background: #ffffff; border: 1px solid #cdcdcd; }
.timkiem_top a { width: 40px; height: 30px; text-indent: -10000px; background: #341c02 url(../images/ic_lup.png) no-repeat center center; float: right; border-left: 0px; 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; background-size: 21px 20px; }
.timkiem_top.acti { z-index: 99; opacity: 1; width: 224px; }
h3.tit_2 { font-size: 18px; }
.dv-nhom-dm-home li { margin: 0 5px 10px; width: calc(100% / 3 - 10px); }
.dv-nhom-dm-home li h3 a ,.dv-nhom-dm-home-h3 a{ font-size: 14px; line-height: 22px; }
.dv-nhom-dm-home:before { top: 69px; left: 16%; right: 16%; bottom: 120px; }
.dv-nhom-dm-home { padding: 25px 10px; }
.dv-nhom-dm-home li > a { margin-top: 0; }
.pro_home_id ul { margin: 0 5px 15px; width: calc(100% / 2 - 10px); }
.dv-baochi-gr { width: calc(100% / 3 - 10px); margin: 0 5px 10px; }
.dv-title-home { font-size: 18px; padding: 0 30px; line-height: 25px; }
.dv-foot-1 { width: 100%; float: left; }
.dv-foot-2 { width: 100%; float: left; padding: 20px 0 0; }
.dv-tintuc-ds ul li { width: 100%; margin-bottom: 15px; }
.dv-tintuc-ds ul .dv-tin-rrr { width: 100%; float: left; }
.left_contact { width: 100%; padding: 20px; }
.div_id_map { height: 250px; }
.right_contact { width: 100%; padding: 0 20px 20px; }
.left_contact h3, .right_contact h3 { width: 100%; }
.contact .formBox a { width: 100%; }
.dv-buy-left { width: 100% !important; float: left !important; }
.dv-buy-right { width: 100% !important; float: left !important; margin-left: 0 !important; padding-top: 10px !important; }
.dv-anh-cart { width: 100% !important; float: left !important; }
.dv-price-cart { width: 100% !important; text-align: right !important; float: left !important; }
.dv-price-cart { width: 100% !important; text-align: left !important; float: left !important; }
.dv-row-buy { position: relative !important; }
.dv-buy-right form { position: absolute !important; top: 10px !important; right: 10px !important; }
.dv-mobileqty { display: inline-block !important; float: left !important; margin-top: 10px !important; width: 100%; }
.dv-gr-kh .t_left { width: calc(100% - 0px) !important; float: left !important; margin-right: 0 !important; }
.dv-gr-kh .t_right { width: calc(100% - 0px) !important; float: left !important; margin-left: 0; }
.h3-tit-cart { font-size: 15px !important; }
.dv-show-mkm { width: 100% !important; position: relative !important; }
.dv-show-mkm input { width: 100% !important; }
.dv-show-mkm button { position: absolute !important; right: 0 !important; top: 0 !important; border-radius: 0 5px 5px 0 !important; }
.dv-ndpm-hide-mb, .dv-load-nhom-mb { margin: 0; width: 100%; padding: 10px; }
.dv-btn-cart.dv-btn-buy.no_box a { width: 100%; margin: 0 0 10px; }
.dv-tin-video-ds ul {  width: calc(100% / 1 - 20px); }
.dv-phone-gr a img { height: 35px; width: auto; float: none; }
.dv-nhom-dm-home li > a { width: 70px; height: 70px; border: 2px solid #534741; }
.pro_home_id ul h4 span.gia_km ,.pro_home_id_h4 span.gia_km { font-size: 13px; padding-top: 2px; line-height: 10px; }
.pro_home_id ul h4  ,.pro_home_id_h4{ font-size: 14px; padding: 7px 5px; white-space: nowrap; }
a.sp_add_view, a.sp_add_cart { height: 30px; line-height: 30px; font-size: 12px; padding: 0 2px}
a.sp_add_view:before, a.sp_add_cart:before { width: 20px; height: 30px; left: 0; position: absolute; margin-left: -20px; background-size: 100% 100%; }
a.sp_add_cart:before { margin-right: -20px; margin-left: auto; }
a.sp_add_view { bottom: 40px; }
a.sp_add_view img, a.sp_add_cart img { width: auto !important; height: 14px!important; display: inline-block !important; transform: scale(1) !important; top: 2px; }


.dv-cacthuongthieu-dtht-child.flex { padding: 5px 10px 20px; }

.dv-gr-dsp-h3{ width: 100%; display: block; padding-bottom: 5px; margin: 0; text-align: center; }
.hotline_top.cls_pc a { font-size: 13px; margin-left: 2px !important; }
.dv-coso { font-size: 12px; }
.logo_top img {
    height: 50px;
    margin: 8px 0px 0 10px;
    width: 65px;
}.dv-gr-dsp-h3 { padding-bottom: 0; }
}