@charset "utf-8";

/* CSS Document */
@import url("css/fonts.css");
l { margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; font-weight: 100; }
img { max-width: 100%; height: auto; }
h1, h2, h3, h4, h5, h6 { margin: 0; }
body { font-family: ExoRegular; font-size: 14px; line-height: 1.5; max-width: 1366px; margin: auto; background: #ffffff; }
l { margin: 0; }
footer { position: relative; width: 100%; float: left; color: #ffffff; }
#menu_mm { font-family: ExoRegular; }
.loading { position: fixed; z-index: 2000; height: 2em; width: 2em; overflow: visible; margin: auto; top: 0; left: 0; bottom: 0; right: 0; display: block; }
.loading:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 1); }
.loading.mask:before { background-color: rgba(255, 255, 255, 1) }
.loading:after { content: ''; display: block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: fa-spin 1500ms infinite linear; -moz-animation: fa-spin 1500ms infinite linear; -ms-animation: fa-spin 1500ms infinite linear; -o-animation: fa-spin 1500ms infinite linear; animation: fa-spin 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(57, 72, 2, 0.7) 1.5em 0 0 0, rgba(57, 72, 2, 0.7) 1.1em 1.1em 0 0, rgba(57, 72, 2, 0.7) 0 1.5em 0 0, rgba(57, 72, 2, 0.7) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(57, 72, 2, 0.7) 0 -1.5em 0 0, rgba(57, 72, 2, 0.7) 1.1em -1.1em 0 0; box-shadow: rgba(57, 72, 2, 0.7) 1.5em 0 0 0, rgba(57, 72, 2, 0.7) 1.1em 1.1em 0 0, rgba(57, 72, 2, 0.7) 0 1.5em 0 0, rgba(57, 72, 2, 0.7) -1.1em 1.1em 0 0, rgba(57, 72, 2, 0.7) -1.5em 0 0 0, rgba(57, 72, 2, 0.7) -1.1em -1.1em 0 0, rgba(57, 72, 2, 0.7) 0 -1.5em 0 0, rgba(57, 72, 2, 0.7) 1.1em -1.1em 0 0; }
a:hover, a:focus { outline: 0; text-decoration: none; }
input:focus, button:focus { outline: 0; }
a { text-decoration: none }
.margin_auto { width: 1200px; margin: auto; position: relative; }
.dkdn_box .col2 { padding: 10px; }
.khung_intro { margin-top: 2em; display: inline-block; }
.custom_modal .nav-tabs>li { width: 50%; -webkit-box-shadow: inset 2px -2px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 2px -2px 5px 0px rgba(0, 0, 0, 0.1); text-align: center; text-transform: uppercase; }
#error-login { font-family: 'RobotoBold'; color: #f00; text-align: center; font-size: 15px; }
.dkdn_box p.title-log { font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 500; color: #cf0656; text-transform: uppercase; text-align: center; padding-top: 1em; }
.dkdn_box p.intro-log { font-size: 14px; line-height: 1.5; font-family: 'Roboto', sans-serif; font-weight: 400; color: #999999; }
.link-return { font-size: 14px; font-family: 'SFUFuturaBook', sans-serif; font-weight: 400; display: inline-block; width: 100%; text-align: right; padding: 0 0 1em 0; color: #999999; }

/*ANH TL*/
.fullscreen { width: 100% !important }
.pad015 { padding: 0 15px !important }
.colorred { color: red }
.textright { text-align: right !important }
.textcenter { text-align: center !important }
.textlarge { font-size: 1.5em }

/*ANH TL*/
#timkiem input::-webkit-input-placeholder { color: rgb(51, 51, 51); font-size: 12px; font-family: "RobotoRegular"; font-style: italic }
#timkiem input:-moz-placeholder { color: rgb(51, 51, 51); font-size: 12px; font-family: "RobotoRegular"; font-style: italic }
#timkiem input::-moz-placeholder { color: rgb(51, 51, 51); font-size: 12px; font-family: "RobotoRegular"; font-style: italic }
#timkiem input:-ms-input-placeholder { color: rgb(51, 51, 51); font-size: 12px; font-family: "RobotoRegular"; font-style: italic }
.timkiem_nc { position: absolute; top: 3em; left: 5em; transition: .5s all; z-index: 99; width: 50%; }
.timkiem_nc h3 { width: 100%; float: left; font-size: 15px; font-family: 'RobotoBold'; color: #ffffff; text-transform: uppercase; padding: 0 2em; }
.timkiem_nc h3 a { color: #ffffff; }
.timkiem_nc p { color: #ffffff; font-size: 15px; font-family: 'RobotoRegular'; display: inline-block; padding: 10px 0 2em; }
.khungtimkiem { width: 100%; text-align: center; position: relative; }
.right_slider { width: 285px; float: right; }
.right_slider .qc2 { margin: 10.5px 0; }
.khungbao { min-height: 225px }
ul#search { font-weight: normal; position: absolute; opacity: 0; top: 100%; z-index: 999; left: 0; width: 100%; background: #fff; text-align: left; max-height: 315px; overflow-y: auto; border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; padding: 0; margin: 0 }
ul#search:empty { border: none }
ul#search::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5 }
ul#search::-webkit-scrollbar { width: 5px; background-color: #F5F5F5 }
ul#search::-webkit-scrollbar-thumb { background-color: #b6b6b6 }
ul#search.active { opacity: 1 }
ul#search li { display: block; float: none; padding: 5px; line-height: 19px; border: 1px solid #d7d7d7; border-right: none; border-bottom: none; box-sizing: border-box; cursor: pointer }
.input-group { width: 150px; text-align: center; float: left; margin: 0; margin-right: 1em; padding-top: 0.5em }
#search-hover { float: left; width: 95px; padding: 0; margin: 0; padding-top: 0; padding-left: 0; cursor: pointer; background: #e5e5e5; margin-right: 10px; position: absolute; z-index: 100 }
#search-hover li { float: left; width: 100%; list-style: none; margin: 0; padding-left: 10px; border-bottom: 1px solid #ccc; height: 45px; line-height: 45px }
#search-hover li img { max-width: 71px }
.select2-results__options:empty { border: none }
.select2-results__options::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5 }
.select2-results__options::-webkit-scrollbar { width: 5px; background-color: #F5F5F5 }
.select2-results__options::-webkit-scrollbar-thumb { background-color: #b6b6b6 }

/*#timkiem span{float:left;width:95px;background:#e5e5e5;height:42px;display:block;border:1px solid #e5e5e5}
*/
#timkiem img.active-seleted { background: #e5e5e5; padding-left: 10px; cursor: pointer }
#timkiem span i { position: absolute; left: 80px; top: 15px }
#timkiem { position: relative; overflow: hidden; width: 275px; float: right; margin-top: 7px; }
#timkiem .input { width: 100%; float: left; border: 0; margin: 0; outline: none; font-size: 12px; height: 30px; border-radius: 5px; border: 0; overflow: hidden; background: #ffffff; }
#timkiem .input .select2-container--default .select2-selection--single { background: #fff }
#timkiem .input .select2-container { width: 100% !important }
#timkiem input { float: left; height: 100%; width: calc(100% - 50px); border: 0; padding: 0 0 0 20px; font-size: 15px; font-family: "RobotoRegular"; color: #000000; background: transparent; }
#timkiem .input .select2-container .select2-selection--single { height: 42px !important }
#timkiem .input .select2-container--default .select2-selection--single { border-radius: 0 !important; border: 0 }
#timkiem .input .select2-container--default .select2-selection--single .select2-selection__rendered { height: 42px !important; line-height: 42px !important }
#timkiem .input .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px !important; right: 30px }
#timkiem button { border: 0; color: #000000; height: 100%; position: absolute; right: 5px; text-transform: uppercase; top: 0; width: auto; background: transparent; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.search { float: right; border: 0; color: #fff; width: 30px; height: 30px; text-transform: uppercase; position: absolute; z-index: 10; right: 0; top: 0; font-weight: bold; cursor: pointer; outline: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background: url(images/search.png)no-repeat center; }
#timkiem button i { font-size: 18px; display: inherit; }

/*.search:after{position:absolute;content:'';left:0;top:10px;height:20px;width:1px;background:rgba(179,179,179,1)}
*/
.search i { font-size: 22px; color: rgb(255, 255, 255); }
#id_list { float: left; height: 100%; border: 0; padding: 0 1em; width: 105px; color: #333333; border-right: 1px solid #cacaca; }
.dathang_ { width: 100%; float: left; text-align: center }
.dathang_ .form_dathang { float: none; margin: auto }
.uploader { position: relative; overflow: hidden; box-shadow: 0 0 0 2px #f4f4f4; -webkit-box-shadow: 0 0 0 2px #f4f4f4; -moz-box-shadow: 0 0 0 2px #f4f4f4; border: 1px solid #DDD; background: white; padding: 2px 2px 2px 8px }
#lang_drop { float: left; width: 140px; padding: 0; margin: 0; padding-top: 0; padding-left: 0; cursor: pointer;/* position:absolute; */ z-index: 100; }
#lang_drop i { position: absolute; left: 80px; top: 13px; color: #000 }
#lang_drop .select2-container { width: 70px !important }
#lang_droplist { height: 42px; width: 100%; line-height: 22px; color: #717171; cursor: pointer; display: inline-block; text-align: right; text-transform: capitalize; font-size: 11px }
#lang_droplist img { margin-right: 10px }
#lang_droplist ul#menu_location_list { background: white; width: 100%; border: 1px solid #ccc; margin: -5px 0 0; padding: 0 0 0; list-style: none; display: none; z-index: 99999; position: relative; float: right }
#lang_droplist ul#menu_location_list li { float: none; display: block; height: 42px; padding: 0; margin: 0 }
#lang_droplist ul#menu_location_list li a { height: 42px; line-height: 42px; padding: 0; color: #717171; padding: 0; text-decoration: none; width: 100%; display: block; text-align: center; font-size: 11px }
.cart { float: left; margin: 2em; position: relative; }
.cart li { position: relative; display: flex; }
.cart li p { float: left; width: 40px; height: 40px; background: rgb(25, 117, 221); border-radius: 50%; line-height: 40px; text-align: center; margin-right: 10px; }
.cart li.dnhap { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 5px; text-align: center; text-transform: uppercase; line-height: 40px; }
.cart a span { position: absolute; top: 0; left: 25px; width: 18px; height: 18px; border-radius: 8px; border: 1px solid #e62e6b; color: #000000; font-size: 12px; text-align: center; line-height: 18px; }
.cart a { font-size: 14px; font-family: "RobotoRegular"; color: #fff; }
.headers .dnhap .a { background: url(images/dk.png)repeat top center; width: 104px; height: 27px; line-height: 27px; margin-top: 8px; }
.headers a:hover { color: #f7a418; }
.headers span { }
.content_info_sc { width: 150px; background: #fff; border: 1px solid #ccc; padding: 5px 0; position: absolute; top: 75%; right: 0; z-index: 999; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); display: none }
.content_info_sc ul { list-style-type: none }
.content_info_sc ul li { padding: 3px 10px }
.content_info_sc ul li a, .if_ac li a { color: #000; font-size: 12px; font-family: 'RobotoRegular' }
.content_info_sc ul li:hover, .if_ac li:hover { background-color: #f5f5f5 }
.sTable thead td:first-child { border-left: none }
.sTable thead td { text-align: center; border-bottom: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; background: #f0f0f0; color: #878787; font-size: 11px; color: #878787; font-weight: normal; padding: 3px 8px 2px }
.sTable tbody td { border-left: 1px solid #e4e4e4; padding: 5px 5px; vertical-align: middle; font-size: 12px }
.sTable tbody tr { border-top: 1px solid #e4e4e4 }
.sTable tbody tr:first-child { border-top: none }
.sTable tbody td p { margin: 0 }
.sTable { border: 1px solid #cdcdcd; border-collapse: collapse }

/*#lang_drop:hover ul#menu_location_list{display:block!important}
*/
ul#menu_location_list li:hover a { color: #f00 !important }
#banner, #logo { float: left; }
#banner { float: left }
#banner h2 { font-size: 36px; text-transform: uppercase; padding-top: 10px; color: #ac0000; }
#logo { position: relative; transition: .5s all; }
.headers { width: 100%; float: left; font-size: 14px; font-family: RobotoRegular; color: #ffffff; z-index: 99; line-height: 40px; background: #a1a1a1; height: 40px; }
.headers i { font-size: 16px; }
#hinhanh_top { float: right; margin: 15px 0 10px }
#container { width: 100%; float: left; }
.container { width: 100%; float: left; background: none no-repeat bottom center }
#logo img, #banner img { max-width: 100%;/* display: inline-block; */ position: relative; z-index: 111; }
#top { width: 100%; float: left; background: url(images/gocphai.png) no-repeat right top }
.top_info { width: 100%; float: left; height: 40px; background: #efefef }
.right_top { width: 65%; float: right; line-height: 55px; }
.hotro_top { width: 100%; float: left; background: #0a3594; padding: 10px 0 5px; font-family: 'OpenSansRegular' }
.email_top { float: left; padding: 0 1em 0 1.5em; position: relative; background: url(images/mail.png)no-repeat left center; }
.email_top i { }
.email_top span { }
.email_top a { color: #4a4a4a }
.email_top a:hover { color: #0098e5; text-decoration: underline }
.diachi_top { float: left; margin-right: 3em; padding-left: 1em; background: url(images/diachi.png)no-repeat center left; }
.diachi_top:nth-child(2) { margin: 0; }
.diachi_top a { color: #ffffff; }
.diachi_top i { }
.tendv_top { width: 50%; float: left }
.hinhdv_top { width: 33%; float: left }
.hotnews { width: 100%; display: grid; grid-template-columns: 1fr 2fr; grid-gap: 5px; margin-bottom: 1em; }
.hotnews img {/* border-radius: 50%; */transition: .5s all; }
.hotnews img:hover { transform: scale(.95); transition: .5s all; }
.hotnews .col { padding-top: 10px; }
.hotnews h3 a { font-family: 'RobotoBold'; font-size: 14px; color: rgb(47, 47, 47); }
.hotnews h3 a:hover { color: #f00 }
.hotnews p { color: rgb(92, 92, 92); font-size: 14px; font-family: 'RobotoRegular'; }
.hotro_bv { background: url(images/hotro_bv.png)no-repeat left .5em top 1em; display: inline-block; width: 100%; padding: 1em 0 0 4em; height: 7em; font-family: 'RobotoRegular'; font-size: 14px; }
.hotro_bv span { color: rgb(160, 10, 52); }
.share { padding: 10px 0 0 10px; float: left }
.slogan { float: left; }
.slogan marquee { line-height: 40px; }
.slogan p { text-align: center; padding: 9px; color: rgba(255, 255, 255, 1); font-size: 15px; font-family: "SFUFuturaHeavy"; text-transform: uppercase }
.dangnhap_top { float: right; margin: 25px 0 0; text-align: right }
.dangnhap_top a { color: #262626; padding: 0 10px }
.dangnhap_top a:hover { color: #00c1f8; text-decoration: underline }
.mangxh { float: left }
.mangxh h4 { float: left; margin-top: 8px; font-size: 16px; color: #fff }
.mangxh a { float: left; padding: 2px 5px 0 }
.mangxh_top { float: right; padding: 10px }
.mangxh_top a { float: right; padding: 0 0 0 15px }
.mangxh_top span { font-family: "RobotoRegular"; font-size: 13px; color: rgb(255, 255, 255) }
.mangxh_top:hover a { color: rgb(255, 0, 0) }
.mangxh_top_ { width: 32%; float: right; padding: 0 }
.mangxh_top_:hover a { color: rgb(255, 0, 0) }
.mangxh_top .hinhdv_top { width: 30% }
.mangxh_top_ a { font-family: "RobotoBold"; font-size: 13px; color: rgb(65, 65, 65); text-transform: uppercase }
.thongtin_tt { float: left; width: 540px; }
.thongtin_tt a { font-family: "RobotoRegular"; color: rgb(85, 85, 85); font-size: 14px }
.thongtin_tt a:hover img { transform: rotate(360deg); transition: 1s }
.thongtin_tt li { float: left; position: relative; width: 100%; }
.thongtin_tt li h1 { font-family: 'SFUAuchonRegular'; font-size: 38px; text-transform: uppercase; color: rgb(247, 0, 0); }
.tygia { width: 140px; float: left; height: 40px; line-height: 41px }
#header { width: 100%; float: left; transition: .5s all; position: relative; }
.fixed { position: fixed !important; left: 0; top: 0; z-index: 999; transition: .5s all; }
#main_menu.fixed { position: relative; padding: 0; width: 100%; background: #ffffff; margin: 0; z-index: 9; box-shadow: 0 10px 10px -10px #ccc; }
.fixed .menu_left { display: none }
.right_top.fixed #logo { top: 0 }
.right_top.fixed #logo img { max-width: 100px; transition: .5s all; }
.top_bg { background: #02b8f1; width: 100%; float: left }
.top_bg ul { float: right }
.top_bg ul li { display: inline-block; position: relative; height: 30px; float: left }
.top_bg ul li a.kt_vandon { font-size: 12px; color: #fff; float: left; padding: 0 15px 0 0; margin-right: 10px; background: url(images/down_t.jpg) no-repeat right 12px; height: 30px; line-height: 30px }
.top_bg ul li:hover a { color: #FFF000 }
.top_bg ul li .dropdown { top: 100%; z-index: 999; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 300px }
#menu_top { width: 20%; float: left; margin: 0; position: relative; border: 2px solid #00b1f0; border-top: 0 }
#menu_top h2 { text-align: center; height: 45px; line-height: 45px; background: url(images/icon_danhmuc.png) no-repeat 20px 15px; background-color: #00bcff; text-transform: uppercase; font-size: 16px; font-weight: 100; font-family: 'RobotoCondensedBold'; color: #fff }
#menu_top ul.big { width: 100%; float: left; padding: 5px }
#menu_top ul li.fi { width: 100%; float: left; padding: 10px 0 10px 10px; text-transform: uppercase; font-size: 12px; color: #333; border-bottom: 1px dotted #ccc; background: url(images/style.png) no-repeat 215px 15px }
#menu_top ul li.fi:last-child { border-bottom: 0 }
#menu_top ul li.fi a.fi1 { color: #333; display: block }
#menu_top ul li.fi .fi1 span img { width: 22px; height: 22px; float: left }
#menu_top ul li.fi .fi1 span { float: left; background: #fff; border-radius: 100%; padding: 5px; margin-right: 10px; border: 1px solid #999 }
#menu_top ul li.fi:hover { background-color: rgba(0, 0, 0, 0.05) }
#menu_top ul li.fi:hover a.fi1 { color: #0369B1 }
#menu_top .sub_menu { width: 540px; background: #fff; left: 244px; top: 0; border: 1px solid #00b3f2; float: left; position: absolute; z-index: 1000; height: 445px; display: inline-block; display: none; padding: 5px; transition: 0.5s }
#menu_top .sub_menu ul { width: 220px; float: left; height: 435px; background: #efefef }
#menu_top .sub_menu li { line-height: 1.5; text-transform: capitalize; width: 100%; float: left; position: relative }
#menu_top .sub_menu li a { float: left; width: 100%; padding: 7px 0 7px 25px; border-bottom: 1px dotted #ccc; background: url(images/muiten_trong.png) no-repeat 10px 13px; color: #666; font-size: 14px }
#menu_top .sub_menu li a:hover { color: #00749A; text-decoration: underline }
.khung_sale { width: 100%; float: left; padding: 2em 1em; margin: 1em 0; background: rgb(225, 224, 224); border: 2px solid rgb(172, 219, 235) }
.khung_sale .khungbao { background: #fff; border: 1px solid rgb(202, 202, 202) }
.khung_sale .owl-item { padding: 0 }
.khung_sale .khungbao h3 { text-align: center }
.khung_sale .khungbao h3 a { font-size: 14px; font-family: "RobotoBold"; color: rgb(62, 62, 62) }
.sale { position: absolute; left: 0; top: 0; line-height: 37px; background-color: rgba(255, 212, 36, .9); text-align: center; width: 56px; height: 35px; font-size: 15px; color: red; font-family: "RobotoBold" }
.sale:after { content: ""; width: 0; height: 0; left: 0; bottom: -4px; border-style: solid; position: absolute; border-width: 0 28px 4px; border-color: transparent rgba(255, 212, 36, .9) }
.tab_menu { width: calc(100% - 30% - 252px); float: left }
.owl_carousel_dm li a { position: relative; width: 100%; float: left; text-transform: uppercase; margin-bottom: 3px }
.owl_carousel_dm li h3 { position: absolute; z-index: 100; width: 100%; float: left; text-align: center; top: 0; font-family: 'RobotoCondensed'; font-size: 40px; color: #fff; padding: 140px; text-shadow: 1px 1px 0 #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333 }
.owl_carousel_dm img { display: block }
.owl_carousel_dm .owl-controls { display: none }
#danhmuc { width: 100%; float: left; border-top: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; padding: 10px 0 30px }
#slide_show {float: right;position: relative;width: 100%;overflow: hidden;}
#slide_show .owl-controls { display: block; width: 100%; bottom: 0; }
#slide_show .owl-theme .owl-dots { display: none !important; }
#slide_show .owl-theme .owl-nav { display: block; }
#slide_show .owl-prev { position: absolute; z-index: 10; left: -55px; top: 11.5em; width: 49px; height: 49px; background: url(images/left.png)no-repeat !important; float: left; text-indent: -9999px; display: block !important; }
#slide_show .owl-next { position: absolute; z-index: 10; right: -55px; top: 11.5em; width: 49px; height: 49px; background: url(images/right.png)no-repeat !important; float: left; text-indent: -9999px; display: block !important; }

/*#slide_show .owl-dots .owl-dot span{width: 15px;height: 15px;background: #ffffff;}
#slide_show .owl-theme .owl-dots .owl-dot.active span,#slide_show .owl-theme .owl-dots .owl-dot:hover span{background: transparent;border: 1px solid #ffffff}*/
.owl_slider { width: 95%; display: none; text-align: center; margin: auto; float: none; }
.owl_slider.owl-carousel .owl-item { padding-bottom: 5em; background: url(images/sha.png)no-repeat bottom 1.7em center; background-size: 94% 11%; }
.baiviet_slider { width: 49.25%; height: 215px; background: rgba(0, 0, 0, 0.5); position: absolute; bottom: 60px; left: 0%; padding: 30px 88px 30px 60px }
.baiviet_slider .thanh_gt:after { width: 60px; height: 2px; content: ''; background: rgb(255, 255, 255); top: 64.1%; left: 0; position: absolute }
.baiviet_slider h4 { font-size: 20px; font-weight: 100; text-transform: capitalize; width: 100%; float: left; text-align: left; font-family: 'RobotoBold'; color: rgb(255, 255, 255); position: relative; padding: 0 0 25px; text-transform: uppercase }
.baiviet_slider p { color: rgb(255, 255, 255); font-family: "RobotoRegular"; font-size: 15px; text-align: left }
#baiviet { width: 100%; float: left; padding: 0 0 40px }
.nd_baiviet { width: 38.16666%; margin: 0 auto }
.nd_baiviet p { font-family: "RobotoRegular"; font-size: 15px; color: rgb(51, 51, 51); text-transform: uppercase; line-height: 2.5 }
.nd_baiviet span { font-family: "RobotoRegular"; font-size: 20px; color: rgb(239, 7, 8) }
#deal { background: #f7f7f7; width: 100%; float: left; margin: 20px 0 }
.breadcrumb { position: relative; margin: 0; padding: 0; z-index: 5; background: transparent; border-radius: 0; margin-bottom: 1em; padding: 10px; background: #d4dad140; }
.breadcrumb li a { position: relative; color: #333; }
.breadcrumb li a:hover { color: rgb(233, 0, 0); }
#home { width: 100%; float: left; margin: 0 0 40px 0; padding: 10px 0; webkit-box-shadow: 0 5px 15px -2px rgba(0, 0, 0, .36); box-shadow: 0 5px 15px -2px rgba(0, 0, 0, .36) }
.thanh_deal { width: 100%; float: left; text-align: center; padding: 30px 0 25px }
.thanh_deal h2, .thanh_deal h4, .thanh_deal h1 { color: rgba(80, 80, 80, 1); font-size: 22px; padding: 7px 20px 20px; position: relative; text-transform: uppercase; font-family: 'SFUFutura'; font-weight: 100; display: inline-block }
.thanh_deal h2:after { content: ''; width: 60px; height: 2px; background: rgb(255, 0, 0); position: absolute; left: 50%; bottom: 12px; z-index: 100; margin-left: -26px }
.header_top { width: 100%; float: left; line-height: 37px; background: #ffffff;}
#shiphang { width: 400px; float: right; background: #ebebeb; padding: 10px }
.shiphang { padding: 20px; border: 1px dashed #0a3594; min-height: 455px; text-align: center }
.shiphang form { width: 100%; float: left }
.shiphang form label { text-transform: uppercase; color: #0a3594; float: left; width: 100%; padding: 5px; text-align: center }
.shiphang form input { padding: 10px; width: 100%; float: left; border: 0; margin-bottom: 10px; text-align: center }
.shiphang form input#tenkhachhang { background: url(images/khach.jpg) no-repeat 15px 10px; background-color: #fff }
.shiphang form input#dienthoai { background: url(images/dienthoai.jpg) no-repeat 15px 10px; background-color: #fff }
.shiphang form button { width: 100%; float: left; background: #0a3594; text-align: center; color: #fff; text-transform: uppercase; padding: 13px 0 10px; border: 0; margin-top: 10px }
.hotline_kh { width: 100%; float: left; font-size: 34px; font-family: 'OpenSansBold'; color: #0a3594; padding: 7px 0 7px 40px; background: url(images/goi.png) no-repeat; margin-top: 30px }
#order_tracking .dropdown__title { margin: 10px 0; text-transform: uppercase }
.dropdown__title { font-size: 12px; font-weight: 400; margin: 0 0 10px; text-transform: uppercase }
.form label { display: block; padding: 5px 0; font-weight: 100; font-size: 12px }
.form__submit__button { border: 0; background: #f36f21; padding: 5px 20px; color: #fff }
.form__submit__button:hover { background: #036289 }
.form__input__text { position: relative; box-sizing: border-box; outline: 0; border: 1px solid rgba(0, 0, 0, .5); margin: 0; padding: 5px; font-size: 12px; width: 100%; border-radius: 3px }
.kiemtra_donhang li { display: inline-block; padding: 5px 30px 5px 0 }
.kiemtra_donhang { width: 100%; float: left; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 20px 0 }
.thongtin_donhang li { padding: 5px 30px 5px 0; border-bottom: 1px solid #eee }
.thongtin_donhang { width: 100%; float: left; margin: 20px 0; border-top: 1px solid #ccc }
.chitiet_donhang { width: 100%; float: left; text-align: center }
.chitiet_donhang h3 { width: 75%; float: right; padding: 20px }
.title_don { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 5px; text-align: center }
.title_don td { padding: 5px; background: #eee }
.owl-carousel_news .owl-controls { display: none }
.dichvu { position: relative; width: 100%; float: left; padding: 3em 0 2em; background: #f7f7f7; }
.dichvu .noidung_dv h3 { width: 100%; float: left; position: relative; line-height: 40px; color: #ff000b; font-size: 28px; text-transform: uppercase; font-family: 'SFUFuturaHeavy'; text-align: center; padding-bottom: 10px; }
.dichvu .noidung_dv h3:after { position: absolute; content: ''; width: 2em; height: 3px; background: #ff000b; left: 50%; bottom: 0; margin-left: -1em; }
.dichvu img { transition: 0.5s; }
.dichvu .dv_hinh { width: 100%; float: left; margin-bottom: 20px; position: relative; overflow: hidden }
.dichvu .dv_hinh:hover img { transform: scale(1.1) }
.item_dv { width: 100%; float: left; position: relative; border: 1px solid #e2e2e2; background: #ffffff; transition: .5s all; }
.item_dv h3 { font-family: RobotoBold; font-weight: 100; font-size: 17px; text-transform: uppercase; width: 100%; padding: 0; margin-bottom: 1em; }
.item_dv a { color: #272727; position: relative; display: inline-block; overflow: hidden; }
.item_dv:hover a { color: #f00; }
.item_dv:hover { box-shadow: 0 0 15px #887d7d; transition: .5s all; }
.item_dv:hover .mota >a { color: #194487; }
.item_dv .mota { padding: 2em; float: left; width: 100%; position: relative; }
.item_dv .mota .icon { position: absolute; right: 2em; top: -4em; box-shadow: 2px 2px 3px 0px #cccccc; }
.item_dv .mota p { margin: 0; }
.item_dv .mota a { font-size: 14px; text-transform: uppercase; color: #6b6b6b; font-family: RobotoBold; margin-top: 0; border-bottom: 1px dashed }
.hexagon { position: relative; width: 205px; height: 118.36px; background-color: #64C7CC; margin: 59.18px 0; }
.hexagon:before, .hexagon:after { content: ""; position: absolute; width: 0; border-left: 102.5px solid transparent; border-right: 102.5px solid transparent; }
.hexagon:before { bottom: 100%; border-bottom: 59.18px solid #64C7CC; }
.hexagon:after { top: 100%; width: 0; border-top: 59.18px solid #64C7CC; }
#prolite { min-height: 960px; }
#prolite .slide { width: 100%; min-height: 960px; margin: auto; position: relative; }
#prolite .slide li { list-style: none; position: absolute; transition: all .9s ease-out; -webkit-transition: all .9s ease-out; -moz-transition: all .9s ease-out; -o-transition: all .9s ease-out; }
#prolite .slide li:nth-child(1) { top: 18%; left: 8%; }
#prolite .slide li:nth-child(1):after { width: 11.5em; height: 1px; position: absolute; content: ''; background: #1b60a4; left: 12em; bottom: 6em; }
#prolite .slide li:nth-child(1):before { width: 1px; height: 3.5em; position: absolute; content: ''; background: #1b60a4; left: 23.5em; bottom: 2.6em; }
#prolite .slide li:nth-child(2) { top: 5%; left: 35%; }
#prolite .slide li:nth-child(2):after { width: 4.5em; height: 1px; position: absolute; content: ''; background: #1b60a4; left: 11.5em; bottom: 6em; }
#prolite .slide li:nth-child(2):before { width: 1px; height: 13.5em; position: absolute; content: ''; background: #1b60a4; left: 16em; top: 7.8em; }
#prolite .slide li:nth-child(3) { top: 10%; right: 25%; }
#prolite .slide li:nth-child(3):before { width: 1px; height: 5.6em; position: absolute; content: ''; background: #1b60a4; left: 5.5em; top: 11.2em; }
#prolite .slide li:nth-child(3) h3 { position: absolute; left: 110%; width: 300px; text-align: left; top: 35%; }
#prolite .slide li:nth-child(4) { top: 30%; right: 3%; }
#prolite .slide li:nth-child(4):after { width: 10.5em; height: 1px; position: absolute; content: ''; background: #1b60a4; right: 12.5em; bottom: 4em; }
#prolite .slide li:nth-child(5) { right: 6%; bottom: 16%; }
#prolite .slide li:nth-child(5):after { width: 12.5em; height: 1px; position: absolute; content: ''; background: #1b60a4; right: 8em; bottom: 16.5em; }
#prolite .slide li:nth-child(5):before { width: 1px; height: 3em; position: absolute; content: ''; background: #1b60a4; right: 8em; bottom: 13.6em; }
#prolite .slide li:nth-child(6) { right: 32%; bottom: 6%; }
#prolite .slide li:nth-child(6):before { width: 1px; height: 6em; position: absolute; content: ''; background: #1b60a4; right: 9em; bottom: 13.6em; }
#prolite .slide li:nth-child(7) { left: 16%; bottom: 11%; }
#prolite .slide li:nth-child(7):after { width: 5em; height: 1px; position: absolute; content: ''; background: #1b60a4; left: 11em; bottom: 6em; }
#prolite .slide li:nth-child(7):before { width: 1px; height: 10.5em; position: absolute; content: ''; background: #1b60a4; left: 16em; bottom: 6em; }
#prolite .slide li:nth-child(8) { left: 3%; bottom: 36%; }
#prolite .slide li:nth-child(8):after { width: 11.5em; height: 1px; position: absolute; content: ''; background: #1b60a4; left: 11em; bottom: 8em; }
#prolite .slide li.active img, #prolite .slide li:hover img { border: 5px solid #ff000b; }
#prolite .slide li:hover:after, #prolite .slide li:hover:before, #prolite .slide li.active:after, #prolite .slide li.active:before { background: #ff000b; }
#prolite .slide li img { border: 5px solid #1b60a4; border-radius: 50%; }
#prolite .slide li.box_dv { text-align: center; }
#prolite .slide li.box_dv h3 { padding-top: 10px; }
#prolite .slide li.box_dv h3 a { font-family: 'SFUFuturaBook'; font-size: 15px; color: #000000; }
#prolite .slide li.center { top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; }
#prolite .slide li.center .noidung_dv { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 500px; height: 300px; border: 5px solid #2860b0; background: #1256b2; padding: 2em; }
#prolite .slide li.center .noidung_dv .content_dv { width: 100%; float: left; padding: 1em; text-align: center; color: #ffffff; font-family: 'SFUFuturaBook'; }
.noidung_load h2 { border-bottom: 1px solid #ccc; text-transform: uppercase; color: #555; width: 100%; float: left; font-size: 18px; font-family: 'RobotoMedium'; height: 40px; line-height: 40px }
.noidung_load h2:before { content: ''; background: url(images/icon.jpg) no-repeat; width: 56px; height: 40px; float: left; margin-right: 20px }
.top_search { background: #f6f6f6; width: 100%; float: left }
.khung_quangcao { width: 100%; float: left; padding: 1em 0 3em; }
.quangcao { margin: 0; display: block; width: 100%; float: left; }
.quangcao .owl-carousel .owl-item { padding: 0; }
.quangcao img {/* width:100% */ }
.khung_qc { width: 100%; float: left; grid-template-columns: 1fr 1fr 1fr 1fr; display: grid; grid-template-rows: 1fr 1fr; grid-gap: 5px 20px; }
.khung_qc a:nth-child(1) { grid-column: span 2; grid-row: span 2; }
.khung_qc a:nth-child(2) { }
.khung_qc a:nth-child(3) { }
.khung_qc a:nth-child(4) { grid-column: span 2; }
.photo_item_overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(232, 83, 2, 0.5); opacity: 0; transform: scale(0); transition: transform 0.5s ease 0s }
.photo_item_overlay a { position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px }
.icon_background { display: block; background: transparent none repeat scroll 0% 0%; height: 60px; width: 60px; padding: 13px; border-radius: 150px; transform: scale(0); transition: all 0.3s ease 0s }
.icon_button { position: absolute; padding: 13px; font-size: 30px; color: #FFF }
.tim { padding: 0 }
.tim a { padding: 15px 25px 0 !important }
.tim a img { float: left; margin-right: 10px }
.dichvu:hover .photo_item_overlay, .block:hover .photo_item_overlay { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) }
.photo_item_overlay a:hover .icon_background { background: rgba(0, 0, 0, 0.7); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) }
#banner, #banner_mobile { float: left; padding: 0; font-family: UTMHelvetIns; text-align: left; }
#banner_mobile { display: none }
#slogan { font-family: 'SFUSouvenirBold'; float: left; width: 650px; padding: 25px 0 0 30px; color: #0065a2; font-size: 22px; text-transform: uppercase }
#main_menu { float: right; width: 100%; }

/*#main_menu:after{content: '';position: absolute;top: 100%;width: 100%;height: 28px;background: url(images/menu_after.png)no-repeat bottom;left: 0;z-index: 99;}*/
.slide { width: calc(100% - 21.666%);/* float:left; *//* padding:10px 10px 10px 0; */ }
.bong_sl { width: 100%; float: left; height: 32px; background: url(images/bg_slide.png) no-repeat }
.ngonngu { float: right; margin: 0; margin-left: 1em; }
.ngonngu button { background: transparent; border: 0; padding: 0; }
.ngonngu select { border: 1px solid #ccc; }
.ngonngu img { margin-left: 5px }
.ngonngu img:hover { box-shadow: 0 0 10px #ccc }
.ngonngu p { text-align: center }
.ngonngu a { color: #666 }
.ngonngu a:hover { color: #037CBB }
.owwl { width: 25%; float: right }
.owwl .owl-carousel .owl-item { padding: 0 }
.fluid_container { width: 100%; float: right; }
.fluid_container .camera_wrap { margin-bottom: 0 !important }
.fluid_container .camera_pag { position: absolute; bottom: 0; right: 0 }
#thongtin { width: 100%; float: left; padding: 20px 0 30px; background: #f0f0f0 }
.baiviet { width: 225px; float: left; box-shadow: 2px 2px 2px #ccc; }
.baiviet h4 { font-family: 'RobotoBold'; font-size: 15px; text-transform: uppercase; color: #000; width: 100%; float: left; padding: 1.2em 0; text-align: center; border-bottom: 1px solid rgb(225, 225, 225); }
.baiviet ul { width: 100%; float: left; display: grid; grid-template-columns: 1fr 1fr; }
.baiviet ul li { width: 100%; float: left; line-height: 1; text-align: center; padding: 5px 0; border-bottom: 1px solid rgb(225, 225, 225); }
.baiviet ul li .col-md-3 { padding: 0 }
.baiviet ul li .col-md-9 { padding: 0 }
.baiviet ul li:hover img { -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1) }
.baiviet ul li img { -o-transition: all 1s ease; -ms-transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; z-index: -1 }
.baiviet h3 { margin: 0; padding: 5px 0 0 0 }
.baiviet h3 a { font-family: "RobotoRegular"; font-size: 15px; color: rgb(160, 10, 52); }
.baiviet h3 a:hover { color: rgb(114, 17, 18) }
.baiviet p { font-size: 15px; font-family: "SFUFuturaBook"; color: rgb(111, 111, 111); line-height: 1.4 }
.baiviet img { padding: 3px 0 0 0 }
.bong_tren { width: 100%; float: left; background: url(images/bongtren.png) no-repeat; height: 17px; margin: 20px }
.bong_duoi { width: 100%; float: left; background: url(images/bongduoi.png) no-repeat; height: 40px; margin: 0 }
#video { width: 100%; float: left }
#video_load { margin: 0; background: url(images/bg_pro.png) repeat; width: 100%; float: left }
#video_load .object { background: #fff; width: 100%; float: left }
.video { overflow: hidden; width: 460px; position: relative; padding: 0; float: right; }
.video .pos { position: absolute; width: 100%; height: 100%; text-align: center; display: flex; justify-items: center; align-items: center; justify-content: center; align-content: center; flex-flow: wrap; pointer-events: none; }
.video p { font-size: 16px; color: #ffffff; width: 100%; }
.thanh_vs h2 { font-family: SVNDancingScript; font-size: 50px; color: #ffcc00; }
.owl-carousel_video.owl-carousel .owl-item { padding: 0; }
.select_video { width: 100%; float: left; margin: 0; padding: 0; }
.select_video select { width: 100%; padding: 5px }
.sanpham_dm ul li a { text-decoration: none; width: 300px; float: left; padding: 0 0 8px 10px; color: rgba(255, 255, 255, 1) }
.sanpham_dm ul li a:hover { color: rgba(255, 255, 0, 1) }
.tieude { margin: 10px auto; width: 50%; color: #666; font-size: 24px; text-align: center }
.noidung { text-align: justify; color: #000; padding: 10px 0; width: 100%; display: inline-block }
.thongtin_lh { width: 100%; float: left; padding: 0 40px 20px 0 }
.thongtin_lh h1 { font-size: 20px; text-transform: uppercase; color: #04608B }
.form_lh { width: 100%; float: right; padding: 0 }
#form_contact input { padding: 5px }
.timkiem button:hover { color: rgba(255, 255, 0, 1) }
#thuonghieu { width: 260px; float: left; margin: 30px 0 0 0 }
.owl_th { width: 100%; display: grid; grid-gap: 30px; padding: 0; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; list-style: none; }
.item_th { width: 100%; float: left; text-align: center; }
.item_th img { border: 1px solid #ccc; }
.item_th h3 a { color: #000000; text-transform: uppercase; font-family: RobotoBold; }
.main_select { padding: 9px 0 8px 10px; font-size: 14px; font-family: "RobotoRegular"; color: rgb(64, 64, 64); width: 100%; height: 42px }
.giohang_top a { width: 26px; height: 30px; float: right; position: relative; color: #F00; height: 42px; background: url(images/taikhoan.png) no-repeat; margin: 30px 0 0 10px; padding: 9px 0 0 9px }
.giohang_top span { float: left; color: #F00 }
#slide_top { width: 100%; float: left; position: relative; border-bottom: 5px solid #7aaa00 }
#giaohang { width: 900px; float: right }
#giaohang li { width: 165px; float: left; padding: 0 20px 0 45px; text-transform: uppercase; font-size: 12px }
#giaohang li a { display: inline-block; color: #000 }
.load_phivanchuyen { float: right; font-weight: bold }
.load_phivanchuyen span { color: #F00 }
.vien_slide { width: 100%; float: left; position: absolute; background: url(images/bong_slide.png) no-repeat; height: 55px; background-size: 100%; bottom: 10px }
#album { width: 100%; float: left; padding: 4em 0; }
.album { float: left; position: relative; overflow: hidden; width: 100%; padding: 2em 0; }
.album:nth-child(4n) { margin-right: 0 }
.guong>a:before { position: absolute; top: 0; left: -85%; z-index: 10; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.guong>a:hover:before { transition: 1s; left: 100%; }
.album h3 { width: 100%; display: inline-block; padding: 1em 0 5px; }
.album:hover h3 { bottom: 0; transition: .5s all; }
.album:hover a { color: red; }
.album .mota { width: 100%; float: left; text-align: center; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; padding-bottom: 1.5em; }
.album p { font-size: 16px; margin: 0; font-family: UTMTrajanProBold; color: #989898; }
.all { display: inline-block; padding: 10px 2.5em; border: 2px solid; border-radius: 50px; text-transform: uppercase; font-family: OpenSansBold; font-size: 18px; margin-top: 2em; color: #777; }
.khung_al { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 1em; }
.khung_album { width: 100%; float: left; }
.khung_album .left_al { width: 48%; float: left; }
.khung_album .right_al { width: 48%; float: right; text-align: center; }
.khung_album .full_al { width: 100%; float: right; margin-top: 2em; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 1em; text-align: center; }
.album a { position: relative; width: 100%; float: left; font-family: UTMTrajanProBold; color: #474747; overflow: hidden; font-size: 20px; }
.album img {/* width:100%; */float: left; display: block; }
.album:hover h3 { bottom: 0; transition: .5s all; }
.fom_gh { margin: 10px }
.input-group { width: 100%; padding: 0 }
.input-group-but { text-align: center; margin: 10px 0 20px }
.input-group-but button { background: #000; padding: 10px 40px; border: 0; border-radius: 10px; color: #fff; font-weight: bold; font-size: 24px }
#main { width: 100%; float: left; position: relative; }
#mains:after { content: ''; width: 100%; float: left; height: 29px; position: absolute; bottom: -29px; left: 0 }
.main { width: 100%; float: left }
.khung_pro { width: 100%; float: right; display: grid; grid-template-columns: 1fr 1fr 1fr; padding: 0; grid-gap: 30px; }
.khung_product { width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2em; }
.wrap { width: 100%; float: left; padding: 0 0 20px 0 }
.wrap .khung { border-bottom: 0; margin: 0; padding: 20px 10px; border-left: 1px solid #f00; border-top: 1px solid #f00 }
.wrap .khung ul { display: flex; flex-wrap: wrap }
.wrap .khung ul li { flex: 1 }
.wrap .khung ul li img { border: 1px solid #ccc }
#right { width: calc(100% - 280px); float: right }
#left { width: 100%; float: left; margin: 0; margin-bottom: 30px; background: #fff; -webkit-border-radius: 5px; border-radius: 5px }
.menu_hover { width: 100%; float: left; position: relative; }
.danhmuc { width: 270px; float: left; top: 0; left: 0; z-index: 999; }
.danhmuc h4 { width: 100%; float: left; color: #ffffff; text-transform: uppercase; font-family: 'UTMAvo'; font-size: 14px; height: 45px; line-height: 45px; background: #2e5913; position: relative; cursor: pointer; text-align: center; }
@-webkit-keyframes slide-down {
	0% { opacity: 0; -webkit-transform: translateY(-100%) }
	100% { opacity: 1; -webkit-transform: translateY(0) }
}
@-moz-keyframes slide-down {
	0% { opacity: 0; -moz-transform: translateY(-100%) }
	100% { opacity: 1; -moz-transform: translateY(0) }
}
.danhmuc > ul >li:last-child { border-bottom: none }
.danhmuc_left.top { }
.danhmuc_left.top .menu_trong { padding: 15px; }
.danhmuc_left.top .item_tin { width: 100%; display: grid; grid-gap: 1em; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dashed #e4e4e4; font-family: 'RobotoRegular'; font-size: 13px; color: #4c4c4c; }
.danhmuc_left.top a { font-family: 'RobotoBold'; font-size: 14px; color: #d92323; text-transform: uppercase; }
.danhmuc_left {width: 100%;float: left;position: relative;border: 1px solid #cccccc;border-radius: 5px;overflow: hidden;}
.danhmuc_left h4 {width: 100%;float: left;color: #000000;text-transform: uppercase;font-family: ExoSemiBold;font-size: 22px;height: 45px;line-height: 45px;/* background: url(images/menu_dm.png) no-repeat; */position: relative;cursor: pointer;text-align: center;border-bottom: 1px solid #cccccc;}
.menu_trong { width: 100%; float: left; background: rgba(255, 255, 255, 1); z-index: 9; text-align: center; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 0 1em; }
.menu_trong { list-style-type: none; margin: 0; }
.menu_trong li { width: 100%; float: left; border-bottom: 1px solid #e4e4e4; position: relative; }
.menu_trong li:last-child { border: none }
.menu_trong .khung_danhmuc a { width: 100%; float: left; padding: 10px 0; text-decoration: none; color: #333333; font-family: "RobotoRegular"; font-size: 15px; background: url(images/add.png)no-repeat right 1em center; }
.menu_trong li ul a { width: 100%; float: left; color: #666 }
.menu_trong > a:hover { background: rgb(208, 82, 157) }
.menu_trong li ul a { padding-left: 60px; background: none }
.menu_trong li ul { width: 100%; float: left; display: none }
.menu_trong li ul li ul a { padding-left: 20px }

/*.menu_trong>li:hover>ul{top:0;min-height:100%;height:auto;width:100%;display:block;transition:.5s}
*/
.menu_trong li ul li { background: rgb(255, 255, 255) }
.menu_con li:first-child { border-top: 1px dashed rgb(202, 202, 202) }
.menu_trong li ul li:hover a { color: #f00; }
.menu_trong li ul li:hover ul { display: block; border-left: 1px solid rgb(242, 242, 242); transition: .5s }
.hovers { content: ''; position: absolute; left: 45px; top: 20px; width: 4px; height: 7px; background: url("images/hover.png")no-repeat left center }
.hover { position: absolute; right: 0; top: 0; cursor: pointer; }
.tinhtrang { border-top: 1px solid #627079; width: 100%; float: left }
.tinhtrang li a { display: block; padding: 5px 0 5px 20px; background: url(images/muiten.png) no-repeat 10px 13px; color: #1F589F }
.tinhtrang h4 { text-transform: uppercase; font-weight: 100; margin: 5px 0 0 5px; color: #999 }
.thanh { width: 100%; float: left; color: #000000; font-size: 20px; position: relative; text-transform: uppercase; z-index: 10; font-family: UTMAvoBold; text-align: left; padding: 0 0 1em 0; }
.hotro_tt { color: #713b00; font-weight: bold; text-align: center; margin: 0 }
.hotline_l { font-size: 14px; font-weight: bold; margin: auto; width: 100%; background: url('images/hotline_l.png') no-repeat 15px 20px; color: #fe0000; padding: 12px 0 10px 75px; font-family: 'RobotoCondensed'; float: left }
.hotline_l span { font-size: 18px; width: 100%; float: left }
.homnay { width: 50%; float: left; text-align: center; padding: 5px; font-size: 12px }
.homnay p { background: #eee; padding: 2px 0 }
.thanh img { float: left; margin: 2px 10px 0 }
.thanh h4 { color: rgba(255, 255, 255, 1); margin-top: 8px; font-weight: 100 }
.menu_left {width: 100%;float: left;z-index: 9;background: #ffffff;/* border-right: 1px solid #cccccc; *//* border-left: 1px solid #cccccc; *//* border-bottom: 1px solid #cccccc; */}
.menu_left { list-style-type: none; margin: 0; padding: 0; text-align: center; }
.menu_left li { width: 100%; float: left; transition: all 0.3s; position: relative; transition: .5s all; }
.menu_left >li >a:hover img { -webkit-filter: brightness(200%); filter: brightness(200%); filter: contrast(1000%) invert(100%) sepia(100%) saturate(10%) hue-rotate(90deg); }
.menu_left >li >a:hover {background: #ed1c24;position: relative;color: white;}
.menu_left >li >a:hover:after { content: ''; position: absolute; top: 1px; right: -22px; border-left: 22px solid #029ed4; border-top: 22px solid transparent; border-bottom: 22px solid transparent; z-index: 9; display: none; }
.menu_left li >a {width: 100%;text-decoration: none;font-size: 13px;color: #333333;position: relative;padding: 10px 0;display: inline-block;border-bottom: 1px dotted #cccccc;text-align: left;padding-left: 1.5em;}
.menu_left a img { margin-right: 5px; }
.menu_left li ul a { width: 100%; float: left; }
.menu_left li:last-child a { border-bottom: 0; }
.menu_left>li:hover>ul { display: block; transition: .5s }
.menu_left li ul a { padding-left: 20px; background: none }
.menu_left li ul { position: absolute; left: 100%; width: 250px; display: none; top: 0; padding: 0; list-style: none; z-index: 99; border: 1px solid #cccccc; }
.menu_left li ul li ul a { padding-left: 20px }
.menu_left li ul li { background: rgb(255, 255, 255); }
.menu_left li ul li:hover >a { background: #194487; color: #ffffff; }
.menu_left li ul li:hover> ul { display: block; border-left: 1px solid rgb(242, 242, 242); transition: .5s }
.menu_left li ul li ul { display: none; }
.menu_left li ul li ul.cap4 { max-height: 515px; overflow-x: auto; }
.menu_left::-webkit-scrollbar { width: 5px }
.menu_left::-webkit-scrollbar-track { background: transparent; }
.menu_left::-webkit-scrollbar-thumb { background: #3a7218 }
.menu_left::-webkit-scrollbar-thumb:hover { background: transparent; }
.menu_left li.andm { display: none; }
.menu_left li i { font-size: 15px; margin-right: 10px; }
.menu_left .block_submenu { width: 910px; background: white; padding: 0; list-style: none; height: 100%; }
.menu_left .block_submenu li { }
.menu_left .block_submenu >li { width: 25%; border: none }
.menu_left .block_submenu li a { }
.menu_left .block_submenu >li >a { font-weight: bold; padding-bottom: 0em }
.menu_left .block_submenu li ul { }
.menu_left .block_submenu >li >ul { display: block; position: relative; left: 0; width: auto; padding-left: 1em }
.menu_left .block_submenu li ul li { }
.menu_left .block_submenu >li >ul >li a { padding: 0.3em;/* padding-left:1em;*/ font-size: 0.85em }
.menu_left .block_submenu >li >ul >li { border: none }
.menu_left::-webkit-scrollbar { width: 3px }
.menu_left::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(254, 164, 137, 1); border-radius: 10px }
.menu_left::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(254, 184, 163, 1) }
nav.menu_top > ul > li a:hover { color: #ff0000; }
.menu_l { width: 100%; float: left; background: rgba(247, 247, 247, 1); z-index: 9; border: 1px solid rgb(247, 247, 247) }
.menu_l { list-style-type: none; margin: 0; padding: 0 }
.menu_l li { width: 100%; float: left; border-bottom: 1px dotted rgb(95, 86, 86); transition: all 0.3s; padding: 9.95px 15px; display: grid; grid-template-columns: 1fr 1.5fr; }
.menu_l a { width: 100%; float: left; text-decoration: none; color: rgb(0, 0, 0); font-family: "RobotoRegular"; font-size: 15px }
.menu_l img { padding-right: 10px; }
.block_submenu {background-color: #fff;left: 0;padding: 1em 0;position: absolute;z-index: 999;visibility: hidden;overflow: hidden;width: 100%;top: calc(100%);opacity: 0;-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);box-shadow: 0 2px 3px rgba(0, 0, 0, .1);-webkit-transition: opacity .5s cubic-bezier(.7, 0, .3, 1) .4s, visibility .5s cubic-bezier(.7, 0, .3, 1) .4s;-o-transition: opacity .5s cubic-bezier(.7, 0, .3, 1) .4s, visibility .5s cubic-bezier(.7, 0, .3, 1) .4s;transition: opacity .5s cubic-bezier(.7, 0, .3, 1) .4s, visibility .5s cubic-bezier(.7, 0, .3, 1) .4s;}
.block_submenu >ol{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}
.block_submenu ol { list-style: none; padding: 0; }
.block_submenu ol li:hover a { color: #ff0000; }
nav.menu_top > ul > li:hover .block_submenu { visibility: visible !important; opacity: 1; z-index: 502; }
.block_submenu > ol {padding: 0 2em;}
.block_submenu ol li h3 {font-size: 16px;margin-top: 10px;}
.block_submenu ol li h3 a{font-family: ExoRegular;color: #000000;}
.block_submenu.gp >ol{text-align: left;}
.block_submenu.gp >ol>li{border-right: 1px solid #ccc;padding-left: 1em;}
.block_submenu.gp >ol>li:nth-child(4){border-right: 0;}
.block_submenu.gp ol li img{margin-right: 10px;}
.block_submenu.gp ol li a{color: #000000;}
.block_submenu.gp >ol li ol li{line-height: 1;}
/*.block_submenu >ol{padding: 0;display: grid;grid-template-columns: 1fr 1fr 1fr;text-align: left;grid-gap: 2em;}
.block_submenu >ol h3{line-height: 1.2;padding:10px 0 5px 0;}
.block_submenu >ol a{font-family: RobotoRegular;color:#303030;font-weight: 100;}
.block_submenu p{margin: 0;line-height: 1;}
.block_submenu p a{color: #004a7f}
.block_submenu p i{color: #333333;font-size: 18px;}

.block_submenu >ol.sub{display: flex;flex-flow: wrap;}
.block_submenu >ol.sub li{border: 1px solid #cccccc;margin-right: 5px;}*/

/*.menu_left>li:hover>ul{width:auto}
*/.hotro_bt { width: 100%; float: left }
.hotro_bt p b { color: #444; font-family: 'UTMAvo' }
.hotline_bt { font-family: 'RobotoBold'; font-size: 28px; color: #ff0000; padding-top: 6.5em; width: 100%; text-align: center; }
.hotline_bt p { font-size: 18px; }
.yahoo_top { text-align: center; margin: 5px 0 0 }
.yahoo { width: 100%; float: left; margin: 0; color: #ec0000; font-size: 22px; font-family: 'UTMAvo'; flex: 1 50%; border-bottom: 1px solid; }
.yahoo p { float: left; color: #3853a4; font-size: 14px; width: 100%; }
.yahoo a { color: #333; padding-left: 5px; float: right }
.yahoo p.hinh a { float: left; margin: 5px 0 0 5px }
.yahoo .dienthoai { float: left; color: #333; padding: 2px 0 2px 30px; background: url(images/phone.png) no-repeat left; font-family: "RobotoCondensedRegular"; color: #f00; font-size: 15px; }
.yahoo .email { float: left; color: #333; padding: 2px 0 2px 30px; background: url(images/email.png) no-repeat left center; font-family: "RobotoCondensedRegular"; color: rgb(112, 112, 112); font-size: 15px; }
.yahoo p span { float: left; padding: 7px 0 0 0; font-family: "RobotoCondensedBold"; font-size: 17px }
.row_list .khung { display: grid; grid-gap: 30px; grid-template-columns: 1fr 1fr 1fr 1fr; padding-top: 2em; }
.row_list .khung_sp .item_index { padding: 10px; width: 100%; display: grid; grid-template-columns: 1fr 2.4fr; grid-gap: 10px; border: 1px solid #dfdfdf; }
.row_list .khung_sp .item_index h3 { padding: 0; }
.row_list .khung_sp .item_index h3 { font-family: 'RobotoBlack'; font-size: 14px; color: #0e6bd9; text-transform: uppercase; }
.row_list .khung_sp .item_index p { font-family: 'RobotoRegular'; display: grid; grid-template-columns: 1fr 2fr; width: 100%; padding-bottom: 5px; }
.row_list .khung_sp .item_index p span { font-family: 'RobotoBold'; }
#pro { width: 100%; float: left; padding: 0; }
.khung_index { width: 100%; float: left; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px; padding: 0; list-style: none; margin: 0; }
.khung_index .item_index { width: 100%; float: left; background: #eeeeee; }
.khung_index .item_index a { display: inline-block; position: relative; overflow: hidden; }
.khung_index .item_index h3 a { font-size: 16px; }
.khung_index .item_index .ndung .top { width: 100%; float: left; border-top: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; margin: 1em 0; }
.khung_index .item_index .ndung .top > p { font-family: 'RobotoRegular'; color: #6d6c6c; text-align: left; float: left; line-height: 50px; margin: 0; padding-right: 3em; padding-left: 20px; }
.khung_index .item_index p span { }
.khung_index .item_index .ndung { width: 97%; float: left; background: #e5e5e5; padding: 2em; position: relative; }
.khung_index .item_index .ndung:after { content: ''; width: 0; height: 0; position: absolute; left: 100%; top: 0; border-top: 280px solid transparent; border-right: 0px solid transparent; border-left: 25px solid #e5e5e5; }
.khung_index .item_index .ndung .top a { text-transform: uppercase; font-family: 'RobotoBold'; font-size: 14px; color: #202020; border-radius: 4px; padding: .5em 1em; background: #f5b402; display: inline-block; float: right; border: 1px solid #c48f00; margin-top: 7px; }
.khung_index .item_index .ndung .top a:hover { color: #ff0000 }
.khung_index .item_index .ndung > a { position: absolute; bottom: 2em; left: 2em; font-size: 13px; color: #13aa07; }
.khung_index .item_index .ndung > a:hover { color: #ff0000; }
.khung_pro .box_new { grid-template-columns: 1fr; }
.khung_pro .box_new >a { overflow: hidden; display: inline-block; width: 100%; position: relative; }
.sp_noibat { padding: 15px 0; width: 100%; float: left; font-family: 'RobotoCondensed'; border-bottom: 1px dotted #ccc; color: #eee }
.sp_noibat img { margin: 5px 20px 5px 0; border: 1px solid #eee; float: left }
.sp_noibat h3 a { color: #F0C600 }
.sp_noibat .ngaytao { color: #948787; font-size: 11px }
.sp_noibat:hover h3 a { text-decoration: underline; color: #FFF600 }
.tuyendung { width: 350px; float: left }
.tuyendung li a { width: 100%; float: left; text-align: center; border-bottom: 1px solid #eee; color: #696969; padding: 6px }
.tuyendung li:hover a { color: #03567C; text-decoration: underline }
.tuyendung li:last-child a { border-bottom: 0 }
.hotnew { width: 100%; float: left; font-size: 12px }
.hotnew a { color: #333 }
.hotnew { padding: 5px 0 }
.hotnew:hover a { color: #f60; text-decoration: underline }
.hotnew:hover img { filter: brightness(120%); -webkit-filter: brightness(120%) }
.khung_tintuc { width: 100%; float: left; display: grid; grid-template-columns: 1fr 1fr 1fr; margin: 0; padding: 1em 0 0 0; list-style: none; }
.slick_tintuc { display: none; }
.slick_tintuc.owl-carousel .owl-item { padding: 0; margin-bottom: 3px; }
.slick_tintuc.owl-carousel .owl-item .ngay { position: absolute; width: 60px; height: 60px; text-align: center; background: rgba(232, 66, 122, .9); color: #ffffff; font-size: 28px; z-index: 9; top: 165px; left: 10px; line-height: 1; }
.slick_tintuc.owl-carousel .owl-item .ngay .col1 { border-bottom: 1px solid; font-family: OpenSansBold; color: #ffffff; font-size: 30px; }
.khung_tintuc .box_tin { width: 99.9%; position: relative; overflow: hidden; border: 1px solid #dfdfdf; margin: auto; }
.khung_tintuc .box_tin .nd { position: relative; width: 100%; float: right; background: #ffffff; padding: 10px; }
.khung_tintuc .box_tin h3 { line-height: 1.2; padding: 0em 0 10px 4em; }
.khung_tintuc .box_tin h3 a { font-family: 'OpenSansSemibold'; color: #282828; font-size: 14px; text-transform: uppercase; }
.khung_tintuc .box_tin p i { font-size: 18px; }
.khung_tintuc .box_tin .ngay p { font-size: 14px; font-family: 'OpenSansSemibold'; color: #ffffff; }
.khung_tintuc .box_tin p { font-size: 14px; font-family: 'OpenSansRegular'; color: #5b5b5b; }
.khung_tintuc .box_tin:hover h3 a { color: #ff0000; }
.khung_tintuc .box_tin img { transition: .5s all; }
.khung_tintuc .box_tin:hover img { transition: .5s all; transform: scale(1.05); }
.tintuc { width: 100%; float: left; padding: 0; }
.tintuc .slider-left { margin-bottom: 15px; width: 280px; float: left; }
.tintuc .slider-right { width: calc(100% - 300px); float: right; }
.tintuc .slick-slide.slick-current .hex .left { border-right: 55px solid rgba(255, 255, 255, .2); border-top: 92px solid transparent; border-bottom: 92px solid transparent; }
.tintuc .slick-slide.slick-current .hex .right { border-left: 55px solid rgba(255, 255, 255, .2); border-top: 92px solid transparent; border-bottom: 92px solid transparent; }
.tintuc .slick-slide.slick-current .hex .middle { float: left; width: 106px; height: 184px; background: rgba(255, 255, 255, .2); }
.tintuc .slick-slide.slick-current h3 a {/* color: #ffffff; */ }
.ngaythang { color: #999 }
.visit_hidden { visibility: hidden; height: 0; margin: 0; }
.tinkhac { width: 100%; float: left; }
.tinkhac ul {padding: 0;list-style: none;}
.tinkhac li a { width: 100%; float: left; padding: 5px 0; color: #333;/* font-family: "RobotoLight" */ }
.tinkhac li a i { margin-right: 10px; }
.tinkhac li a:hover { color: #036CAF; text-decoration: underline }
.xemnhieu { width: 193px; float: left; border: 1px solid #FF8A00; background: url(images/left_cham.png) repeat-y }
ul.pagination { text-align: center; color: #829994 }
ul.pagination li { display: inline; padding: 0 3px }
ul.pagination a { color: #fff; display: inline-block; padding: 5px 10px; border: 1px solid #cde0dc; text-decoration: none; background: #333 }
ul.pagination a:hover, ul.pagination a.current { background: #01739e; color: #fff; }
.page_info { display: none !important }

/* ========== Content pagination ========== */
.paging { width: 100%; float: left; text-align: center; margin: 10px 0; }
.pagination { margin: auto; width: auto; text-align: center; margin-top: 10px }
.pages li.prev { margin-right: 15px }
.pages li.next { margin-left: 15px }
.pages li { display: inline-block; margin: 5px 2px }
.pages li a { height: 25px; padding: 4px 8px; text-decoration: none; color: #666; font-weight: bold; background: url(../images/backgrounds/pagingBg.png) repeat-x 0 0; border: 1px solid #d5d5d5; font-size: 11px }
.pages li a:hover { background: #f6f6f6 }
.pages li .active { background: url(../images/backgrounds/sideGradient.png) repeat-x; color: #fff; border-color: #424852 }
.pages li .active:hover { background: #2a313d }
.ngaydang { font-style: italic; color: #ccc }
.bando { width: 100%; float: left; }
.bando iframe { width: 100%; height: 190px; }
.bando .col-md-6 { padding: 0 }
.bando a { font-family: "RobotoRegular"; font-size: 14px; color: rgb(255, 255, 255); line-height: 2.4; padding: 0 0 0 10px }
.bando a:hover { color: rgb(231, 0, 98) }
.bando ul li { position: relative }
.bando ul li:after { content: ''; position: absolute; left: -10px; top: 5px; width: 18px; height: 18px; background: url(images/nut.png)no-repeat left 10px center }
.tag_map { width: 100%; float: left }
.tag_map li a { float: left; padding: 5px 20px; font-family: 'OpenSansExtraBold'; color: #0a3594; margin: 0 5px 0 0; border: 1px solid #ccc }
.tag_map li a.active { background: #0a3594; color: #fff }
.thongke { float: right !important; }
.thongke ul { list-style: none; margin: 0; width: 100%; float: left; background: none no-repeat 0 5px; padding: 2px 0 0 }
.thongke ul li { width: 100%; text-align: left; float: left; font-size: 14px; color: #fff; font-family: "SFUFuturaLightOblique"; border-bottom: 1px solid rgb(72, 72, 72) }
.thongke ul li span { color: #ff951d }
.thongke p { width: 30%; float: right; text-align: right }
.dang_onl { }
.da_onl { }
.online { background: url(images/muiten.png) no-repeat 10px 12px; color: #FFF }
.online span { width: 80px; float: left; padding-left: 20px }
.menu_danhmuc { width: 100%; float: left; background: url(images/thanh_sp.jpg) repeat-x; height: 45px }
.menu_danhmuc li a { float: left; height: 42px; line-height: 42px; padding: 0 20px 0 30px; text-transform: uppercase; color: #333; margin-top: 3px }
.menu_danhmuc li.active a { background: #01b8f1; color: #fff; font-weight: bold }
.menu_danhmuc li.active a:before { content: ''; width: 7px; background: url(images/truoc.png) no-repeat; height: 45px; float: left; margin-left: -30px; margin-top: -3px; margin-right: 10px; color: #fff }
.menu_danhmuc li.active a:after { content: ''; width: 19px; background: url(images/sau.png) no-repeat; height: 45px; float: right; margin-right: -37px }
.menu_danhmuc a:hover { color: #094596 }
.bong_info { width: 730px; float: right; height: 30px; font-weight: 900; color: #333; text-transform: uppercase; line-height: 30px }
.hotline { float: right; color: #d00b0b; font-size: 16px; background: url(images/hotline.png) no-repeat left center; padding: 0; font-family: RobotoBold; text-transform: uppercase;/* text-shadow: 2px 2px 2px #FFF,2px -2px 2px #FFF,-2px 2px 2px #FFF,-2px -2px 2px #FFF,2px 2px 2px #FFF,2px -2px 2px #FFF,-2px 2px 2px #FFF,-2px -2px 2px #FFF; */ text-align: right; line-height: 1; padding: 30px 0 10px 40px; }
.hotline h5 { font-weight: 100; font-size: 12px }
.hotline span { }
.thongtin { width: 100%; float: left; font-weight: bold; padding: 20px 0 22px 20px; font-size: 14px; background: url(images/bg_tt.jpg) repeat-x bottom }
.thongtin li { display: inline-block }
.thongtin li a { border-right: 1px solid #ccc; padding: 0 10px; color: #323232; font-size: 12px }
.thongtin li a:hover { color: #01517A }
.tin_moi { padding: 0 10px }
.tin_moi a { text-decoration: none; color: rgba(51, 51, 51, 1) }
.tin_moi img { float: left; border: 1px solid rgba(204, 204, 204, 1); padding: 2px; margin-right: 10px; margin-top: 10px }
#visao { width: 100%; float: left; background: url('images/bg_visao.jpg') repeat; padding: 40px 0; margin: 30px 0 }
.visao { width: 100%; float: left; padding: 4em 0 1em; list-style: none; background: #e9e9e9; }
.visao .owl-theme .owl-controls { }
.visao .owl-theme .owl-controls .owl-dots { display: none !important; }

/*.visao .owl-prev{position:absolute;z-index:10;left: -45px;top: 6.5em;width: 35px;height: 35px;background:url(images/left.png)no-repeat !important;float:left;text-indent:-9999px;display:block!important;}
.visao .owl-next{position:absolute;z-index:10;right: -45px;top: 6.5em;width: 35px;height: 35px;background:url(images/right.png)no-repeat !important;float:left;text-indent:-9999px;display:block!important;}*/
.visao .left_vs { }
.visao ul {list-style: none;width: 100%;float: left;padding: 3em 0;margin: 0;display: none;}
.right_top .right_vs { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 2em; padding-top: 5px; }
.visao ul .item_vs { width: 100%; float: left; position: relative; }
.visao ul .item_vs:last-child:after, .visao .right_vs ul .item_vs:nth-last-child(2):after { display: none; }
.visao ul .item_vs h3 { font-family: ExoMedium; font-weight: 100; padding: 10px 0 1em; width: 100%; float: left; position: relative; }
.visao ul .item_vs h3:after { content: ''; position: absolute; width: 3em; height: 3px; background: #acacac; bottom: 0; left: 50%; transform: translateX(-50%); }
.visao ul .item_vs h3 a { color: #000000; align-items: center; display: flex; justify-content: center; }
.visao ul .item_vs:hover h3 a { color: #cc1a1a; }
.visao ul .item_vs p { color: #2d2d2d; margin: 0; width: 100%; float: left; }
.visao ul .item_vs img { transition: .5s all; }
.visao ul .item_vs:hover img { transition: .5s all; transform: scale(0.95); }
.visao ul .item_vs:hover .so { color: #ff0000; }
.visao ul .item_vs .so { text-align: center; display: flex; align-items: center; justify-content: center; background: url(images/bg_vs.png)no-repeat center bottom; font-family: 'NotoSerif'; font-weight: bold; font-size: 32px; }
.owl_carousel_visao .owl-controls { display: none }

/*.owl_carousel_visao.owl-carousel .owl-item:after {position: absolute;right: 0;width: 1px;background: rgba(255, 255, 255, .2);content: '';height: 80px;top: 1em;}*/
.owl_carousel_visao li { text-align: center }
.owl_carousel_visao li h3 { font-family: 'MontserratRegular'; font-size: 18px; display: block; margin: 5px 0 10px; color: #000000; }
.owl_carousel_visao li img { border-radius: 50% }
.owl_carousel_visao li h3 a:hover { text-decoration: underline }
.thanh_vs { width: 100%; float: left; text-align: center; }
.thanh_vs h3 { font-size: 25px; color: #ffffff; font-family: OpenSansBold; text-transform: uppercase; position: relative; display: inline-block; margin-left: 5em; }
.thanh_vs h3:after { position: absolute; width: 158px; height: 56px; background: url(images/wel.png)no-repeat; top: -1em; content: ''; right: 85%; }
#content { width: 100%; float: left; margin: 0; border-top: 0; background: url(images/gioithieu.png)no-repeat top center }
#info { width: 100%; float: right; margin: 0; padding: 2em 0 1em; }
#info1 { width: 100%; float: right; margin: 0; padding: 0 0 10px; display: none }
#sanpham { width: 100%; float: left; padding: 3em 0; position: relative; }
#spham_noibat { width: 100%; float: left; margin: 0; border-top: 0; padding: 0 0 }
#info .col-md-3, #info .col-sm-4, #info .col-xx-6, #info .col-xs-12 { padding: 0 }
#sanpham .col-md-3, #info .col-sm-4, #info .col-xx-6, #info .col-xs-12 { padding: 0 }
#sanpham .col-md-10 { padding: 0; background: rgb(238, 238, 238); padding: 0 10px }
.title_sp { width: 100%; float: left; padding: 0 0 0 10px; border-left: 2px solid rgba(231, 0, 98, 1); border-bottom: 2px solid rgba(231, 0, 98, 1) }
.title_sp h2 { text-align: left; font-size: 32px; font-family: 'UVFMetroScript'; color: rgb(231, 0, 98) }
.updating { text-align: center; color: #333; font-size: 14px; text-transform: uppercase; float: left; width: 100%; padding: 30px 0 }
.khung_in { margin-left: -15px; margin-right: -15px }
.xemsp { position: absolute; z-index: 10; bottom: 0; left: 0; right: 0; height: 40px; background: rgba(0, 0, 0, 0.8); color: #fff; padding-top: 10px }
.xemsp:after { content: ''; background: url(images/muiten.png) no-repeat 0 0; width: 5px; height: 9px; display: inline-block; margin-left: 10px }
.row_list .hinh { width: 40% }
.row_list .hinh img { width: 100% }
#right_main { width: calc(100% - 300px); float: right; }
#left_main { width: 268px; float: left; padding: 0; }
.item_index { float: left; position: relative; }
.item_index .img { width: 100%; float: left; position: relative }
.item_index:hover .xemsp { color: #FFF000 }
.item_index img { border-radius: 50%; transition: 0.5s; display: block; }
.item_index h3 { font-size: 13px; font-weight: bold; padding: 1em 0; width: 100%; float: left; text-align: center; bottom: 0; }
.item_index { }
.item_index >a:after { content: ''; position: absolute; width: 228px; height: 228px; background: url(images/after_sp.png)no-repeat; top: -10px; left: -10px; }
.item_index a { display: inline-block; position: relative; }
.item_index h3 { color: #2b2b2b; font-family: RobotoBold; font-size: 18px; display: inline-block; font-weight: 100; }
.item_index h3 a { color: #aa16df; font-family: SVNAvo; font-size: 22px; display: inline-block; font-weight: 100; }
.item_index:hover h3 a { color: #f00; }

/*.item_index:hover img{-webkit-transform:scale(1..96);-moz-transform:scale(.96);-ms-transform:scale(.96);-o-transform:scale(.96);transform:scale(.96)}*/
.item_index p { font-size: 14px; color: #333333; display: inline-block; margin: 0; font-family: SVNAvo; text-align: justify; }
.item_index .mota { width: 100%; display: inline-block; text-align: left; font-family: 'RobotoRegular'; font-size: 13px; color: rgb(85, 85, 85); padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px dotted #e5e5e5; }
.item_index p span { color: #5b5b5b; font-family: 'RobotoRegular'; }
.item_index .size { text-align: left; padding: 0 10px; display: block; font-family: 'RobotoRegular'; font-size: 12px; color: rgb(51, 51, 51); }
.item_index .dientich { background: url(images/dientich.png)no-repeat center left; }
.item_index .diachi { background: url(images/diachi.png)no-repeat center left; }
.item_index p.gia span { color: #ed1c24; }
.item_index p.dientich span { color: #13aa07; }
.item_index p.gia { position: relative; background: url(images/gia.png)no-repeat center left; }
.product-detail { width: 100%; float: left; padding: 10px; border: 1px solid #cccccc; }
.product-detail .pd-desc { border-top: 1px solid #e3e3e3; padding-top: 12px; margin: 15px 0 0 0; text-rendering: geometricPrecision; }
.product-detail .pd-desc h3 { font: 16px 'RobotoBold'; color: #37a244; margin: 0; margin-bottom: 5px; }
.item_ct { width: 100%; float: left; padding: 0; position: relative; }
.item_ct p { position: absolute; width: 100%; height: 100%; top: 0; display: flex; align-items: center; justify-content: center; margin: 0; background: rgba(247, 164, 24, .8); opacity: 0; transition: .5s all; }
.item_ct p a { width: 87px; height: 87px; background: #ffffff; border-radius: 50%; border: 4px solid rgba(247, 164, 24, .5); text-align: center; align-items: center; display: flex; justify-content: center; color: #f7a418; font-size: 36px; }
.item_ct:hover p { opacity: 1; transition: .5s all; }
.bds-item { display: inline-block; border: 1px solid #e1e1e1; padding: 10px; margin-bottom: 1.5em; width: 100%; }
.bds-item .info-frame { width: calc(100% - 280px); }
.bds-item .info-frame .info { }
.bds-item .info-frame .info .desc { width: 100%; color: #1e1e1e; position: relative; padding: 7px 0 2em 0; font-family: 'OpenSansRegular'; font-size: 14px; border-bottom: 1px solid #e1e1e1; }
.bds-item .info-frame .info .desc .bdschitiet { ; color: #f58220; position: absolute; right: 0; bottom: 1em; padding-left: 10px; font-size: 14px; }
.bds-item .info-frame .info .extra-info { width: 100%; padding-top: 1em; }
.bds-item .info-frame .info .extra-info p { margin: 0; position: relative; }
.bds-item .info-frame .info .extra-info .col-title { width: 26px; height: 32px; display: inline-block; background-repeat: no-repeat; background-position: center center; }
.bds-item .info-frame .info .extra-info .icon-dientich { background: url(images/dientich.png)no-repeat left center; padding: 0 2em; float: left; }
.bds-item .info-frame .info .extra-info .icon-phong { background: url(images/bed.png)no-repeat left center; padding: 0 2em; float: left; }
.bds-item .info-frame .info .extra-info .icon-gia { background: url(images/gia.png)no-repeat left center; padding: 0 2em; float: left; }
.bds-item .info-frame .info .extra-info .icon-diachi { background: url(images/diachi.png)no-repeat center left; padding-left: 2em; }
.bds-item .info-frame .info .extra-info .icon-user { background: url(images/user.png)no-repeat }
.bds-item .info-frame .info .extra-info .icon-lich { background: url(images/lich.png)no-repeat left center; padding-left: 2em; float: left; }
.bds-item .info-frame .info .extra-info p.address { line-height: 32px; font-family: 'RobotoMedium'; font-size: 14px; color: #1e1e1e; }
.bds-item .info-frame .info .extra-info .gia .col-content { color: #ec0e0e; display: inline-block; position: relative; top: 8px; left: 4px; font-size: 21px; font-family: 'OpenSansSemiBold'; }
.bds-item .info-frame .info .extra-info .dientich .col-content { color: #1e1e1e; display: inline-block; position: relative; top: 8px; left: 4px; font-size: 15px; font-family: 'OpenSansRegular'; }
.bds-item .info-frame .info .extra-info .user .col-content { color: #1e1e1e; display: inline-block; position: relative; top: 8px; left: 4px; font-size: 15px; font-family: 'OpenSansRegular'; }
.bds-item .info-frame >h3 { margin: 0; padding-bottom: 5px; font-family: 'OpenSansBold'; font-size: 15px; }
.bds-item .info-frame >h3 a { transition: color .3s linear; color: #05579b; font-family: 'RobotoBold'; font-size: 16px; }
.bds-item .info-frame >h3 a:hover { color: #f00 }
.bds-item .img { padding: 3px; border: 1px solid #dedede }
.bds-item .img img { width: 250px; height: 185px; }
.owl_nb { width: 100%; float: left; }
.owl_sp { width: 100%; float: left; margin: 0; padding: 2em 0 0; display: none; list-style: none; text-align: center; }
.owl_sp .owl-controls { display: block !important }
.owl_sp .owl-dots { display: none !important }
.owl_sp .owl-prev { position: absolute; z-index: 10; top: 9em; left: -40px; width: 34px; height: 38px; background: url(images/left_sp.png)no-repeat !important; float: left; text-indent: -9999px; display: block !important; }
.owl_sp .owl-next { position: absolute; z-index: 10; right: -40px; top: 9em; width: 34px; height: 38px; background: url(images/right_sp.png)no-repeat !important; float: left; text-indent: -9999px; display: block !important; }
.owl_sp .owl-item { padding: 1em 0 0 0; }
.item_tintuc img { transition: .5s all; }
.item_tintuc:hover img { transition: .5s all; transform: scale(1.1); }
.item_tintuc h3 a { font-family: RobotoRegular; font-size: 16px; color: #222222; font-weight: 100; padding: 1em 0; display: inline-block; text-transform: capitalize; width: 70%; }
.item_tintuc h3 { text-align: center; }
.item_tintuc:hover h3 a { color: #ff0000; }
.xemtatca { position: absolute; right: 0; top: 1em }
.xemtatca a { font-family: 'RobotoRegular' }
.xemtatca a:hover { color: #f00 }
.maskitem { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.3); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s }
.item_index:hover .maskitem, .item:hover .maskitem { top: 0 }
.maskitem ul { list-style-type: none }
.maskitem ul li { display: inline-block; margin: 0.5em 1em; padding: 0.5em; border: 2px solid #fff; cursor: pointer }
.maskitem ul li i { font-size: 2em; color: white; font-weight: normal; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s }
.maskitem ul li:hover { border-color: #1975dd; background: rgba(255, 255, 255, 0.5); }
.maskitem ul li:hover i { color: #1975dd; }
#sale { width: 100%; display: inline-block }
#sale .khung_sale .khungbao h3 { height: 50px; overflow: hidden }
#sale .flashsale h2 { float: left; font-size: 30px; font-family: "RobotoBold"; color: rgb(2, 158, 212); text-transform: uppercase; line-height: 45px }
#sale .flashsale h2 span { text-transform: none; font-size: 20px }
.xem { float: left; padding: 10px 25px; border: 1px solid rgb(136, 136, 136) }
.xem a { font-family: "RobotoLight"; font-size: 14px; color: rgb(104, 104, 104) }
.xem:hover a { color: rgb(238, 0, 0) }
.xemthem_sp { position: relative; width: 240px; height: 40px; margin: 0 auto; background: rgb(0, 91, 171) }
.xemthem_sp a { display: inline-block; text-transform: uppercase; float: left; color: rgb(255, 255, 255); padding: 10px 0 0 30px; font-family: "RobotoRegular" }
.xemthem_sp:after { content: ''; width: 5px; height: 8px; background: url(images/hover.png) no-repeat; position: absolute; right: 25px; top: 15px; z-index: 100 }
.xemthem_sp:hover a { color: #ff0 }
.product_list { float: left }
.product_list ul { width: 150px; float: left; height: 533px; background: #e2e2e2; padding: 20px }
.product_list ul li a { width: 100%; float: left; padding: 7px 0 7px 10px; color: #4f4f4f }
.product_list ul li a:hover { color: #02719A; text-decoration: underline }
#congtrinh { width: 100%; float: left; padding: 3em 0 4em; text-align: center; }
.khung_tt { float: left; padding-right: 30px }
.khung_km { padding-left: 30px }
.video_con { width: 100%; float: left; border-bottom: 2px solid #0b7ef4; height: 242px }
#khachhang { width: 100%; float: left; background: url('images/background_kh.jpg') no-repeat; min-height: 626px }
#khachhang .thanh_vs { margin: 40px 0 50px !important; background: url(images/chamtrang.png) no-repeat bottom center }
#khachhang .thanh_vs h4 { color: #fff !important }
.owl_carousel_kh { width: 100%; float: left; margin: 0 0 20px }
.khach img { max-width: 100%; width: auto !important; border-radius: 100%; border: 3px solid #fff }
.khach { padding: 30px; border: 1px solid #eee; font-family: 'OpenSansRegular'; color: #fff; text-align: center; min-height: 360px }
.khach h3 { margin-top: 5px; font-family: 'OpenSansBold'; font-size: 18px }
.khach h4 { margin-bottom: 20px }
.khach p { font-size: 13px }
.owl_carousel_kh .owl-controls { padding: 20px }
.thuonghieu { }
.thuonghieu a { border: 1px solid #eee; float: left; margin-bottom: 10px; padding: 5px; transition: 0.5s }
.thuonghieu a:hover { border: 1px solid #FF01EA }
.hotro_tructuyen { width: 590px; float: right }
.hotro_online { width: 240px; float: left; padding: 150px; background: url(images/hotro.png) no-repeat 0 0 }
.frm_lienhe { width: 325px; float: right }
.box_lh { width: 100%; float: left; border: 1px solid #cfcece; margin-top: 10px; border-radius: 5px; padding: 0 }
.frm_lienhe input { padding: 7px; width: 100%; border: 0; border-bottom: 1px solid #cfcece }
.box_lh li:last-child input { border-bottom: 0; border-radius: 0 0 5px 5px }
.box_lh li:first-child input { border-radius: 5px 5px 0 0 }
.frm_lienhe textarea { border-radius: 5px; width: 100%; height: 80px; float: left; margin-top: 10px; border: 1px solid #cfcece; padding: 5px }
.frm_lienhe button { background: #009030; border: 0; padding: 5px 20px; color: #fff; float: left; margin-top: 5px; cursor: pointer }
.frm_lienhe button:hover { color: #FBF201 }
#list_pro { width: 100%; float: left; }
#sanpham .row_list .margin_auto > p { width: 100%; display: inline-block; padding-top: 10px; }
.row_list { width: 100%; float: left; position: relative; text-align: center; color: #555555; padding: 1em 0; }

/*#sanpham:after{content: '';position: absolute;width: 87%;height: 3em;background: #f1f1f1;bottom: 56px;left: 6%;}*/
.row_list::-webkit-scrollbar { width: 5px; }
.row_list::-webkit-scrollbar-track { background: #f1f1f1; }
.row_list::-webkit-scrollbar-thumb { background: #cdc5a9; }
.row_list::-webkit-scrollbar-thumb:hover { background: #555; }
.row_list h2 { text-align: left; text-transform: uppercase; font-size: 24px; color: #0009b5; border-bottom: 1px solid #eeeeee; padding-bottom: 10px; }
#danhmucban .row_ban .margin_auto > p { width: 100%; display: inline-block; padding-top: 10px; }
.row_ban { width: 100%; float: left; position: relative; margin: 0; padding: 3em 0; text-align: center; }
.khung { width: 100%; float: left; position: relative; margin: 0; padding: 0; }
.khung_ { width: 100%; float: left; padding: 20px 0 0 0 }
.xemtiep { float: left; font-size: 13px; background: none no-repeat 80px 12px; transition: 0.5s; text-align: center; font-weight: bold; }
.xemtiep a { text-decoration: none; font-style: italic; float: left; padding: 7px 0; color: #f00; }
.xemtiep a:hover { color: #f00 }
.giaohang { width: 100%; float: left; margin-top: 20px; padding: 0 0 30px }
.thanh_tab { width: 100%; float: right; background: none repeat-x; text-align: center; padding: 0; list-style: none; border-bottom: 1px solid #f0f0f0; }
.thanh_tab li { position: relative; display: inline-flex; }
.thanh_tab li:first-child { }
.thanh_tab li a { float: left; height: 45px; line-height: 48px; font-family: 'RobotoRegular'; padding: 0 10px; font-size: 18px; color: #333333; cursor: pointer; border-radius: 40px; position: relative; text-transform: uppercase; }
.thanh_tab li.active a:after, .thanh_tab li:hover a:after { position: absolute; content: ''; width: 80%; height: 2px; background: #f7a418; bottom: 0; left: 50%; margin-left: -40%; }
.thanh_tabs { width: 100%; float: right; background: none repeat-x; text-align: center; padding: 0; list-style: none; margin: 0; }
.thanh_tabs li { position: relative; display: inline-flex; padding: 0 1em; }
.thanh_tabs li:first-child { }
.thanh_tabs li a { float: left; line-height: 55px; font-family: RobotoBold; padding: 0 10px; font-size: 25px; color: #383838; text-transform: uppercase; cursor: pointer; border-radius: 40px; }
.thanh_tabs li.active a { color: #e62e6b; }

/*.thanh_tabs li.active a:after,.thanh_tabs li:hover a:after {position: absolute;content: '';width: 0;height: 0;bottom: 0;border-bottom: 10px solid #cdc5a9;border-left: 10px solid transparent;border-right: 10px solid transparent;left: 50%;margin-left: -10px;}*/
.thanh_title { width: 100%; float: left; position: relative; margin-bottom: 0px; text-align: center; z-index: 99; background: url(images/danhmuc.png)no-repeat bottom center; padding-bottom: 1.5em; }
.thanh_title h2 span { color: #555555; font-family: OpenSansBold; font-size: 50px; text-transform: uppercase; }
.thanh_title p { font-family: UTMTrajanProBold; font-size: 24px; color: #343434; margin: 0; padding: 0; }
.thanh_title h2, .thanh_title h4 { font-size: 32px; color: #222222; font-family: OswaldBold; position: relative; text-transform: uppercase; }

/*.thanh_title h2:after{position: absolute;width: 104px;height: 52px;background: url(images/after.png)no-repeat;content: '';right: 100%;bottom: 0;}
.thanh_title h2:before{position: absolute;width: 104px;height: 52px;background: url(images/before.png)no-repeat;content: '';left: 100%;bottom: 0;}*/
.thanh_tintuc { width: 100%; float: left }
.thanh_tintuc h4, .thanh_tintuc h2 { font-family: "RobotoRegular"; font-size: 28px; color: rgb(9, 149, 71); text-transform: uppercase; float: left; position: relative; width: 100%; overflow: hidden; margin: 0 0 10px 0 }
.thanh_tintuc h6 { color: rgba(255, 255, 255, 1); font-size: 16px; position: relative; font-family: 'RobotoBold'; font-weight: 100; display: inline-block; background: none no-repeat left center; background-size: 100% 100%; padding: 5px 10px; background: rgb(159, 28, 53) }
.sp_cungloai { width: 80%; float: right; }
.sp_cungloai .thanh_tintuc { text-align: left; border-bottom: 1px dotted #ccc; margin: 0 0 2em 0 }
.sp_cungloai .khung_sp { grid-template-columns: 1fr; }
.khung .thanh_tintuc { text-align: left }
.thanh_sp { width: 100%; float: left; position: relative }
.thanh_sp h6 { font-family: "RobotoBold"; font-size: 20px; color: rgb(247, 247, 247); float: left; padding: .3em; background: #dc4444; border-radius: 10px; margin-bottom: .5em }
.thanh_sp:after { content: ''; height: 1px; width: calc(100% - 166px); position: absolute; bottom: 10px; right: 0; border-bottom: 1px dashed rgb(220, 68, 68) }
.thanh_title ul li a { color: #3e3e3e; font-family: 'RobotoRegular'; font-size: 14px; }
.thanh_title ul li:last-child a { border-right: 0 }
.thanh_title ul li a:hover { color: #ff0000; }
.thanh_duan { width: 100%; float: left; position: relative; background: url(images/danhmuc.png) no-repeat bottom center; line-height: 40px; text-align: center; padding-bottom: 1em; }
.thanh_duan h2 a, .thanh_duan h2, .thanh_duan h4, .thanh_duan h1 { font-size: 24px; color: #fab702; font-family: "MontserratBold"; text-transform: uppercase; }
.thanh_duan > a { font-family: 'RobotoRegular'; font-size: 12px; color: #1d1d1d; float: right; }

/*.thanh_duan:before{content:'';width: 70px;height: 4px;background: #00aeef;position:absolute;left:0;z-index:100;bottom: 0;}*/

/*.thanh_duan:after{content:'';width:417px;height:15px;background:none no-repeat;position:absolute;right:0;top:35px;z-index:100}*/
#hotro { width: 100%; float: left; padding: 20px 0; background: url(images/gach_hotro.png) repeat-x bottom }
#gioithieu { width: 100%; float: left; padding: 2em 0 .5em 0; }
#gioithieu .xemthem_gt a { margin: 15px 0 0 }
.gioithieu {width: 100%;float: left;position: relative;padding: 4em 0;overflow: hidden;}
.gioithieu h4 span { color: rgb(0, 91, 171) }
.gioithieu .noidung_gt { font-size: 14px; color: #5b5b5b; font-family: RobotoRegular; width: 100%; text-align: justify; margin-top: 2em; display: inline-block; }
.gioithieu .noidung_gt p { margin: 0; }
.xemthem_gt { position: relative; float: left; text-align: center; color: #ffffff; margin-top: 1em; font-size: 14px; width: 115px; line-height: 35px; text-transform: uppercase; font-family: ExoBold; background: #cc0007; }
.xemthem_gt a { display: inline-block; padding: 5px 20px; color: rgb(5, 62, 112); font-family: "RobotoCondensedRegular"; border-radius: 7px; border: 1px solid rgb(5, 6, 112); margin: 30px 0 0 0 }
.xemthem_gt:hover { color: #f00; }

/*.xemthem_gt:after{content:'';width:5px;height:8px;background:url(images/hover.png) no-repeat;position:absolute;left:165px;top:28px;z-index:100}*/
.gioithieu #waterwheel { width: 100%; position: relative; clear: both; overflow: hidden; height: 355px; }
.gioithieu .left_gt { width: 44%; float: left; }
.gioithieu .right_gt { width: 52%; float: right; text-align: left; margin-top: 0; }
.gioithieu .right_gt h2 { font-family: OswaldBold; text-transform: uppercase; color: #cc0007; font-size: 32px; line-height: normal; }
.gioithieu .right_gt h2 span { font-size: 27px; color: #434343; float: left; padding-right: 1em; position: relative; }
.gioithieu .right_gt h2 span:after { content: ''; position: absolute; width: 260px; height: 20px; background: url(images/af_gt.png)no-repeat center left; left: 100%; top: 10px; }
.gioithieu .allinone_carousel.sweet .contentHolderUnit { width: 300px !important; height: 300px !important; }
.gioithieu .allinone_carousel.sweet .contentHolderUnit { left: 236.079px; top: 48.0083px; }
.gioithieu .allinone_carousel.sweet img { border-radius: 50%; box-sizing: border-box; }
.gioithieu .slider-left, .gioithieu .slider-right { width: 100%; float: left; }
.gioithieu .tin_gt { width: 100%; float: left; text-align: center; }
.gioithieu .mota { width: 100%; display: inline-block; color: #424242; line-height: 2; margin-bottom: 0em; font-size: 15px; padding-top: 1em; }
.gioithieu .tin_gt .mota a { color: red; }
.linhvuc { width: 100%; float: left; padding-top: 2em; }
.linhvuc .owl_lv { width: 100%; display: grid; grid-gap: 1em; grid-template-columns: 1fr 1fr; }
.linhvuc .owl_lv img { float: left; margin-right: 15px; }
.linhvuc .owl_lv h3 { font-family: 'MontserratBold'; font-size: 18px; color: rgb(62, 62, 62); text-transform: uppercase; }
.linhvuc .owl_lv p { font-size: 13px; color: rgb(62, 62, 62); font-family: "MontserratRegular"; }
.xemthem_gt:hover a { color: #f00 }
.hinhanh_gt { width: 50%; float: left; margin: 0; overflow: hidden }
.hinhanh_gt img { -o-transition: all 1s ease; -ms-transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; z-index: -1; display: block; width: 100% }
.hinhanh_gt img:hover { -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1) }
.thanh_gt { width: 100%; float: left; position: relative }
.thanh_gt:after { width: 170px; height: 2px; content: ''; background: rgb(213, 213, 213); top: 64.1%; left: 0; position: absolute }
.dichvu_index { width: 100%; float: left }
.noidungdv_gt { width: 100%; margin: auto; display: flex }
.khungdv_gt { flex: 1; padding: .5em 1em; margin-right: 1em }
.khungdv_gt:nth-child(1) { background: rgb(254, 111, 36) }
.khungdv_gt:nth-child(2) { background: rgb(245, 64, 39) }
.khungdv_gt:nth-child(3) { background: rgb(21, 88, 180) }
.khungdv_gt:nth-child(4) { background: rgb(255, 190, 1); margin-right: 0 }
.khungdv_gt img { float: left; margin-right: 1em }
.khungdv_gt .noid { width: calc(100% - 77px - 1em); float: right }
.khungdv_gt h3 { padding: 15px 0 0 0 }
.khungdv_gt p { font-family: 'SFUFuturaBook'; font-size: 16px; color: #fff }
.khungdv_gt h3 a { text-transform: uppercase; font-family: "SFUFuturaHeavy"; font-size: 16px; color: rgb(255, 255, 255) }
#slider2_container { background: none !important }
#slider2_container * { background: none !important }
#slide_show #wowslider-container1 .ws-title {position: absolute;right: 0;width: 37%;height: 100%;left: unset;margin-right: 0;z-index: 50;background: none;background-color: rgba(0,0,0,.6);color: #54acd2;padding: 3em;bottom: auto;top: 0;opacity: 1;}
#slide_show #wowslider-container1 .ws-title h3{color: #ffffff;font-size: 40px;font-family: OswaldSemiBold;}

.owl_menu li { position: relative; padding: 9px; margin: 0 4px 4px 1px }
.owl_menu li img { display: block; border-radius: 20px 0 }
.owl_menu li h3 { width: 100%; float: left }
.owl_menu li:hover h3 { bottom: 0 }
.owl_menu li h3 a { float: left; width: 100%; padding: 15px 0 0; color: rgb(255, 255, 255); font-family: "SFUFutura"; font-size: 15px; text-align: center; text-transform: uppercase }
.owl_menu li p { float: left; width: 100%; color: rgb(255, 255, 255); font-family: "RobotoRegular"; font-size: 15px; text-align: center }
.owl_menu .owl-item:hover li h3 a { color: rgb(245, 245, 0) }
.owl_menu .owl-controls { display: none }
.owl_menu img { -o-transition: all 1s ease; -ms-transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; z-index: -1; display: block }
.owl_menu img:hover { -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1) }
.thanh_bottom { width: 100%; float: left; margin: 0 0 10px; background: url(images/bg_thanh.png) repeat-x 0 12px; padding: 0; color: #00aeef; height: 33px; font-family: 'RobotoCondensedBold' }
.thanh_bottom img { float: left; margin-right: 10px }
.thanh_bottom:after { width: 15px; height: 15px; content: ''; background: #ec0574; display: inline-block }
.thanh_bottom h4 { color: #fff; text-transform: uppercase; font-size: 30px; display: inline-block; background: #fff; padding: 0 20px 0 0 }
.khung_1 { width: 100%; float: left; border: 1px solid #efefef; padding: 10px; margin: 10px 0 }
.frame_images { float: left; width: 100%; text-align: center }
.frame_images .MagicZoom img, .frame_images .mz-figure img { border: 1px solid #ccc !important; width: 100% }
.frame_images img { border: 1px solid #ccc !important }
.khung_thongtin { float: right; width: 100%; padding-top: 0; font-size: 13px; color: rgb(89, 89, 89); line-height: 2; }
.khung_thongtin > ul { padding: 0; list-style: none; }
.khung_thongtin li { padding: 0; width: 100%; float: left; color: #333; font-size: 14px; }
.khung_thongtin li.show_d a, .khung_thongtin li.tag a { color: #ff0000; }
.khung_thongtin li.show_d a:hover, .khung_thongtin li.tag a:hover { text-decoration: underline; }
.khung_thongtin li .soluong span { color: #999; border: 1px; }
.khung_thongtin li span { color: #f00; }
.khung_thongtin li .btn {/* border:0; */ }
.khung_thongtin h1 { font-size: 35px; color: rgb(0, 0, 0); font-family: SVNAvobold; text-shadow: 0 0 3px #fff; font-weight: 100; }
.khung_thongtin b { font-weight: 100; font-size: 18px; color: rgb(231, 0, 0) }
.khung_thongtin .masp { font-size: 18px }
.khung_thongtin .mota_detail { border-left: 0; border-right: 0; white-space: pre-line; padding: 20px 0 }
.khung_thongtin .gia_detail { font-size: 18px }
.khung_thongtin li h3 { float: left; font-size: 25px; font-family: "RobotoBold"; color: rgb(2, 158, 212); text-transform: uppercase; line-height: 40px }

/*#flashsale h3{float:left;font-size:26px;font-family:"RobotoBold";color:rgb(2,158,212);text-transform:uppercase;line-height:45px}
*/
.khung_thongtin .gia_detail b { }
.khung_thongtin .giacu_detail { font-size: 18px; color: rgb(0, 0, 0); text-decoration: line-through }
.khung_thongtin .giacu_detail span { }
.khung_thongtin .baohanh_detail { color: #015DA4 }
.khung_thongtin label p { width: 20px }
.mau label, .size label { cursor: pointer; padding: 5px 0 0 0; margin: 0; position: relative }
.size label { font-size: 16px }
.khung_thongtin li.size, .khung_thongtin li.mau { width: 25%; margin: 1em 0 }
.doimau { color: #f00 !important }
.mau input, .size input { display: none }
.mau .color-content li { height: 20px; width: 20px; display: inline-block; margin-right: 0.5em; cursor: pointer; position: relative; box-shadow: 0 0 2px #ccc }
.color-active:after { content: ''; width: 10px; height: 10px; position: absolute; top: 5px; left: 5px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAXVBMVEUAAABPTSFQTiFHRRaUkniKiWtjYjvx8e7w8Ozr6+bf39jf39fU08ja2dDR0cXHxrjBwLHY2M7CwbGwr5vg4NihoIiYln2xsJyKiWySkHWTk3izsqBubEj////6+vhQJZO4AAAAHXRSTlMACQsFTyIS8uni29nTwsK7t6WhmIx5a2dgXEA/KZqKfSQAAABPSURBVAjXFc3HEcBAEALBuT157z3KP0ytmg8fCsLPyI6UYA56lQTvkVkSLrJK704yJFySFpDyrZJGoNWvNjydt+LxOWSNdGMWMNLpJPrPB+lmBIrYhKKgAAAAAElFTkSuQmCC') }
.custom-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: auto; padding: 5px 38px 5px 16px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEX///+Xl5fLy8uEwcGnAAAAH0lEQVQI1wXBQREAAAgDIM6fQYy0aOsrMCxHTWxcNA8UXwLfGgwDbgAAAABJRU5ErkJggg==') #fff no-repeat right bottom; background-size: 10px; transition: border-color .1s ease-in-out, box-shadow .1s ease-in-out; border-bottom: 1px solid #ccc; border-top: none; border-left: none; border-right: none; position: relative }
.custom-select { margin: 1.5em 0 0; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2); outline: none }
.lienhe_ { font-size: 18px; font-weight: bold; color: #ffffff; width: 50px; height: 50px; line-height: 50px; display: inline-block; text-align: center; background: #fc0000; margin-right: 5px; }
.dathang_detail p { width: 100%; float: left }
.dathang_detail select { width: 80px; height: 50px; float: left; border: 1px solid #ccc; border-radius: 5px; background: url(images/select.png) no-repeat right 0 }
.row_video { width: 390px; float: right }
#huongdan_dh { float: right }
.chonsize label { padding: 0 10px 0 0; font-weight: 100; cursor: pointer; color: #DC00C0 }
.khung_thongtin li.gia_detail > span { font-size: 18px; color: rgb(231, 0, 0); font-family: SVNAvobold; font-weight: 100; }
.soluong { width: 25%; border-radius: 10px; text-align: center; margin-bottom: 5px; }
.add { float: left; cursor: pointer; line-height: 40px; height: 40px; font-size: 14px; padding: 0 15px; color: #fff; border: #fff; background: rgb(26, 26, 26); border-radius: 3px; width: 49%; text-align: center; }
.addc { float: left; cursor: pointer; line-height: 40px; height: 40px; padding: 0 15px; color: #fff; font-size: 14px; border: #fff; background: rgb(249, 38, 40); border-radius: 3px; width: 49%; text-align: center; }
.doitra { width: 100%; float: left; text-align: left; }
.doitra img { filter: invert(100%); }
.doitra h3 a { color: #000000; font-family: 'SFUFuturaHeavy' }
.doitra h3 a:hover { color: #ff0000; }
.doitra .item_vs { border-bottom: 1px dashed #ccc; padding-bottom: 5px; margin-bottom: 10px; display: grid; grid-template-columns: 1fr 3fr; }
.sanpham_an { display: none }
.thanh_sp_an { width: 100%; float: left; position: relative }
.thanh_sp_an h6 { font-family: "UVFMetroScript"; font-size: 33px; color: rgb(231, 0, 98); width: 170px }
.thanh_sp_an:after { content: ''; height: 1px; width: calc(100% - 170px); position: absolute; bottom: 20px; right: 0; border-bottom: 1px dashed rgba(62, 62, 62, 1) }
.dathang_detail .thanhtoannhanh { width: 200px; float: left; background: #e41c2c; height: 50px; font-weight: bold; text-transform: uppercase; font-size: 16px; padding: 15px 0 0; cursor: pointer; color: #fff; margin-left: 20px; border-radius: 5px; text-align: center }
.dathang_detail .muangay { width: 177px; float: left; background: url(images/thanhtoan.png) no-repeat; height: 46px; font-weight: bold; text-transform: uppercase; font-size: 16px; padding: 9px 0 0 70px; cursor: pointer }
.dathang_detail .thanhtoannhanh:hover, .dathang_detail .muangay:hover { color: #FFF600 }
.dathang_detail span { width: 42px; height: 42px; padding: 7px 0 0; float: left; border: 3px solid #ccc; border-radius: 50%; text-align: center }
.huongdan_detail a { width: 100%; float: left; padding: 5px 0 10px 30px; background: url(images/giohang_ico.jpg) no-repeat 5px 8px; color: #035E80; font-style: italic }
.huongdan_detail a:hover { color: #04579D }
.khung_new { width: 100%; float: left; grid-gap: 20px; padding: 0; list-style: none; }
.khung_new .box_new.full { grid-column: span 4; }
.khung_new .box_new.full .full_right { width: calc(100% - 530px); float: right; }
.khung_new .box_new.full .full_right .xemtiep { float: right; }
.khung_new .box_new.full h3 a { font-size: 22px; }
.khung_pro .box_new .ngay_pos, .khung_new .box_new .ngay_pos { text-align: center; display: block; position: absolute; width: 50px; height: 50px; left: 0; top: 0; color: #fff; background-color: rgba(0, 0, 0, 0.7); font-size: 30px; font-weight: normal; line-height: 30px; padding: 5px; }
.khung_pro .box_new .ngay_pos span, .khung_new .box_new .ngay_pos span { display: block; font-size: 10px; line-height: 1.0; }
.box_new { position: relative; width: 100%; float: left; display: grid; grid-template-columns: 1fr 2fr; grid-gap: 5px; margin-bottom: 2em; }
.box_new img { float: left; border: 1px solid #ccc; box-shadow: 0 0 5px #ccc; overflow: hidden; }
.box_new h3 { padding: 0 0 10px; float: right; width: 100%; float: left; }
.box_new h3 a {text-transform: capitalize;font-weight: 100;font-family: OswaldBold;color: #333;font-size: 18px;}
.box_new p { font-size: 13px; color: #333; width: 100%; float: left; margin: 0; }
.box_new h3:hover a { color: #f00 }
.xemchitiet { color: #ffffff; font-size: 13px; margin-top: 4px; display: inline-block; width: 90px; height: 35px; border: 1px solid; line-height: 35px; text-transform: uppercase; }
.xemchitiet i { color: #dfdfdf; }
.xemchitiet a { color: red }
.xemchitiet a:hover { text-decoration: underline }
.banchay_icon { width: 54px; float: left; position: absolute; left: 0; top: 0; background: url("images/hot_icon.png")no-repeat; height: 54px }
#dichvu { width: 100%; float: left; margin: 0; padding: 11px 0 0 0 }
.left_qc { width: 50%; float: left }
.right_qc { width: 50%; float: right; text-align: right }
.noidung_dv { margin-right: -15px; margin-left: -15px }
.khung_dv { float: left; width: 100%; position: relative; overflow: hidden; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 35px; margin-top: 2.5em; }
.tieude_dv a h3 { font-family: "SFUFuturaHeavy"; font-size: 15px; color: rgb(36, 35, 35); text-transform: uppercase; padding: 0 0 10px 0 }
.tieude_dv p { line-height: 2; font-family: "SFUFuturaBook"; font-size: 14px; color: rgb(57, 57, 57); padding: 0 0 25px 0 }
.tieude_dv { width: 100%; float: left; min-height: 235px; background: rgb(243, 243, 243); padding: 25px 0 0 25px }
.content_new { overflow: hidden; height: 400px; width: 100%; float: left }
.ngaydang { font-style: italic; color: #9A9A9A; font-size: 12px }
.thongtin_detail { font-style: italic }
.khuyenmai_detail { margin: 5px 0 0 }
.khuyenmai_detail ul li { padding: 5px 20px 5px 0; color: #008c00 }
.khuyenmai_detail ul li input { float: left; margin: 3px 5px 0 0 }
.selectors { text-align: center; float: left; width: 100%; }
.selectors .owl-carousel .owl-item { padding: 0 }
.table_info { width: 100%; float: left }
.khung_bao { width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1em; }
#datlichhen { width: 40%; position: relative; padding: 1em 2em; }
.fancybox-container { z-index: 400 !important; }
#datlichhen .thgian { padding-top: 1em; }
#datlichhen .form-group { margin-bottom: 5px; }
#datlichhen h2 { font-family: 'RobotoMedium'; font-size: 24px; color: #f00; text-align: center; text-transform: uppercase; }
.btn-guiyeucau { color: white; background: linear-gradient(#428bca, #001948); border: 1px solid #365899; padding: 0.5em 1em; margin-top: 1em; border-radius: 5px; }
.dieuhuong { position: relative; margin: 0; padding: 0; z-index: 5; background: #d4dad140; border-radius: 0; margin-bottom: 1em; padding: 10px; }
.dieuhuong > a + a:before { padding: 0 5px; color: #ccc; content: "/\00a0"; }
.dieuhuong a { position: relative; color: #333; }
.dieuhuong a.active { color: rgb(232, 0, 0); }
.dieuhuong a:last-child { background: none }
.dieuhuong a:hover { color: rgb(232, 0, 0); }
.khung_tab { width: 100%; float: left; display: none }
.khung_tab.active { display: block }
.thanhsp { width: 100%; float: left; margin: 0 0 20px; background: #ffd800 }
.thanhsp h2 { color: #fff; text-transform: uppercase; font-size: 20px; font-weight: 100; display: inline-block; padding: 0 20px 0 10px }
.thanhsp h2:before { content: ""; background: url(images/after.png) no-repeat; height: 18px; float: left; width: 139px; margin: 15px 0 0 }
.thanhsp h2:after { content: ""; background: url(images/after.png) no-repeat; height: 18px; float: right; width: 139px; margin: 15px 0 0 }
.thanhsp span { color: #FE0000 }
.khung_khac { width: 100%; float: left; margin: 0 0 20px }
#java_km { width: 100%; float: left }
#java_km img { border: 1px solid #ccc; margin: 5px; padding: 1px }
#java_km img:hover { opacity: 0.8 }
#hoidap { width: 100%; float: left; background: #f7f7f7; padding: 40px 0 }
.hoidap .hoidap_khung { width: 20%; float: left; padding: 0 5px }
.hoidap .hoidap_khung h4 { font-family: 'OpenSansBold'; font-size: 17px; color: #102690; padding: 0 0 20px }
.hoidap .hoidap_khung li { font-size: 13px !important; padding: 0 0 10px }
.hoidap .hoidap_khung li img { float: left; margin: 5px 10px 0 0 }
.hoidap .hoidap_khung li a { color: #666 }
.hoidap .hoidap_khung li:hover a { text-decoration: underline; color: #102690 }
.hoidap .hoidap_khung li i { font-size: 12px; color: #102690; margin-right: 5px }
.thanhdt { width: 100%; float: left; margin: 10px 0 20px; text-align: center; height: 60px; line-height: 55px }
.thanhdt h2 { color: #333; text-transform: uppercase; font-size: 26px; background-color: #fff; display: inline-block; padding: 0 20px 0 10px; font-weight: 100 }
.thanhdt span { color: #FE0000 }
.tin_tuc { width: 100%; float: left; text-align: center; margin-top: 10px }
.tin_tuc h2 { display: inline-block; background: url(images/thanhsp.png) no-repeat; height: 64px; background-size: 100% 100%; padding: 10px 80px; text-transform: uppercase; color: #fff; font-weight: 100 }
.tin_tuc h3 { color: #646464; text-transform: uppercase; margin: 10px 0 5px }
.tin_tuc p { color: #666; font-size: 12px }
.tin_tuc ul li { width: 370px; float: left; margin: 20px 0 0 10px; text-align: left }
.tin_tuc ul li img { width: 66px; height: 66px; float: left; margin: 10px; border-radius: 100% }
.tin_tuc ul li { padding: 2px 0 2px 10px }
.tin_tuc ul li a { color: #00426f }
.tin_tuc ul li span { color: #ccc }
.tin_tuc a:hover { color: rgba(255, 0, 0, 1) }
.form_dathang { width: 585px; float: right; padding: 15px 0 0 0 }
.form_dathang .thanh_duan { margin: 25px 0 5px 0 }
.form_dathang h4 { font-size: 15px; font-family: "RobotoCondensedRegular"; color: rgb(48, 48, 48); text-transform: uppercase; padding: 0 0 10px 0 }
.form_dathang input { border: 1px solid rgb(48, 48, 48); padding: 8px 10px; width: 49%; margin: 0 0 5px 0 }
.form_dathang input::-webkit-input-placeholder { color: rgb(0, 0, 0); font-size: 13px; font-family: "RobotoRegular" }
.form_dathang input:-moz-placeholder { color: rgb(0, 0, 0); font-size: 13px; font-family: "RobotoRegular" }
.form_dathang input::-moz-placeholder { color: rgb(0, 0, 0); font-size: 13px; font-family: "RobotoRegular" }
.form_dathang input:-ms-input-placeholder { color: rgb(0, 0, 0); font-size: 13px; font-family: "RobotoRegular" }
.form_dathang button { width: 110px; margin: auto; border-radius: 10px; background: rgb(70, 113, 255); border: 0; padding: 10px; color: #fff; font-family: "RobotoCondensedBold"; font-size: 15px; text-transform: uppercase; margin: 15px 0 0 0 }
.form_dathang .ghichu { width: 98.5%; float: left }
.form_kygui { width: 585px; margin: auto; padding: 15px 0 15px 0 }
.form_kygui .thanh_duan { margin: 25px 0 5px 0 }
.form_kygui h4 { font-size: 15px; font-family: "RobotoCondensedRegular"; color: rgb(48, 48, 48); text-transform: uppercase; padding: 0 0 10px 0 }
.form_kygui input { border: 1px solid rgb(48, 48, 48); padding: 8px 10px; width: 49%; margin: 0 0 5px 0 }
.form_kygui input::-webkit-input-placeholder { color: rgb(0, 0, 0); font-size: 13px; font-family: "RobotoRegular" }
.form_kygui input:-moz-placeholder { color: rgb(0, 0, 0); font-size: 13px; font-family: "RobotoRegular" }
.form_kygui input::-moz-placeholder { color: rgb(0, 0, 0); font-size: 13px; font-family: "RobotoRegular" }
.form_kygui input:-ms-input-placeholder { color: rgb(0, 0, 0); font-size: 13px; font-family: "RobotoRegular" }
.form_kygui button { width: 110px; margin: auto; border-radius: 10px; background: rgb(70, 113, 255); border: 0; padding: 10px; color: #fff; font-family: "RobotoCondensedBold"; font-size: 15px; text-transform: uppercase; margin: 15px 0 0 0 }
.form_kygui .link { width: 98.5%; float: left }
.form_kygui .ghichu { width: 98.5%; float: left }
.but { width: 100%; float: left; text-align: center }
.danhmuc_sp { width: 18%; float: left; padding: 0 }
.title_dm { width: 100%; float: left; font-family: OswaldMedium; text-align: center; color: #ffffff; font-size: 30px; background: #e62e6b; position: relative; font-weight: 100; height: unset; padding: 10px 0; text-transform: uppercase; }
.tintuc .slick-track {/* padding-bottom: 3em; */ }
.hex { display: inline-block; position: relative; }
.hex .left { float: left; width: 0; border-right: 55px solid #ffffff; border-top: 92px solid transparent; border-bottom: 92px solid transparent; }
.hex .middle { float: left; width: 106px; height: 184px; background: #ffffff; }
.hex .right { float: left; width: 0; border-left: 55px solid #ffffff; border-top: 92px solid transparent; border-bottom: 92px solid transparent; }
.hex-row { clear: left; }
.hex.even { margin-top: 53px; }
.hex:after { content: ''; position: absolute; width: 1px; height: 4em; background: rgba(255, 255, 255, .3); top: 100%; left: 50%; }

/*.title_dm:before{content:'';position:absolute;right:10px;top:12px;width:15px;height:18px;background:url(images/right_dm.png)no-repeat left 10px center}*/
.title { width: 100%; float: left; text-align: center; font-size: 16px; }
.title h3 { font-size: 26px; font-family: 'RobotoBold'; text-transform: uppercase; color: #ffffff; padding-bottom: 15px; background: url(images/bottom.png) no-repeat center bottom; margin-bottom: 10px; }
.title p { font-size: 14px; font-family: 'RobotoRegular'; color: rgba(255, 255, 255, .8); }
.sanpham { width: 100%; float: right; position: relative; padding: 5em 0; }
.sanpham .margin_auto > p { text-align: center; display: inline-block; width: 100%; padding-top: 1em; }
.sanpham .item .item_tt .luotxem { width: 80% }
.khung_sp { margin: 0; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px; width: 100%; padding: 0; }
.khung_sp .item { }
.khung_sp .item img { }
.cungloai { width: 100%; float: left; padding-top: 1em; }
.khung_list { width: 100%; float: left; position: relative; padding-bottom: 3em; }
.khung_list .h3 { margin: 0 0 2em 0; }
.khung_list .h3 h3 { position: absolute; top: 1em; left: 3em; font-family: LobsterRegular; font-size: 60px; color: #e62e6b; text-shadow: 2px 2px 2px #FFF, 2px -2px 2px #FFF, -2px 2px 2px rgba(0, 0, 0, .5), -2px -2px 2px #FFF, 2px 2px 2px #FFF, 2px -2px 2px #FFF, -2px 2px 2px #FFF, -2px -2px 2px #FFF; }
.khung_list h3 a { }
.khung_mar { width: 100%; float: left; padding-top: 2em; }
.right_sptb { width: 930px; float: right; }
.right_sptb1 { width: 78%; float: left; }
.right_sptb2 { width: 20%; float: right; }
.content_sptb1 { width: 100%; float: left; margin-top: 2em; }
.content_sptb1 { display: none; z-index: 1; margin-top: 20px; }
.content_sptb1.active { display: block; z-index: 2; }
.left_content_sptb1 { padding: 10px; border: 1px #d5d5d5 solid; border-radius: 5px; height: 192px; overflow-x: hidden; width: 78%; float: left; }
.right_content_sptb1 { padding: 10px; border: 1px #d5d5d5 solid; border-radius: 5px; height: 192px; overflow-x: hidden; width: 19%; float: right; }
.left_content_head p { font-family: 'MontserratBold'; font-size: 20px; color: #000; }
.right_content_sptb11 li p { font-family: 'MontserratBold'; font-size: 13px; display: block; padding: 5px 0; border-bottom: 1px #d5d5d5 solid; }
.right_content_sptb11 li p span { font-family: 'MontserratRegular'; font-size: 13px; }
.bao-im { padding: 5px; border: 1px #d5d5d5 solid; border-radius: 5px; }
.box_right_sptb2 { padding: 0 10px; width: 20%; text-align: center; font-family: 'MontserratRegular'; font-size: 13px; margin-bottom: 10px; }
.right_sptb2 .slick-prev { opacity: 1; transition: 0.5s; font-size: 0; line-height: 0; position: absolute; top: -26px; display: block; width: 40px; height: 50px; margin-top: -15px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: url(images/next.png) left 0px no-repeat; z-index: 50; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.right_sptb2 .slick-prev { left: 35%; }
.right_sptb2 .slick-next { opacity: 1; transition: 0.5s; font-size: 0; line-height: 0; position: absolute; top: 100%; display: block; width: 40px; height: 50px; margin-top: -15px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: url(images/prev.png) left 0 no-repeat; z-index: 50; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.right_sptb2 .slick-next { right: 40%; }
.slick-prev { opacity: 0; transition: 0.5s; font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 35px; height: 30px; margin-top: -15px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: url(images/fancybox_sprite.png) left -38px no-repeat; z-index: 50; }
.slick-next { opacity: 0; transition: 0.5s; font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 35px; height: 30px; margin-top: -15px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: url(images/fancybox_sprite.png) left -73px no-repeat; z-index: 50; }
.right_sptb .slick-next:before, .right_sptb .slick-prev:before { content: ''; }
.spham { padding-top: 13px; padding-bottom: 10px }
.item { width: 100%; text-align: center; position: relative; overflow: hidden; background: transparent; border: 1px solid #ebebeb; }
.item .img { width: 100%; float: left; overflow: hidden; position: relative; }
.item:hover .xemsp { color: #FFF000 }
.item:hover .mua, .item:hover .muas { bottom: 0; transition: .5s all; }
.item .ten { width: 100%; float: left; padding: 5px 0 10px; }
.item .ten img { float: right; }
.item img { transition: 0.5s; }
.item h3 { font-size: 14px; padding: 0; }
.item h3 a { color: #222222; font-weight: 100; font-size: 14px; font-family: RobotoRegular; text-transform: capitalize; }
.item:hover h3 a { color: rgb(241, 0, 0); }
.item a { position: relative; display: inline-block }
.item p { position: relative; font-size: 14px; padding-left: 0px; font-weight: 100; margin: 0; color: #272727; }
.item p.camgd { color: #f58220; }
.item p span { color: #009b04; }
.item p.gia span { color: #8601b6; }
.item p.gia { padding-top: 5px; }
.item .text { padding-top: 1em; }
.item .item_tt { width: 100%; float: left; height: 100%; }
.item .mota { position: relative; border-top: 1px dotted #ebebeb; height: 60px; display: flex; justify-content: center; align-items: center; }
.item .mota ul { padding-inline-start: 15px; }
.item .item_tt { display: inline-block; position: relative; }
.item .item_tt .add { width: 100%; float: left; text-align: center; background: rgba(0, 0, 0, .5); position: absolute; bottom: 100%; height: 0; transition: .5s all; }
.item .item_tt .add a { color: #ffffff; }
.item:hover .add { height: auto; padding: 1em; transition: .5s all; }
.item .pos { position: absolute; width: 100%; height: 100%; top: -100%; left: 0; padding: 2em; background: rgba(28, 28, 28, .9); transition: .5s all; }
.item .pos h3 a { color: #ffffff; text-transform: uppercase; padding-bottom: 12px; }
.item .pos h3 a:after { position: absolute; content: ''; width: 3em; height: 2px; background: #2959a4; left: 50%; bottom: 0; margin-left: -1.5em; }
.item .pos p { padding: 1em 0; color: #ffffff; }
.item:hover .pos { top: 0; transition: .5s all; }
.item .pos a:hover { color: #194487; }
.khungbao .tray-item-play-button span { padding: 10px 15px; font-family: "RobotoBold"; font-size: 14px; background: rgba(255, 0, 0, 1); color: #fff; border-radius: 30px; opacity: 0; transition: all .5s ease-out }
.dathang { position: absolute; width: 58px; height: 48px; background: url('images/icon_gh.png') no-repeat; z-index: 100; bottom: 0; right: 0; cursor: pointer; transition: 0.3s }
.dathang:hover { opacity: 0.8 }
.gia { font-family: SVNAvo; font-size: 14px; }
.muas, .mua { z-index: 100; transition: all 0.5s ease 0s; color: #ffffff; text-align: center; cursor: pointer; border: 0; padding: 5px 20px; background: #e62e6b; font-size: 14px; border-radius: 5px; font-family: RobotoRegular; margin-top: 8px; position: absolute; bottom: -100%; left: 50%; margin-left: -47.5px; transition: .5s all; }
.muas a, .mua a { display: block; color: #0b58cc }
.muas:hover a, .mua:hover a { color: #f37022 }
.giaohang_tn { width: 380px; float: left; padding: 20px 10px 20px 160px; color: #fff; background: url(images/giaohang.png) no-repeat 0 10px; border-right: 1px solid #0081b4 }
.giaohang_tn h4 { color: #fbda42; font-size: 18px; text-transform: uppercase; font-family: 'RobotoCondensed' }
.giamgia_hot { position: absolute; width: 40px; float: left; height: 40px; z-index: 1; top: 3px; right: 3px; background: url(images/giamgia.png) no-repeat; line-height: 30px; text-align: center; color: #FFF !important }
.thuonghieu_item { width: 20%; float: left; text-align: center; border: 1px solid #eee; padding: 10px }
.thuonghieu_item h3 a { margin-top: 10px; color: #e91678; font-family: 'UTMFlamenco' }
.thuonghieu_item img { max-width: 100% }
.thuonghieu_item:hover { border: 1px solid #e91678 }
.chitiet { height: 31px; background: url(images/bg_giohang.png) repeat-x; display: inline-block; text-align: center; color: #fe8152; font-size: 12px; border: 1px solid #dadada; line-height: 31px; padding: 0 10px; margin-top: 10px }
.chitiet a { color: #000; text-decoration: none }
.chitiet a:hover { color: #ec0574 }
.gach { width: 100%; float: left; border-bottom: 1px dotted #ccc; margin: 5px 0 }
.noidung ul li { list-style-type: none !important }
.dangky_tin { width: 100%; position: relative; text-align: center; }
.dangky_tin p { font-size: 14px; margin: 0; }
.dangky_tin p span { text-transform: uppercase; font-size: 16px }
.dangky_tin input { width: 100%; padding: 8px; background: transparent; color: #333333; border: 0; margin-bottom: 8px; box-shadow: inset 0 0 3px #ccc; border-radius: 4px; }
.dangky_tin textarea { width: 100%; padding: 8px; background: transparent; color: #ffffff; border: 0; margin-bottom: 8px; box-shadow: inset 0 0 3px #ccc; border-radius: 4px; }
.dangky_tin button { text-transform: uppercase; cursor: pointer; padding: 0; border: 0; font-family: 'RobotoBold'; color: #ffffff; bottom: 0; height: 35px; width: 130px; background: #194487; border-radius: 5px; display: inline-block; }
.dangky_tin button:hover { opacity: 0.5 }
.dangky_tin button i { font-size: 20px; }
.dangky_tin button.reset { background: transparent; color: #13aa07; text-transform: unset; border: 0; font-family: 'RobotoRegular'; font-size: 13px; text-decoration: underline; }
.nhantin { width: 100%; float: left; padding: 2em 2em 0; background: #ffffff; box-shadow: 0 -5px 5px -5px #bfbcbc; position: relative; }
.nhantin:after { content: ''; position: absolute; width: 0; height: 0; border-top: 3em solid #fff; border-left: 13.3em solid transparent; border-right: 13.3em solid transparent; right: 0; left: 0; }
.nhantin .left_mail { width: 24%; float: left; text-align: center; }
.nhantin .left_mail .ten { margin: 0; font-family: RobotoBold; font-size: 30px; color: #ffffff; text-transform: uppercase; }
.nhantin .left_mail .ten span { margin: 0; font-family: UTMImpact; font-size: 40px; color: #fe0000; }
.nhantin .left_mail .mota { color: #ffffff; font-size: 20px; margin: 0; }
.nhantin .left_mail .lienhe { margin: 0; font-family: RobotoCondensedBold; color: #ffffff; font-size: 28px; }
.nhantin .left_mail .lienhe span { color: #fe0000; }
.nhantin .right_mail { width: 73%; float: right; }
.khung_nt { width: 100%; background: #f8f8f8; line-height: 42px; padding: 2.5em 0; }
.nhantin > p { width: 100%; float: left; margin: 0; color: #3a3838; font-size: 15px; }
.dangky { width: 100%; float: left; display: flex; flex-wrap: wrap; list-style: none; text-align: left; }
.dangky h4 { font-family: RobotoBold; font-size: 15px; color: #333333; }
.dangky p { }
.nhantin h5 { position: relative; color: #194487; margin: 0; padding: 0; font-size: 30px; text-align: center; font-weight: 100; font-family: SFUHelveticaCompressed; text-transform: uppercase; }
.footer .nhantin p { font-size: 14px; margin: 5px 0 1em 0; text-align: center; }
.nhantin .dangky p { font-size: 15px; }
.nhantin img { float: left; margin-right: 1em; }
.content_nhantin { width: 53%; float: left; box-sizing: border-box; padding: 0; background-size: 100% 100% }
.dk_nhantin { width: 71.66667%; margin: auto }
.tin { color: rgb(255, 255, 255); padding: 0; font-style: normal; font-family: "RobotoRegular"; font-size: 13px }
.face { width: 78%; float: right }
.dangkymail { width: 100%; float: left; position: relative; }
.dangkymail .col-md-4 { padding: 0 .3em }
.dangkymail input { width: 100%; float: left; margin: 0; border: 0; outline: none; color: #000000; font-size: 14px; padding-left: 1em; font-family: "RobotoRegular"; background: #ffffff; border: 1px solid #cccccc; }
.dangky_tin input#hoten_nhantin { }
.dangky_tin input#email_nhantin { }
.dangky_tin input#phone_nhantin { }
.dangky_tin input#noidung { }
.dangkymail textarea { border: 0; outline: none; font-size: 14px; font-family: "RobotoRegular"; border-radius: 4px; border: 1px solid rgba(255, 255, 255, .5); background: rgba(255, 255, 255, .15); padding: 10px; color: #fff; width: 100% }
.dangkymail .col-md-12 { padding: .6em 0 1.2em 0 }
.dangkymail button { text-transform: uppercase; margin: 0; border: none; outline: none; cursor: pointer; color: rgb(255, 255, 255); opacity: 1; background: #ffcc00; font-family: UTMTrajanProBold; font-size: 14px; right: 0; position: absolute; padding: 0 2em; top: 0px; line-height: 46px; }
.dangkymail p { width: 100%; float: left; color: #fff; padding: 10px 20px }
.dangkymail input::-webkit-input-placeholder { color: rgb(193, 193, 193); font-size: 13px; font-family: "OpenSansRegular"; }
.dangkymail input:-moz-placeholder { color: rgb(193, 193, 193); font-size: 13px; font-family: "OpenSansRegular"; }
.dangkymail input::-moz-placeholder { color: rgb(193, 193, 193); font-size: 13px; font-family: "OpenSansRegular"; }
.dangkymail input:-ms-input-placeholder { color: rgb(193, 193, 193); font-size: 13px; font-family: "OpenSansRegular"; }
.dangky_tin input::-webkit-input-placeholder { color: rgba(178, 178, 178, 1); font-size: 13px; font-family: 'RobotoRegular'; }
.dangky_tin input:-moz-placeholder { color: rgba(178, 178, 178, 1); font-size: 13px; font-family: 'RobotoRegular'; }
.dangky_tin input::-moz-placeholder { color: rgba(178, 178, 178, 1); font-size: 13px; font-family: 'RobotoRegular'; }
.dangky_tin input:-ms-input-placeholder { color: rgba(178, 178, 178, 1); font-size: 13px; font-family: 'RobotoRegular'; }
.dangky_tin textarea::-webkit-input-placeholder { color: rgba(178, 178, 178, 1); font-size: 13px; font-family: 'RobotoRegular'; }
.dangky_tin textarea:-moz-placeholder { color: rgba(178, 178, 178, 1); font-size: 13px; font-family: 'RobotoRegular'; }
.dangky_tin textarea::-moz-placeholder { color: rgba(178, 178, 178, 1); font-size: 13px; font-family: 'RobotoRegular'; }
.dangky_tin textarea:-ms-input-placeholder { color: rgba(178, 178, 178, 1); font-size: 13px; font-family: 'RobotoRegular'; }
#thanh_toan { width: 100%; float: left; border-top: 1px solid #9d9e9e; border-bottom: 1px solid #9d9e9e; padding: 10px 0; margin: 20px }
.thoigian { float: right; font-family: 'UTMAvo'; padding: 25px 0 0 20px }
.hotro_bottom p { float: left; text-transform: uppercase; font-weight: bold; color: #1b1c23; margin: 25px 20px 0 }
.list_carousel_banchay { padding-bottom: 60px }
.list_carousel_banchay .owl-controls { display: none }
#bottom { width: 100%; float: left; position: relative; padding: 3em 0 0em; background: #f7f7f7; }
#bottom .thanh_title h2 span { color: #ffffff }
#bottom .thanh_title h2:after { background: url(images/dmuc2.png)no-repeat }
#bottom .right_bt { width: calc(100% - 500px); float: right; margin-top: 2.5em; }
#bottom .left_bt { width: 480px; float: left; margin-top: 2.5em; position: relative; }
.khung_bottom { width: 100%; float: left; padding: 0; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 57px; }
.khung_bottom .box_bt { width: 100%; }
.tintuc h4, .facebook h4 { float: left; position: relative; line-height: 40px; text-align: center; font-size: 44px; color: #000000; font-family: UTMWeddingKT; width: 100%; margin-bottom: 1em; font-weight: 100; padding-bottom: .5em; }
#bottom .hotro >h4, #bottom .video >h4 {/* width: 100%; */float: left; margin-bottom: 1em; font-family: SFUHelveticaCompressed; font-size: 28px; color: #333333; position: relative; text-transform: uppercase; padding-bottom: 15px; }
#bottom .hotro >h4:after, #bottom .video >h4:after { position: absolute; bottom: 0; left: 0; content: ''; background: #194487; width: 2em; height: 2px; }
.bottom { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; }
.videos { width: 100%; float: left; }
.ykien { width: 42%; float: right; }
.item_yk { width: 100%; display: grid; grid-template-columns: 1fr 2.5fr; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc; }
.item_yk img { border-radius: 50%; }
.item_yk .mota { padding-top: 1em; font-family: OpenSansRegular; font-size: 14px; color: #5d5d5d; }
.item_yk .mota h3 { margin-top: 10px; }
.item_yk .mota h3 a { color: #bd0101; font-size: 14px; }
.item_yk2 { width: 100%; display: grid; grid-template-columns: 2.5fr 1fr; padding-bottom: 10px; margin-bottom: 1em; border-bottom: 1px dotted #ccc; }
.item_yk2 img { border-radius: 50%; }
.item_yk2 .mota { padding-top: 1em; font-family: OpenSansRegular; font-size: 14px; color: #5d5d5d; }
.item_yk2 .mota h3 { margin-top: 10px; }
.item_yk2 .mota h3 a { color: #bd0101; font-size: 14px; }
.hotro { float: left; width: calc(100% - 500px); overflow: hidden; }
.htro { font-family: 'RobotoBold'; font-size: 15px; color: #333333; }
.htro span { font-family: 'RobotoRegular'; }
.hotro ul { width: 100%; float: right }
.noibat { width: 100%; float: left; padding: 4em 0 0 0; }
.hotro_bot { width: 48.5%; float: left; border: 1px solid #cbcbcb; padding: 2em; text-align: center; justify-content: center; display: grid; grid-template-columns: 1fr 3fr; align-items: center; }
.hotro_bot { }
.hotro_bot p { width: 100%; float: left; }
.hotro_bot ul { width: 100%; float: left; display: flex; flex-wrap: wrap; padding-left: 2em; padding-top: 1em; list-style: none; text-align: left; border-left: 1px solid #cbcbcb; padding-bottom: 1em; }
.hotro_bot ul li.yahoo:last-child { border-bottom: 0; }
.nhantin .lket img { margin-left: 1em; margin-right: 0; }
.hotline_hotro { font-family: "RobotoCondensedBold"; color: #000; width: 100%; }
.hotline_hotro span { font-family: "RobotoCondensedBold"; color: rgb(224, 7, 15); font-size: 34px; }
.email_hotro { width: 100%; float: left; font-size: 15px; font-family: 'RobotoRegular'; }
.title_tt h3 { font-family: 'RobotoBold'; font-size: 25px; color: #1874c1; float: left; margin-bottom: 1em; position: relative; text-transform: uppercase; padding-bottom: 13px; }
.title_tt h3:after { content: ''; position: absolute; left: 0; bottom: 0; width: 555px; height: 17px; background: url(images/line_bt.png)no-repeat center left; }
#hotro2 { width: 100%; float: left; padding: 3em 0; position: relative; z-index: 99; margin-top: 3em; }
.bgvs { position: absolute; top: 0; width: 100%; text-align: center; }
.khung_vs { width: 100%; display: grid; grid-template-columns: 1fr 1fr; padding-top: 5em; grid-column-gap: 30em; }
.tieude_giua { font-family: UTMWeddingKT; text-align: center; color: #8601b6; font-size: 55px; }
.item_hotro2 { display: inline-block; float: left; vertical-align: top; margin: 20px 0px; }
.item_hotro2 img { float: left; margin-right: 15px; }
.logo_right { float: right; margin-right: 0px }
.pd115 { width: calc(100% - 135px); text-align: right; }
.item_hotro2 img.mgrin_r { margin-right: 0; }
.fr { float: right; }
.tr { float: right; text-align: right; }
.item_hotro2 h4 { font-family: SVNAvobold; color: #ffffff; font-size: 20px; text-transform: uppercase; }
.item_hotro2 h4:hover { color: #ff0; }
.item_hotro2 p { font-family: SVNAvo; color: #fff; font-size: 14px; margin: 1em 0 0; }
.title_httt { background: url(images/tieude_tt.png) no-repeat; height: 64px; line-height: 64px; color: rgb(0, 69, 140); font-size: 25px; font-family: 'UTMHelvetInsRegular'; text-transform: uppercase; padding-left: 15px; margin-bottom: 15px; }
.l-news { width: 100%; overflow: hidden; float: left; }
.l-news .title_tt { grid-column: 1/ span 2; }
.r-news { overflow: hidden; }
.news1 { float: left; width: 100%; }
.news1 a { display: block }
.news1 h3 { padding: 10px 0 5px 0; }
.news1 h3 a { text-decoration: none; color: rgb(47, 47, 47); font-family: 'RobotoBold'; font-size: 14px }
.news1 h3 a:hover { text-decoration: underline }
.news1 p { color: rgb(92, 92, 92); font-size: 14px; font-family: 'RobotoRegular' }
.news1 .xemthem { padding: .5em 1em; border: 1px solid #ccc; text-transform: uppercase; float: left; margin-top: 1em; text-decoration: none; }
.news2 { float: right; width: 100%; }
.box_tt { margin-bottom: 10px }
.box_tt a img { float: left; margin-right: 5px }
.box_tt a img:hover { opacity: 0.5 }
.box_tt h3 a { text-decoration: none; color: rgb(47, 47, 47); font-family: 'RobotoBold'; font-size: 14px }
.box_tt h3 a:hover { text-decoration: underline }
.box_tt p { color: rgb(92, 92, 92); font-size: 14px; font-family: 'RobotoRegular' }
.spnew { position: absolute; top: -3px; right: -3px; }
#nhantin { width: 100%; float: left; padding: 2em 0; background: rgba(34, 112, 177, .5); }
.dichvu_nb { margin: 0 -16px 0 -16px }
.dichvu_nb .col-md-3:nth-child(4n+1) { clear: both }
#dichvu_ct { width: 100%; float: left; margin: 0; padding: 60px 0 55px; position: relative; background: none repeat-x bottom }
.footer { width: 100%; float: left; position: relative; background: #403c3c; color: #787878; padding: 3em 0; font-size: 13px; }
.footer h2 { font-size: 50px; padding: 0 0 15px; text-align: left; position: relative; text-transform: uppercase; font-weight: 100; color: #194487; font-family: SFUHelveticaCompressed; text-shadow: 1px 1px 1px #FFF, 1px -1px 1px #FFF, -1px 1px 1px #FFF, -1px -1px 1px #FFF, 1px 1px 1px #FFF, 1px -1px 1px #FFF, -1px 1px 1px #FFF, -1px -1px 1px #FFF; }
.footer h4 { font-size: 18px; position: relative; float: left; width: 100%; margin-bottom: 1.2em; color: #ffffff; font-weight: 100; text-transform: uppercase; padding-bottom: 10px; font-family: ExoMedium; }
.footer h4:after { position: absolute; bottom: 0; left: 0; width: 2.5em; height: 3px; background: #cc0007; content: ''; }
.footer h4:before { position: absolute; bottom: 0px; left: 0; width: 80%; height: 2px; background: #8d8c8c; content: ''; }
.footer h3 { font-family: "UTMAlexander"; font-size: 24px; position: relative; float: left; text-transform: uppercase; width: 100%; margin-bottom: 15px; padding-bottom: 15px; }
.footer h3:after { position: absolute; bottom: 0; left: 0; width: 2.5em; height: 1px; background: #fff; content: ''; }
.footer .thanh_title h2 span { color: #e6493e; }
.footer .thanh_title h2:after { background: url(images/dmuc2.png)no-repeat }
.footer .col1_f { padding: 0; }
.footer .ndung_footer p { font-family: 'RobotoRegular'; font-size: 16px; color: #434141; }
#copy .thongtin_bt { display: inline-block; margin-top: 1em; }
#copy span {color: #f00;}
#copy .thongtin_bt p { font-family: 'Arial'; font-size: 13px; color: rgb(86, 86, 86); }

/*.footer ul{width:100%;float:left}
.footer ul li{width:100%;float:left;padding:8px 0}
.footer ul li a{font-family:"RobotoRegular";color:rgb(101,101,101);font-size:13px}
.footer ul li a:hover{color:#f00}
.footer ul li a span{font-family:"RobotoBold";color:#f00}
*/
.logo_ft { width: 100%; text-align: center; float: left; }
.khung_ft { width: 100%; float: left; display: grid; grid-template-columns: 1fr 1.5fr; grid-gap: 3em; }
.khung_ft .nganhang_hotro { width: 100%; float: left; }
.khung_ft .nganhang_hotro ul { width: 100%; float: left; padding: 0; list-style: none; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 1em 0; }
.khung_ft .nganhang_hotro ul img { border: 1px solid #cbcbcb }
.footer .khung_fter { width: 100%; float: left; display: grid; grid-template-columns: 2.5fr 2fr 1fr 1.5fr 2fr; grid-gap: 3em; padding: 0 0 0 3em; }
.footer .khung_fter ul { list-style: none; width: 100%; float: left; margin: 0; padding: 0; }
.footer .khung_fter ul.nganhang { display: inline-flex; width: 100%; }
.footer .khung_fter ul.nganhang li { flex-grow: 2; }
.footer .khung_fter ul.lienket { margin-left: 0; }
.footer .khung_fter ul li { font-weight: 100; flex: 1 50%; padding-bottom: 10px; }
.footer .khung_fter ul li a { color: #787878; font-size: 13px; }
.footer .khung_fter ul li a:hover { color: #fff200; }
.footer .lket { text-align: left; padding: 2em 0 1em; text-transform: uppercase; float: left; }
.footer p { font-weight: 100; margin: 0; width: 100%; float: left; }
.footer .noidung_ft p { margin-bottom: 10px; }
.footer .facebook p { float: left; padding: 0; width: 100%; font-family: UVFAriaProRegular; }
.noidung_ft { width: 100%; float: left; line-height: 2; }
.lkweb { width: 100%; float: left; padding: 0 0 0 0 }
.lkweb a:hover img { transform: rotate(360deg); transition: 1s }
.logo_bt { float: left; text-align: center }
.logo_bt { max-width: 90% }
.menu_bt { width: 100%; float: left; margin-top: 10px; margin-bottom: 10px; text-align: center; color: #333 }
.congty { position: relative; color: rgba(255, 255, 255, 1); text-align: center; margin-top: 10px; text-transform: uppercase; width: 100%; float: left }
.bocongthuong { float: right }
.bocongthuong h4 { margin: 10px 0; font-size: 12px; color: #ccc }
.mang_xh { float: right; text-align: center }
.mang_xh h4 { font-size: 15px; color: #fff; float: left; font-family: 'RobotoCondensed' }
.mang_xh p { color: #dcdcdc; padding: 5px 0 20px }
.mang_xh a { margin: 0 2px 0 0 }
.mang_xh a:hover { opacity: 0.7 }
.mang_xh img { width: 30px }
.mang_xh ul { color: #fff }
.mang_xh ul li { display: inline-block; color: #fff; font-size: 12px; padding: 0 10px; margin-top: 10px }
.mang_xh ul li span { color: #FFF600 }
.facebook { background: url(images/bg_bottom.png)no-repeat bottom center; padding: 0em 1.3em 4em; }
.bando_bt { float: left; width: 92%; border-radius: 3px; border: 1px solid rgb(26, 148, 226) }
#footer .bando_bt h4 { padding: 0 0 10px }
#footer .bando_bt h4:after { bottom: 5px }
.bando_bt h4, .thongke h4 { color: #fff; font-weight: 100; text-align: left; padding: 0 0 10px; font-size: 16px; margin: 0; text-transform: capitalize }
.bando_map { width: 100%; float: left }
.map { border-radius: 5px; width: 40px; background: #861414; height: 40px; text-align: center; position: fixed; right: 37px; bottom: 7em; z-index: 99; padding: 5px; box-shadow: 0 0 3px #ffffff; cursor: pointer; }
.map iframe { width: 100%; height: 100%; }
.map h4 { color: #fff; text-align: right; text-transform: uppercase; font-style: italic }
.owl_dv { width: 100%; float: left; padding: 2em 0 0; display: none; }
.owl_dv.owl-carousel .owl-item { padding: 0 0 1em 0; }
.owl_dv .slick-slide > div > div { display: block !important; }
.owl_dv .owl-controls { display: block !important }
.owl_dv .owl-dots { display: none !important }
.owl_dv .owl-prev { position: absolute; z-index: 10; left: -30px; top: 17em; width: 12px; height: 40px; background: url(images/left.png)no-repeat !important; float: left; text-indent: -9999px; display: block !important; }
.owl_dv .owl-next { position: absolute; z-index: 10; right: -30px; top: 17em; width: 12px; height: 40px; background: url(images/right.png)no-repeat !important; float: left; text-indent: -9999px; display: block !important; }
#doitac { width: 100%; float: left; min-height: 160px; text-align: center }
.doitac { width: 100%; float: left; padding: 2em 0 4em; text-align: center; }
.doitac p { width: 50%; display: inline-block; font-size: 16px; margin: 1em 0; }
.owl_carousel_doitac { display: none; }
.doitac .owl_carousel_doitac { width: 100%; float: right; }
.doitac .owl-theme .owl-controls { display: block !important }
.doitac .owl-dots { display: none !important }
.doitac > div > a { width: 16em; line-height: 43px; text-align: center; background: #cc0007; display: inline-block; color: #ffffff; font-family: OswaldSemiBold; text-transform: uppercase; border-radius: 5px; font-size: 20px; }
.doitac > div > a img { margin: 0 0 5px; }
.khung_dtac { width: 100%; float: left; }
.khung_dtac p { float: left; line-height: 78px; padding-left: 1em; font-family: 'RobotoBold'; font-size: 15px; }
.doitac .owl-prev { position: absolute; z-index: 10; left: -40px; top: 25px; width: 21px; height: 23px; background: url(images/left_dt.png)no-repeat !important; float: left; text-indent: -9999px; display: block !important; }
.doitac .owl-next { position: absolute; z-index: 10; right: -40px; top: 25px; width: 21px; height: 23px; background: url(images/right_dt.png)no-repeat !important; float: left; text-indent: -9999px; display: block !important; }
.owl-carousel-doitac { width: 100%; float: left }
.doitac .owl-carousel .owl-item { padding: 0 0 }
.owl_carousel_doitac img { max-width: 100%; height: auto; transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; -webkit-filter: grayscale(0%); filter: grayscale(0%); transition: .3s;/* border: 1px dashed #d6d6d6; */ border-radius: 5px; }
.owl_carousel_doitac img:hover { border-color: #1aa800; transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: .3s }
.owl_doitac img { max-width: 100%; height: auto; transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; -webkit-filter: grayscale(0%); filter: grayscale(0%); transition: .3s }
.owl_doitac img:hover { border-color: #1aa800; transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: .3s }
.title_dtac { width: 100%; float: left; text-align: center; text-transform: uppercase; color: rgb(80, 80, 80); font-family: "RobotoBold"; font-size: 24px; padding: 0 0 10px }
.sp_left { width: 100%; float: left; padding: 10px }
.sp_left img { width: 80px; float: left; margin: 0; padding: 2px; border: 1px solid #e1e1e1; margin-right: 10px }
.sp_left img:hover { opacity: 0.8 }
.sp_left a { color: #333; text-align: justify }
.sp_left a:hover h3 { color: #056D94 }
.menu_bot { width: 1000px; float: left; padding-top: 5px; text-align: center }
.menu_bot a { text-decoration: none; color: #fff; text-shadow: -1px 1px #03C, 1px -1px #03C, -1px -1px #03C, 1px 1px #03C; padding-left: 10px; padding-right: 10px }
.menu_bot a:hover { color: #900; text-shadow: -1px 1px #fff, 1px -1px #fff, -1px -1px #fff, 1px 1px #fff }

/*-----------------------------------*/
.lienket { float: left; text-align: left; z-index: 99; padding: 0; margin-top: 1em; }
.lienket label { float: left; font-weight: bold; color: #fff; margin: 5px 10px 0 0 }
.lienket li { display: inline-block }
.lienket a { margin: 5px 0 0 0; color: #4f4f4f; }
.lienket a img { margin: 0 5px 0 0 }

/*.lienket h4{float:left;width:100%;color:#4f4f4f;font-size:16px;font-family:'RobotoCondensedRegular';text-transform:uppercase;margin-bottom:20px}*/
.lienket a:hover { opacity: 0.7 }
.lket { float: right; padding: 0; text-align: right; }
.lket p { text-transform: uppercase; font-size: 14px; color: #ffffff; font-family: "RobotoBold"; width: auto; padding: 10px 0; }
.lket p a { display: inline-block; padding-top: 10px; }
.lket a { margin: 0 0px 0 1px; color: #ffffff; font-size: 13px; background: #707070; float: left; padding: 0 2px; }
.lket img { transition: .5s all; }
.lket img:hover { transition: .5s all; transform: scale(1.1); }
#bottom .lket img { border: 0 }

/*#bottom ul{text-align: center;width: 100%;float: left;margin: 0;}
#bottom ul li{display: inline-block;position: relative;overflow: hidden;}
#bottom ul li:after{position:absolute;top: 4px;right: 0;width: 1px;height: 15px;background: #000000;content: '';}
#bottom ul li:last-child:after{display: none;}*/
.item_vs { width: 100%; grid-gap: 1em; font-size: 15px; color: #636363; }
.item_vs h3 a { font-family: ExoMedium; font-size: 18px; color: #bd9d08; font-weight: 100; }
.item_vs h3 { position: relative; }
.item_vs img { transition: .5s all; }
.item_vs:hover img { transition: .5s all; transform: scale(1.1); }
.item_vs:hover h3 a { color: red; }
#tintuc { width: 100%; float: left; }
#tintuc ul { list-style: none; margin: 0; padding: 0; }
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { padding: 3em 8em !important; margin: 0 !important }
.content_tk { border: 1px solid #ccc; border-radius: 10px; padding: 2em }

/*-----------------------------------*/
#copy { width: 100%; float: left; font-size: 13px; text-align: center; padding: 1em 0; color: #ffffff; text-transform: uppercase; background: #221e1e; }
#copy p { padding-left: 2em; float: right; font-family: "RobotoRegular"; font-size: 13px; color: #ffffff; height: 50px; color: #ffffff; line-height: 50px; }
.copy { padding: 1em 0; width: 100%; float: left; background: transparent; margin-top: 2em; text-align: center; }
.copy a { color: #ff6902 }
.copy span { text-transform: uppercase; color: #ff0000; }
.thongso { margin: 0; float: right; display: inline-flex; flex-flow: nowrap; padding: 0; list-style: none; }
.thongso li { padding: 0 5px; }
.thongso li a { color: #ffffff; }
.thongso li a:hover { color: #fff000; }
.row_ht { width: 260px; float: right; margin: 15px 0 0 }
.dienthoai_top { color: #ffa200; font-size: 13px; float: right; margin: 20px; padding: 2px 50px 0 20px }
.giomocua { float: right; padding: 0 0 0 2em; }
.giomocua span { text-transform: uppercase }
.hotline_top p { padding: 0 0 0 1em; }
.hotline_top { float: left; position: relative; padding: 0 0 0 1.5em; background: url(images/phone.png)no-repeat left center; }
.hotline_top span { font-size: 16px; color: #ffcc00; }
@-webkit-keyframes colorchange {
	0% { -webkit-text-stroke: 1px #ec0574; letter-spacing: 0 }
	100% { -webkit-text-stroke: 1px #3558a5; letter-spacing: 1px }
}
.hotline_top_an p { padding: 0; width: 100%; float: left; font-size: 13px; font-family: "RobotoBold"; color: rgb(255, 255, 255) }
.hotline_top_an { display: none; float: right; padding: 0 0 0 50px; font-size: 15px; font-family: 'RobotoRegular'; color: rgb(224, 16, 16); position: relative; background: url('images/hotline.png') no-repeat center left; height: 40px; width: 31% }
.hotline_top_an span { color: rgb(255, 255, 255); width: 100%; float: left; font-size: 22px; font-family: 'UTMAvoBold' }
@-webkit-keyframes colorchange {
	0% { -webkit-text-stroke: 1px #ec0574; letter-spacing: 0 }
	100% { -webkit-text-stroke: 1px #3558a5; letter-spacing: 1px }
}
.right { width: 40%; float: right; text-align: right;/* margin-top: 10px; */ padding: 0; }
.right li { flex: 1; text-align: left; position: relative; display: grid; grid-template-columns: 1fr 3fr; margin-right: 5px; }
.right li a.dangxuat { display: inline-block; font-size: 13px; }
.right p { font-size: 13px; font-family: "RobotoRegular"; color: rgb(51, 51, 51); padding: 3px 0 0 0 }
.right span { width: 100%; display: inline-block; font-family: RobotoBold; color: #d20000; font-size: 15px; }
.right span.span { font-family: OpenSansRegular; color: #282828; font-size: 15px; }
.owl_carousel_news .owl-controls { display: none }
.frmCheckOrder { width: 100%; float: left }
.sub-ktdh-f { display: none; position: absolute; background-color: #fff; top: 100%; right: 0; text-indent: 0; z-index: 19; border: 1px solid #d9d9d9; box-shadow: 1px 1px 2px #ccc; width: 260px; border-top: none; padding: 10px }
.sub-ktdh-f button { background-color: #e60f1e !important; color: #fff; text-transform: uppercase; text-align: center; height: 34px; line-height: 34px; border: none; border-radius: 2px; font-weight: bold; font-size: 14px; padding: 0 10px; cursor: pointer }
.sub-ktdh-f button:hover { background: #0a0 }
.sub-ktdh-f label { width: 100%; float: left }
.sub-ktdh-f input { background-color: #fff; height: 30px; width: 100%; border: 1px solid #ccc; border-radius: 2px; padding: 2px 4px; margin-bottom: 7px }
.widget { background: #f9f9f9; border: 1px solid #cdcdcd; margin-top: 32px; clear: both }
.widget .titles { height: 36px; background: #efefef url(../images/backgrounds/titleBg.png) repeat-x; border-bottom: 1px solid #cdcdcd }
.widget .titles .titleIcon { float: left; padding: 11px 11px; border-right: 1px solid #D5D5D5 }
.toggle { background: #f9f9f9; border: 1px solid #cdcdcd; margin-top: 32px; clear: both; border-bottom: none }
.toggle .titles { height: 36px; background: #efefef url(../images/backgrounds/titleBg.png) repeat-x; border-bottom: 1px solid #cdcdcd; cursor: pointer }
.toggle .titles h6 { float: left; font-size: 12px; font-weight: bold; padding: 9px 12px 8px; display: block }
.toggle .titleIcon { float: left; padding: 11px 11px; border-right: 1px solid #D5D5D5 }
.toggle .body, .toggle .menu_body { padding: 12px 14px; border-bottom: 1px solid #cdcdcd }
.toggle .inactive { color: #2B6893 }
.widget .loader { float: right; margin: 12px 12px 0 0 }
.widget .titles h6 { float: left; white-space: nowrap; font-size: 12px; font-weight: bold; padding: 9px 12px 8px }
.widget .content { padding: 14px }
.widget .body { padding: 12px 14px }
.widget > p { padding: 12px }
.formRow { padding: 10px 14px; clear: both; border-bottom: 1px solid #E2E2E2; border-top: 1px solid white; position: relative }
.formRow:first-child { border-top: none }
.formRow:last-child { border-bottom: none }
.ui-formwizard .formRow:last-child { border-bottom: 1px solid #E2E2E2 }
.wizButtons { border-top: 1px solid #fff }
.formRow .formRight { display: block; float: right; width: 85%; margin-right: 18px }
.formRow .inputImg { position: absolute; top: 29px; right: 25px }
.formRow .labelImg { float: left; margin: 2px 10px 0 0 }
.formRow > label { padding: 0 0; display: block; float: left; font-weight: bold; white-space: nowrap }
.formRight label { float: left; margin-right: 24px; padding: 2px 0; cursor: pointer }
.formNote { display: block; text-align: left; font-size: 11px; padding-top: 5px; color: #939393 }
.req { float: right; margin-left: 5px; display: block; color: #DB6464 }
.disabled { color: #c0c0c0 }
.widget tfoot { padding: 10px 0; text-align: center; border-top: 1px solid #cdcdcd }
.giohang { float: right; position: fixed; right: 1em; top: 20%; }
.giohang a { width: 100%; text-transform: uppercase; float: left; font-size: 12px; color: #fff; }
.giohang span b { position: absolute; top: 0; right: 0; background: #3a7218; border-radius: 50%; width: 20px; height: 20px; line-height: 20px; text-align: center; }
.kygui { width: 115px; float: right; line-height: 35px; background: rgb(0, 82, 151); border: 1px solid rgb(220, 220); height: 35px; text-align: right; padding: 0 5px 0 0; margin-left: 10px }
.kygui a { color: #fff; width: 100%; text-transform: uppercase; float: left; font-family: "RobotoCondensedRegular"; font-size: 14px; background: url(images/kygui.png)no-repeat left 10px center }
.baove { width: calc(100% - 139px - 170px); float: right; line-height: 1.1 }
.nd_bv { width: 77%; float: right; padding: 3px 30px 0 0 }
.kiemtra { width: 160px; float: right; line-height: 1.1; position: relative }
.kiemtra { font-size: 12px; font-family: "RobotoRegular"; color: rgb(48, 48, 48) }
.kiemtra > button { width: 100%; height: 33px; position: absolute; top: 0; left: 0; opacity: 0 }
.nd_kt { width: 45%; float: right; padding: 3px 0 0 5px; text-align: left }
.post { width: 100%; float: left; padding: 1em; border: 1px solid #e2e1e1; }
.dropdown { position: absolute; display: none; top: 35px; right: 0; text-align: left; background: #FFF; min-width: 200px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5); box-shadow: 0 0 2px rgba(0, 0, 0, .5); padding: 15px 21px; text-transform: initial; line-height: 1.3; font-size: 12px; color: #024879; z-index: 9999 }
.tienich { width: 100%; float: left; margin: 20px 0 }
div#container_product {margin-top: 10px;width: 100%;float: left;padding: 1em;background: #ededed;border-radius: 5px;}
div#container_product #tabs { overflow: hidden; position: relative; border-bottom: 1px solid #ccc; padding: 0; list-style: none; }
div#container_product #tabs li {color: rgba(0, 102, 204, 1);padding: 5px 20px;background: rgb(112, 112, 112);margin-right: 5px;border-top-right-radius: 15px;}
div#container_product #tabs li#current { color: #fff; background: rgb(225, 0, 0); }
div#container_product #tabs li#current a { color: #fff; }
div#container_product #tabs li { float: left }
div#container_product #tabs li a {color: #ffffff;font-size: 16px;text-decoration: none;}
.phantrang { text-align: center; margin-top: 20px }
.noidung_ta { width: 100%; float: left; clear: left }
.clear { clear: both }
.content { width: 910px; float: right; margin: 0 10px 0 0 }
#map_canvas { height: 350px; width: 100%; float: left; margin: 10px 0 0 0 }
#map_canvas_bt { height: 405px; width: 100%; float: left }
#map_canvas_chinhanh { height: 280px; width: 100%; float: left; margin-top: 0 }
.hotro_right { display: block; position: fixed; bottom: 0; right: 0; z-index: 9; width: 100%; max-width: 290px }
.hotro_right #img { display: block; position: relative; width: 100%; max-width: 290px; height: 160px; border-bottom: 1px solid #d00000; background: transparent url("images/hotro.png") no-repeat scroll 0% 0% }
.hotro_right div.hotline_r { bottom: 0; padding: 0 10px; background-color: #ffde00; color: #d00000; font-size: 17px; font-weight: bold; width: 100%; text-align: center }
.hotro_right .noidung_20 { display: none; width: 100%; float: left; background-color: #FFF; border-left: 1px solid #d00000; border-top: 1px solid #d00000; padding: 5px }
.hotro_tt img { display: block }
.red { color: #FB0000 }
.item_bst { position: relative; overflow: hidden; }
.item_bst h3 { width: 100%; float: left; position: absolute; bottom: 0; text-align: center; padding: 1em 0; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.9)), color-stop(100%, rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); }
.item_bst h3 a { font-family: "MontserratBold"; font-size: 18px; color: #ffffff; }
.item_bst p { font-family: "MontserratRegular"; font-size: 14px; color: #3e3e3e; width: 100%; float: left; text-align: left; }
.item_bst img { transition: .5s all; }
.item_bst:hover img { transform: scale(1.1); transition: .5s all; }
.item_bst:hover h3 a { color: #fff000; }
.ten_bst { width: 100%; float: left; padding: 0 30px 20px 40px; opacity: 0 }
.slick-active .ten_bst { opacity: 1 }
.xem_bst { width: 100%; text-align: center; display: block }
.xem_bst .xemthem { float: none; padding: 10px 20px; background: rgba(155, 14, 98, 1); border-radius: 5px; margin: auto; display: block;/* margin:auto;*/ width: 145px }
.index { width: 100%; float: left; border: 1px solid #999 }

/**/
.dieukhoan { width: 50%; float: left; border: 1px solid #ccc; margin: 10px 0 }
.dieukhoan h4 { padding: 5px 10px; background: #F2F2F2; text-transform: uppercase; color: #fff }
.thanh_bt { width: 100%; float: left; margin: 0; position: relative; }
.thanh_bt h4 { }
.thanh_ft { width: 100%; float: left; margin: 20px 0; position: relative; background: none repeat-x 0 20px }
.thanh_ft h4 { font-size: 30px; font-family: 'UVFSlimTony'; color: #f60; float: left; background: #fff; padding: 0 10px 0 0 }
.tin_nb { float: left; width: 100%; margin-bottom: 2px; overflow: hidden; display: grid; grid-gap: 5px; }
.tin_nb a { color: #2e2e2e; font-family: RobotoBold; font-size: 16px; }
.tin_nb a.xemchitiet { font-size: 13px; }
.tin_nb:hover a { color: #f00; }
.tin_nb:hover img { transition: .5s all; transform: scale(1.05); }
.tin_nb h3 { padding: 10px 0; margin-bottom: 5px; font-size: 16px; }
.tin_nb img { display: block; transition: .5s all; }
.tin_nb p { font-size: 14px; width: 100%; display: inline-block; color: #222222; margin: 0; }
.tin_nb .xemthem { float: left; color: #ee1919; font-family: MuliRegular; font-size: 13px; margin-top: 1em; text-transform: capitalize; }
.tin_nb .div_tin { margin-top: 1em; }
.tin_nb .mota { width: 100%; float: left; }
.box_in { width: 84%; height: 76%; position: absolute; top: 13%; left: 8%; background: #ffffff; text-align: center; }
.box_in h3 { padding: 1em 0; }
.box_in h3 a { font-family: OpenSansRegular; color: #000000; font-weight: 100; text-transform: uppercase; }
.box_in a { font-family: OpenSansBold; text-transform: uppercase; color: #000000; }
.box_in p { margin: 0; padding-bottom: 10px; }
.ngay { width: 110px; height: 70px; display: flex; align-items: center; text-align: center; justify-content: center; flex-flow: wrap; background: #000000; margin-right: 1em; margin-bottom: 1em; margin: auto; }
.ngay span { font-size: 18px; color: #ffffff; width: 100%; float: left; padding: 2px; }
.ngay p { font-size: 30px; color: #ffffff; font-family: UTMAvoBold; margin: 0; line-height: 1; }
.khung_bottom .tinnoibat p { font-family: RobotoRegular; font-size: 13px; color: #000000; margin: 0; }
.khung_bottom .tinnoibat p.ngay { color: #999999; font-family: 'RobotoRegular'; font-size: 13px; padding-bottom: 5px; }
.tinnoibat { width: 100%; float: left; padding: 0; max-height: 295px; overflow: hidden; }
.tinnoibat .slider-left { width: 49%; float: left; }
.tinnoibat .slider-right { width: 49%; float: right; }
.tinnoibat .slick-slide img { display: inline-block; }
.tinnoibat .mota { }
.slick-slide { margin: 0; }
.tin_tt { width: 100%; float: left; display: grid; grid-template-columns: 1fr 1.7fr; margin-bottom: 5px; grid-gap: 1em; }
.tin_tt h3 { font-size: 14px; font-family: "RobotoBold"; margin-bottom: 10px; }
.tin_tt a { color: #000000; font-size: 16px; }
.tin_tt p { font-size: 14px; }
.tin_tt .ngay_tao { width: 50px; height: 80px; position: absolute; top: 0; left: 0; text-align: center; background: #13aa07; padding-top: 1em; }
.tin_tt .ngay_tao p { font-family: 'RobotoBold'; font-size: 22px; color: #ffffff; line-height: 1; margin: 0; }
.tin_tt .ngay_tao span { color: #ffffff; font-size: 13px; }
.tin_tt img { transition: .5s all }
.tin_tt:hover img { transition: .5s all; transform: scale(1.05); }
.tin_tt:hover h3 a { color: #ff0000; }
.content_new ul li { width: 100%; float: left; border-bottom: 1px dotted #ccc; padding: 10px 0 }
.content_new ul li a { width: 100%; float: left; color: #fff; padding: 0 0 0 20px; background: url(images/4cham.png) no-repeat 5px 7px }
.content_new ul li a:hover { color: #FFF600 }
.content_new ul li span { float: right }
.khung_trai { width: 49%; float: right; margin-left: 0; }
.khung_trai iframe { width: 100%; }
.khung_phai { width: 49%; float: left; padding: 0; }
.thongtin_lh { width: 100%; float: left; padding: 0 40px 20px 0 }
.thongtin_lh h1 { font-size: 20px; text-transform: uppercase; color: #04608B }
.form_lh { width: 100%; float: left }
.form_lh h4 { text-align: center; text-transform: uppercase; font-family: ExoBold; }
.form_lh fieldset { padding: 0px; margin: 0 }
.form_lh legend { padding: 0 10px; font-style: italic; color: #023B70 }
.form_lh p { padding: 5px 0 }
.form_lh p input { padding: 10px; width: 100%; border: 1px solid #ccccccb0; border-radius: 5px; }
.form_lh p label { width: 120px; float: left }
.form_lh p textarea { padding: 5px; width: 100%; border: 1px solid #ccccccb0; border-radius: 5px; }
.form_lh p button { border: 0; background: #f00; padding: 5px 20px; color: #fff; cursor: pointer; margin-right: 5px; border-radius: 3px; }
.form_lh p button:hover { opacity: .8 }
.form_van input { width: 100%; padding: 5px }
.form_van button { position: absolute; z-index: 1000; top: 1px; right: 0; color: #eee; padding: 5px; border: 0; background: #E78D00 }
.form_contact { padding: 20px 0; width: 100%; float: left; }
.form_contact iframe { width: 100%; }
#form_contact input { padding: 5px }
.owl-carousel_video .owl-controls { display: none }
.box_video { float: left }
.box_video img { width: 100% }
.box_video h3 { text-align: center; margin: 10px; width: 100%; float: left; font-size: 14px }
.box_video:hover { opacity: 0.8 }
.dieukhoan { width: 49%; float: left; border: 1px solid #ccc; margin: 10px 0 }
.dieukhoan h4 { padding: 5px 10px; background: #F2F2F2; text-transform: uppercase; color: #555 }
.xacnhan { width: 100%; float: right; margin: 5px 0 }
.xacnhan h4 { padding: 5px 10px; background: #F2F2F2; text-transform: uppercase; color: #555 }
.phuongthuc h4 { padding: 5px 10px; background: #F2F2F2; text-transform: uppercase; color: #555; margin-bottom: 10px }
.dongy { padding: 10px; width: 100%; float: left; font-weight: bold }
.back_fix { height: 375px; width: 100%; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; margin-top: 20px }
.back_fix1 { background-image: url("images/photo_divider1.jpg") }
.back_fix2 { background-image: url("images/photo_divider2.jpg") }
.back_fix3 { background-image: url("images/photo_divider3.jpg") }
.back_fix4 { background-image: url("images/photo_divider4.jpg") }
.menu_hinhanh { width: 100%; float: left; height: 40px; background: url(images/menu.png) repeat-x; text-align: center; margin-top: 30px }
.menu_hinhanh li { display: inline-block; background: url(images/gach_menu.png) no-repeat right; padding-right: 5px }
.menu_hinhanh li:last-child { background: none }
.menu_hinhanh a { display: block; height: 40px; line-height: 40px; padding: 0 20px }
.menu_hinhanh a:hover { color: #FBC729 }
.menu_mobile, .menu_hinhanh_m { display: none; font-size: 30px; color: #fff; float: right; margin: 5px 10px 0 0; position: relative; cursor: pointer }
.menu_mobile:hover, .menu_hinhanh_m:hover { color: #FAD400 }
.home_mobile { font-size: 24px; color: #fff; display: none; float: left; margin: 10px 0 0 10px }
.home_mobile a { color: #fff }
.home_mobile a:hover { color: #FFFC00 }
.download_box { width: 230px; float: left; margin-right: 25px; text-align: center }
.download_box img { border: 1px solid #ddd; padding: 5px }
.download_box h3 { text-align: center; font-weight: 100; color: #333; margin: 5px 0; font-size: 12px }
.download_box a { margin: auto; display: inline-block; padding: 3px 20px; background: #DE8801; color: #fff }
.khung_video { width: 100%; float: left; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 1em; }
.left_video { width: 65%; float: left; }
.right_video { width: 31%; float: right; }
.video_thumb { width: 100%; float: left; }
.video_thumb img { width: 100%; margin-bottom: 8px; height: 94px; }
#box_video { width: calc(100% - 160px); float: left; }
.box_v { width: 70%; float: left; }
.box_video { margin: 0 auto; padding: 5px; box-sizing: border-box; width: 100%; }
.box_video img { max-width: 100% }
.box_video a h3 { text-align: left; margin: 5px 0 0; width: 100%; float: left; font-size: 18px; color: #000000; overflow: hidden; font-family: SVNDancingScript; }
.box_video:hover a h3 { color: #f6303e; }
.box_video:hover { opacity: 0.8 }
.video_info { font-size: 12px; color: #767676; line-height: 1.3em }
.video_info .loai_vid a { font-size: 13px; color: #767676 }
.video_info .loai_vid:hover a { color: #167ac6 }
.box_vid { width: 152px; float: right; }
.box_v iframe { height: 400px }
.box_vid h1 { font-size: 24px; color: #fff; width: 100%; background: rgba(0, 0, 0, .7); padding: 15px 10px; box-sizing: border-box }
.vid_cmt { width: 100%; height: auto; float: left; margin-top: 10px }
.other_vid { width: 28%; float: right }
.title_other { color: #d5aa16; font-size: 14px; font-weight: bold; border-bottom: 1px solid #ccc; text-transform: uppercase }
.other_vid .box_video_detail { width: 100%; padding: 7px 0; box-sizing: border-box; float: left; }
.other_vid .box_video_detail img { width: 40%; float: left; height: auto }
.box_video_detail .vid_info { width: 58%; float: right; color: #767676; line-height: 1.3em; font-size: 12px }
.box_video_detail .vid_info a h3 { font-size: 13px; font-weight: 500; color: #08678E; font-weight: bolder }
.box_video_detail:hover .vid_info a h3 { color: #d5aa16 }
.vid_info .loai_vid a { font-size: 13px; color: #767676 }
.vid_info .loai_vid:hover a { color: #167ac6 }
.luotxem { color: rgb(128, 128, 128); font-size: 13px; font-family: "RobotoRegular"; width: 100%; margin: auto; text-transform: none; position: relative; }
.luotxem:after { content: ''; height: 8px; width: 15px; position: absolute; top: 6px; left: 3%; background: url("images/view.png")no-repeat }

/* -----------------------Popup---------------------------*/
#popub { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .8); z-index: 10001; text-align: center }
#loading, #popub { width: 100%; height: 100%; display: none }
#popub .popub { position: relative; max-width: 80%; margin: auto; display: inline-block }
#popub .popub .close_popup { position: absolute; background: url(images/icon/close.png) center center no-repeat; width: 60px; height: 60px; right: -33px; top: -33px; z-index: 999999; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: block; box-shadow: 0 0 60px rgba(0, 0, 0, .2); border: 1px solid rgba(255, 255, 255, .5); background-color: rgba(255, 255, 255, .1) }
.close_popup { font-size: 21px; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: 1 }
.close_popup, .list-group-item>.badge { float: right }
#popub .popub .close_popup:hover { background-color: rgba(255, 255, 255, .3); box-shadow: 0 0 20px rgba(255, 255, 255, .8) }

/* -----------------------End Popup---------------------------*/

/*--------------tags---------------------*/.tags { background: #b80101; display: inline-block; padding: 0 5px; line-height: 25px; color: #fff; padding-right: 15px; margin-bottom: 5px; margin-right: 5px; position: relative }
.tags:before { content: ''; height: 0; width: 0; position: absolute; top: 0; left: -10px; border-top: 13px solid transparent; border-bottom: 12px solid transparent; border-right: 10px solid #b80101 }
.tags:after { content: ''; height: 0; width: 0; position: absolute; top: 0; right: 0; border-top: 13px solid transparent; border-bottom: 12px solid transparent; border-right: 10px solid #fff }
.tags span { width: 10px; height: 10px; float: left; background: #fff; margin: 7px 10px 0 0; border-radius: 100% }
.tags:hover span { background: #FFFC00 }
.tags:hover { color: #FFFC00 }

/*-----------------end tags-----------------------*/
.k_bao { width: 100%; float: left; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; }
#frmPrjSearch { width: 100%; text-align: center; position: relative; }
.comboboxs { width: 100%; float: left }
.comboboxs input { width: 100%; margin: 0 0 10px 0; box-sizing: border-box; border: 0; color: #b3b3b3; height: 41px; padding-left: 2em; }
.comboboxs input::-webkit-input-placeholder { color: rgb(179, 179, 179); font-size: 13px; font-family: "RobotoRegular"; }
.comboboxs input:-moz-placeholder { color: rgb(179, 179, 179); font-size: 13px; font-family: "RobotoRegular"; }
.comboboxs input::-moz-placeholder { color: rgb(179, 179, 179); font-size: 13px; font-family: "RobotoRegular"; }
.comboboxs input:-ms-input-placeholder { color: rgb(179, 179, 179); font-size: 13px; font-family: "RobotoRegular"; }
.comboboxs select { margin: 0 0 10px 0; box-sizing: border-box; border: 0; width: 100%; color: #b3b3b3; font-size: 13px; font-family: 'RobotoRegular'; height: 41px; padding-left: 2em; }
.comboboxs { }
.entry-title { text-transform: uppercase; font-size: 14px; border-bottom: 1px solid #ccc; color: #666 }
.search-btn { position: absolute; right: 0; top: 0; }
#btnSearch { background: #98bf0c; border: 0; text-transform: uppercase; color: #ffffff; cursor: pointer; float: none; width: 130px; float: left; height: 41px; text-align: center; }
#btnSearch:hover { color: #fff }

/*-----------fanpage----------------*/
.fanpage { position: fixed; top: 200px; right: -300px; z-index: 9999999999; width: 300px; height: 250px; transition: all 0.5s }
.fanpage .title_fanpage { position: absolute; top: 0; left: -45px }
.fanpage:hover { right: 0 }

/*-----------fanpage-right---------------*/
.face_right { position: fixed; top: 300px; right: -300px; z-index: 1000; width: 345px; float: left; transition: 0.5s }
.face_right.active { right: 0 }
.face_right .img_face { float: left }

/*-----------fanpage-right---------------*/
.menu_mobile, .menu_hinhanh_m { display: none; font-size: 30px; color: #fff; float: right; margin: 1px 10px 0 0; position: relative; cursor: pointer }
.menu_mobile:hover, .menu_hinhanh_m:hover { color: #FAD400 }
.home_mobile { font-size: 24px; color: #caa049; display: none; float: left; margin: 8px 0 0 }
.home_mobile a { color: #fff }
.home_mobile a:hover { color: #FFFC00 }
.list_home { width: 100%; float: left; margin-top: 30px }
.list_home li { float: left; position: relative; padding: 10px }
.list_home li h3 { position: absolute; bottom: 10px; left: 10px; padding: 10px; right: 10px; background: rgba(0, 0, 0, 0.8); font-family: 'UTMAvo'; font-size: 20px; font-weight: 100; text-align: center; transition: 0.5s }
.list_home li h3 a { color: #fff }
.list_home li img { width: 100%; max-width: 100% }
.list_home li:hover h3 { left: 20px; bottom: 20px; right: 20px; background: rgba(0, 0, 0, 1) }
.list_home li:hover h3 a { color: #FFE400 }
.nav_mobile { display: none; width: 100%; float: left; background: #915a24; position: relative; z-index: 1000 }
.nav_mobile li { width: 100%; float: left }
.nav_mobile li a { width: 100%; float: left; color: #fff; border-top: 1px solid #c58b51; border-bottom: 1px solid #65370a; padding: 10px 0 10px 20px }
.nav_mobile li li a { padding: 5px 0 5px 40px; background: url(images/icon_gachgt.png) no-repeat 15px 10px }
.shiphangre table { border-bottom: 1px solid #eee; border-right: 1px solid #eee }
.shiphangre table td { padding: 20px; border-top: 1px solid #eee; border-left: 1px solid #eee }
.shiphangre td table { border: 0 }
.shiphangre td table td { border: 0 }
.shiphangre td table td { padding: 10px 20px; margin: 0 }
.shiphangre table td input[type="text"] { width: calc(100% - 120px); float: right; border: 0; border-bottom: 1px dotted #ccc }
.shiphangre table td.chuyenphat p { padding: 5px }
.shiphangre table td.chuyenphat input { float: left; margin: 5px 10px 0 0 }
.shiphangre .xacnhan_kh td { vertical-align: top }
.shiphangre .xacnhan_kh h4 { border-bottom: 1px solid #eee; width: 100%; float: left; text-transform: uppercase; margin: 0 0 10px; padding: 0 0 5px; font-weight: bold }
.shiphangre .xacnhan_kh p { padding: 5px 0; width: 100%; float: left }
.shiphangre .xacnhan_kh select { width: 48%; padding: 5px; float: left; margin-bottom: 10px }
.shiphangre .xacnhan_kh #quanhuyen { float: right }
.shiphangre .xacnhan_kh td input[type="radio"] { float: left; margin: 5px 10px 0 0 }
.shiphangre .xacnhan_kh textarea { width: 100%; padding: 10px }
#guiyeucau { background: #0a3594; color: #fff; border: 0; float: right; padding: 10px 30px; font-family: 'OpenSansExtraBold'; text-transform: uppercase; font-size: 16px; margin: 10px; cursor: pointer }
#guiyeucau:hover { background: #f19623 }
.sobill { font-size: 20px; font-family: 'OpenSansExtraBold'; color: #666 }
.rong { text-align: left; color: rgb(0, 73, 191); font-size: 14px; text-transform: uppercase; text-align: center }
.ten_nhantin { width: 28.75%; float: left; line-height: 1.1 }

/* Validation */
.formError { z-index: 990 }
.formError .formErrorContent { z-index: 991 }
.formError .formErrorArrow { z-index: 996 }
.ui-dialog .formError { z-index: 5000 }
.ui-dialog .formError .formErrorContent { z-index: 5001 }
.ui-dialog .formError .formErrorArrow { z-index: 5006 }
.formError { position: absolute; top: 300px; left: 300px; display: block; cursor: pointer; text-align: left }
.formError.inline { position: relative; top: 0; left: 0; display: inline-block }
.formError .formErrorContent { width: 100%; background: #0a3594; position: relative; color: #fff; min-width: 120px; font-size: 11px; padding: 4px 10px; white-space: nowrap }
.formError.inline .formErrorContent { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0 }
.formError .formErrorArrow { position: relative }
.formError .formErrorArrow:before { content: ''; display: inline-block; position: absolute; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #0a3594; top: 0; left: 23px }
.formError .formErrorArrow:after { content: ''; display: inline-block; position: absolute; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #0a3594; top: -2px; left: 24px }
.formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; margin: 0 0 0 12px; top: 2px }
.formError .formErrorArrowBottom:before { content: ''; display: inline-block; position: absolute; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(0, 0, 0, 0.2); top: -6px; left: 23px }
.formError .formErrorArrowBottom:after { content: ''; display: inline-block; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; top: -5px; left: 24px }
.daucong { width: 40px; border-radius: 10px; background: #ff0a0a; color: #fff; font-size: 30px; float: right; margin-right: 10px; text-align: center; line-height: 30px; cursor: pointer }
.item_dk { width: 100%; float: left; padding: 0 0 20px 0 }
.small { font-size: 14px; height: 24px }
.small-old { font-size: 13px }
#ctsdiv { background: rgb(242, 242, 242); padding: 1em; }
#ctsdiv h3 { padding: 10px 0 0 0; }
#ctsdiv h3 a { font-family: 'RobotoMedium'; font-size: 16px; color: rgb(40, 40, 40); }
#ctsdiv p { padding: 5px 0 0 0; font-family: 'RobotoRegular'; font-size: 15px; color: rgb(84, 84, 84); }
#ctsdiv img { background: #fff; }
#ctsdiv p span { color: rgb(241, 0, 0); }
#ctsdiv_news { position: relative; height: 300px; overflow: hidden; float: left; width: 100%; padding-top: 1em; }
#ctstbl_news { position: relative; margin: 0 }
#ctsdiv_news table { width: 100%; }
#ctsdiv .hotnews { padding: 0 0 10px 0 }
#ctsdiv .hotnews h3 { text-align: center }
#ctsdiv .hotnews h3 a { color: #f00; font-family: "SFUFuturaHeavy"; font-size: 14px }
#ctsdiv .col-md-12, #ctsdiv .col-sm-12 { padding: 0 }
#ctsdiv .mota { display: none }
#ctsdiv_news .hotnews { width: 100%; float: left; line-height: 1.2; grid-gap: 10px; grid-template-columns: 1fr 2.5fr; margin: 0; margin-bottom: 1em; }
#ctsdiv_news .hotnews img {/* border-radius: 50%; */ }
#ctsdiv_news .hotnews .tt { text-align: left; padding: .5em 0 0 5em; }
#ctsdiv_news .hotnews h3 { }
#ctsdiv_news .hotnews h3 a { font-family: RobotoBold; color: rgb(52, 51, 51); font-size: 13px; }
#ctsdiv_news .hotnews:hover h3 a { color: #f00 }
#ctsdiv_news .hotnews p { font-family: "Arial"; font-size: 13px; color: rgb(65, 65, 65); line-height: 1.4; }
#ctsdiv_news .hotnews .nd { width: 100%; display: grid; grid-template-columns: 1fr 5fr; grid-gap: 10px; padding: 10px; border-radius: 5px; box-shadow: inset 0 0 15px 0px #cccccc; margin-bottom: 1.5em; }
.ngaytao { float: left; text-align: center; padding: 2.8em 0 0; border-right: 1px solid rgb(204, 204, 204); position: relative; padding-right: 1em; }
.ngaytao:after { content: ''; position: absolute; bottom: 50%; left: 92%; width: 18px; height: 18px; background: #6fb2e8; border-radius: 50%; box-shadow: inset 0 0 11px #16507f; }

/*.ngaytao:before{content:'';position:absolute;bottom: 49%;left: 95%;width:10px;height:10px;background:rgb(255,255,255);border-radius: 50%;z-index: 9;}*/
#ctsdiv_news .hotnews .ngaytao .ngay { font-size: 14px; margin: 0; font-weight: bold; width: 100%; display: inline-block; color: #1975c1; }
#ctsdiv_news .hotnews .ngaytao .thang { font-family: "Arial"; color: rgb(91, 91, 91); font-size: 14px; position: relative; }
.thanhthoan { width: 100%; float: left; padding-top: 1em; }
.slider_atl .camera_wrap .camera_pag .camera_pag_ul li { display: none }
.slider_atl .camera_wrap .camera_pag .camera_pag_ul { display: none }
.grp-button-cart { text-align: right }
.grp-button-cart input { display: inline-block; float: none; padding: 2px 15px; height: auto }
.grp-button-cart input:nth-child(1) { background: green }
.grp-button-cart input:nth-child(2) { background: #d80f00 }
.grp-button-cart input:nth-child(3) { border: 1px solid #FF5722; background: #FF5722; height: auto; padding: 10px 30px; transition: all 0.5s }
.grp-button-cart input:nth-child(3):hover { background: none; color: #FF5722 }
.cart-shopee { }
.cart-shopee h2 { display: inline-block; text-transform: uppercase; font-size: 1.25em }
.cart-shopee .title { text-align: left }
.cart-shopee .title h2 { margin-top: 10px; }
.cart-shopee .cartleft { width: 58%; float: left }
.cart-shopee .cartleft h2 { float: left; margin: 10px 0; }
.cart-shopee .cartleft .blockcontent { padding: 25px 20px; border: 1px solid #ccc }
.cart-shopee .cartleft .blockcontent label { width: 23%; float: left }
.cart-shopee .cartleft .blockcontent .clearfix { margin-bottom: 1em }
.cart-shopee .cartleft .blockcontent input { width: 77%; float: right; padding: 4px 10px; border: 1px solid #ccc; border-radius: 3px }
.cart-shopee .cartleft .blockcontent textarea { width: 77%; padding: 4px 10px; border: 1px solid #ccc }
.cart-shopee .cartright { width: 38%; float: right }
.cart-shopee .cartright .a-editorcart { float: right; margin-top: 10px; }
.cart-shopee .cartright .blockcontent { }
.cart-shopee .cartright .blockcontent .cart_productlist { height: 350px; overflow: auto; padding: 0; list-style: none; }
.cart-shopee .cartright .blockcontent .cart_productlist >li { padding: 15px 0; border-bottom: 1px solid #ccc }
.cart-shopee .cartright .blockcontent .cart_productlist .img { width: 30%; float: left }
.cart-shopee .cartright .blockcontent .cart_productlist .img img { border: 1px solid #ccc; }
.cart-shopee .cartright .blockcontent .cart_productlist .details { width: 68%; float: right; }
.cart-shopee .cartright .blockcontent .cart_productlist .details h3 { }
.cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo { margin: 0.5em 0; padding: 0; list-style: none; }
.cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo li { width: 30%; float: left }
.cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo li:nth-child(1) { text-align: left }
.cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo li:nth-child(2) { text-align: center }
.cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo li:nth-child(3) { text-align: right; color: red; font-weight: bold }
.cart-shopee .cartright .blockcontent .billtotal { }
.cart-shopee .cartright .blockcontent .billtotal p { padding: 5px 0 }
.cart-shopee .cartright .blockcontent .billtotal label { float: left }
.cart-shopee .cartright .blockcontent .billtotal span { float: right }
.cart-shopee .cartright .blockcontent .billtotal .pricepay { font-size: 1.2em; color: red; font-weight: bold }
.cart-shopee .cartleft .choosepay { }
.cart-shopee .cartleft .choosepay ul { padding: 0; list-style: none; }
.cart-shopee .cartleft .choosepay ul li { }
.cart-shopee .cartleft .choosepay .choosepay-content { }
.cart-shopee .cartleft .choosepay .choosepay-content input { margin-right: 0.75em; display: inline-block; margin-top: 0 }
.cart-shopee .cartleft .choosepay .choosepay-content { padding: 25px 20px; border: 1px solid #ccc }
.scrollbar { margin-left: 30px; float: left; height: 300px; width: 65px; background: #F5F5F5; overflow-y: scroll; margin-bottom: 25px }
#style-5::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #e62e6b }
#style-5::-webkit-scrollbar { width: 5px; background-color: #e62e6b }
#style-5::-webkit-scrollbar-thumb { background-color: #e62e6b; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent)) }
.cart-shopee .btnbar { margin: 1em 0; text-align: center; background: #f1f1f1; padding: 15px 0; margin-bottom: 2em }
.cart-shopee .btnbar button { padding: 10px 20px; background: #dc4444; border: 1px solid #dc4444; color: white; border-radius: 5px; text-transform: uppercase; }
.cart-shopee .btnbar button:hover { background: none; color: #dc4444 }
.temp_redirect { background: url('images/bg_redirect.png') right top; background-size: cover; padding: 20px; position: relative; margin-top: 4em }
.temp_redirect .redirect_title { }
.temp_redirect .redirect_title h2 { font-size: 1.5em; font-weight: bold; color: white; text-transform: uppercase; width: 50%; float: left }
.temp_redirect .redirect_img { position: absolute; top: -40px; right: 50px; padding: 15px; border-radius: 50%; background: white; border: 10px solid rgb(2, 83, 216) }
.temp_redirect .redirect_img img { }
.temp_redirect .redirect_content { margin-top: 3em; padding: 15px; background: white }
.block-banking { height: 0; overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s }
.block-banking .title { }
.block-banking .bankingcontent { padding: 0;/* border:1px solid #ccc;*/ }
.block-banking .bankingcontent >ul { display: inline-block; width: 100% }
.block-banking .bankingcontent >ul >li { padding: 15px; border: 1px solid #ccc; width: 50%; float: left; display: flex; align-items: center; justify-content: center; position: relative }
.block-banking .bankingcontent .img { width: 100%;/* text-align:left;*/ display: inline-block; text-align: center; cursor: pointer }
.block-banking .bankingcontent .img img { }
.block-banking .bankingcontent .details { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px; background: rgba(241, 241, 241, 0.85) }
.block-banking .bankingcontent .details li { }
.block-banking .bankingcontent .details li span { width: 40%; display: inline-block }
.block-banking .bankingcontent .details li b { width: 60%; display: inline-block; color: red; font-size: 1.15em }
.select2-dropdown { width: 170px !important }
.block-banking.active { height: auto }
.select2 { width: 77% !important }
.billtotal p input { width: 78%; padding: 5px; text-align: right; background: none; border: 0; border-bottom: 1px solid #ccc }
.content_payment { }
.content_payment .totalpay { font-size: 16px; color: red }
.content_payment .totalpay label { }
.content_payment .totalpay input { font-weight: bold; font-size: 20px }
.content_payment ul { padding: 0; list-style: none; }
.content_payment ul li { margin: 1em 0 }
.content_payment ul li label { width: 40%; float: left; padding-top: 0.75em; background-position: left bottom !important; background-repeat: no-repeat !important; padding-left: 2.5em }
.content_payment ul li input { width: 60%; padding: 5px; text-align: right; background: none; border: 0; border-bottom: 1px solid #ccc }
.content_payment ul li:nth-child(1) label { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAEZElEQVR42qWUX0xbdRTHz6+FlgqUP8XRYViBoQkkhmZ9AR+2h5nFuIXoIMZNJxoTfVHjYgwsmTiSLWMVXhYNMfoyTMCk3SBEIpHFMAiWB7SVkQxSiED/wCAIbWlv/9x7f55zvSw8wHanJ/ml9/ae3/n8fud8z2HwFNZ7q9eUlZXlMBgMUVHMzL557pz8pD3sSQ6hUOj5jY2ND+I78Zf0ev0xDtyIzxCLRX2vnz177H8DNjc3L+Tm5vYiBO6NjcHOzg6nfaIoBra3I9WXv7ic/k+AlZWVI5iODkzHabPZXLK0tAQDd+5AOp0BzjkYjUYoLi5eLS8vv1ZYVPhtfX29pBmwurpqwwCenJycwzqdDuNxJssyEMTv9/Ps7GxWWFDI8/LymDHHCOjjSSQS5+12+5ImwNrq2vemZ0zv4w3olcuSzCRZAoLg4slkkiWFJMfdlCoIh8I8EAz82NLScl4bYG1tzpRjeoG+bm1tQX5+vhJckiSIx+OQyWQwVWnweX3kq3xjjPW2trW+qxUQxDQ85/N6wfu7l7/1ztssFotBKpkErDAKCRimkft8PmW/kkPGvkPAh5oA4XDYi5K0L/oXYO7BHD956mW2/vAhDA0NQUNDAy8ttbL19XU+MzOzF/A1Aj7RBEAF3cINF0gty1hYq/UwkEzdbhcgGI6fOEEpgdn7s+SewTWCq7PtUptHE2BhYeE1rN8A5ZyKioVklOvBwQFAZXGbzcaOVlfzWDS2iEI42dTctAIH2L6A4Z+GdRUVFdMyl+2SKAGqRiluIBAAS4kFioqKlMJTL+iYblyUxNO1tbVxzQCyqampWtT3JN6gILIdUfoAGw5Kni1ROhmNc5kr8kVVuerq6t54KsDFTy86ysrKrtXU1JzCII/8CswFvPxIOcNbcTEjsnQmDelUmo/dG3u1o6PjLsqXDkBDkB8IGBwcvDkxPvExndhisXCr1brXjyOYGYwGLiQElkqlKIV8fGL8ttPpfA+/02ySdiH7AkZHR2/ixo+CwSCdWBE+FVyv0ytHQgFAZWUloFRBSAogCAJNXX97e3sd+hFA91gA6r0TG63VZDJRx3IcHYwAXp8XHA4HbmLsUOkhjiOCUXBcHKdu+Hrn9Rdxu6gu5Sb7Atwu9+c4vJw4SaHqaBVHvSvFdLlc0NjYyHGMMErd/Pz8v4CEQLPoz77+vjO4XcAVVSH716CnpycX5TeMjXZc8cBykSTn5h6AzVZB0xPMBWbw/uEFPIiSounp6e6Z+zPfoHcSV0QFHayirq+6crGp+vHxjCpLoOmKklRkiinkHo9HmaqhcGh08rfJSyjlmBqYemL7wBrs2pUvr+iwqT7Dm1zFV8OuighAswh7ZXZ5ZfkqNuAk1sqi5l1Qg0cee4O91t3VvYA/VdFoFKguf6GNjPz8QzAU+kUNSorJqMH/VgGyZoDzhvMV4vT390WTqdSNxcXFX/HEefifUb0RBU/g2lGfH5kmAFlzU7PefdstafXftX8AuNloOOTw06wAAAAASUVORK5CYII=') }
.content_payment ul li:nth-child(2) label { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACj0lEQVR42mNkoDFgHLWAoAUN4WJ88qJshqRa9p+B4UvSlCdnCFrwfYX2JSCtS47rPn//lyuWeH0KXgu+LtP8D3EQPMjwsZHFGL7/Y58rEnMhFa8Fn5eok23BETb3T3OEml6CxBgZGW99enija1eS+REUCz4sVP3PQCY4xOHNsFu6niFImoHh46//DEsfMfz++v5NxLYwtXVwC97NVybbBwfZvRgvKjf+L1BnAqvZ8ODH//UvWH5/f/M8cFeM7jaw4Ju5ikAN/6GaGBnxs5HFQBZ4M+6QqvvvLf4PrOjff4b/Sx4zMvz6z/Tj28vHvvsSjfcyvpotR7YPDrB5M84XqsOl/sun+9ccGF/MlCE7DoAWMMwTrMWnZC/j02lSFMXBXIFafOr/MD6eIoHig/PPOBm23RQAs73UPzAYSn3H4wMvhrkCNQz/3z5h+HsCmHC+fWRgVLNgYNZ3hathvNotfp+H/b88iHP/HRtj1U6p/0bGZmC5c2dP/W9zf8agKPQLwwegqF7Clsq4kzvi/68FJQzKEsKMSkpK//fu3cvA6JzMyKzj8P//758/GLPd+aTF+ZntQZqvfxAP+sCsGLhhwwawBQEBAf/5/z5YryXwYh26618zijPs4QpiYPv6Tp/5zqmSTZs2MYqJif2vrKxkOHD28qWvypZdf358v4xSwKmqqsbz8/Mv6O/vB/MLCwsZPn/+nHDz5s2FuIJJWlpaQ1hY+FpJSQmjkZERQ2lpKcOTJ0+mX758OQsWGXAgICDAJikpuQnIdIPK7Xz58qXfu3fvfuFLKhoaGh3AoqIMyr396dMnp6dAgGEBDAC9agCiX716dYGBSCAqKqoMtET0169f5z58+AB30DCo0Ya8BQA8cB7ZuODIUQAAAABJRU5ErkJggg==') }
.content_payment ul li:nth-child(3) label { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAEhklEQVR42s2UWWhUZxTHzzdz7+x7MlnGOiYmxkoSo6mlgk1CKcViHnyQFNSiUqko2JZiWymJJrZQK6J9abUiVEQkaVP6EEjBxGhro2QkajLZJsvITGbLZJZk9pm7zOlNodJQl6gVel6+h+/y/333f875E3jBRf6XgKYjR3IpitbbbGNTba2t+J8CWpo+NnzeeNTOZWltMpUOxWKJm7Ozs70WS98fPVc67nZ0drPPBdi/p153ovn9T9W6/O0gMRZnRRpMphHaL3xF/L5pR/uv/SvvjbjwmQF/1+nmnWRzXfktlUK9Ua7RwbVrNyCTYey7D10sfeY/OPXdudXmouK6TCICNUXuinho7gNKLMIMIqTSLEx7QzsaDpxre2pAY/MX6u17dn3Nc7DP5/GIOy6fggPvVEBBgYFIlXLkMwzcHQ7ag1j6Uf+w0zU6PDTW+cuP3JIAnV09G9TGbJuDOVsi14mBCZuAjeRAJiQFKUuDkkpCKBACylAN6zfWgJiiwON0zHld02daL11oeSyg80r3u/nmwvOR+ITMF7mF3jkLCScmMRGQgxi0YMzPJXl5ZszVF4NSVElMOa+gbcgK9skJolKpkOf5xkcCLrf9dLh8ueT4fWMY6PlCokwpkc8CMRbqcNzXB6P2mzDtu0MIsrhubQVUr9xLxu+F0elwgEgkIkqlEsVi8dmHAn64eOlLlamk0en3QLn4Pqw2sMSgpDFsLCNOByCRGCDm8UFCayCml5SIwpj29d4mTIZBlmMhHAqSMdswplOZqn8Bvv3+/LFVK4uOciwPTBZhKCSclAIiyQyYpWHYoAnAMmkK9FAIgaLXYGBoBKxWK0Qj86DXG8DrdUMyGQc+m71hHRh8exHg+MnThyrWvHwyHotDPB4nMrkMxSIRSCQSYjYvx0lPgPg4OVJSGbxZooPrv/1O7FNTyLIs0BKaBGdnUHAnw3Jc023L7W/u2+3ZB4DDTS07Xl1fdcnt8oiyWR4UCgUQQhbEQafTCcAYyGRyMBpzQVCBnp7rEAoFQSrcz8+Hwe12QmGB6a5vZmbX1a6ukUV78N7+gzVv1Gzqdk+7pMlkEuVyhdAoQgTIXyu/0DStVosGg55kOB57e3shGAyARq0hgjAmUwle+PbE2MjosXHb+OIs2rJ12/La2tp+vVpp9Li9JCfHgAzDCD4mibCgKJHQIJXKhHE0IlAUsfRZMCL4TdMUuF0OIlgzkUqld1/rvtr3sIEh+z785Gf7+OQ2rVoFa6sqQKtRAy946vf7IS8vHxZgMpkUNIYcGBwYgFgsCqmUsFwhPwqvPmOfnPpsdGQ0+ahxJ1sbdr7lnwnvFWKgnmUzKlqMaF6xDCory4lCLsdUIgHGggIyNmbDaDRCAgEfchzj4Tl+b0/31a4nJcGDJhcVr1IY85ZtoWXqBobh6jkmraQpxE11r4OIAPG6XRgMeBempVXo1cEh69Dck1PsEVlkXlGqUGty6vNNpoayNWWbo+GgJh6dm0gkok3Cq9uXIvxYwD+rYl01LSakZPDeHdvTCC8Z8Lz1wgF/AiUYH+Kxk88IAAAAAElFTkSuQmCC') }
.content_payment ul li:nth-child(4) label { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAF0klEQVR42pWVe1BUVRzHf+fu3tc+LgvsLuCy8lxJCPGFjM8MlZfgNDbS2ANLKqMZmrGGmUToYTZTzVjWP2Wj/+RUOjjaNDo+SEkNBwVLBcSN1IFBFpCFZXdh33s65/IIMsvOzG/O79577u9zzvd+z7kI/qGteu+KThS4F3Rabr2kYbMEXqEPhbBv1BO863D5L7rHgt+e3bmgER6hoekXOVVnmUi9/o3U2Zp3V2RE6lhFCAaGnNjp8SNADGi1IqhVanxvwAfXrI4Gu8NXQUC/PxJgRc0l0aCXDhUvi9kQLQSwY8iFLEYNpMVFYAUOICXLQc+gG1p7HLjbE0Yxs4y4uX3EZb3rfOb02/NP/StgyVv1jMkcd+z5taYSl8MOC00RkBDFgUpUyYPcbjeoVCrAGEMoFAL7sBPO3LKDwqCH9tte328d9nVnaxb98lBA/kfXtm9eE78n7HWggrkxYIgQ8Kh7FE0UxeFwWB5HAZ4xD+Y4DoVCYXz8Wg8K6w1w7vJgT2fXcHrj7uWuBwDLdjZGZmfG3lk5V4xIk1j0mEknFyUN0YI0IStAoiDCBGT8WRhjvz+ADl/vAy46BtedurO7vibnnQcAuR+0VFY8lfz52MgQFM2JkG9qtVogBeQZh3EYbDYbGA3GSYD8TJZqyA4eEKHZzcDFq0MDbTe7zb9+URyYAdi49/rpsgJTXhz48RyDgAKBAKg1mslZyjPu6OhAllTL1AroewzDyD29rLtpxwMeDp1ouLu86ePVl2YAXj5w07Z0nja2JFnCak6JvF4v2Pp6scvlQsSSEG8y44afG1DOkhwQeIF+NUyKI9JkAGIQ1FsHsV2hRceO36g4vWvdVzMArx+8FchMERQbk1UwStwSHRU9Lk04DL22Xrh8pQlOnjkJYowIi9dmQxqfJr8YUvtBoWSAYrpdIRgkPvD2ugNLTVFs2+02a9Xeqk9wP25E5Qfa3dkZGnWpJQKTyciykOLEOhhR/b0eL9714fvoiq4Z2gyt8Mfm25hlWLS/+1Mc1AyhWCkKAmSb20YGkSWUA4VxG3GTrQmVnt8EeB9sRU9/1ty2IdecniMBGDUcTABgwkFAJbhw8QIcGTkCdX2HIcmZACqWBSbeC8ZEHjQ8T4yAwenxwv32AIQdPDhDo9Cj7wP8NS5Hq3ae+7K8NPM1Y9CNs01a5HQ6Qa1WYyoyLc4ghqJQ5Y+VcGjoexAFFkuigLQCh9U8h3ilAugAbyCI3D4/Afmwy+tDPm8QYD9ZQVbliZXrcy3n58QLsFQTQGqRB47niFzMOIAZB9RdrYN7wj1glAizCgUiQXp5FJDPQDYjRkQqWa5AKIxwEMPBNw9ulXdobu1P514qnb9a7XGilWatXJToj1giBakgW3bg/gCkpKZM2ZQ6dtpZ9ldOZkMyOc/LyxsHPF7xQ1pWemxz8ZpUTaR/FJaYJGpVMJvNxIcIPF4POEYckJSUJH8fusno+aTRaMDv98sxmQf6taBLDsus/Pz88qnTNLPiaOHiefFH855IFlifBy8wiChGEuTV9PX3IVo0ITGBFsfBYBCRwDzPy/dn5MMiVseOn10FBQVbZ/wP0l+pW5lojvyuIDfNZIgSEBcKgo5FmCN2V47ZYVG6RbYwPfxor1QqaS/fU5DvIu8frxKzxCO0XmFh4UwAqzMjMXp2tBSfUZ2xonDL/CxLZPysCOAJwYyH4cmsVKBHyWTQ05bOmkojiqJ8LzgggZQYlOsVFRWVTwfwJPRTwShjeH3KQo0xOZlXS+rK5/LTt7/6bDyVg0pEpaKykBym5+ERFeb1AWpyKC4unrmCCScoSXATwZJQ0Kitrd1TXV1d+jCJJnNr6x2M+CAiZ5mnrKxs098BD2tMTU3NgR07dmyhs5SlIP2ULCSnLqKArq4ukCTJW1JSUt3a2rrv/wJenOb5Ke9P2xvQ0tIysm3btqrOzs5vCND3qACUkJBQkpiYmPEf47DVar3R399fT5jyj+dPT3kpd755Gh8AAAAASUVORK5CYII=') }
.h-auto { height: auto }
.an { display: block; }
.hien { display: none; }
#goidien { display: none; }
#map_fan { width: 100%; height: 280px; float: right; }
#map_fan iframe { width: 100%; height: 100%; }
#logo.an { display: none; }
.item_list { width: 100%; float: left; position: relative; border-radius: 5px; overflow: hidden; }
span.sp1:hover { width: 100%; height: 100%; transition: 0.5s; left: 0; top: 0%; display: flex; box-shadow: none; position: absolute; border-radius: 5px; text-align: center; justify-content: center; align-items: center; transform: unset; }
span.sp1 { position: absolute; z-index: 3; background: rgba(0, 0, 0, 0.37); width: 20%; height: 20%; border-radius: 30px; box-shadow: 0px 0px 11px 2px white; text-align: center; top: 40%; left: 40%; }
span.dongchu h3 { color: #f58220; position: absolute; bottom: 25px; text-shadow: 0.2px 0.2px 0.5px rgba(0, 0, 0, 0.6); transition: 0.6s; text-align: center; width: 100%; }
span.spmobile { display: none; }
img.image-responsive { height: 35px; position: inherit; margin-top: 0px; }
.item.mb { border-radius: 0; position: relative; display: block; margin: 0; background: #fcfdfe; padding: 0px 0px; text-align: center; }
.item.mb:hover { box-shadow: 0px 0px 0px 6px rgba(181, 181, 181, 0.68); transition: 0.6s; border-top-left-radius: 1px; border-top-right-radius: 1px; border-bottom-left-radius: 1px; border-bottom-right-radius: 1px; }
.giaiphap { width: 100%; float: left; overflow: hidden; }
.giaiphap .baiviet_left { width: 100%; float: left; padding: 5em 0; background: #221e1e; }
.giaiphap .baiviet_left h3 { font-family: OswaldBold; font-size: 27px; color: #999999; text-transform: uppercase; margin-bottom: 1em; position: relative; }
.giaiphap .baiviet_left h3:after { content: ''; position: absolute; width: 10em; height: 20px; background: url(images/t-left.png)no-repeat right; right: -14%; top: 5px; }
.giaiphap .baiviet_left .mota { color: #999999; line-height: 2; }
.giaiphap .baiviet_left .left_bv { width: calc(100% - 570px); float: right; }
.giaiphap .baiviet_left .right_bv { float: left; }
.giaiphap .baiviet_right { width: 100%; float: left; padding: 5em 0; }
.giaiphap .baiviet_right h3 { font-family: OswaldBold; font-size: 27px; color: #434343; text-transform: uppercase; margin-bottom: 1em; position: relative; }
.giaiphap .baiviet_right h3:after { content: ''; position: absolute; width: 10em; height: 20px; background: url(images/t-right.png)no-repeat right; right: 101%; top: 5px; }
.giaiphap .baiviet_right .mota { color: #434343; line-height: 2; }
.giaiphap .baiviet_right .left_bv { width: calc(100% - 570px); float: left; }
.giaiphap .baiviet_right .right_bv { float: right; }
.pd10 { padding: 0 20px; }
.top40{margin-top: 40px;}
.khung .hinh{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 1em;width: 100%;}
@media screen and (min-width:1px) and (max-width:450px) {
	#columns[data-columns]::before { content: '2 .col-xs-6 pd10'; }
}
@media screen and (min-width:451px) and (max-width:767px) {
	#columns[data-columns]::before { content: '2 .col-xs-6 pd10'; }
}
@media screen and (min-width:768px) and (max-width:991px) {
	#columns[data-columns]::before { content: '3 .col-sm-4 pd10'; }
}
@media screen and (min-width:992px) and (max-width:9999px) {
	#columns[data-columns]::before { content: '3 .col-md-4 pd10'; }
}
@media (max-width:1200px) {
	.owl_sp .owl-next, .owl_sp .owl-prev { display: none !important; }
}

@media (max-width:1200px){
	.margin_auto{width:100%;float:left}
	.doitac .owl-prev{display: none!important;}
	.doitac .owl-next{display: none!important;}
}
@media (max-width:1024px){
#banner{display: none;}
.menubar{width: 90%;}
.footer .khung_fter{grid-gap: 10px;}
#main{padding: 0 5px;}
}
@media (max-width:970px){
}
@media (max-width:812px){
#logo{width: 100%;text-align: center;}
#timkiem{width: 380px;}
.menubar{display: none;}
#main_menu{height: 0;}
#main_menu .header_mm a{display: block;left: 0;top: 22px;}
.right_top{width: 100%;line-height: normal;}
.khung_index{grid-template-columns: 1fr 1fr 1fr;}
.slick_tintuc.owl-carousel .owl-item .ngay{top: 100px}
.footer .khung_fter{grid-template-columns: 1fr 1fr;}
.footer{padding: 2em 10px 0;}
.khung_product{display: block;}
.khung_pro{grid-template-columns: 1fr 1fr;grid-gap: 1em;}
#left_main{width: 100%;display: none;}
#right_main{width: 100%;}
.cart-shopee .cartleft,.cart-shopee .cartright{width: 100%;}
.content_payment ul li input{width: 50%;float: right;}
.cart-shopee .cartright .blockcontent .billtotal label{width: 50%;}
.cart-shopee .cartleft .blockcontent{padding: 1em;}
.cart-shopee .cartleft .blockcontent label{width: 30%;}
.cart-shopee .cartleft .blockcontent input,.cart-shopee .cartleft .blockcontent textarea{width: 70%;}
.select2{width: 70%!important}
.gioithieu,.giaiphap .baiviet_right,.giaiphap .baiviet_left{padding: 1em 0;}
.gioithieu .left_gt,.gioithieu .right_gt{width: 100%;}
.giaiphap .baiviet_right .left_bv{width: 100%;}
.giaiphap .baiviet_right .right_bv{width: 100%;margin-top: 1em;}
.giaiphap .baiviet_left .right_bv{width: 100%;margin-bottom: 1em;}
.giaiphap .baiviet_left .left_bv{width: 100%;}
#dangky{width: 80%;}
}
@media (max-width:768px){	

}
@media (max-width:650px){
#timkiem{margin: auto;float: none;}
.thanh_tabs li a{font-size: 18px;padding: 0;}
.thanh_tabs li{padding: 0 10px;}
.khung_list .h3 h3 { font-size: 30px; }
.khung_index{grid-template-columns: 1fr 1fr;}
.doitac .owl-carousel .owl-item{text-align: center;}
.slick_tintuc.owl-carousel .owl-item .ngay{top: 150px;}
.footer .khung_fter{grid-template-columns: 1fr;}
.copy{margin-bottom: 66px;}
#goidien{display: block;}
#copy{margin-bottom: 65px;}
.khung_trai,.khung_phai{width: 100%;}
.soluong{width: 35%;}
.lket{display: none;}
.gioithieu .right_gt{margin-top: 1em;}
.giaiphap .baiviet_left h3:after{display: none;}
.doitac p{width: 90%;}
#dangky{width: 90%;}
div#container_product #tabs li{width: 100%;margin-bottom: 5px;margin-right: 0;}
.khung .hinh{display: block;}
.khung .hinh p{margin: 1em 0;}
}
@media (max-width:600px){

}
@media (max-width:500px){
}
@media (max-width:420px){
}
@media (max-width:380px){
	#timkiem{width: 100%;}
	.cart{margin:2em 1em;}
	.thanh_tabs li a{font-size: 14px;}
	.khung_list .h3 h3{font-size: 22px;}
	.khung_index{grid-gap: 1em;}
}
@media (max-width:320px){
	.ngonngu{margin: 0;}
	.toolbar ul li a{font-size: 11px!important;}
}