@charset "utf-8"; body { margin: 0px auto; padding: 0px auto; font-size: 15px; line-height: 1.5; font-family: 'Roboto', sans-serif; font-weight: 400; color: #4c4c4c; }
* { margin: 0px auto; padding: 0px auto; outline: none; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
p { margin-bottom: 0; }
.clr { clear: both; }
a { color: #21409a }
a:hover { color: #ffcc32 }
ul { padding: 0px; }
img { border: 0; }
::selection { background-color: #ffcc32; color: #fff; }
::-webkit-selection { background-color: #ffcc32; color: #fff; }
-webkit-::selection { background-color: #ffcc32; color: #fff; }
::-moz-selection { background-color: #ffcc32; color: #fff; }
.aside-item .aside-content ul { padding-left: 10px; }
.filter-item--check-box input { position: relative; top: 2px; }
.aside-item .aside-content ul li { padding-bottom: 7px }
.aside-item .aside-content { margin-top: 15px; width: 100%; z-index: 99; position: relative; }
.filter-group ul { max-height: 225px; overflow-y: auto; }
.dv-qc-f { margin: 0 -5px }
.dv-home-qc .col-sm-3 { position: relative; width: calc(100% / 4 - 10px); float: left; margin: 10px 5px 0; }
.dv-home-qc .col-sm-3 img { width: 100% }
.dv-top img { width: 100% }
.giohang_top .right p b { display: block; color: #494949; font-weight: normal; text-transform: capitalize; }
.giohang_top .right { float: right; line-height: 20px; font-size: 14px; text-align: left; color: #999; }
span.ico-cart { display: block; width: 28px; height: 26px; position: relative; float: left; margin-top: 0; background: url(../images/header-sprites.png) 0 -108px no-repeat; }
.p-account-link { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; float: left; }
span.ico-user>span { display: block; width: 28px; height: 26px; }
a.account-icon-link strong { display: block; color: #555; }
a.account-icon-link { display: block; float: left; color: #999; }
a.account-icon-link>span { display: inline-block; line-height: 20px; font-size: 14px; }
.account-icon-link strong #account_link_id { width: 70px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.caret { display: inline-block; width: 0; height: 0; margin-left: 0; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; position: relative; top: -7px; }
.account-icon-link .ico-user { vertical-align: top; margin-top: 7px; margin-right: 7px; }
.select-selected.select-arrow-active:after { border-color: transparent transparent #6f5a28 transparent; bottom: 18px; }
.select-items div { color: #666; padding: 8px 12px 8px; cursor: pointer; user-select: none; border: 1px solid #ececec; text-align: left; line-height: 1.3; }
.select-selected:after { position: absolute; content: ""; bottom: 13px; right: 10px; width: 0; height: 0; border: 4px solid transparent; border-color: #666 transparent transparent transparent; }
.select-hide { display: none; }
.select-items { position: absolute; background-color: #fff; top: 100%; left: -1px; right: 0; z-index: 99; width: 220px; }
.collection-selector { position: relative; display: inline-block; z-index: 2; left: 0; text-align: right; border-right: 1px solid #ebebeb2e; height: 38px; float: left; }
.select-selected { color: #666; padding: 8px 21px 8px 15px; cursor: pointer; user-select: none; text-align: left; overflow: hidden; height: 38px; width: 125px; white-space: nowrap; text-overflow: ellipsis; }
.custom-select select { display: none; }
.dv-benh .list-item a { color: #414141; font-size: 18px; line-height: 34px; margin-bottom: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; }
.dv-benh .list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; padding: 15px 0 20px; }
.hinh-col-3 .thumbnail .caption a:hover h3,.hinh-col-3 .thumbnail .caption ul li a:hover { color: #ffcc32; }
.hinh-col-3 .thumbnail .caption ul li { list-style-type: none; font-size: 16px; line-height: 32px; }
.hinh-col-3 .thumbnail .caption ul li a { color: #333 }
.hinh-col-3 .thumbnail .caption h3 { color: #009edb; font-size: 22px; line-height: 30px; font-weight: 400; margin: 15px 0 3px; padding: 0; }
.col-sm-3.hinh-col-3 img { width: 100% }
.col-sm-3.hinh-col-3 { width: calc(100% / 2 - 20px); float: left; margin: 20px 10px 0 }
.cs-base-custom hr { margin: 15px 0; border-top: 1px solid #e7e6e6; }
.cs-base-custom .lc-content-cover { font-size: 18px; line-height: 29px; }
.cs-base-custom h2 { font-size: 20px; line-height: 38px; }
.viewRight .prd-dt-phone a { color: #ff0000; font-weight: 600; }
.prd-dt-phone { font-size: 16px; line-height: 18px; margin-top: 15px; color: #595959; clear: both; margin: 20px 10px 0; }
.danhsach-thuoc .result h2 { font-size: 24px; font-weight: 700; color: #333; background: #d8ece1; display: block; clear: both; margin: 20px 0; padding: 15px 20px; }
.danhsach-thuoc .result .view { clear: both; display: block; text-align: center; }
.danhsach-thuoc .result .view .text-center:hover { box-shadow: 0 2px 9px -2px #888; color: #009edb; }
.danhsach-thuoc .result .view .text-center { display: inline-block; margin: 0 auto; text-decoration: none; padding: 5px 15px; border-radius: 4px; border: 1px solid #d9d9d9; background: #fff; color: #ffcc32; text-align: center; }
.danhsach-thuoc .result .result-item a { display: inline-block; width: calc(100% /3 - 20px); font-size: 17px; float: left; margin: 0 10px; color: #414141; margin-bottom: 10px; text-decoration: none; }
.content .alphabet a.active,.content .alphabet a:hover { background: #009edb; color: #fff; }
.content .alphabet a { display: inline-block; width: auto; height: 35px; font-size: 16px; padding: 4px 8px; text-decoration: none; border-radius: 3px; color: #4a4a4a; background: #fff; box-shadow: 0 2px 9px -2px #888; margin: 0 1.5px; }
.timkiem-thuoc .tiltle { text-align: left; margin: 20px 0 }
.timkiem-thuoc .content { clear: both; width: 100% }
.timkiem-thuoc .timkiem_top { width: 50% }
.timkiem-thuoc .timkiem_top .input_search { font-size: 16px; }
.ntlc-item .item .col-sm-3 { padding: 0; width: 20%; float: left; }
.ntlc-table tr:first-child { background: #009edb; color: #fff; }
.ntlc-table th { text-align: center; padding: 7px; border: 1px solid #e2e2e2; white-space: nowrap; }
.ntlc-item .item .col-sm-9 { width: 75%; padding: 0; float: right; }
.col-sm-12 .tiltle { margin: 20px 0 }
.ntlc-item .item { margin-bottom: 25px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; width: calc(100% / 2 - 20px); float: left; margin: 0px 10px 20px; }
.ntlc-content { margin-top: 20px }
.ntlc-description h2 { margin: 0; font-size: 18px; line-height: 30px; font-family: inherit; font-weight: 400; }
.ntlc-description { margin-bottom: 20px; padding: 10px 20px; background: #fafafa; border-left: 3px solid #21409a; }
.col-lg-4 .title h2 { text-align: justify; font-size: 16px; font-weight: 400; }
.col-lg-4 .address-wrapper .item { border-bottom: 1px solid #e0e0e0; padding: 10px 25px; line-height: 1.4; }
.address-wrapper .item .address>div { margin: 7px 0; }
.col-lg-4 .address-wrapper { max-height: 245px; overflow-y: scroll; }
.address-wrapper .item .address>div.title { font-weight: 500; font-size: 17px; }
.col-lg-4 .form .frm-btn button { border: 0; border-radius: 5px; background: #009edb; width: 100%; height: 43px; color: #fff; font-size: 18px; font-weight: 500; text-transform: uppercase; }
.col-lg-4 .form .frm-btn button:hover { background: #ffcc32; cursor: pointer; }
.col-lg-4 .form .frm-btn { position: relative; width: 100%; }
.form-control, .form-group select { display: block; width: 100%; height: 40px; padding: 5px 12px; font-size: 15px; line-height: 1.42857143; color: #ababab; 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; text-transform: capitalize; font-family: 'Roboto', sans-serif; }
.col-lg-4 .form .form-group { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; margin-top: 10px; width: 100%; padding-left: 0; }
.col-lg-4 { width: calc(100% / 2 - 20px); margin: 0px 10px 0px; float: left; }
.col-lg-4 .form { background: #d8ece1; padding: 30px 25px; }
.col-lg-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; float: right; position: relative; width: calc(100% / 2 - 20px); margin: 0px 10px 20px; }
.txt-quantity { font-size: 14px; font-weight: 400; line-height: normal; color: #4c4c4c; text-align: center; margin: 15px 0 5px; }
.name-m-blue { font-size: 15px; font-weight: 500; line-height: 24px; color: #009edb; text-transform: uppercase; }
.dv-home-sp .col-6 picture img { object-fit: cover; height: 100px; }
.dv-home-sp { margin: 0 -10px; margin-top: 10px }
.dv-home-sp .col-6 { position: relative; width: calc(100% / 6 - 20px); float: left; margin: 20px 10px 0; padding: 15px 10px; text-align: center; border: 1px solid #d8ece1; border-radius: 20px; }
.dv-sanpham-detail .dv-home-sp .col-6 { width: calc(100% / 5 - 20px); }
.dv-home-sp .col-6:hover .name-m-blue { color: #ffcc32 }
.dv-home-sp .col-6:hover { box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); }
.dv-home-sanpham { padding: 50px 0 55px }
.newsletter_home .read_more a { border-radius: 40px; padding: 5px 30px; }
.newsletter_home .contact_lbl.form-control { height: 70px; width: 97%; margin-bottom: 20px; }
.newsletter_home .form-control { display: block; width: 47%; height: 40px; padding: 5px 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; text-transform: capitalize; font-family: 'Oswald', sans-serif; margin-top: 10px; font-weight: 300; float: left; margin: 10px; }
.newsletter_home ul { width: 750px; margin: auto; }
.newsletter_home p { color: #fff }
.newsletter_home:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(27,39,61,.8); transition: .3s all ease; z-index: 0; }
.lgx-countdown .pagewrap:after { content: ""; background: url(../delete/schedule-bg-pattern2.png) top no-repeat; position: absolute; right: 0; width: 100%; bottom: 0; background-size: cover; height: 300px; z-index: -1; }
.dv-home-dichvu { background: url(../delete/about-bg2.jpg) no-repeat center 160px; ; }
.newsletter_home { background: url(../delete/video-bg.jpg) center center fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; padding: 60px 0; position: relative; }
.no_data { padding-top: 300px; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; padding-bottom: 0px; position: relative; background-image: url(../delete/banner1.png); }
.dv-home-dichvu { padding: 60px 0 }
.countdown { text-align: center; width: 70%; float: right; background: rgba(85,75,185,.95); padding: 4.2rem 1rem; }
.countdown a { background: #ffcc32; color: #fff; padding: 5px 30px; border-radius: 50px; margin: 0 5px; font-size: 16px; font-weight: 500; text-transform: uppercase; display: inline-table; border: 1px solid #ffcc32; }
.countdown a:hover { background: #1f2944; color: #fff; }
.countdown h2 { color: #fff; font-size: 30px; text-transform: uppercase; font-weight: 600; margin-bottom: 35px; }
.countdown-left-info h3 { color: #1b273d; margin: 10px 0 7px; font-weight: 400; font-size: 22px; }
.countdown-left-info h2 { color: #1b273d; font-size: 30px; text-transform: uppercase; font-weight: 600; }
.countdown-left-info { background: rgba(239,165,6,0.95); width: 30%; float: left; text-align: center; padding: 4.2rem 1rem; }
.box_right_pro_view .new_right { padding-top: 10px }
.box_right_pro_view .new_right a { background: #ffcc32; padding: 3px 15px 6px; display: inline-table; color: #fff; margin: 5px; }
.box_right_pro_view img { width: auto; height: 85px; float: left; }
.box_right_pro_view>ul>li { display: flex; margin: 0; float: left; width: 100px; text-align: center; }
.box_right_pro_view>ul.menu-right>li:last-child { border-bottom: none; }
.box_right_pro_view>ul.menu-right { list-style: inside; }
.box_right_pro_view>ul.menu-right>li { display: list-item; margin: 0; float: inherit; width: 100%; text-align: left; clear: both; border-bottom: dashed 1px #ebebeb; padding: 5px; }
.box_right_pro_view>ul h3,.box_right_pro_view>ul h3 a { font-size: 15px; color: #4c4c4c; font-weight: 400; display: -webkit-box; overflow: hidden; line-height: 1.4; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.box_right_pro_view>ul h3 a:hover { color: #ffcc32 }
.box_right_pro_view>ul>li a { color: #333; font-size: 15px; margin: 0; }
.box_right_pro_view>ul>li.active a,.box_right_pro_view>ul>li a:hover { color: #ffcc32 }
.box_right_pro_view>ul>li a h2 { margin: 0; font-size: 16px; font-weight: normal; text-align: center; }
.tin_right select { padding: 10px 15px; font-size: 16px; line-height: 20px; color: #8d8d8d; border-color: transparent; border-radius: 2px; box-shadow: inset 0 0 0 1px #e8e8e8; width: 94%; margin-top: 10px; font-family: 'Oswald', sans-serif; margin-left: 3%; margin-bottom: 10px; }
.dv_gt h2 { margin-top: 20px; line-height: 40px; font-weight: 300; }
.dv_gt { background: #f2f2f2; position: absolute; left: 0; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); max-width: 500px; top: 50%; transform: translateY(-50%); padding: 50px; }
.dv_gioithieu1 .dv_gt img { height: 50px; width: auto; }
.dv_gioithieu1 { text-align: center; position: relative; }
.dv_gioithieu1 img { width: 70% }
.dv_doingu .dv_gt h2 { margin-top: 0; line-height: 40px; font-weight: 600; color: #2c533f; font-size: 28px; margin-bottom: 10px; }
.dv-home-lophoc.dv-lophoc { padding: 0; background: transparent; }
.dv-home-lophoc.dv-lophoc:before { display: none; }
.gt-doingu .tiltle { text-align: center; }
.gt-doingu>h3 { text-align: center; font-weight: 500; margin-bottom: 10px; font-size: 25px; color: #c8a251; }
.dv-home-doingu.dv-gt-doingu.gt-doingu { background: transparent; padding: 130px 0 20px; }
.gt-doingu .dv-home-dn { width: calc(100% / 4 - 20px); margin: 0 10px 10px; float: left; }
.dv_doingu .dv_gt { background: #f2f2f2; position: absolute; left: 0; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); max-width: none; top: inherit; transform: none; bottom: -90px; padding: 30px 50px; width: 70%; right: 0; }
.dv_gioithieu1.dv_doingu img { width: 80% }
.widget_getintuch b,.widget_getintuch strong { display: block; text-transform: uppercase; font-weight: 500; }
.widget_getintuch i { position: absolute; left: 0; top: 5px; text-align: center; font-size: 14px; width: 35px; height: 35px; line-height: 33px; background-color: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.1); }
.dv-home { padding: 60px 0px; position: relative; background: rgba(85,75,185,.95); }
.dv-home:after { content: ""; background: url(../delete/schedule-bg-pattern2.png) top no-repeat; position: absolute; right: 0; width: 100%; bottom: 0; background-size: cover; height: 300px; z-index: -1; }
.dv-home-hinhanh:before { content: ""; background: url(../delete/bg.png) top no-repeat; position: absolute; right: 0; width: 100%; top: 0; background-size: cover; margin-top: -158px; height: 158px; }
.dv-home-hinhanh { padding: 20px 0 0px; position: relative; background: #5e54bd; }
.grid-gallery { width: 100%; display: flex; flex-wrap: wrap; position: relative; }
.grid-gallery li figure figcaption h6 { font-weight: 600; font-size: 20px; margin-bottom: 0; color: #fff; text-transform: uppercase; }
.grid-gallery li figure figcaption small { font-size: 14px; color: #fff; opacity: 0.9; }
.grid-gallery li figure figcaption small i { padding-right: 7px }
.grid-gallery li figure figcaption { width: 100%; float: left; padding: 20px 30px; padding-top: 50px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%); position: absolute; left: 0; bottom: 0; }
.grid-gallery li { width: calc(100% / 4 - 20px); float: left; margin: 20px 10px 30px; list-style: none; position: relative; }
.grid-gallery li:nth-child(5) { width: calc(100% / 4 - 20px); position: absolute; right: 0%; bottom: 0; }
.grid-gallery li figure { width: 100%; float: left; margin: 0; position: relative; overflow: hidden; }
.grid-gallery li:nth-child(6) { width: calc(100% / 2 - 20px); position: absolute; left: 0%; bottom: 0; }
.grid-gallery li img { width: 100%; transition: all 0.5s; }
.grid-gallery li img:hover { transform: scale(1.05) rotate(2deg); transition: 0.5s; filter: brightness(0.5); }
.dv-home-dn h3 { color: #2c533f; font-size: 20px; line-height: 34px; padding: 2px 0 0px 0; margin: 0; font-weight: 600; }
ul.social li { float: left; list-style: none; line-height: 0; text-align: center; margin: 7px 10px; }
.col_lg_6 ul li { font-size: 16px }
.dv-home-dnright .text-left { margin: 0; padding: 10px 20px; }
.dv-home-dnright { width: 64%; float: right; }
.dv-home-dnleft { width: 35%; float: left; }
.dv-home-doingu.dv-gt-doingu { background: transparent; padding: 50px 0 10px; }
.dv-home-doingu.dv-gt-doingu:before,.dv-home-doingu.dv-gt-doingu:after { display: none }
.dv-home-doingu:before { content: ""; background: url(../delete/bg.png) top no-repeat; position: absolute; right: 0; width: 100%; top: 0; background-size: cover; margin-top: -158px; height: 158px; }
.dv-home-doingu:after { content: ""; background: url(../delete/bg_bt.png) top no-repeat; position: absolute; right: 0; width: 100%; bottom: 0; background-size: cover; margin-bottom: -158px; height: 158px; z-index: 1; }
.dv-home-doingu { padding: 50px 0; position: relative; background: #d8ece1; }
p.p-brief { font-size: 18px; margin: 5px auto 25px; width: 600px; text-align: center; font-weight: 300; }
.dv-home-lophoc .pagewrap h3 { text-align: left; }
.dv-home-gioithieu .tiltle { text-align: center; }
.dv-home-lophoc { padding: 130px 0 75px; position: relative; background: #f1f1f1; }
.dv-home-lophoc:before { content: ""; background: url(../delete/bg-class.png) top right no-repeat; position: absolute; right: 0; width: 100%; top: 30px; background-size: 100%; z-index: 1; height: 23%; }
.dv-home-gioithieu:after { content: ""; background: url(../delete/bg_bt.png) top no-repeat; position: absolute; right: 0; width: 100%; bottom: 0; background-size: cover; z-index: 1; margin-bottom: -158px; height: 158px; }
.dv-home-tintuc div ul .read_more { margin-top: 7px; text-align: left; }
.dv-home-tintuc div ul .read_more a { color: #ffcc32; font-size: 16px; font-weight: 400; text-transform: capitalize; margin-top: 3px; background: transparent; border-radius: 0; padding: 0; display: inline-table; transition: 0.5s; border: 0; text-align: left; }
.countdown-left-info .fa-calendar:before { color: #ffcc32; padding-right: 5px; }
.dv-home-dn { width: calc(100% / 1 - 20px); margin: 0 10px 10px; float: left; }
.dv-home-dn img { width: 100% }
.dv-home-dnleft p.p-brief { width: 100% }
.dv-homeright .tiltle { margin-bottom: 25px; }
.dv-homeright p { color: #fff }
.dv-homeleft img { width: 100%; border-radius: 50%; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.7); }
.dv-homeleft { width: 30%; float: left; }
.dv-homeright { width: 67%; float: right; padding: 20px 0; text-align: center; }
.dv-home-gioithieu { padding: 40px 0; position: relative; background: #d8ece1; }
.a-right { text-align: right !important; }
.itemdv .content p { font-size: 23px; color: #000000; font-weight: 500; margin-bottom: 7px; }
.itemdv .content span { font-size: 15px; font-family: "Raleway", Sans-serif; }
.itemdv .image_icon { width: 80px; display: flex; float: left; height: 80px; background: #a1dac0; border-radius: 50%; padding: 10px; vertical-align: middle; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); }
.itemdv .content { display: block; float: left; width: calc(100% - 110px); -webkit-width: calc(100% - 80px); -moz-width: calc(100% - 80px); -os-width: calc(100% - 80px); -o-width: calc(100% - 80px); }
.itemdv { width: 100%; float: left; margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1; }
.dv-home-lh.flex#tintuc_slide { margin: 0 }
#tintuc_slide .dv-gr-lh { width: calc(100% / 1); margin: 20px 0px 60px; float: left; }
.dv-gr-lh h3 { color: #1c283c; font-size: 20px; line-height: 34px; padding: 0px 0 5px 0; margin: 0; font-weight: 400; text-transform: capitalize; }
.tt-row-btn a { color: #ffcc32; transition: color .2s; font-weight: 400; font-size: 16px; line-height: 20px; }
.tt-row-btn a i { display: inline-block; margin-left: 8px; font-size: 14px; line-height: 8px; position: relative; top: -1px; }
.dv-home-lh.flex { margin: 0px -10px 0; }
.dv-home-gt { margin: 0px -10px }
.text-left h4 { color: #515151; font-size: 15px; font-weight: 400; line-height: 25px; margin-bottom: 10px }
.text-left { background: #fff; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); margin: -50px 20px; z-index: 2; position: relative; border-radius: 4px; padding: 20px 20px 25px; }
.dv-gr-lh img { width: 100%; transition: 0.5s; }
.dv-gr-lh .img { overflow: hidden; }
.dv-gr-lh img:hover { transform: scale(1.05) rotate(2deg); transition: 0.5s; filter: brightness(0.5); }
.dv-gr-lh { width: calc(100% / 3 - 20px); margin: 0 10px 65px; float: left; }
.flex { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.itemdv .image_icon img { height: 55px; margin: auto; }
.col-lg-4.align-center img { width: 85% }
.col-lg-4.align-center { text-align: center; }
.dv-home-gioithieu .pagewrap>p { text-align: center; font-weight: 400; padding-top: 10px; font-size: 16px; color: #666666; max-width: 750px; margin: auto; margin-bottom: 2%; }
.read_more a i { display: inline-block; margin-left: 5px; font-size: 14px; line-height: 8px; position: relative; top: 0px; }
.dv-home-lh.flex#sukien_slide { margin: 0; }
#sukien_slide .dv-gr-lh { width: calc(100% / 1); margin: 20px 0 65px; }
.dv-home-tintuc div ul .read_more a:hover { color: #ffcc32; background: transparent; }
.pagewrap .dv-home-dnleft>h3 { text-align: left; font-weight: 500; margin-bottom: 10px; font-size: 25px; color: #c8a251; }
.pagewrap>h3 { text-align: left; font-weight: 500; margin-bottom: 10px; font-size: 25px; color: #c8a251; }
.tiltle { color: #21409a; float: left; position: relative; border-left: 7px solid #21409a; border-bottom: 2px solid #21409a; padding-left: 15px; display: inline-block; text-transform: uppercase; font-size: 25px; line-height: 1.4; padding-bottom: 2px; }
.tiltle span { color: #009edb }
.noo-theme-title-bg { background-image: url(../images/bg-line.png); background-position: center center; background-repeat: no-repeat; height: 23px; width: 100%; position: relative; top: 0; left: 0; right: 0; margin: auto; text-align: center; }
.sign_col2 a { padding-right: 3px }
.sign_col2 .col-md-6 { width: 100% }
.banner_detail { background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; padding-bottom: 0px; position: relative; }
.banner_detail img { width: 100%; position: relative; }
.tin_left .aboutus-head p { font-weight: 300; font-size: 16px }
.home_about .sc_action_item_mc img { width: auto; }
.sc_action_item_mc h3 { color: #fff; text-transform: uppercase; font-size: 30px; font-weight: 500; margin-top: -20px; line-height: 50px; margin-bottom: -10px; }
.sc_action_item_mc { position: absolute; top: 35%; transform: translateY(-50%); left: 10%; }
.tin_left #home-aboutus { padding-top: 0 }
#history_tabs .tabs { font-weight: 400 }
.col-md-6 .cat-thumb-item { margin: 0; width: 100%; }
.col-md-6.evo-account { float: right; }
.cat-thumb-item-content { background-color: #ffcc32; color: #fff; text-align: center; }
.cat-thumb-item-content h3 { margin-bottom: 10px; font-weight: 400; line-height: 38px; }
.cat-thumb-item-content h3 a { color: #fff; }
.home_sales { width: 100%; max-width: 1600px; position: relative; }
.cat-thumb-item-content p a { border-bottom: 1px solid rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8); }
.img-responsive { width: 100% }
.cat-thumb-item-content-inner { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); padding: 0 15px; }
.cat-thumb-item-content.bg-color1 { background: #134a56 }
.cat-thumb-item-content .col-md-6 img { width: 100% }
.col-md-6,.col-md-6 .row { float: left; position: relative; }
.home_history { background: url(../delete/history.jpg) top; background-repeat: no-repeat; background-size: cover; padding: 40px 0 100px; margin-bottom: 60px }
.home_sales { margin-bottom: 60px }
.thsn-static-box-inner p { font-size: 20px; font-weight: 300; margin: 10px; }
.thsn-static-box-inner h4 { text-transform: uppercase; letter-spacing: 1px; font-size: 30px; font-weight: 400; }
.thsn-static-box-inner { position: absolute; top: 50%; left: 0; right: 0; text-align: center; transform: translateY(-50%); color: #fff; z-index: 1; }
.col_mn_4 a:after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; opacity: 1; background: -moz-linear-gradient(top,rgba(103,84,33,.47) 0%,rgba(103,84,33,.47) 37%,rgba(103,84,33,.37) 51%,rgba(103,84,33,0) 100%); background: -webkit-linear-gradient(top,rgba(103,84,33,.47) 0%,rgba(103,84,33,.47) 37%,rgba(103,84,33,.37) 51%,rgba(103,84,33,0) 100%); background: linear-gradient(to bottom,rgba(103,84,33,.47) 0%,rgba(103,84,33,.47) 37%,rgba(103,84,33,.37) 51%,rgba(103,84,33,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78675421',endColorstr='#00675421',GradientType=0); }
.col_mn_4 a:before { border: 1px solid rgba(255,255,255,.28); width: calc(100% - 30px); height: calc(100% - 30px); position: absolute; left: 0; top: 0; content: ""; margin: 15px; z-index: 4; }
.col_mn_4 img { width: 100% }
.col_mn_4 { float: left; width: calc(100% / 3 - 20px); margin: 30px 10px 0; -webkit-transition: all .3s ease; position: relative; text-align: center; overflow: hidden; margin-top: -150px; z-index: 1; }
.sc_layouts_item .fa-phone:before { color: #fff; padding-right: 7px; }
.sc_layouts_item { float: right; margin: 17px 0; }
.sc_layouts_item .sc_button { font-size: 15px; font-weight: 500; font-style: normal; line-height: 23px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; background: #ffcc32; color: #fff; padding: 8px 25px; position: relative; border-radius: 50px; border: 1px solid #fff; }
.sc_layouts_item .sc_button:hover { background: #fff; transition: 0.5s; color: #ffcc32; border: 1px solid #ffcc32; }
.mobile-menu-area { display: none; }
.header_menu_mobile>a.btn_menu { font-size: 28px; transform: translateY(-50%); color: #fff; }
.header_menu_mobile { display: none; }
.form-control { display: block; width: 100%; height: 40px; padding: 5px 12px; font-size: 15px; 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 rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -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; text-transform: capitalize; font-family: 'Roboto', sans-serif; letter-spacing: 0; }
.form-control.contact_lbl { height: 70px }
.pro_home_id#pro_slide3 { margin: 0 }
.pro_home_id#pro_slide3 ul { width: calc(100% / 1); margin: 20px 0 0 }
.box_left .read_more { margin-top: 10px }
.link_login a.login_taikhoan:hover { background: #ffcc32 }
.link_login a.login_taikhoan { background: #134a56; color: #fff; padding: 5px 20px; border-radius: 3px; }
.viewLeft { width: 47%; float: left; position: relative; z-index: 0; }
.viewRight { width: 50%; float: right; }
.bottom20 { margin: 20px 0 }
.bottom20 .btn i { padding-right: 5px; }
.bottom20 .btn { display: inline-block; padding: 7px 20px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 50px; background: #ffcc32; color: #fff; margin-right: 10px; }
.bottom20 .btn.btn-success { background: #ffcc32; }
.bottom20 .btn.btn-info { background: #273247; }
.mySlides { border: solid 1px #E6E6E6; }
.tin_left .column { border: 1px solid #e4e4e4; float: left; width: calc(100% / 10 - 6px); margin: 10px 5px; padding: 5px; }
.tin_left .column:hover .demo { cursor: pointer; opacity: 1 }
.demo { opacity: 0.8; }
.next { right: 0; border-radius: 3px 0 0 3px; }
.container { display: block; position: relative; margin-bottom: 10px; cursor: pointer; font-size: 16px; -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: 0px; }
.prev, .next { cursor: pointer; position: absolute; top: 40%; width: auto; padding: 10px; margin-top: -22px; color: white; font-weight: bold; font-size: 25px; transition: 0.6s ease; border-radius: 0 3px 3px 0; background: #0000004d; }
.fs-dtinfo { float: right; width: 50%; }
.hinhanh_view { width: 100%; float: left; position: relative; }
.menu > li > ul.menu_child ul { transform: none; position: relative; visibility: initial; opacity: 1; left: 0; margin-top: 5px; }
.menu > li li ul.menu_child_1 h3 { font-size: 15px; color: #fff; font-weight: 400; line-height: 27px; padding: 10px 10px 0; }
.menu > li li ul.menu_child_1 h4 { color: #ffcc32; }
.menu > li li ul.menu_child_1 h3 a:hover { color: #134a56 }
.menu > li li ul.menu_child_1 h3 a { color: #252525 }
.menu > li > ul > li ul.menu_child_1 li { background: transparent; }
.menu > li li ul.menu_child_1 > li img { width: 100%; margin: 10px 0 0; transition: 0.5s }
.menu > li li ul.menu_child_1 > li { width: 26%; float: left; margin-right: 10px }
.menu > li > ul.menu_child li li { padding: 0; }
.menu > li li ul.menu_child_1 > li:hover > a { background: transparent; transform: scale(1.1); padding: 0; transition: 0.5s; }
.box_menu .menu > li > ul ul { border-top: 2px solid #ffcc32; }
.box_menu .menu > li > ul ul.menu_child_1:last-child { border-top: 0; }
.box_menu .menu > li > ul ul.menu_child_1 { clear: both; }
.menu > li > ul.menu_child li li:last-child { padding-bottom: 0 }
.menu > li > ul.menu_child li li:first-child { padding-top: 0 }
.box_menu .menu > li > ul.menu_child > li { float: left; width: calc(100% / 2); padding: 15px 20px; text-align: left; border-right: 1px solid #e7e7e7; }
.box_menu .menu > li > ul.menu_child > li>span { color: #000; text-transform: uppercase; text-align: left; font-size: 16px; padding-bottom: 10px; }
.box_menu .menu > li > ul.menu_child > li>a { border: none; text-transform: uppercase; padding: 0px 10px; }
.menu > li > ul.menu_child { width: 650px; display: flex; }
#tintuc_slide.tt_page { margin: 0; }
.fb_iframe_widget_fluid_desktop iframe { width: 100% !important; }
.page_conten_page #tintuc_slide .new_id_bs { width: calc(100% / 1); margin: 20px 0; padding-right: 0; }
#tintuc_slide .new_id_bs ul h3 a { margin-top: 5px; overflow: hidden; }
.new_id_bs ul span i { padding-right: 7px }
.new_id_bs ul span { font-size: 15px; }
.qodef-m-item h3 { text-transform: uppercase; margin-top: 15px; font-size: 19px }
.qodef-m-item img { height: 140px }
.qodef-l>img { height: 580px }
.qodef-l { width: calc(100% / 3 - 20px); float: left; margin: 20px 10px; text-align: center; padding: 0 10px; }
.qodef-l .qodef-m-item:last-child { margin-top: 20px }
.qodef-shortcode { background-image: url(../delete/background-img-1.png); background-position: center center; background-repeat: no-repeat; background-size: cover; background-position: center; background-size: 70%; }
.col_lg_6 ul { padding: 30px 20px; }
.home-heading { background: #f2f2f2; padding: 40px; margin-top: 40px; }
.home-heading .pos_title .title_h { text-align: center; float: inherit; }
.home-heading .pos_title { margin: 0 10px; text-align: center; position: relative; padding: 30px 0 0; }
.col_lg_6 img { width: 100% }
.col_lg_6 { float: left; width: calc(100% /2 - 20px); margin: 0 10px; }
.vechungtoi { margin: 40px 0 0; }
.card-item.left { float: left; padding: 30px 40px; box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.15); max-width: 60%; bottom: 0px; position: absolute; background: #ffcc32; z-index: 99; right: 0; }
.card-item.left p { color: #fff }
.block-ideal { position: relative; background-color: #22232b; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-bottom: 40px; }
.block-ideal img { display: inline-block; position: relative; top: 0; left: 0; margin: 0 !important; width: 40%; }
.home_about { padding: 0 0 40px; text-align: center; position: relative; }
.block-ideal .content-idl { display: inline-block; text-align: left; margin: 0; padding: 50px; }
.col-md-6 h6 { font-size: 18px; margin: 20px 0 5px; font-weight: 400; color: #333; }
.title_home { color: #ffcc32; margin: 0px 0 7px; font-weight: 400; text-transform: uppercase; font-size: 25px; text-align: center; }
.block-ideal .content-idl h3 { font-size: 23px; font-weight: 400; line-height: 25px; margin: 0 0 20px; color: #fff; text-transform: uppercase; }
.content-idl .desc { color: #ffffff; font-size: 18px; font-weight: 500; line-height: 30px; position: relative; padding-left: 33px; }
.content-idl .desc::before { content: '\201C'; margin: 0; display: block; position: absolute; left: 0; top: -11px; font-size: 100px; line-height: 1; color: #fff; font-family: Arial,Helvetica,sans-serif; margin-left: -6%; }
.vechungtoi .col-md-6 { width: calc(100% / 3 - 20px); float: left; margin: 20px 10px; text-align: center; padding: 0 10px; }
.vechungtoi .col-md-6 img { width: auto; height: 90px; background: #e4e4e4; padding: 20px; border-radius: 13%; box-shadow: 2px 2px 5px 0px rgba(189,189,189,1); }
.text-subscribe h3 { color: #e7e7e7; font-weight: 400; letter-spacing: 1px; padding: 20px 0; }
.middle-footer .text-subscribe { float: left; width: 45%; margin: 0; }
.flexbox { display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; }
.policy-item p a { font-weight: bold; }
.policy-item p { font-size: 14px; color: #898989; margin: 0; line-height: 23px; }
.policy-item span { font-size: 16px; color: #1c1c1c; margin: 0 0 3px 0; font-weight: 500; display: inline-block; }
.policy-item .info { text-align: left; padding-left: 57px; }
.policy-item .media { min-height: 34px; margin: 10px 0 10px; float: left; }
.middle-footer .policy-item { text-align: center; }
.middle-footer .col-lg-3 { width: calc(100% / 4 - 20px); float: left; margin: 0 10px; }
.middle-footer .form_km { float: right; width: 55%; text-align: right; margin: 6px 0; }
.middle-footer { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 27px 0 25px; }
.middle-footer .text-subscribe i { background: #ffcc32; width: 70px; text-align: center; color: #fff; border-radius: 50%; box-sizing: border-box; font-size: 34px; display: block; float: left; margin: 0; height: 70px; line-height: 70px; margin-right: 15px; }
.middle-footer .text-subscribe .text h3 { font-size: 18px; color: #fff; text-transform: uppercase; margin-bottom: 0; font-weight: 400; }
.middle-footer .text-subscribe .text p { margin: 0; color: #fff; }
.dt-sc-subscribe-frm a, .dt-sc-subscribe-frm input[type="submit"] { position: relative; height: auto; background: #21409a; color: #ffffff !important; text-transform: uppercase; font-size: 15px; padding: 10px 0px; border: 0; font-weight: 500; font-family: 'Roboto', sans-serif; letter-spacing: 1px; width: 120px; display: inline-block; }
.right_content.right p { padding-bottom: 2px; margin: 0; }
.dt-sc-subscribe-frm a:hover, .dt-sc-subscribe-frm input[type="submit"]:hover { background: #ffcc32; cursor: pointer; }
.dt-sc-subscribe-frm input, .dt-sc-subscribe-frm input[type="email"] { width: calc(100% - 120px); font-size: 15px; color: #4c4c4c; padding: 11px 15px; background: #FFF; font-family: 'Roboto', sans-serif; border: 1px solid #d8ece1; float: left; }
.col-lg-9 { float: right; margin: 15px 0; width: 100%; }
.dt-sc-sociable li { display: flex; float: left; margin-right: 10px; }
.column .dt-sc-sociable li a { width: 36px; height: 36px; border-radius: 50%; font-size: 17px; margin: 0; text-align: center; padding: 0; }
.column .dt-sc-sociable li.facebook a { background: #229bf1; }
.column .dt-sc-sociable li.youtube a { background: #f1230f; }
.column .dt-sc-sociable li.instagram a { background: #f92ecd; }
.column .dt-sc-sociable li.twitter a { background: #1ec6f9; }
.column .dt-sc-sociable li a .fa { line-height: 35px; color: #fff; }
li.text_right p { color: #5d5d5d; font-weight: 300; font-size: 17px; line-height: 28px; margin: 10px 0; }
li.text_right h3 { font-size: 18px; font-weight: 300; border-bottom: 1px solid rgba(235, 235, 235, 0.5); padding-bottom: 10px; margin-bottom: 10px; }
li.text_right h3 a { color: #fff }
li.text_right h3 a:hover { color: #134a56 }
.read_more { clear: both; margin: auto; text-align: center; margin-top: 20px; }
.read_more a i:before { transition: 0.5s; }
.read_more a { color: #ffffff; font-size: 16px; font-weight: 500; text-transform: uppercase; margin-top: 3px; border-radius: 50px; padding: 5px 30px; display: inline-table; transition: 0.5s; border: 1px solid #ffcc32; background: #ffcc32; }
.read_more a:hover { background: #009edb }
.item-product>h4:before { content: ""; width: 150px; height: 2px; background: #134a56; position: absolute; top: 9px; left: 0; right: 0; text-align: center; margin: 0 auto; }
.tintuc_home .one_new_home_right li { width: 40% }
.tintuc_home .one_new_home_right li.text_right { width: 53% }
.tintuc_home ul li img { transition: 0.5s; }
.tintuc_home ul li:hover img { transform: scale(1.1); transition: 0.5s; }
.tintuc_home ul li { float: left; width: calc(100% / 2 - 20px); margin: 0px 10px; list-style: none; }
.tintuc_home ul { float: left; width: calc(100% / 1 - 20px); margin: 15px 10px 0; }
.dv-home-tintuc { padding: 0px 0 55px; }
.dv-home-tintuc.dv-home-duan { background: #f1f1f1 url(../delete/tri-left-1.png) no-repeat left 36px; }
.box_pro_sile .pro_home_id_1 { padding: 50px 0; }
.pro_home_id.pro_home_id_1 ul img { width: 70%; transition: all 0.5s }
.pro_home_id.pro_home_id_1 ul { float: left; width: calc(100% / 4 - 20px); margin: 30px 10px 0; }
.item-product.pro_home_id ul h4:before { left: 0; margin: 0; top: 18%; }
.item-product.pro_home_id ul img { width: 100%; transition: all 0.5s }
.item-product.pro_home_id ul li { list-style: none; width: 30%; float: left; display: inline-block; margin-right: 15px; }
.toast_3n7b { position: fixed; left: 0; right: 0; z-index: 9; top: 50%; transform: translateY(-50%); background: rgb(229 21 21); width: 300px; }
.a_cart:hover, .close_16xd:hover { cursor: pointer; }
.toast_3n7b .content_1fHI { display: flex; align-items: center; justify-content: space-between; padding: 0 0.2rem; }
.toast_3n7b p { background: none; color: #fff; text-align: left; font-size: 16px; margin: 0; float: left; padding: 6px 20px 8px !important; color: #fff !important; }
.item-product.pro_home_id ul { border: none; border-bottom: 1px solid #a2a2a2; margin: 0; text-align: left; padding: 12px 0; width: calc(100% / 1 - 20px); }
.item-product.pro_home_id ul:last-child { border-bottom: none }
.item-product.pro_home_id .pos_title { padding-bottom: 10px; background: none; }
.item-product.pro_home_id .pos_title h4 { color: #ffffff; font-size: 20px; font-weight: 400; text-transform: uppercase; margin-top: 3px; background: #ffcc32; border-radius: 50px; padding: 9px 26px 7px; letter-spacing: 1px; display: inline-table; }
.item-product>p { color: #fff }
.item-product>h3 { font-size: 25px; color: #fff; font-weight: 100; line-height: 35px; padding: 30px 10px 0; text-transform: uppercase; }
.item-product>h4 span { color: #c1c1c1; font-weight: normal; font-size: 15px; padding-left: 5px; text-decoration: line-through; }
.item-product>h4 { position: relative; color: #134a56; font-weight: normal; font-size: 20px; padding: 23px 10px 10px; 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; }
.item-product>h3 a { color: #fff }
.item-product>h3 span { display: block; font-size: 16px; color: #f1f1f1; font-weight: 100; text-transform: capitalize; }
.item-product img { width: 41%; }
.item-product { float: left; width: calc(100% / 3 - 20px); margin: 0 10px; text-align: center; }
.title-top { font-size: 33px; color: #ffcc32; font-style: italic; }
.tintuc_home .one_new_home li.text_right h3 { margin: 13px 0 0; padding-bottom: 0; }
.pos_title { margin: 0 10px }
.home_history .pos_title .title_h { margin-top: -24px; float: initial; }
.pos_title .title_h { margin-top: 0; text-align: left; z-index: 2; color: #134a56; font-size: 37px; line-height: 40px; font-weight: 700; letter-spacing: 1px; font-family: 'Playfair Display', serif; font-style: italic; position: relative; margin-bottom: 30px; float: left; }
.is-countdown .countdown-section .countdown-amount { color: #fff; font-size: 28px; font-weight: 700; line-height: 76px; position: relative; }
.is-countdown .countdown-section .countdown-period { display: none; }
.is-countdown { display: inline-block; width: 100%; margin-top: 50px; }
.is-countdown .countdown-section { width: 76px; height: 76px; display: inline-block; color: #fff; text-align: center; border-radius: 100%; margin: 0 10px 0 0; }
.is-countdown .countdown-section:last-child { margin: 0; }
.discount-tag { top: -5px; right: 0px; position: absolute; background: #ff0000; width: auto; padding: 5px 10px; 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; max-width: 45px; }
.discount-tag:before { position: absolute; content: ""; width: 0; height: 0; border-bottom: 5px solid #ff0000; border-left: 8px solid transparent; top: 0px; right: 45px; }
.discount-tag:after { position: absolute; content: ""; width: 0; height: 0; border-left: 23px solid transparent; border-right: 22px solid transparent; border-top: 6px solid #ff0000; top: 30px; right: 0px; }
.pro_home_id ul:hover li img { transform: scale(1.1); transition: 0.5s; }
.pro_home_id ul:hover .block-inner { opacity: 1; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; }
.block-inner a { font-size: 18px; color: #ffcc32; display: inline-block; padding: 7px 0; background: #fff; border-radius: 50%; width: 40px; height: 40px; margin: 3px; text-align: center; }
.block-inner i:before { line-height: 28px; }
.block-inner a:hover { color: #134a56 }
.block-inner { position: absolute; top: 0; background: transparent; padding: 10px 0; opacity: 0; width: 100%; margin-top: 100%; }
.product-flag { position: absolute; top: 10px; left: 10px; background: #ffcc32; color: #fff; padding: 0 15px; border-radius: 70px; font-size: 13px; z-index: 1; width: 60px; }
.pro_home_id ul li { list-style: none; overflow: hidden; position: relative; }
.pro_home_id ul h4 span.gia_km { color: #909090; font-weight: normal; font-size: 15px; padding-left: 5px; text-transform: capitalize; }
.dv-hethang { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; background: #00000080; z-index: 1; display: flex; align-items: center; border-radius: 100%; color: #fff; font-size: 14px; margin-left: -40px; margin-top: -40px; }
.w3-container>h2 { color: #fff; font-weight: 100; font-size: 18px; padding: 30px 30px 0; text-align: center; }
.pro_home_id ul h4 { position: relative; color: #ff0000; font-weight: 500; font-size: 16px; 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; display: inline-table; margin-top: 2px; height: 31px; }
.tintuc_home ul .read_more { clear: both; margin: auto; text-align: center; margin-top: 10px; float: left; }
#pro_tabs .owl-carousel .owl-item img { width: 85%; transition: all 0.5s }
.pro_home_id ul h3 span { display: block; font-size: 14px; color: #c1c1c1; font-weight: 100; }
.pro_home_id ul h3 { font-size: 16px; color: #fff; font-weight: 400; display: -webkit-box; overflow: hidden; line-height: 1.5; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.pro_home_id { margin: 0 -10px; }
.pro_home_id ul h3 a { color: #000 }
.pro_home_id ul h3 a:hover,.item-product>h3 a:hover { color: #ffcc32 }
.pro_home_id ul { float: left; width: calc(100% / 5 - 20px); margin: 20px 10px 0; -webkit-transition: all .3s ease; position: relative; text-align: left; border: 2px solid #ebebeb; background: #fff; border-radius: 5px; padding: 10px; }
.icon_sp1 li a:hover { color: #ffcc32; }
.icon_sp1 li a { color: #ccc }
.icon_sp1 li { line-height: 24px; font-size: 18px; }
.icon_sp1 { position: absolute; top: 10px; right: 10px; z-index: 2 }
.icon_sp { clear: both; text-align: center; margin: auto; margin-top: 10px; }
.tbay-tooltip:hover,.add-cart a:hover { background: #ff0000; color: #fff }
.tbay-tooltip { background-color: #ffcc32; border-radius: 5px; width: auto; height: 34px; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; color: #444; position: relative; text-align: center; margin-left: 0; float: left; font-size: 13px; font-weight: normal; display: block; line-height: 34px; white-space: nowrap; padding: 0 9px; }
.tbay-tooltip i { line-height: 32px; }
.add-cart { float: left; }
.add-cart a i { margin-right: 5px; font-size: 11px; }
.add-cart a { padding: 0px 9px; font-size: 13px; letter-spacing: 0; margin-right: 5px; margin-left: 0; text-transform: capitalize; color: #ffffff; background: #21409a; border-radius: 5px; display: block; height: 34px; line-height: 34px; float: left; transition: all .3s; font-weight: normal; }
.pro_home_id ul h4 span.gia_km { color: #c1c1c1; font-weight: normal; font-size: 14px; padding-left: 13px; text-decoration: line-through; }
.dv_box_pro.dv_box_pro_detail .pro_home_id ul { margin: 20px 10px 0px; }
.dv_box_pro .pro_home_id ul { margin: 30px 10px 0px; }
.dv-home-qc { position: relative; padding-top: 10px; }
.dv-home-qc img { width: 100% }
.pro_home_id ul img { width: 100%; transition: 0.5s; }
.pro_home_id#pro_slide ul { width: calc(100% / 1); margin: 20px 0px 0px; }
.pro_home_id#pro_slide { margin: 0; }
.pro_home_id ul:hover { border-color: #fff; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.1); text-shadow: 0px 5px 18px rgba(0, 0, 0, 0.1); border-color: #ffcc32; }
#pro_tabs .w3-bar { margin: auto; text-align: center; font-size: 24px; text-transform: uppercase; }
.aboutus-content h3 span { display: block; font-weight: 400; text-transform: uppercase; font-size: 30px; }
.aboutus-content h4.name { color: #fff; text-transform: uppercase; letter-spacing: 1px; margin: 20px 0; font-size: 18px; font-weight: 400; }
.aboutus-content p { color: #fff; font-size: 16px; font-family: 'Playfair Display', serif; }
.aboutus-content h3 { color: #fff; margin-bottom: 30px }
#home-aboutus .aboutus-content { width: 55%; float: right; text-align: left; }
.aboutus-img img { width: 68% }
#home-aboutus .aboutus-img { width: 40%; float: left; text-align: right; background: url(../delete/background-img-1.png) right center; background-repeat: no-repeat; background-size: 100%; }
#history_tabs .listtabs { overflow: hidden; text-align: left; border-bottom: 0; background: #ffe399; margin-bottom: 15px; }
#history_tabs { width: 50%; float: right; text-align: left; max-width: 100%; margin-bottom: 0; }
#home-aboutus .aboutus-head { text-align: center; position: relative; }
#home-aboutus .aboutus-head h2 { position: relative; z-index: 1; margin: 0; font-size: 120px; opacity: 0.15; text-transform: uppercase; line-height: 120px; }
#home-aboutus .aboutus-head h3 { text-align: center; z-index: 2; color: #134a56; font-size: 37px; line-height: 55px; font-weight: 700; letter-spacing: 1px; font-family: 'Playfair Display', serif; font-style: italic; position: relative; margin-bottom: 40px; }
.aboutus-head p { font-size: 15px; font-weight: 400; width: 800px }
#home-aboutus .aboutus-head h3:after { position: absolute; content: ''; left: 0; bottom: -20px; width: 100px; height: 3px; background-color: #134a56; right: 0; text-align: center; margin: auto; }
#home-aboutus .aboutus-head h3 span { display: block; font-weight: 400; text-transform: uppercase; color: #ffcc32; }
.box_pro_sile.dv_box_pro .tiltle { float: inherit; }
.tiltle_f-style { border-bottom: 1px solid #e6e6e6; }
.box_pro_sile.dv_box_pro { background: #fff; padding: 0 0 ; }
.box_pro_sile .tiltle { color: #21409a; float: left; position: relative; border-left: 7px solid #21409a; border-bottom: 2px solid #21409a; padding-left: 15px; display: inline-block; }
.box_pro_sile .tiltle:before { content: ""; border: 7px solid #0247ae; border-color: transparent transparent transparent #0247ae; position: absolute; transform: translateY(-50%); top: 50%; left: 0px; }
.dv-home-tintuc .tiltle:before { content: ""; border: 7px solid #0247ae; border-color: transparent transparent transparent #0247ae; position: absolute; transform: translateY(-50%); top: 50%; left: 0px; }
.box_pro_sile .title_h:after,.tintuc_home .title_h:after { position: absolute; content: ''; left: 0; bottom: -20px; width: 100px; height: 3px; background-color: #134a56; }
.box_pro_sile { padding: 30px 0; }
#home-aboutus { color: #888888; padding: 40px 0px; margin: auto; text-align: center; }
.menu > li > ul ul.menu_child { background: #e1e1e1; width: 400px; }
.menu li ul li ul.menu_child li { float: left; width: 50%; }
.menu > li > ul li ul.menu_child li:first-child { padding-top: 0 }
.pagewrap.pagewrap_ad { padding-bottom: 10px }
.album-zoom-gallery { margin: 0 -10px }
div#lightgallery > div { width: calc(100% / 5 - 20px); margin: 10px; float: left; overflow: hidden; }
.home_about img { width: 100% }
.logo_top img { margin: 10px 0; }
.page_conten_page .left_contact >h3, .page_conten_page .right_contact >h3 { text-align: left; margin-bottom: 15px; padding-bottom: 8px; position: relative; border-bottom: 1px dotted #ccc; font-size: 25px; line-height: 40px; font-weight: 500; color: #21409a; text-transform: uppercase; }
.left_contact { float: left; width: 48%; }
.right_contact { float: right; width: 48%; }
.page_conten_page { padding: 40px 0 }
.link_page { z-index: 1; position: relative; }
.link_page .pagewrap { padding: 10px; background: #ededed; }
.contact-maps { float: right; width: 100%; margin-bottom: 30px; }
.contact-maps li { display: initial; }
.list_item_1 .item .img { float: left; width: 40% }
.list_item_1 .item #content>a { width: 56%; float: right; }
.l-title { border-bottom: 2px solid #ffcc32; margin-bottom: 10px; }
.list_item.list_item_1 .item #content>a::before { display: none; }
.list_item .item #content>a::before { position: absolute; content: ""; background: #ed1c22; width: 6px; height: 6px; left: -15px; top: 15px; z-index: 5; }
.list_item .item a { display: block; padding: 5px 0px 5px 0px; color: #464646; font-size: 14px; font-weight: normal; line-height: 23px; position: relative; }
.list_item .item a:hover { color: #ffcc32 }
.list_item .item { padding-left: 15px; }
.list_item .item .img img:hover { transform: scale(1.2); opacity: 1; -webkit-filter: grayscale(0); transition: 0.5s }
.list_item .item .img>a { overflow: hidden; }
.list_item .item .img img { transition: 0.5s }
.list_item .item:nth-child(2) { padding-left: 0; border-bottom: 1px dotted #bbb; }
.list_item .item:nth-child(2) #content>a::before { display: none }
.list_item.list_item_1 .item:nth-child(2) { padding-top: 0 }
.list_item.list_item_1 .item { border-bottom: 1px dotted #bbb; padding-left: 0; padding: 10px 0 }
.list_item.list_item_1 .item:last-child { border-bottom: none; }
.l-title a { background: #ffcc32; color: #fff; font-size: 15px; text-transform: uppercase; display: inline-block; padding: 4px 17px 2px; font-family: 'tahoma', sans-serif; }
.tintuc_box_home_1 { margin: 0 -10px; margin-bottom: 20px }
.tintuc_box_home_1 .list_item { width: calc(100% / 3 - 20px); float: left; vertical-align: top; margin: 0 10px 10px; }
.pull-left p { font-size: 14px; color: #464646; }
.focus .pagewrap { padding: 6px 20px; box-shadow: 0px 2px 5px -2px rgba(99,99,99,1); background: linear-gradient(to bottom,rgba(255,255,255,100%) 0%,#e1e1e1 100%); }
.pagewrap.top_banner_f { padding: 15px 0 30px; }
.banner_right { width: 23%; float: right; }
.banner_right li a { background: #d4d5d6; border-bottom: 2px solid #c5c5c5; padding: 7.7px 15px; display: block; }
.banner_right li a:hover { background: #ffcc32; color: #fff }
.banner_right li { display: block; }
.banner_right li a { font-family: 'tahoma', sans-serif; color: #464646; text-transform: uppercase; }
.banner_left { width: 100%; margin-bottom: 30px }
.tintuc_box_home_1.tintuc_box_home_2 { margin-bottom: 0 }
.card-item h2 { color: #ffcc32; margin: 10px 0 7px; font-weight: 400; text-transform: uppercase; font-size: 23px; }
.about-wrapper .card-item { float: left; padding: 20px 50px 30px; margin: -70px 30px 30px; box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.15); max-width: 550px; margin-top: -200px; position: relative; background: #fff; z-index: 1; margin-left: 70px; }
.about-wrapper .card-item.right { margin-right: 70px; float: right; }
.content_feature span { color: #666 }
.content_feature p { color: #ffcc32; font-size: 25px; letter-spacing: 1px }
.img_feature img { border-radius: 50%; margin-bottom: 15px; width: 93% }
.section_doingu .col-lg-12 { width: calc(100% / 4 - 20px); float: left; margin: 20px 10px 0; text-align: center; }
p.block.a-center { text-align: center; width: 750px; color: #666; }
.section_doingu { padding: 55px 0 }
.title_module_main .title_main { text-transform: uppercase; font-size: 30px; line-height: 45px; font-weight: 700; color: #f5111a; margin-bottom: 50px; font-family: 'Oswald', sans-serif; position: relative; letter-spacing: 1px; text-align: center; }
.title_module_main .title_main span { color: #000000; display: block; font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif; font-weight: 400; }
.title_module_main .title_main:before { content: ""; position: absolute; left: 0; right: 0; bottom: -39px; height: 38px; background: url(../images/home_about_img_2.webp); z-index: 2; width: 109px; margin: 0 auto; }
.tt-vct-right>p>a { background: #253d4a; color: #fff; padding: 10px 25px; text-transform: capitalize; }
.tt-vct-right>p { text-align: center; margin-top: 25px; }
.tt-vct-right>p>a:hover { background: #71b100; transition: 1s; }
.wl-home-full h2 { font-family: 'Oswald', sans-serif; font-size: 30px; line-height: 45px; letter-spacing: 1px }
.wl-home-full { background: #f2f2f2; padding: 55px 0 }
.vct-left { width: 65%; float: left; margin-top: 2%; }
.tt-vct-right { width: 32%; float: right; margin-top: -70px; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.wl-home .wl-home-img { width: calc(100% /3 - 50px); float: left; text-align: center; position: relative; padding: 10px; background: #f5f5f5; border-radius: 50%; overflow: hidden; margin: 0 10px; }
.wl-home .wl-home-img:before { content: ''; position: absolute; left: -52%; top: 0px; width: 51%; height: 100%; background: #ffcc32; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; }
.wl-home .wl-home-img img { width: 100%; position: relative; display: block; border-radius: 50%; height: auto; z-index: 1; }
.wl-home .wl-home-img:after { content: ''; position: absolute; right: -50%; top: 0px; width: 50%; height: 100%; background: #ffcc32; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; }
.wl-home .wl-home-img:hover:before { left: 0px; }
.wl-home .wl-home-img:hover:after { right: 0px; }
.wl-home>p { color: #42495b; text-align: left; margin: 1% 0; font-size: 20px; font-weight: 300; width: 750px; }
.tt-vct-right .col-md-6 { width: 50%; float: left; margin: 0; text-align: center; padding: 0; border: 1px solid #ececec; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.default-info-box .inner-box { position: relative; display: block; padding: 20px 10px; background: none; text-align: center; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }
.default-info-box .inner-box .icon-box { position: relative; top: 0px; font-size: 30px; line-height: 30px; color: #71b100; margin-bottom: 10px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }
.btn-box { position: relative; border: 3px solid #fff000; padding: 7px 30px; color: #fff000; display: inline-block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
.btn-box:before, .btn-box:after { position: absolute; content: ""; width: 15px; height: 15px; border: 3px solid #fff000; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
.btn-box:after { right: -10px; top: -10px; border-bottom: none; border-left: none; }
.btn-box:before { left: -10px; bottom: -10px; border-top: none; border-right: none; }
.btn-box a.theme-btn { color: #fff; text-transform: uppercase; }
.btn-box:hover { background: #f5111a; color: #fff; }
.btn-box:hover:before, .btn-box:hover:after { width: 100%; height: 0; }
.btn-box:hover:before { left: 0; }
.btn-box:hover:after { right: 0; }
.section_task .btn-box { position: relative; margin-top: 10px; }
.section_task .col-md-8 { margin: 0 2%; text-align: center; }
.col-md-8 .text { color: #fff; margin: 10px 0; line-height: 33px; }
.section_task .col-md-4 { width: 50%; float: left; }
.section_task .content-column .title { position: relative; color: #f3f4f7; font-size: 13px; font-weight: 600; margin-bottom: 8px; text-transform: uppercase; }
.btn-box a.theme-btn { color: #fff; text-transform: uppercase; }
.section_task .content-column h2 { position: relative; color: #ffffff; font-size: 48px; font-weight: 600; margin-bottom: 45px; margin-top: 0; line-height: 60px; }
.inner-box .text { color: #fff; font-size: 14px; }
.section_task .inner-box h3 a { color: #fff; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }
.content-column .inner-box h3:before { position: absolute; content: ''; left: -50px; top: 12px; width: 35px; height: 1px; background-color: #fff; }
.content-column .feature-block-two { margin-left: 60px; position: relative; margin-bottom: 30px; }
.section_task .image img { position: relative; width: 100%; display: block; }
.section_task { position: relative; padding: 35px 0px 35px; background-color: #ff784e; }
.section_task:before { position: absolute; content: ''; left: 0px; top: 0px; width: 40%; height: 100%; display: block; background-color: #ffffff; display: none; }
.dv-header-top .pagewrap ul h3 { float: left; background: url(../images/add_id.png) center left no-repeat; padding-left: 50px; font-size: 16px; font-weight: normal; line-height: 25px; color: #666; }
.service-content .service-text { padding: 10px 20px; }
.service-content .service-name { width: calc(100% + 28px); background: #e0e0e0; margin-left: -14px; border-top-left-radius: 5px; border-top-right-radius: 5px; position: relative; }
.service-content .service-name:before { content: ''; width: 0; height: 0; position: absolute; bottom: -14px; left: 0; border-left: 14px solid transparent; border-top: 14px solid #d2d2d2; border-left-width: 14px; border-top-width: 14px; }
.service-content .service-name:after { content: ''; width: 0; height: 0; position: absolute; bottom: -14px; right: -1px; border-right: 14px solid transparent; border-top: 14px solid #d2d2d2; border-right-width: 14px; border-top-width: 14px; }
.service-content { width: 100%; background: #ffffff; position: relative; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding-top: 95px; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-top: -80px; padding-bottom: 15px; }
.abouts_home ul .description p { letter-spacing: 2px }
.counter_text { width: 33.333% }
.count:after { content: "+"; color: #f5111a; padding-left: 7px; }
.counter_text .count { color: #f5111a; font-weight: 600; font-size: 40px; letter-spacing: 2px; margin-bottom: 10px; position: relative; }
.menu_style { display: flex; align-items: center; justify-content: space-between; margin: 10px 0 }
.pagewrap { position: relative; width: 1200px; margin: 0 auto; }
.padding_pagewrap { padding: 0 10px; }
.showText p>span.mota_image { text-align: center; margin: auto; display: block; color: #a9a9a9; font-style: italic; padding-top: 7px; }
.showText p, .abouts_home ul p { padding-bottom: 7px; }
.showText figcaption { text-align: center; }
.showText img { margin: 0 auto; height: auto; max-width: 100%; }
.showText ul { padding-bottom: 15px; }
.showText ul li { margin-left: 18px; }
.left_top { width: 32%; float: left; }
.dv-header-top p { float: left; text-align: left; margin: 0; color: #fff; text-transform: uppercase; }
.dv-header-top p i { padding-right: 5px; }
.dv-header-top { padding: 6px 0 5px; background: #21409a; position: relative; }
.dv-header-top ul { float: left; width: 100%; }
.dv-header-top ul.menu { margin-right: 20px; }
.dv-header-top ul#menu-thong-tin { float: right; text-align: right; }
.dv-header-top ul li { list-style: none; float: left; text-align: left; font-size: 16px; color: #666; line-height: 29px; font-weight: 400; position: relative; width: 100%; }
.dv-header-top ul li a { color: #fff000; 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; font-weight: 600; }
.dv-header-top ul li a:hover { color: #21409a !important; }
.dv-header-top .menu > li > a:hover { color: #fff000 !important }
.dv-header-top ul li+li { border-left: 1px solid rgba(255,255,255,0.3); margin-left: 0; padding-left: 0; }
.dv-header-top ul li i { padding-right: 5px; }
.dv-header-top ul li span { color: #fff; font-size: 13px; }
a.widget-button i:before { padding-right: 7px }
a.widget-button { color: #fff; margin: 0 10px }
.dv-header-top ul li img { height: 26px; width: auto; border: solid #ffffff 2px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; }
.dv-header-top ul li img:hover { border: solid #ffcc32 3px; }
.dv-header-top ul.right_top { float: right; margin-top: 13px; }
.box_menu .logo_top a { padding: 0 }
.logo_top { float: left; }
.dv-header.fixed { box-shadow: -1px 0px 5px 0px rgba(163,163,163,1); top: 0; transition: all .5s; background: #fff; padding: 5px 0; position: fixed; z-index: 9999; }
.dv-header { background: transparent; width: 100%; transition: all .5s; position: relative; top: 0; left: 0; z-index: 10; padding: 8px 0; }
.logo_top ul li { float: left; line-height: 0; list-style: none; }
.logo_top ul li img { height: 90px; width: auto; }
.menu_header { background: transparent; width: 100%; position: relative; transition: all ease .4s; -webkit-transition: all ease .4s; }
.menu_header .pagewrap { background: #ffcc32; padding: 0 }
.logo_top ul h3 { text-transform: uppercase; font-size: 28px; line-height: 35px; font-weight: 400; color: #ed1c23; font-family: 'tahomabd', sans-serif; float: left; padding-left: 20px; letter-spacing: 1px; margin: 10px 0; text-align: center; }
.logo_top ul h3 span { display: block; text-transform: initial; font-size: 16px; }
.riht_header { float: right; margin-top: 20px; }
.riht_header ul h3 { float: left; background: url(../images/add_id.png) center left no-repeat; padding-left: 50px; font-size: 16px; font-weight: normal; line-height: 25px; color: #666; }
.riht_header ul h3 a { color: #666; }
.riht_header ul h2 { float: left; font-size: 23px; font-weight: normal; line-height: 25px; background: url(../images/icon_hotline.png) center left no-repeat; padding-left: 60px; color: #ffcc32; margin-right: 0; }
.riht_header ul h2 a { color: #f5111a; }
.riht_header ul h2 a:hover { color: #ffcc32; }
.riht_header ul h2 span { font-size: 17px; display: block; font-weight: normal; line-height: 25px; color: #666; }
.riht_header ul li { float: left; list-style: none; margin-top: 0; }
.riht_header ul li a { display: block; padding: 10px 30px; border: solid #ccc 1px; font-size: 16px; color: #666; text-transform: uppercase; line-height: 30px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.riht_header ul li a:hover { border: solid #ffcc32 1px; color: #fff; background: #ffcc32; }
.box_menu .pagewrap { width: 100% }
.box_menu.fixed .pagewrap { width: 1200px }
.box_menu.fixed .logo_top img { height: 40px; }
.menu_header.fixed { top: 0; position: fixed; z-index: 99999; background: #ffcc32; width: 100%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.18); padding: 0; margin: 0; float: none; left: 0; transition: all 1s; }
.box_menu:after, .box_menu:before { content: ""; position: inherit; top: 0px; left: 0; right: 0; }
.box_menu.fixed:after, .box_menu.fixed:before { position: absolute; }
.box_menu:before { top: auto; bottom: 0px; }
.menu { padding: 0; text-align: center; float: left; }
.menu * { list-style: none; }
.menu > li + li { position: relative; }
.menu > li + li:after { border-left: #2B579A; content: ""; position: absolute; left: 0; height: 45px; bottom: 0; }
.ExContent .button { float: right; text-transform: uppercase; font-size: 15px; padding: 0 35px; margin-left: 10px; margin-top: 10px; color: #FFF; background: #ffcc32; 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; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.15); width: auto; border: none; height: 40px; line-height: 37px; }
.List .Title_1 { background: #d4d5d6; padding: 7px 20px; text-transform: uppercase; font-size: 18px; }
.ExContent .button:hover { color: #FFF; background: #f5111a; }
.ExContent td span { padding: 0 7px; }
.ExContent table,.ExContent tr,.ExContent td { border: none; }
td.auto-style1 { border: none; }
.ExContent input#purchaseDate { width: 45.7%; }
.ExContent input,.ExContent select { width: 100%; height: 35px; padding: 5px 15px; font-size: 15px; line-height: 30px; color: #464646; 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; font-family: 'Roboto', sans-serif; }
ul.flag-language { margin-top: 0; float: right; margin-left: 20px; }
.right_top { position: relative; margin-top: 0; }
.evo-header-hotline-cart .hotline { position: relative; display: inline-block; margin: 2px 19px; }
.evo-header-hotline-cart .hotline a { display: inline-block; color: #000; line-height: 23px; text-transform: uppercase; text-align: center; }
.evo-header-hotline-cart .hotline a:hover span.evo-hotline { color: #ffcc32 }
.evo-header-hotline-cart .hotline a span { display: block; font-weight: 400; font-size: 14px; }
.evo-header-hotline-cart .hotline a span.evo-hotline { font-weight: bold; font-size: 16px; color: #ff0000; letter-spacing: 1px; }
.right_top img { width: 100%; float: right; }
.menu > li > a i.fa-home { margin: 0; padding: 0; padding-right: 5px; font-size: 18px }
.menu > li { float: left; position: relative; }
.flag-language li { list-style: none; float: left; margin: 0 3px; width: 25px; height: 25px; }
.flag-language li img { width: 100% }
.menu > li:last-child { border-right: none }
.menu > li > a { display: block; line-height: 1.5; position: relative; z-index: 2; font-size: 17px; text-decoration: none; color: #000; font-weight: 400 !important; padding: 27px 16px; text-transform: uppercase; }
.menu > li > a i { display: inline-block; vertical-align: middle; margin: -2px 0 0 1px; color: inherit; font-size: 11px; padding-left: 5px; }
.menu > li:hover > a:after { left: 0; right: 0; opacity: 1; }
.menu > li:hover > ul, .menu li:hover > ul { opacity: 1; visibility: visible; transform: none; -webkit-transform: none; -moz-transform: none; }
.menu_header.fixed .menu > li.active:before { display: none; }
.menu > li.active > a:after { left: 0; right: 0; opacity: 1; }
.menu > li > ul, .menu > li > ul ul { position: absolute; top: 95%; left: 16px; opacity: 0; visibility: hidden; min-width: 200px; z-index: 3; margin: 0; padding: 0; display: block; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transform-origin: center top 0px; -moz-transform-origin: center top 0px; -webkit-transform-origin: center top 0px; transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -moz-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); border-top: 3px solid rgb(255 204 50 / 0%) }
.menu > li > ul:before { content: ""; border: solid 7px transparent; border-bottom-color: #21409a; width: 0; height: 0; position: absolute; top: -12px; left: 17px; z-index: 2; }
.menu > li > ul:after { content: ""; position: absolute; top: 12px; left: 3px; right: -3px; bottom: -3px; z-index: 0; background: rgba(0, 0, 0, 0.05); }
.menu > li > ul > li, .menu > li > ul > li li { width: 100%; z-index: 2; position: relative; margin: 0; color: #fff; font-weight: 500; font-size: 14px; padding: 0 15px; background: #21409a; }
.menu > li > ul > li:first-child, .menu > li > ul li li:first-child { padding-top: 10px; border-radius: 5px 5px 0 0; }
.menu > li > ul > li:last-child, .menu > li > ul > li li:last-child { padding-bottom: 10px; border-radius: 0 0 5px 5px; }
.menu > li > ul > li:last-child > a, .menu > li > ul > li li:last-child > a { border: none; }
.menu > li > ul > li > a, .menu > li > ul > li li a { display: block; white-space: nowrap; color: inherit; line-height: 1.5; font-size: inherit; background: rgba(255, 255, 255, 0); border-bottom: dotted 1px rgba(255, 255, 255, 0.2); padding: 8px 5px 8px 0; text-decoration: none !important; text-transform: capitalize; text-align: left; font-size: 14px; color: #ffffff !important; font-weight: 400; }
.menu > li > ul > li > a > span, .menu > li > ul > li li > a > span { float: right; line-height: 40px; padding-top: 13px; }
.menu > li > ul > li:hover, .menu > li li ul > li:hover { z-index: 3; }
.dv-notfull { margin: 0 10px; }
.menu > li > ul > li:hover > a, .menu > li li ul > li:hover > a { padding: 8px 10px 8px 10px; background: #ffffff00; color: #ffcc32 !important; }
.menu > li > a i { display: inline-block; vertical-align: middle; margin: -2px 0 0 2px; color: inherit; font-size: 11px; }
.menu > li > ul > li > a, .menu > li > li ul > li > a { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.menu > li > a, .menu > li > a:after, .menu > li > ul > li > a, .menu > li li > ul > li > a { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; }
.menu li.homepage a i { font-size: 25px; margin: 0; padding: 0; padding-top: 10px; }
.menu li.homepage a { padding: 0 10px; }
.menu li.homepage a:hover { color: #ff0; background: none; }
.menu > li > ul ul { left: 100%; top: 0; }
.tin_right .input_search { display: block; }
.tin_right .timkiem_top { float: initial; width: 100%; padding: 20px; margin-bottom: 20px; background: #ffcc32; }
.dv-header-top ul li a b { font-size: 20px; position: absolute; top: 4px; left: -27px; color: #ffcc32; }
.input_search { padding: 0px 0 0 15px; height: 38px; float: left; background: transparent; color: #666; border: none; font-size: 15px; line-height: 28px; font-weight: 400; }
.right_header .fa-shopping-cart:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.input_search:focus { color: #252525; }
.right_header { float: left; margin: 31px 0; }
.giohang_top { float: right; position: relative; text-align: left; margin: 0; }
.giohang_top i { font-size: 26px; color: #252525; }
.giohang_top h3 { font-size: 14px; color: #000; font-weight: normal; text-transform: capitalize; line-height: 22px; }
.right_header .login { float: right; color: #fff; border: 1px solid #707282; padding: 0 10px; margin-left: 23px; border-radius: 3px; }
.login a { color: #252525 }
.giohang_top h3 span { font-size: 13px; color: #fff; background: #ff0000; height: 17px; width: 20px; padding: 4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50px; position: absolute; top: -7px; right: -8px; 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; text-align: center; line-height: 10px; }
.tin_right .search a { width: 50px; text-indent: -10000px; background: #d8ece1 url(../images/search.png) no-repeat center 11px; float: right; border-left: 0px; height: 40px; background-size: 32%; }
.search a { width: 12%; text-indent: -10000px; background: #ffcc32 url(../images/search.png) no-repeat center 11px; float: right; border-left: 0px; height: 38px; background-size: 36%; border-radius: 0 3px 3px 0; }
.search a:hover { background-color: #f4c229; }
.w3-container .w3-bar { background: #d4d5d6; box-shadow: 0px 4px 3px -2px rgba(148,148,148,1); margin-bottom: 3px }
.w3-container .w3-bar .w3-red { background: #ffcc32; padding: 10px 20px; position: relative; color: #fff }
.w3-bar .w3-button:after { content: ""; width: 11px; height: 11px; background: url(../images/bkg-title.png) no-repeat 50% 50%; position: absolute; left: 0; top: 19px; }
.w3-bar .w3-button { padding: 10px 20px; position: relative; color: #ffffff; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; border-bottom: 2px solid #616161; margin: 0 4px; font-size: 23px; }
.w3-bar .w3-button.w3-red { border-bottom: 2px solid #ffcc32; color: #ffcc32 }
.w3-bar .w3-button.w3-red:after { background: url(../images/bkg-title-1.png) no-repeat 50% 50%; }
.w3-bar .w3-button:hover { color: #ffcc32; border-bottom: 2px solid #ffcc32; }
.w3-bar .w3-button:hover:after { background: url(../images/bkg-title-1.png) no-repeat 50% 50%; }
.w3-container .w3-bar .w3-red:before { content: ''; position: absolute; right: -12px; top: 0; width: 30px; height: 100%; background: #ffcc32; -ms-transform: skewX(10deg); transform: skewX(30deg); display: none; }
.bannerInside { width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; height: calc(100vh - 205px); }
.slogan .read_more { margin-top: 0 }
.slogan { position: absolute; top: 0; right: 0; width: 50%; padding: 60px; }
.slogan h2 { text-transform: capitalize; font-weight: 400; font-size: 30px; text-align: center; margin: 0; color: #4c4c4c; }
.slogan>a:hover i { padding-left: 5px; transition: all 0.5s }
.slogan>a i { transition: all 0.5s }
.slogan h4 { font-size: 46px; font-weight: 700; width: 100%; text-align: center; line-height: 56px; color: #009edb; padding: 22px 0 23px; margin: 0; letter-spacing: 1px; }
.bannerMain .slogan { position: absolute; color: #fff; text-align: center; z-index: 9; top: 40%; transform: translateY(-50%); width: 1170px; right: 0; left: 0; }
.left_banner { float: left; width: 23%; }
.news-list a { color: #333; }
.news-list a:hover { color: #ffcc32 }
.right-news .news-list li { margin-bottom: 4px; padding-bottom: 5px; border-bottom: 1px solid #eee; list-style: none; }
.news-list li:last-child { margin-bottom: 0; border-bottom: none; }
.text-primary { color: #ee3e80!important; float: right; }
.card-summary p { line-height: 22px; font-size: 14px; display: none; }
.card-summary { padding: 10px 15px 0; }
.right-news .news-list h5 { font-size: 15px; overflow: hidden; line-height: 1.4; font-weight: normal; }
.news-list .card-image.mb-2 a { display: block; line-height: 0; }
.dv-header-bottom .pagewrap { border-bottom: 1px solid #21409a; }
.conten>.pagewrap_home { margin-top: 15px; }
.right-news .news-list h5.item-title { padding: 0 15px; }
.right-news.col-lg-3 { float: right; width: 280px; border: 1px solid #ebebeb; }
.right-news.col-lg-3 img { width: 100% }
.bannerMain { position: relative; overflow: hidden; width: calc(100% - 290px); float: right; margin-right: 10px; }
.bannerMain .owl-carousel .owl-item img { height: 398px; }
.dv-ul-menu.dv-ul-menu-child { opacity: 0; z-index: -1; }
.dv-menu-left:hover .dv-ul-menu.dv-ul-menu-child { opacity: 1; z-index: 999; }
.dv-nut-menu { color: #494949; text-transform: capitalize; line-height: 38px; font-weight: normal; font-size: 15px; padding: 0 15px; cursor: pointer; background: #ffcc32; border-radius: 3px; }
.dv-menu-left { width: 100%; float: left; color: #fff; position: relative; height: 100%; }
.dv-ul-menu { height: 0; overflow: hidden; position: absolute; width: 100%; border-top: none; background: #fff; border: 1px solid #ffffff; margin-top: 8px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); opacity: 0; z-index: -1; transition: all .3s; margin-top: 20px; }
.dv-menu-left:hover .dv-ul-menu { display: block; z-index: 1; opacity: 1; margin-top: 5px; height: auto; overflow: unset; }
.dv-ul-menu ul, .dv-ul-menu li { list-style: none; }
.dv-ul-menu ul.sub-1 { background-size: 7%; }
.dv-ul-menu ul li { -webkit-box-shadow: inset 0px 1px 0px 0px #eee; -moz-box-shadow: inset 0px 1px 0px 0px #eee; box-shadow: none; padding: 0; }
.vertical-menu-item { display: block; border-bottom: 1px solid #ebebeb; }
.dv-ul-menu ul li a { text-decoration: none; color: #4c4c4c; display: block; line-height: 1.5; text-transform: capitalize; padding: 10px 15px; }
.vertical-menu-item i.fa-th-large { position: absolute; top: 16px; left: 16px; font-size: 8px; color: #393; }
.fa-file-medical-alt:before { content: "\f478"; }
.vertical-menu-item>a h2 { font-size: 14px; font-weight: normal; margin: 0; text-transform: capitalize; }
.vertical-menu-item i.fa-angle-right { position: absolute; top: 16px; right: 10px; font-size: 14px; color: #666; }
.bannerMain .owl-carousel { z-index: 0 }
.vertical-menu-sub { display: none; position: absolute; left: 100%; width: 100%; top: 0; min-height: calc(100% + 0px) !important; margin-left: 0px; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); z-index: 20; padding: 0; z-index: 1; }
.vertical-menu-item:hover .vertical-menu-sub { display: block; }
.vertical-menu-item>a { line-height: 36px; padding: 5px 0 5px 20px; display: block; position: relative; color: #272727; }
.vertical-menu-sub li { float: left; width: 100%; margin: 0; display: block; text-align: left; border-top: 1px solid #ebebeb; }
.dv-ul-menu ul li a:hover,.dv-ul-menu ul li a:hover i { color: #ffcc32 }
.dv-ul-menu ul ul.sub-2 > li > a { display: block; margin-bottom: 0; color: #333 !important; font-size: 18px; text-transform: capitalize; text-align: left; }
.dv-ul-menu ul ul.sub-2 > li > a:hover { color: #ffcc32 !important; }
.vertical-menu-sub h2 { margin: 0; font-size: 14px; font-weight: normal; text-align: left; }
.vertical-menu-sub h2 img { display: block; height: 47px; }
.bannerMain .pagewrap { position: absolute; top: 0; z-index: 99; left: 0; right: 0; bottom: 0 }
.banner_left .right_tt_home { float: right; width: 38% }
.banner li { float: left; width: 100%; 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: 50px; margin: auto; width: auto; text-align: center; z-index: 2; }
.pagiBanner a, .pagiBanner_2 a, .pagiBanner_3 a { display: inline-block; vertical-align: text-top; width: 14px; height: 14px; background: #00000061; text-indent: -100000px; margin: 0 4px; -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); box-shadow: 0 0 8px rgba(0,0,0,0.5); border: solid #fff 4px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; }
.pagiBanner a.selected, .pagiBanner_2 a.selected, .pagiBanner_3 a.selected { background: #f5111a; }
.pagiBanner_2, .pagiBanner_3 { position: relative; left: 0; right: 0; bottom: -20px; margin: auto; width: auto; text-align: center; z-index: 10; }
.box_title_banner { position: absolute; bottom: 0; left: 0; z-index: 2; width: auto; color: #FFF; background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); width: 100%; padding: 3% 4%; }
.box_title_banner ul h3 { text-transform: uppercase; font-size: 50px; line-height: 75px; font-weight: 600; padding-bottom: 10px; text-shadow: 1px 1px #000000; }
.box_title_banner ul p { font-size: 17px; line-height: 26px; }
.box_title_banner ul h4 a { float: left; display: block; text-transform: uppercase; font-size: 18px; line-height: 35px; font-weight: 500; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border: solid #fff 1px; color: #fff; padding: 5px 40px; margin-top: 25px; }
.box_title_banner ul h4 a:hover, .abouts_home ul h4 a:hover, .our_product_id ul h4 a:hover { color: #fff; background: #ffcc32; }
.abouts_home { background: #fff; padding-bottom: 55px; }
.abouts_home li { width: 48%; float: right; list-style: none; line-height: 0; }
.abouts_home li img { width: 100%; height: auto; background: #fff; }
.abouts_home ul { width: 48%; float: left; }
.abouts_home h3 { text-transform: uppercase; font-size: 30px; line-height: 45px; font-weight: 700; color: #f5111a; margin-bottom: 50px; font-family: 'Oswald', sans-serif; position: relative; letter-spacing: 1px; text-align: center; }
.abouts_home h3:before { content: ""; position: absolute; left: 0; right: 0; bottom: -39px; height: 38px; background: url(../images/home_about_img_2.webp); z-index: 2; width: 109px; margin: 0 auto; }
.abouts_home h3 span { color: #000000; display: block; font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif; font-weight: 400; }
.abouts_home ul h4 a { float: left; display: block; text-transform: uppercase; font-size: 18px; font-weight: 500; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; color: #ffffff; padding: 7px 30px 7px; border-radius: 50px; background: #ffcc32; }
.abouts_home ul h4 a:hover { background: #f5111a }
.our_product_home { background: #eee; padding: 50px 0; }
.box_out_us_home { padding: 50px 0; background: url(../images/bg_2.jpg) center center no-repeat fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; color: #fff; position: relative; }
.box_out_us_home:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #002e4682; transition: .3s all ease; z-index: 0; }
.left_au img { width: 100% }
.box_out_us_home .left_au { width: 49%; float: right; }
.right_au { width: 48%; float: left; }
.accordion li i { padding-right: 10px; }
.accordion li a { background: transparent; line-height: 30px; text-transform: capitalize; color: #ffffff; font-size: 20px; padding: 11px 10px; font-weight: 500; list-style: none; display: block; margin-bottom: 5px; font-family: 'Open Sans Condensed', Arial, Helvetica, Tahoma, sans-serif; border: 1px solid #fff; border-radius: 4px; }
.accordion li .menu_parent:hover, .accordion li a.active { background: #ffcc32; color: #fff; }
.accordion ul { background: #fff; margin-top: 5px; padding: 20px; margin-bottom: 5px; list-style: none; color: #333; font-size: 20px; border-radius: 4px; }
.accordion { list-style: none; }
#news_slide { margin-top: 20px }
.title_page { text-align: left; width: 100%; background: #21409a; }
.title_page ul h4 { color: #ffffff; text-transform: uppercase; font-size: 15px; font-weight: 300; background: url(../images/quochuy.png) 10px center no-repeat; margin-bottom: 0; background-size: 26px; font-family: 'tahoma', sans-serif; padding: 6px 0 6px 45px; }
.title_page ul h4 span { color: #f5111a; }
.title_page.title_page_2 ul h3 { color: #fff; }
.title_page ul p { color: #666; font-size: 20px; line-height: 30px; text-transform: uppercase; padding-top: 15px; }
.our_product_id { text-align: center; }
.our_product_id ul { width: 29%; display: inline-table; margin: 0 10px; padding: 0 15px; }
.our_product_id ul li { list-style: none; line-height: 0; position: relative; z-index: 1; }
.our_product_id ul li img { width: auto; height: 200px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: solid #FFF 10px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); }
.our_product_id ul h3 { color: #ffcc32; text-transform: capitalize; font-size: 23px; font-weight: 300; line-height: 40px; padding: 5px; }
.our_product_id ul h4 a { display: inline-table; text-transform: uppercase; font-size: 17px; line-height: 35px; font-weight: 500; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border: solid #ffcc32 1px; color: #ffcc32; padding: 5px 40px; margin-top: 20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.link_page ul h3 { text-transform: uppercase; font-size: 30px; font-weight: 600; color: #ffffff; float: left; width: 100%; text-align: left; letter-spacing: 1px; margin-bottom: 15px; }
.left_contact p { line-height: 35px }
.link_page ul li span.active { color: #21409a }
.link_page ul li { list-style: none; font-size: 15px; text-transform: capitalize; float: right; font-weight: 400; width: 100%; text-align: left; }
.link_page ul li i { padding-right: 7px; }
.link_page ul li a { color: #4c4c4c; padding: 0 5px; }
.link_page ul li span { padding: 0 5px; }
.link_page ul li a:hover, .riht_header ul h3 a:hover { color: #ffcc32; }
.company_contact ul { margin: 0 10px 20px 10px; float: left; width: 346px; padding: 20px; background: #eeeeee; min-height: 100px; }
.company_contact ul.contact_2 { }
.company_contact ul p { font-size: 16px; line-height: 25px; padding-top: 5px; color: #000; }
.company_contact ul h3 { text-transform: uppercase; color: #ffcc32; font-size: 20px; line-height: 35px; font-weight: 500; margin-bottom: 5px; }
.company_contact ul h3 i { margin-right: 10px; }
.map_contact iframe { width: 100%; height: 500px; }
.contact h2 { text-align: center; margin-bottom: 10px; }
.contact p.p-brief { text-align: center; margin-top: 10px; width: 100% }
.contact .left { width: auto; float: left; margin: 0 -10px; }
.contact .right { width: 100%; float: right; }
.formBox li { display: block; position: relative; margin-bottom: 10px; z-index: 0; }
.formBox li input, .formBox li textarea { border: solid 1px #ccc; height: 45px; color: #999; padding: 0 10px 0 45px; font-family: 'Roboto', sans-serif; font-size: 15px; box-sizing: border-box; width: 100%; border-radius: 4px; font-weight: 400; }
.formBox li textarea { padding: 10px 10px 10px 45px; height: 99px; }
.contact .left input { width: 100%; }
.contact .right input, .contact .right textarea { width: 100%; }
.formBox li:after { content: ""; position: absolute; top: 0; left: 0; width: 45px; height: 50px; background-repeat: no-repeat; background-position: center center; z-index: 10; }
.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: 14px; padding: 0 35px; margin-left: 10px; height: 44px; line-height: 44px; margin-top: 10px; color: #FFF; background: #21409a; 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; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.15); font-weight: 500; }
.formBox .button:hover { color: #FFF; background: #ffcc32; }
.formBox li span { position: absolute; right: 0; top: 0; line-height: 42px; padding: 0 10px; font-weight: normal; 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; }
.tintuc_home_id, .product_list, .pro_id, .company_contact, .logo_doitac, .our_product_id { margin: 0 -10px; }
.nums { table-layout: auto; margin-top: 15px; text-align: right; }
.nums li { list-style: none; display: inline-table; }
.nums a { font-size: 16px; display: block; margin: 0 6px 0 0; padding: 3px; line-height: 22px; height: 30px; width: 30px; table-layout: inherit; text-align: center; color: #000; background: transparent; border: #ccc 1px solid; text-decoration: none; font-weight: 400; }
.nums a:hover, .nums a.active, .nums a.stay:hover { background: #ffcc32; color: #ffffff; }
.nums a.stay { width: 44px; font-size: 15px; line-height: 20px; }
.contentContainer h2.chucdanh { background: #d4d5d6; padding: 6px 20px; margin-bottom: 15px; color: #ffcc32; font-size: 20px; }
.canboinfo { width: 100%; display: inline-block; }
.canboinfo .anhdaidien { width: 20%; float: left; margin-bottom: 20px; text-align: justify; }
.canboinfo .anhdaidien img { width: 100%; }
.canboinfo .info { text-align: justify; float: right; width: 77%; }
.canboinfo .info strong { color: #000; font-size: 16px; }
.title_news { border-bottom: solid 1px #E6E6E6; margin-bottom: 11px; }
.title_news li .fa-calendar:before { padding-right: 5px }
.title_news h2 { font-size: 25px; line-height: 1.3; font-weight: 500; color: #21409a; margin-bottom: 10px; text-transform: uppercase; }
.tin_left .one_new_home { width: 55%; float: left; }
.tin_left .one_new_home_right { float: right; width: 42%; }
.title_news li { font-size: 15px; color: #464646; list-style: none; margin-bottom: 10px; font-weight: 400; }
.title_news p { line-height: 32px; color: #171c2b; font-size: 21px; font-style: italic; font-weight: normal; padding-bottom: 15px; }
.images_poup_sp { float: left; width: 40%; }
.images_poup_sp img { width: 100% }
.page_sp_ct { width: 900px; padding: 20px; background: #fff; }
.dv-home-spfull { padding: 30px 0 ; }
.pro_home_id#pro_slide1 { margin: 0; clear: both; }
.pro_home_id#pro_slide2 ul,.pro_home_id#pro_slide1 ul { width: calc(100% / 1); margin: 20px 0px 0px; }
.pro_id ul h3 a { color: #333; display: block; 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; }
.pro_home_id.pro_id ul h3 span { color: #6d6d6d; }
.dv-box-sp-ss .dv-them-gio-hang a { background: #21409a; }
.pro_home_id.pro_id ul { border: 1px solid #e0e0e0; margin: 0 10px 20px; width: calc(100% / 4 - 20px); }
.pro_id ul h4 a { color: #ffcc32; font-weight: normal; font-size: 15px; text-transform: uppercase; display: block; line-height: 30px; padding-left: 10px; padding-right: 10px; float: right; 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; }
.pro_id ul h4 a i { padding-left: 7px; }
.pro_id ul p { color: #666; font-size: 16px; line-height: 25px; padding-bottom: 10px; }
.pro_id#pro_slide3 ul li img { width: 70% }
.pro_id ul li, .pro_id ul li img { 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); -ms-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); width: 100%; height: auto; }
.pro_id ul h4 a:hover, .pro_id ul h3 a:hover, .product_list ul:hover h3 { color: #ffcc32; }
.box_page { margin-top: 20px; }
#sharelink { padding-top: 20px; margin-top: 20px; border-top: solid #CCC 1px; }
.placeNav_2, .placeNav_4 { position: absolute; top: 30%; z-index: 3; color: #fff; font-size: 60px; width: 30px; height: 60px; line-height: 50px; text-align: center; background: rgba(2, 2, 2, 0.21); opacity: 0; }
.placeNav, .placeNav_3 { position: absolute; top: 30%; z-index: 3; color: #fff; font-size: 50px; width: 35px; line-height: 24px; height: 35px; background: #ffcc32; text-align: center; opacity: 0; border-radius: 50%; padding: 4px; }
.placeNav.prev, .placeNav_2.prev, .placeNav_3.prev, .placeNav_4.prev { left: 10px; }
.placeNav_2.next, .placeNav_4.next { right: 10px; text-indent: 3px; }
.placeNav.next, .placeNav_3.next { right: 10px; text-indent: 3px; }
.placeSlide_main:hover .placeNav, .placeSlide_main:hover .placeNav_2, .placeSlide_main:hover .placeNav_4, .placeSlide_main:hover .placeNav_3 { opacity: 1; }
.placeNav:hover, .placeNav_2:hover, .placeNav_3:hover, .placeNav_4:hover { color: #fff; background: #f5111a; }
.placeSlide_main { position: relative; overflow: hidden; }
.placeSlide { width: 1300px; }
.product_list ul { float: left; margin: 0 10px 30px 10px; width: 285px; }
.product_list ul li, .product_list ul li img { 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); -ms-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); width: 100%; height: auto; position: relative; overflow: hidden; display: block; }
.product_list ul h3 { text-transform: capitalize; font-size: 20px; line-height: 30px; padding-top: 15px; font-weight: normal; color: #ffcc32; 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; }
.ct_add ul h3 { float: left; margin: 0 5px; }
span.number-down, .number-up { line-height: 43px; width: 30px; display: inline-block; text-align: center; vertical-align: middle; cursor: default; font-size: 16px; user-select: none; }
span.number-down:hover, .number-up:hover { cursor: pointer; }
input#number { width: 30px; text-align: center; height: 33px; display: inline-block; vertical-align: middle; border: none; }
.so-luong-mua { float: left; width: 100px; display: inline-block; border: solid 1px #ccc; margin-right: 5px; }
.ct_add ul h3 a { display: block; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: normal; padding: 4px 35px; 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; border-radius: 3px; }
.ct_add { margin-top: 15px }
.ct_add ul h3 a.clor_01 { background: #ffcc32; }
.line { padding: 0 5px; }
.ct_add ul h3 a.clor_02 i { padding-right: 10px }
.ct_add ul h3 a.clor_02 { background: #21409a; }
.ct_add ul h3 a:hover { background: #ffcc32; color: #4c4c4c }
.viewRight h4 { font-size: 22px; color: #ff0000; line-height: 30px; font-weight: 500; border-bottom: 1px solid #ebebeb; padding: 10px 0 15px; margin-bottom: 10px; }
.viewRight h4 span.gia_km { font-size: 21px; padding-left: 10px; font-weight: normal; color: #333; text-decoration: line-through; }
.pro_home_id ul:hover li.pro_1_b, .pro_home_id_2 ul:hover li.pro_1_b { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.new_right.new_right_2column ul { width: calc(100% / 2 - 20px); margin: 10px 10px 5px; float: left; position: relative; padding: 0; padding-bottom: 10px; }
.new_right.new_right_2column ul li { width: 100% }
.new_right ul:hover li.pro_1_b { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.new_right ul li.pro_1_b { list-style: none; overflow: hidden; opacity: 0; position: absolute; left: 0; right: 0; top: 0; 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%; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(50%, 0, 0); }
.pro_home_id ul li.pro_1_b, .pro_home_id_2 ul li.pro_1_b { opacity: 0; position: absolute; left: 0; right: 0; top: 0; 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%; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.box_home_2 { background: #fff; padding-top: 10px; }
.box_home_2 #pro_tabs { margin-bottom: 30px; width: 100%; float: left; }
.box_home_2 #pro_tabs .listtabs { text-align: left; }
#pro_tabs { margin: 0; float: right; }
.listtabs li a:hover, .listtabs li a.selected, .listtabs li a.selected:hover { color: #ff0000; }
.listtabs { overflow: hidden; text-align: center; }
.listtabs li { display: inline-table; list-style: none; margin: 0 0px; }
.box_page .tt_dichvu { margin-top: 20px }
.tt_dichvu .new_id_bs ul h3 a { text-transform: uppercase; height: auto; }
.qc-sp-image { margin: 0 10px }
.qc-sp-image img { width: 100%; margin-bottom: 20px; }
.tin_left .box_home_2 #pro_tabs { margin-bottom: 0; width: 100%; float: initial; }
.p-contact a { color: #ff0000; font-size: 18px }
.dv-ctsp { text-transform: uppercase; font-size: 18px; border-bottom: 1px solid #dadada; padding-bottom: 10px; }
.tin_left .tabs { padding: 20px 0 }
.dv-slider-nang li { height: 100px; }
.tin_left .listtabs li a { border-right: none; }
.listtabs li a { color: #4c4c4c; text-decoration: none; display: block; padding: 0 15px; line-height: 25px; font-size: 15px; font-weight: normal; text-transform: uppercase; background: transparent; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; background: #fff; border-right: 1px solid #d4d4d4 }
.listtabs li:last-child a { border-right: none; }
.viewRight .desc b { display: block; margin-bottom: 10px; font-size: 18px; color: #22232b; font-weight: normal; }
.viewRight .desc b span { margin-left: 15px; font-size: 19px; color: #666; font-weight: normal; text-decoration: line-through; }
.viewRight .desc li { line-height: 20px; margin-bottom: 10px; text-indent: 15px; list-style: none; background: url(../images/icon-check-pink.png) no-repeat left 6px; margin-left: 15px; font-size: 15px; }
.viewRight p { color: #9f9f9f; padding-bottom: 10px; border-bottom: 1px solid #ebebeb; margin-bottom: 20px; }
.viewRight p a { color: #666; }
.viewRight p a:hover { color: #034ea2; }
.viewRight p i { padding-right: 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: 15px 0 10px 0; border-top: dotted 1px #ddd; font-size: 18px; text-transform: uppercase; }
.quantity .minus, .quantity .plus { position: absolute; bottom: 0px; left: 142px; width: 30px; height: 23px; border: none; cursor: pointer; font-size: 18px; color: #fff; text-align: center; -webkit-appearance: none; appearance: none; background: #034ea2; line-height: 19px; }
.quantity .minus { font-size: 25px; }
.quantity .plus { bottom: 27px; }
.quantity a { position: relative; height: 50px; line-height: 52px; position: absolute; font-size: 18px; text-transform: uppercase; padding: 0 18px 0 50px; 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: #f5111a; margin-left: 50px; 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; }
.quantity a:hover { color: #fff; background: #034ea2; }
.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; }
.status_name { color: #21409a }
.titleView { position: relative; padding: 0px 0 10px 0; line-height: 30px; font-size: 23px; color: #4c4c4c; font-weight: 400; }
.viewRight h2 { font-size: 20px; position: relative; border-bottom: dotted 1px #ddd; margin-bottom: 15px; padding-bottom: 10px; color: #f60; }
#bridal_images { border: 1px solid #CCC; background: #fff; padding: 5px; float: left; width: 100%; overflow: hidden; margin-right: 20px; margin-bottom: 10px; position: relative; z-index: 0; }
#bridal_images img { border: none; width: 100%; height: auto; margin: 0px auto; }
#bridal_images_list { display: block; float: left; width: 100%; position: relative; margin-bottom: 30px; }
#bridal_images_list li { list-style: none; float: left; height: 77px; width: 69px; margin: 0 5px; border: 1px solid #CCC; background: #fff; padding: 5px; text-align: center; overflow: hidden; margin-top: 5px; }
#bridal_images_list li:hover { border: 1px solid #999; background: #fff; }
#bridal_images_list img { width: 100%; 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; }
#pro_img_main { margin-bottom: 25px; }
.dathang_id { border-top: solid #ccc 1px; padding-top: 15px; margin-top: 5px; }
.dathang_id a { display: block; color: #fff; float: left; background: #ffcc32; font-size: 18px; padding: 8px 30px; 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; text-transform: capitalize; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; }
.dathang_id a i { padding-right: 10px; font-size: 20px; }
.dathang_id a:hover { background: #f5111a; }
.box_page_home { padding-top: 50px; padding-bottom: 20px; }
.Title { margin: 15px 0 5px; }
table th { line-height: 40px; text-align: left; font-size: 15px; font-weight: 500; text-transform: capitalize; }
tr:hover { background-color: #f5f5f5; }
th, td { border-bottom: 1px solid #ddd; }
th, td { padding: 5px 15px; line-height: 25px; }
td a { color: #ed1c23; font-size: 15px; }
td a:hover { color: #ed1c23; }
table { border: 1px solid black; }
table { width: 100%; }
table { border-collapse: collapse; }
table, th, td { border: 1px solid #ccc; }
#back-top { position: fixed; bottom: 30%; right: 15px; z-index: 1; }
#back-top a span { position: absolute; top: 1px; right: 0; left: auto; font-size: 11px; color: #fff; width: 20px; height: 20px; background-color: red; z-index: 1; line-height: 18px; border-radius: 50%; border: 2px solid #fff; -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.12); -webkit-box-shadow: 0 3px 3px rgb(0 0 0 / 12%); box-shadow: 0 3px 3px rgb(0 0 0 / 12%); }
#back-top a { display: block; width: 40px; line-height: 40px; background: #fff; position: relative; outline: none; color: #1f1f1f; font-size: 20px; text-align: center; transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; border-radius: 4px; height: 40px; border: 2px solid #e3e3e3; margin: 3px 0px; clear: both; }
.center_column { display: flex; flex-wrap: unset; }
.col1-top { padding: 50px 40px; }
.sign_col1 { width: 40%; text-align: center; background: #d4d5d6; color: #464646; }
.col1_subheading { font-size: 30px; margin: 15px 0; font-weight: 300; }
.button_sign:hover { background: #134a56; }
.sign_col2 { background: #efefef; padding: 30px 40px; color: #464646; width: 50%; position: relative; }
.sign_input { width: 100%; border-width: 0 0 2px 0; padding: 10px 10px 13px; margin-bottom: 5px; font-size: 15px; font-family: 'tahoma', sans-serif; background: #ffffff; border: none; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); margin: 6px 0; }
.col1_des { line-height: 25px; margin-top: 10px; }
.link_login { margin-bottom: 5px; }
.button_sign { background: #ffcc32; color: #fff; border-width: 0; font-size: 17px; line-height: 15px; text-transform: uppercase; padding: 12px 25px 14px; margin: 20px 0; cursor: pointer; box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.15); border-radius: 5px; }
.sign_col2 h3 { font-size: 23px; line-height: 25px; padding-bottom: 20px; text-transform: uppercase; font-weight: 500; margin: 0; }
.link_login a { color: #20a9ea; text-decoration: underline; }
#back-top a i { line-height: 38px; }
.menu > li:hover a { color: #ffcc32; }
.menu > li.active a { color: #ffcc32 }
.box_menu { float: left; }
.menu_header>div>a { float: right; font-size: 14px; color: #ffffff; font-weight: 400; padding-top: 8px; padding-right: 20px }
.menu_header>div>a:hover { color: #fff000 }
.fa-account:before { content: "\f007"; font-size: 16px; margin-right: 7px; }
#back-top a:hover { color: #fff; background: #21409a; border: 1px solid #21409a; }
.footer { color: #fff; position: relative; background: #ededed; overflow: hidden; }
.footer a img { height: 22px; padding: 0 10px; }
.footer a { color: #4c4c4c; -webkit-transition: 0.1s background-color linear, 0.1s color linear; -moz-transition: 0.1s background-color linear, 0.1s color linear; -o-transition: 0.1s background-color linear, 0.1s color linear; transition: 0.1s background-color linear, 0.1s color linear; }
.footer a:hover { color: #ffcc32; }
.right_footer { float: right; width: 66%; }
.right_footer ul { float: left; width: 29%; margin-left: 4%; }
.right_footer ul li { list-style: none; }
.right_footer ul li a { color: #fff; line-height: 30px; }
.right_footer ul li a i { padding-right: 7px; }
.right_footer ul li a:hover { color: #00bed5; }
.right_footer ul h3 { font-size: 20px; color: #00bed5; line-height: 30px; text-transform: uppercase; font-weight: 500; padding-bottom: 10px; }
.top_footer img { height: 60px }
.top_footer { padding-top: 40px; text-align: center; }
.top_footer .menu > li > a { text-transform: capitalize; }
.left_footer { margin: 0 -20px }
.ft_maps { float: right; width: 50% }
.bottom_ft a { color: #4c4c4c; -webkit-transition: 0.1s background-color linear, 0.1s color linear; -moz-transition: 0.1s background-color linear, 0.1s color linear; -o-transition: 0.1s background-color linear, 0.1s color linear; transition: 0.1s background-color linear, 0.1s color linear; }
.new_letter_bottom { position: relative; z-index: 1; width: calc(40% - 40px); background: #ffffff; padding: 15px 20px 20px; border: solid #ccc 1px; border-radius: 4px; float: left; margin-left: 40px; margin-top: 4px; }
.bottom_id_copyright ul h3 { color: #21409a; font-weight: 500; font-size: 20px; text-transform: uppercase; padding-bottom: 10px; position: relative; line-height: 30px; }
.bottom_id_copyright ul { float: left; margin: 0; color: #666; text-align: left; width: 60%; }
.bottom_ft a:hover { color: #ffcc32; }
.bottom_ft a img { height: 22px; padding: 0 10px; }
.footer ul.menu { width: 100% }
.footer ul.menu li a { padding: 5px }
.footer ul.menu li { clear: initial; width: 47%; text-align: left; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); margin-right: 10px; }
.left_footer>ul { line-height: 30px; padding: 20px 0px; width: calc(100% / 4 - 40px); float: left; margin: 0 20px; }
.widget_getintuch li:last-child { margin-bottom: 0; }
.left_footer ul p { color: #fff; font-size: 16px; line-height: 28px }
.left_footer ul p i { margin-right: 10px; }
.left_footer ul:nth-child(1)>div { border-bottom: 1px dotted rgba(255, 255, 255, 0.2); padding-bottom: 7px; margin-bottom: 7px; }
.left_footer ul h3:after { position: absolute; content: ''; left: 0; bottom: 16px; width: 75px; height: 2px; background-color: #21409a; display: none; }
.left_footer ul h3 { font-size: 20px; color: #21409a; line-height: 30px; text-transform: uppercase; font-weight: 500; padding-bottom: 10px; position: relative; }
.left_footer li { list-style: none; float: left; font-size: 15px; clear: both; color: #4c4c4c; }
.left_footer li a { font-size: 15px; font-weight: 400; }
.left_footer li img { width: 100%; }
.bottom_ft { border-top: 1px solid #e1e1e1; padding: 20px 0; text-align: center; margin: auto; }
.bottom_ft p { font-size: 15px; color: #4c4c4c; text-align: left; }
.new_letter_bottom li { list-style: none; width: 70%; position: relative; float: left; }
.new_letter_bottom h3 { float: right; width: 30%; }
.new_letter_bottom h3 input:hover { background: #ffcc32; color: #333; }
.new_letter_bottom h3 input { float: right; border-radius: 4px; margin-top: 0px; vertical-align: middle; font-size: 16px; font-weight: 500; padding: 11px 20px; color: #fff; background-color: #21409a; transition: .3s ease-out; text-transform: uppercase; display: inline-block; transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; border: 0; display: inline-block; cursor: pointer; }
.bottom_id_copyright>li { width: 100%; list-style: none; text-align: left; float: left; padding: 15px 0 0; }
.bottom_id_copyright li img { height: 60px; width: auto; padding: 0; }
.bottom_id_copyright li p a img { height: 23px; margin: 10px; position: relative; top: 11px; }
img.ajax_img_loading { height: 14px !important; margin-left: 0; display: none; }
.new_letter_bottom h2 { color: #333; font-weight: 500; font-size: 18px; text-transform: uppercase; padding-bottom: 6px; position: relative; line-height: 1.4; text-align: left; }
.new_letter_bottom p { margin-bottom: 15px; display: block; }
.bottom_ft ul li { float: left; list-style: none; line-height: 0; text-align: center; margin: 7px 10px; }
..bottom_ft ul li i { width: 20px; height: 20px; line-height: 20px; font-size: 15px; display: block; -webkit-transition: 0.1s background-color linear, 0.1s color linear; -moz-transition: 0.1s background-color linear, 0.1s color linear; -o-transition: 0.1s background-color linear, 0.1s color linear; transition: 0.1s background-color linear, 0.1s color linear; }
.box_doitac_home { background: #fff; padding: 50px 0; }
.logo_doitac ul { margin: 10px; width: 160px; padding: 10px; background: #f8f8f8; float: left; text-align: center; transition: all .3s; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); }
.logo_doitac ul li, .logo_doitac ul li img { width: 100%; height: 90px; 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); -ms-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); position: relative; overflow: hidden; display: block; }
.logo_doitac ul h3, .logo_doitac_page ul h3 { color: #495677; font-weight: 500; font-size: 18px; text-transform: capitalize; line-height: 26px; padding-top: 15px; 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; position: relative; }
.logo_doitac_page ul { margin: 10px; width: 250px; padding: 15px; background: #fff; float: left; text-align: center; transition: all .3s; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); }
.logo_doitac_page ul li, .logo_doitac_page ul li img { width: 100%; height: auto; 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); -ms-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); position: relative; overflow: hidden; display: block; }
.logo_doitac ul:hover, .id_partner ul:hover { transform: translateY(-10px); }
.tin_left { float: left; width: 79%; }
.tin_right .box_right_pro_view:last-child { margin-bottom: 0 }
.tin_right>a>img { width: 100%; margin: 0 }
.tin_right>a:last-child>img { margin-bottom: 20px; }
.tin_right { float: right; width: calc(21% - 20px); }
.page_conten_page .tin_right { float: left; overflow: hidden; }
.page_conten_page .tin_left { float: right; }
.banner_left_tt ul { position: relative; margin: 10px; }
.banner_left_tt ul li, .banner_left_tt 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); }
.banner_left_tt ul h3 { position: absolute; left: 0; right: 0; bottom: 0; background: #0000007a; color: #fff; font-size: 18px; text-transform: capitalize; font-weight: normal; padding: 5px 10px; line-height: 25px; }
.banner_left_tt ul:hover h3 { text-decoration: underline; }
.tt_page { margin: 0px -10px; }
.box_page .pro_id .tt_page { margin: 20px 0px 0; }
.tt_page_top .new_id_bs li { width: 100% }
.tt_page_top.dv_hinhanh .new_id_bs { width: calc(100% / 4 - 20px); }
.new_id_bs { width: calc(100% / 2 - 20px); margin: 0 10px 25px; float: left; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); }
.new_right .new_id_bs ul h3 a { font-size: 17px; font-weight: 500; color: #4a4a4a; line-height: 25px; padding-bottom: 0; margin-top: 0; text-align: left; }
.new_right .new_id_bs li img { margin-bottom: 0 }
.new_right .new_id_bs ul h3 { float: right; width: 100%; font-weight: 300; font-size: 12px; color: #232324; line-height: 23px; height: auto; overflow: hidden; margin-top: 0; }
.new_right .new_id_bs ul { float: right; width: 55%; border: none; border-bottom: none; padding: 0; }
.new_right .new_id_bs li { width: 40% }
.new_right .new_id_bs { width: calc(100% / 1); margin: 10px 0 0; padding: 10px 10px 10px; }
.new_id_bs li { float: left; list-style: none; line-height: 0; width: 50%; position: relative; overflow: hidden; display: block; }
.new_id_bs li img { width: 100%; height: auto; 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); }
.new_id_bs ul { float: right; width: 100%; }
.entry { padding: 0 23px 20px; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; -webkit-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; }
.meta-info { font-size: 14px; color: #888; padding: 10px 0; }
.meta-info .author a:before { content: ''; position: absolute; top: 2px; right: 0; left: auto; width: 2px; height: 12px; background: #ccc; }
.meta-info .author a { position: relative; padding-right: 10px; padding-left: 0; }
.meta-info .author .avatar { width: 60px; height: 60px; border: 5px solid #fff; border-radius: 50%; vertical-align: text-bottom; margin: 0; display: inline-block; }
.meta-info span.author a { color: #004c98; }
.new_id_bs ul h3 { background: #21409a; padding: 10px 15px; }
.dv-home-tintuc .tt_page_top .new_id_bs { width: calc(100% / 3 - 20px); background: #fff; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); z-index: 2; position: relative; margin: 20px 10px 10px; border-radius: 4px; border-bottom: none; padding-right: 0; }
.dv-home-tintuc .tt_page_top #tintuc_slide .new_id_bs { width: calc(100% / 1); padding-right: 0; margin: 0 0 20px }
.dv-gr-lh a:hover h3 { color: #ffcc32; }
.new_id_bs ul h3 a i.fa-image { padding-left: 10px }
.new_id_bs ul h3 a { font-size: 16px; font-weight: 400; color: #fff; display: block; 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; text-transform: capitalize; line-height: 1.5; overflow: hidden; }
.dv-home-tintuc .tt_page_top .new_id_bs a:hover { color: #ffcc32 }
.new_id_bs ul h3 span { font-size: 17px; font-weight: 500; color: #666; display: block; text-transform: none; }
.dv-home-tintuc .pagewrap { z-index: 1 }
.new_id_bs ul h3 span i { padding-right: 7px; }
.new_id_bs ul p { font-size: 15px; font-weight: 400; color: #515151; line-height: 25px; text-align: left; }
.new_id_bs ul h3 a:hover, .one_new_home_right ul h3 a:hover, .one_new_home ul h3 a:hover, .new_right ul h3 a:hover, .left_tt_home ul h3 a:hover { color: #ffcc32; }
.video_tt_page { background: #2a2a2a; padding: 15px; }
.title_video_tt_page { padding-bottom: 15px; }
.title_video_tt_page h3 { font-weight: 500; text-transform: uppercase; font-size: 25px; line-height: 35px; color: #fff; float: left; }
.title_video_tt_page h3 span { color: #E02F2F; font-size: 30px; padding-right: 10px; }
.title_video_tt_page ul { float: right; color: #fff; font-size: 16px; }
.video_tt_page_left { float: left; width: 48%; }
.video_tt_page_left iframe { width: 100%; height: 275px; }
.video_tt_page_right { float: right; width: 50%; }
.video_tt_page_right ul { padding: 10px; }
.video_tt_page_right ul li { float: left; width: 30%; list-style: none; line-height: 0; position: relative; }
.video_tt_page_right ul li span { position: absolute; left: 0; right: 0; text-align: center; color: #E02F2F; top: 30%; z-index: 1; font-size: 30px; }
.video_tt_page_right ul li img { width: 100%; height: auto; }
.tt_page_video div li a:after { content: '\f144'; margin-top: 0; font-size: 45px; color: #000; font-family: 'FontAwesome'; position: absolute; background-color: transparent; opacity: 0; left: 0; right: 0; margin: auto; text-align: center; top: 50%; transform: translateY(-50%); z-index: 1; }
.tt_page_video div li:hover a:after { opacity: 1; transition: 1s; }
.video_tt_page_right ul h3 { float: right; font-size: 17px; color: #fff; font-weight: normal; line-height: 25px; text-transform: capitalize; width: 65%; }
.new_top_id.new_top_id_video { box-shadow: none; }
.video_tt_page_right ul:hover { background: #555; color: #fff; }
.new_top_id { box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); padding-bottom: 15px; margin-bottom: 20px; }
.one_new_home_right li.text_right p { margin: 0 }
.one_new_home ul p { font-size: 18px; line-height: 30px; margin: 0; }
.one_new_home_right li.text_right h3 { padding-bottom: 0; margin-bottom: 2px; }
.tintuc_home .one_new_home li { width: 100%; list-style: none; position: relative; overflow: hidden; display: block; margin: 0; }
.one_new_home li img { width: 100%; height: auto; 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); }
.one_new_home ul h3 a, .tti_more ul h3 a { font-size: 23px; font-weight: 500; color: #464646; line-height: 33px; padding-bottom: 7px; display: block; 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; text-transform: none; }
.one_new_home { float: left; width: 53%; }
.one_new_home_right { float: right; width: 45%; }
.one_new_home_right ul { padding-bottom: 10px; }
.one_new_home_right .title_news li { width: 100% }
.one_new_home_right li { float: left; width: 35%; list-style: none; position: relative; overflow: hidden; display: block; }
.one_new_home_right li img { width: 100%; height: auto; 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); }
.one_new_home_right li:hover img,.one_new_home li:hover img, .new_id_bs li:hover img { transform: scale(1.2); transition: 1s; }
.one_new_home_right ul h3 a { font-size: 18px; font-weight: normal; color: #464646; line-height: 30px; display: block; width: 100%; 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; }
.new_right ul h3 a i { padding-right: 7px; }
.new_right>.select select,.new_right>.select option { width: 90%; height: 40px; border: 1px solid #e1e1e1; border-radius: 4px; margin: 10px 5% 7px; font-family: 'Playfair Display', serif; color: #464646; font-weight: 600; }
.tin_right .read_more { text-align: center; }
.tin_right .read_more a { color: #ffffff; font-size: 16px; font-weight: 500; text-transform: uppercase; margin-top: 3px; background: #ffcc32; border-radius: 50px; padding: 3px 30px 3px; display: inline-table; transition: 0.5s; border: 1px solid #ffcc32; }
.tin_right .box_right_pro_view:first-child { margin-top: 0 }
.box_right_pro_view { margin: 30px 0; text-align: left; }
.dv_box_pro.tin_left .dv-home-qc { margin-top: 20px; }
.box_right_pro_view h4 { text-align: left; margin: 0; font-size: 15px; color: #ff0000; }
.box_right_pro_view .dv-right { width: calc(100% - 100px); float: left; }
.box_right_pro_view h4 span.gia_km { color: #c1c1c1; font-weight: normal; font-size: 14px; padding-left: 5px; text-decoration: line-through; }
.filter-group ul::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #919aa8; width: 5px; }
.filter-group ul::-webkit-scrollbar { width: 5px; background-color: #fff; }
.filter-group ul::-webkit-scrollbar-track { border-radius: 10px; background-color: #fff; width: 5px; }
.title_right_pro_view {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 15px;
    color: #ffffff;
    text-align: left;
    background: #21409a;
    padding: 8px 20px;
    border-radius: 5px 5px 0 0;
}.box_right_pro_view>ul { list-style-type: none; border: 1px solid #e8e8e8; padding: 6px 10px; }
.fa-bars:before { font-size: 21px; padding-right: 8px; }
.new_id_bs .read_more { margin-top: 7px; }
.new_id_bs .read_more a { color: #ffcc32; font-size: 13px; font-weight: 500; text-transform: uppercase; margin-top: 3px; background: transparent; border-radius: 50px; padding: 5px 25px; display: inline-table; transition: 0.5s; border: 1px solid #ffcc32; }
.new_id_bs .read_more a:hover { background: #253041 }
.new_right ul h4 { float: right; width: 100%; font-weight: 400; font-size: 15px; color: #464646; line-height: 23px; margin: 5px 0; text-align: left; }
.new_right ul h4>span { color: #ffcc32; letter-spacing: 2px; font-weight: bold; text-decoration: inherit; }
.new_right.new_right_2column ul:last-child { border-bottom: dotted #CCC 1px; }
.new_right ul:last-child { border-bottom: none; }
.new_right ul li { list-style: none; line-height: 0; float: left; width: 40%; position: relative; overflow: hidden; display: block; }
.new_right ul li img { width: 100%; height: auto; 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); }
.new_right ul h3 { float: right; width: 100%; font-weight: 400; font-size: 14px; color: #232324; line-height: 23px; height: 45px; overflow: hidden; margin-top: 7px; }
.new_right ul h3 a { color: #232324; 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; }
.new_right ul h3 span { font-size: 15px; color: #666; display: block; padding-top: 5px; }
.new_right ul h3 span i { padding-right: 5px; font-size: 12px; }
.new_right h4 a, .thongso_pro h2 a, .more_pro_id a, .xemthem_id_r a { vertical-align: middle; font-size: 16px; font-weight: 500; padding: 5px 0; letter-spacing: 0.025em; color: #fff; transition: .3s ease-out; text-transform: capitalize; display: block; 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; text-align: center; margin: 10px; background: #ffcc32; }
.new_right h4 a:hover, .new_right h4 a:hover, .thongso_pro h2 a:hover, .camket_pro h4 a:hover, .more_pro_id a:hover, .xemthem_id_r a:hover { color: #fff; background: #f5111a; }
.tintuc_box_home { padding: 0px 0 30px; }
.left_tt_home { float: left; width: 100%; }
.left_tt_home ul li, .left_tt_home ul li img { list-style: none; line-height: 0; position: relative; overflow: hidden; display: block; width: 100%; height: auto; 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); -ms-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); }
.pro_id .tt_page { border: none; margin: 0 }
#news_slide1 .new_id_bs ul h3 a { margin: 0; padding: 7px 0; }
#news_slide1 .new_id_bs ul { float: right; width: 100%; margin: 0; }
.pro_id #news_slide1 .new_id_bs { width: calc(100% / 1 - 20px); padding-bottom: 5px; }
.title_page ul .h_title { text-transform: uppercase; font-size: 20px; font-weight: 500; color: #ffffff; text-align: left; padding: 6px 0; padding-left: 20px; letter-spacing: 1px }
.left_tt_home ul li img:hover, .right_tt_home ul li img:hover, .id_bds ul li img:hover, .project_home_id ul li img:hover, .list_pro_home ul li img:hover, .tintuc_page_id ul li img:hover, .doitac_id ul li img:hover, .project_id ul li img:hover, .hinhanh_id ul li img:hover, .tintuc_home_id ul li img:hover, .pro_id ul li img:hover { transform: scale(1.2); opacity: 1; -webkit-filter: grayscale(0); }
.new_right ul li img:hover { transform: scale(1.2); opacity: 1; -webkit-filter: grayscale(0); }
.left_tt_home ul h3 a { display: block; padding: 10px 0px 10px 0px; color: #464646; font-size: 14px; font-weight: normal; line-height: 23px; }
.left_tt_home ul h4 { display: block; padding: 0 10px; color: #666; font-size: 17px; font-weight: normal; line-height: 25px; }
.left_tt_home ul h4 i, .right_tt_home ul h3 span i { padding-right: 5px; }
.left_tt_home ul p { color: #666; line-height: 28px; padding: 5px 10px 15px 10px; text-align: justify; }
.left_tt_home ul { float: left; width: calc(100% / 1 - 20px); background: #fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); margin: 0 10px; }
.fa-calendar:before { color: #ff0000; }
.right_tt_home { float: left; margin: 0; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); }
.right_tt_home ul { border: 1px solid #e6e6e6; padding: 5px; }
.right_tt_home ul li { float: left; list-style: none; line-height: 0; width: 30%; position: relative; overflow: hidden; display: block; }
.right_tt_home ul li img { width: 100%; height: auto; 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); -ms-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); }
.right_tt_home ul h3 { float: right; width: 66%; }
.right_tt_home ul h3 a { display: block; color: #464646; font-size: 14px; font-weight: normal; line-height: 23px; }
.right_tt_home ul h3 a:hover { color: #ffcc32 }
.right_tt_home ul h3 span { color: #666; font-size: 15px; font-weight: normal; line-height: 22px; display: block; padding-top: 3px; }
.marquee { overflow: hidden; height: 420px; }
.marquee_2 { overflow: hidden; height: 30px; }
.quanly_giadau { position: absolute; right: 90px; top: 9px; z-index: 1; }
.bounce { height: 30px; overflow: hidden; position: relative; color: #666; width: 400px; }
.bounce p { position: absolute; width: 100%; height: 100%; margin: 0; line-height: 30px; text-align: center; -moz-transform: translateX(50%); -webkit-transform: translateX(50%); transform: translateX(50%); -moz-animation: bouncing-text 5s linear infinite alternate; -webkit-animation: bouncing-text 5s linear infinite alternate; animation: bouncing-text 10s linear infinite alternate; }
@-moz-keyframes bouncing-text { 0% { -moz-transform: translateX(50%); }
100% { -moz-transform: translateX(-50%); }
}
@-webkit-keyframes bouncing-text { 0% { -webkit-transform: translateX(50%); }
100% { -webkit-transform: translateX(-50%); }
}
@keyframes bouncing-text { 0% { -moz-transform: translateX(50%); -webkit-transform: translateX(50%); transform: translateX(50%); }
100% { -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
}
.logo_top img { height: 60px; }
.right_top { width: auto; float: right; }
.giohang_top .right { width: calc(100% - 30px); padding-left: 7px; }
.logo_top a { display: block; line-height: 0; }
.giohang_top { white-space: nowrap; width: auto; margin-left: 15px; background: #ffcc32; border-radius: 3px; padding: 6px 15px; }
.input_search { width: 100%; }
.collection-selector { width: 125px; }
.timkiem_top form { width: calc(100% - 125px); float: left; }
.search a { width: 50px; right: 0; position: absolute; }
.timkiem_top { margin: 0; margin-left: 90px; width: 465px; position: relative; background: #ffffff; border-radius: 3px; float: left; }
.dv-top a { display: block; line-height: 0; }
.timkiem_top.no_box { width: calc(100% - 125px); float: left; margin: 0; border: none; }
img.vls-sp-2 { position: absolute; top: 0; background: #fff; z-index: -1; transition: all .3s; opacity: 0; left: 0; }
.pro_home_id ul:hover img.vls-sp-2 { z-index: 1; opacity: 1; }
.pro_home_id ul li a { overflow: hidden; position: relative; display: block; line-height: 0; margin-bottom: 15px; }
.copy-right { background: #ededed; }
.copy-right .pagewrap { border-top: 1px solid #e1e1e1; padding: 15px 0; }
.popup_giohang h3 { background: #21409a; font-size: 16px; padding: 12px 15px; }
.dv-anh { text-align: left; }
.mobileqty input { width: 34px !important; }
.mobileqty.so-luong-mua.no_box { border: none; }
.button-cart .btn-checkout, .order-summary__nav.method-button-cart button { background: #21409a; border-radius: 4px; }
.copy-right a { color: #4c4c4c; }
.dv-yeuthich-box { display: inline-block; float: right; }
.dv-yeuthich-box a { color: #f2f2f2; display: inline-block; text-align: center; font-size: 12px; margin-left: 10px; line-height: 1.3; margin-right: 10px; }
.dv-yeuthich-box a:hover { color: #ffcc32; }
.dv-yeuthich-box a i { display: inline-block; font-size: 20px; }
.dv-yeuthich-box a span { display: block; line-height: 1; position: relative; top: 5px; }
.dv-sp-icon-moi { position: absolute; z-index: 1; top: 5px; left: 5px; font-size: 13px; background: #21409a; padding: 0px 12px; border-radius: 100px; color: #fff; }
.dv-header-top.dv-header-fixed.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 11111; }
.dv-sp-icon-moi.sale { background: #af0910; }
.dv-shoppe { position: fixed; bottom: 30%; left: 25px; z-index: 1111; }
.dv-shoppe a { display: flex; line-height: 0; margin-top: 12px; position: relative; align-items: center; justify-content: center; }
.dv-shoppe a img { width: 40px; height: 40px; background: #fff; border-radius: 100px; margin: 0 10px 0 0; }
.dv-shoppe a span { margin: 0 auto 0 0; background: #FF9800; display: inline-block; color: #fff; line-height: 1.5; padding: 3px 20px; border-radius: 100px; font-size: 14px; font-weight: normal; display: none; position: absolute; left: 50px; }
.dv-shoppe a:hover span { display: block; }
@media only screen and (max-width: 1199px) { .pagewrap { width: 100%; padding-left: 10px; padding-right: 10px }
.pro_home_id.pro_id ul { width: calc(100% / 3 - 20px); }
.timkiem_top { width: calc(40% - 30px); margin-left: 30px; }
.select-selected { width: 100%; }
.timkiem_top form { width: calc(100% - 125px); }.dv-slider-nang li { height: auto; }
}
@media only screen and (max-width: 992px) { a.a_trangchu_mb { display: none; }
.dv-copy-right { padding: 0 10px; }
.evo-header-hotline-cart.right_top { position: absolute; right: 35px; margin-top: 8px; }
.timkiem_top.no_box { width: auto; right: 0; top: -16px; }
.timkiem_top.no_box.actiii .input_search { display: block; width: 250px; border: 1px solid #e6e6e6; border-radius: 100px; height: 36px; font-size: 13px; position: absolute; right: -5px; background: #fff; top: -4px; }
.pro_home_id.pro_id ul { width: calc(100% / 2 - 20px); }
.menu-bar.hidden-md.hidden-lg { background: #ffcc32; position: absolute; top: 7px; }
.left_banner { display: none; }
.right-news.col-lg-3 { display: none; }
.bannerMain { width: 100%; margin: 10px 0; }
.dv-header-bottom { display: none; }
span.link-box { display: none !important; }
span.link-box { }
.logo_top img { margin: 0; }
.conten>.pagewrap_home { margin: 0; }
.mm-panel.mm-hasnavbar .mm-navbar { background: #21409a; }
.menu > li > a { color: #333 !important; }
.select-selected { display: none; }
.input_search { display: none; }
.collection-selector { display: none; }
.timkiem_top form { width: auto; }
.timkiem_top { border: none; width: auto; position: absolute; right: 105px; top: -30px; z-index: 1111; }
.search a { width: 28px; background: #21409a url(../images/search.png) no-repeat center 8px; float: right; height: 28px; background-size: 47%; border-radius: 100px; z-index: 9; }
.giohang_top .right p b { width: 18px; height: 18px; background: #FFC107; text-align: center; color: #fff; border-radius: 100px; font-size: 11px; position: absolute; right: 0; top: 7px; line-height: 18px; }
.right_content.right p:nth-child(1) { display: none; }
.right_content.right u { display: none; }
.giohang_top { position: absolute; right: 58px; top: -45px; background: none; padding: 0; z-index: 1111; }
.right_content.right p:nth-child(2) { position: absolute; top: -7px; right: -10px; }
p.p-account-link { position: absolute; right: 90px; }
.footer { overflow: hidden; }
.box_pro_sile { padding: 40px 0; }
}
@media only screen and (max-width: 767px) { }
@media only screen and (max-width: 479px) { }
iframe { max-width: 100%; }
img { max-width: 100%; height: auto; }
div#lightgallery > div a { display: block; width: 100%; height: 100%; }
div#lightgallery > div a img { width: 100%; height: 100%; object-fit: cover; }
.tin_right .timkiem_top { display: none; }
.box_right_pro_view { margin-top: 0; }
.poup_page { max-width: 100%; }
#back-top { z-index: 1111; }
.tuvanbaogia_popup { max-width: 100%; }
.contact .left li { width: calc(100% / 2 - 20px); float: left; margin: 0 10px 20px; }
.thanhtoan-2 { width: calc(34% - 40px); }
.btn--disabled { padding: 0; }
.field__input-wrapper input { width: 100%; }
.cart_summary tr td sup { display: inline-block; }
.dv-hd-top { border-bottom: 1px solid rgba(238, 238, 238, 1); background: #fafafa; padding: 7px 0; }
.dv-hd-top .dv-left { display: inline-block; float: left; }
.dv-hd-top .dv-right { float: right; display: inline-block; }
li.hot-line { list-style: none; }
li.hot-line a { color: #333; }
li.hot-line a i { margin-right: 5px; }
.dv-nut-menu i:before { font-size: 17px; padding-right: 12px; }
.dv-header-bottom { width: 260px; float: left; }
.giohang_top a { display: flex; align-items: center; justify-content: center; }
.dv-ul-menu:before { content: ""; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #fff; pointer-events: none; top: -17px; display: block; position: absolute; z-index: 111; left: 10px; }
.owl-prev, .owl-next { font-size: 32px; position: absolute; top: 50%; display: block; text-align: center; width: 44px; height: 44px; background: #21409a99; border: none; }
.owl-prev span, .owl-next span { height: 44px; line-height: 42px; }
.owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover { background: #ffcc32 !important; border: none; }
a.cls-hethang.tbay-tooltip { background: #a6a6a6; color: #fff; float: none; display: inline-block; padding: 0 15px; }
.ct_add ul h3 a.clor_01.clor_hethang.cur { background: #a6a6a6; color: #fff; pointer-events: none; }
.dv-sp-icon-moi.banchay { background: #0b8109; }
.dv-tmdt a { display: inline-block; padding: 0; border-radius: 5px; margin-right: 10px; float: left; color: #fff; font-size: 13px; text-align: center; margin-bottom: 10px; line-height: 0; }
.dv-tmdt a:hover { opacity: 0.8; }
.dv-tmdt a img { height: 60px; width: auto; max-width: 100%; }
@media only screen and (max-width: 1199px) { .tin_right { width: 280px; }
.tin_left { width: calc(100% - 280px); padding-left: 20px; }
div#lightgallery > div { width: calc(100% / 4 - 20px); }
.pro_home_id ul { width: calc(100% / 4 - 20px); }
.dv-nut-menu span { font-size: 14px; }
}
@media only screen and (max-width: 991px) { .menu > li { padding: 0; }
.page_sp_ct { width: 100%; padding: 20px; }
.box_pro_sile.dv_box_pro { padding-right: 20px; }
.pro_home_id ul { width: calc(100% / 3 - 20px); }
.dt-sc-subscribe-frm input, .dt-sc-subscribe-frm input[type="email"] { width: 100%; }
.dt-sc-subscribe-frm a, .dt-sc-subscribe-frm input[type="submit"] { position: absolute; right: 15px; width: auto; font-size: 15px; padding: 11px 15px; }
.left_footer ul h3 { font-size: 18px; line-height: 1.4; }
.dv-header-top.dv-header-fixed.fixed { position: absolute; }
.dv-header-top.dv-header-fixed { padding: 0; position: initial; padding: 0; background: none; }
.logo_top img { height: 50px; }
.dv-yeuthich-box { position: absolute; top: -41px; right: 140px; z-index: 111; }
.dv-yeuthich-box a { color: #333; margin: 0; margin-right: 12px; }
.dv-yeuthich-box a span { display: none; }
.search a { background: #ffcc32 url(../images/search.png) no-repeat center 8px; background-size: 47%; }
}
@media only screen and (max-width: 767px) { .dv-shoppe { left: 10px; bottom: 30px; }
.pro_home_id ul { width: calc(100% / 2 - 20px); }
.dv-btn-cart.no_box.formBox a, .dv-send-hd.dv-send-hd-buy a { padding: 0 15px; line-height: 42px; height: 44px; }
.tin_right { width: 100%; }
.tin_left { width: 100%; padding-left: 0; padding-bottom: 20px; }
.left_contact { width: 100%; padding: 0 0 20px; }
.right_contact { width: 100%; }
div#lightgallery > div { width: calc(100% / 3 - 20px); }
.contact-maps { width: 100%; }
.poup_page { padding: 20px; }
.new_id_bs { width: calc(100% / 2 - 20px) }
.popup_giohang { width: 100%; }
.item-careers { padding: 20px; }
.cuahang-1 .col-lg-5 { width: 100%; margin-bottom: 20px; }
.cuahang-1 .col-lg-7 { width: 100%; }
.store-information { width: calc(100% / 2 - 20px); margin-top: 20px; }
.viewRight { width: 100%; }
.viewLeft { width: 100%; margin-bottom: 15px; }
.dv-home-qc .col-sm-3 { width: calc(100% / 2 - 10px); }
.listtabs li a { font-size: 14px; padding: 0; border: none; }
.listtabs li { display: inline-block; margin: 0; }
.listtabs { text-align: left; padding: 10px 0 0; }
.dv-home-tintuc .tt_page_top .new_id_bs { width: calc(100% / 1 - 20px); }
.middle-footer .col-lg-3 { width: calc(100% / 2 - 20px); margin: 5px 10px; }
.left_footer>ul { width: calc(100% / 2 - 40px); }
.bottom_id_copyright ul { width: 100%; }
.new_letter_bottom { width: 100%; padding: 20px; margin: 20px 0; }
.box_pro_sile.dv_box_pro { padding: 0; }
.bannerMain .owl-carousel .owl-item img { height: auto; }
.pro_home_id.pro_id ul { width: calc(100% / 2 - 20px); }
table .c-th-sp { width: auto; text-align: left; }
table .c-th-gia { width: auto; text-align: center; }
table .c-th-sluong { width: auto; text-align: center; }
table .c-th-ttien { width: auto; text-align: center; }
.block-total-left { width: 100%; }
.block-total-cart { width: 100%; margin-top: 20px; }
table .c-th-sp a.sp { display: inline-block; padding: 0; margin: 0 0 15px; }
table .c-th-sp a.del i { display: inline-block; }
table .c-th-gia b sup { display: inline-block; }
div#chitiet_news { width: 100%; }
.thanhtoan-2 { width: 100%; padding: 0; margin: 20px 0; }
#placeSlide_main .sidebar { width: 100%; margin: 0; padding: 0; border: none; }
.sidebar .sidebar__title { padding: 0; }
.discount-code { padding: 0; }
.dv-dichvu .col-lg-4 { width: calc(100% / 1 - 20px); margin: 0 10px 20px; }
div#pro_tabs { display: none; }
ul.flag-language { position: absolute; right: 5px; }
.dv-tmdt a img { height: 40px; width: auto; max-width: 100%; }
#back-top { bottom: 90px; }
.dv-shoppe a.ahow { margin-left: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #ffcc32; border-radius: 100px; color: #fff !important; cursor: pointer; display: block !important; }
.dv-shoppe a { display: none; } .dv-shoppe.acti a { display: flex; } .dv-shoppe a.ahow:hover { background: #21409a; }
div#back-top .add-icon-r { display: none; } .back-top-acti .add-icon-r { display: block !important; }
.logo_top { max-width: calc(100% - 200px); }.logo_top img { height: 50px; object-fit: cover; }
}
@media only screen and (max-width: 479px) { .pro_home_id ul { width: calc(100% / 1 - 20px); }
.pro_home_id.pro_id ul { width: calc(100% / 1 - 20px); }
.middle-footer .col-lg-3 { width: calc(100% / 1 - 20px); }
.left_footer>ul { width: calc(100% / 1 - 40px); padding: 0; margin-top: 20px; }
.bannerMain .owl-carousel .owl-item img { height: auto; }
div#ftwp-postcontent { padding: 15px; }
div#lightgallery > div { width: calc(100% / 2 - 20px); }
.new_id_bs { width: calc(100% / 1 - 20px) }
.dv-about-1 .col-lg-6 { width: calc(100% - 20px); margin-bottom: 20px; }
.dv-about-1 { padding: 40px 0 20px; }
.dv-about-2 { padding-bottom: 20px; }
.dv-about-2 .col-lg-6 { width: calc(100% - 20px); margin-bottom: 20px; }
.dv-about-2 .col-lg-6:last-child { padding: 0; }
.tiltle { font-size: 25px; line-height: 1.5; }
.title_news h2 { font-size: 22px; }
}