/*reset*/
* { padding: 0; margin: 0; box-sizing: border-box; }
ul, li { padding: 0px; margin: 0px; }
a { text-decoration: none; }
body { font-family: 'GothicRegular'; font-size: 13px; position: relative; box-sizing: border-box; overflow-y: scroll; }
.overflow_hidden { overflow: hidden !important; padding-right: 17px; }
/*=======================================*/
a:focus, a:hover { text-decoration: none; }
.clear { display: block; clear: both; }
.h1, .h2, .h3, h1, h2, h3 { margin: 0; }
/*=======================================*/
#full { margin: 0px auto; overflow-x: hidden; position: relative; }
.head.fix { position: fixed !important; top: 0px; left: 0px; width: 100%; -webkit-animation: fadeInDown 0s ease-in backwards; -moz-animation: fadeInDown 0s ease-in backwards; -o-animation: fadeInDown 0s ease-in backwards; -ms-animation: fadeInDown 0s ease-in backwards; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; z-index: 9999; -webkit-box-shadow: 0px 0px 5px 0px rgba(156, 153, 156, 1); -moz-box-shadow: 0px 0px 5px 0px rgba(156, 153, 156, 1); box-shadow: 0px 0px 5px 0px rgba(156, 153, 156, 1); }
/*commont*/
.text { text-align: justify; line-height: 2em; }
.text img { max-width: 100% !important; height: auto !important; }
.clear { display: block; clear: both; }
.left_0 { margin-left: 0px !important; }
.my_table { display: table; }
.my_row { display: table-row; }
.my_cell { display: table-cell; }
.w100 { width: 100%; }
.mw100 { max-width: 100%; vertical-align: middle; }
.pd0 { padding: 0px }
.hid { display: none; }
.pdr0 { padding-right: 0px; }
.pdl0 { padding-left: 0px; }
.l50 { width: 50%; float: left; padding-right: 10px; }
.r50 { width: 50%; float: right; padding-left: 10px; }
.top20 { margin-top: 20px; }
.top15 { margin-top: 15px; }
.top10 { margin-top: 10px; }
.top5 { margin-top: 5px; }
.row_p { margin-left: -15px; margin-right: -15px; }
.inline_block { display: inline-block; }
.hvr:hover { color: #f00; }
.hvy:hover { color: #ff0; }
.trs03 { -webkit-transition: all .3s; transition: all .3s; }
.trs1 { -webkit-transition: all 1s; transition: all 1s; }
.center { text-align: center; }
.contain_alert { position: fixed; right: 10px; top: 10px; z-index: 100; }
.my_alert { z-index: 100; line-height: 21px; margin-bottom: 10px; }
.alert a { margin-left: 10px; }
.text_warning { color: #8a6d3b; }
.text_info { color: #31708f; }
.text_success { color: #3c763d; }
.text_danger { color: #a94442; }
.ilb { display: inline-block; }
/*TOP*/
#top { color: #FFF; font-weight: 500; text-align: center; position: fixed; bottom: 4px; right: 10px; display: none; cursor: pointer; z-index: 100; }
#top:hover { }
/*++++++++++Lien he+++++++++++*/
.tablelienhe > input, .tablelienhe > textarea { margin-bottom: 10px; }
.tablelienhe span { color: #F00; }
.tablelienhe .my_cell { padding: 5px 0px; vertical-align: top; }
.tablelienhe .my_cell  label { font-size: 12px; color: #404040; font-weight: bold; }
.tablelienhe .cell_title { text-align: right; padding-right: 15px; }
.tablelienhe .input { height: 32px; padding: 5px; border: 1px solid #d1d1d1; line-height: 20px; color: #666; font-size: 12px; box-sizing: border-box; outline: none; background: #fdfdfd; padding-left: 30px; width: 100%; }
.tablelienhe textarea.input { padding: 10px; }
.tablelienhe .input:focus { border-color: #33a3b3 }
.tablelienhe textarea { padding: 5px; }
.tablelienhe .title { font-size: 14px; font-weight: bold; text-transform: uppercase }
.button { display: inline-block; padding: 5px 20px; border: 1px solid #cdcdcd; cursor: pointer; background: #f0f0f0; color: #000; }
.button:hover { border: 1px solid #3399ff; }
.left_lienhe { width: 49%; box-sizing: border-box; float: left; }
.right_lienhe { width: 49%; box-sizing: border-box; float: right; }
.fa-contact { width: 33px; height: 32px; position: absolute; left: 0px; top: 0px; line-height: 32px !important; font-size: 18px !important; text-align: center; color: #CCC1C1; }
.box_input_contact { position: relative; margin-bottom: 10px; }
.contain_map_lienhe { margin-top: 20px; }
.tablelienhe .box_not_valid .fa-contact { color: #f00; }
/*notify_input*/
.notify_input { width: 13px; height: 13px; display: inline-block; background: url(../images/commont/icon_tip.png) top left no-repeat; position: absolute; top: 50%; right: 5px; margin-top: -6px; cursor: pointer; }
.content_notify_input { position: absolute; right: 100%; white-space: nowrap; background: #F2F2F2; padding: 2px 5px; border: 1px solid #999; top: -5px; display: none; margin-right: 3px; }
.notify_input:hover .content_notify_input { display: block; }
.fa-contact { position: absolute; left: 0px; top: 0px; }
/*inner*/
.inner { max-width: 1200px; margin: 0 auto; position: relative; }
.inner2 { max-width: 1300px; margin: 0 auto; position: relative; }
/*header*/
.background { padding: 0px 10px; }
#header { position: relative; margin: 0px auto; }
#languages { position: absolute; top: 0px; right: 0px; }
#user_header { position: absolute; right: 0px; top: 40px; }
/*banner*/
#banner { height: auto; padding: 10px 0; }
#header .vcard { width: 0px; height: 0px; text-indent: -9999px; position: absolute; }
#language { position: absolute; top: 10px; right: 0px; }
.logo { position: relative; float: left; margin-right: 10px; }
.slogan { }
.hotline_top { font-size: 16px; color: #f00; padding-left: 52px; background: url(../images/icon-phone.png) 0px 0px no-repeat; position: absolute; right: 0; top: 58px; }
.social_top { position: absolute; right: 0; top: 10px; }
.banner_left li:first-child { margin-right: 10px; }
.banner_left li { float: left; text-transform: uppercase; line-height: 30px; font-family: 'GothicRegular'; list-style: none; font-size: 10px; cursor: pointer; position: relative;width: calc(50% - 5px);}
.banner_left li p{margin-bottom: 0;line-height: 30px;height: 30px;overflow: hidden}
.banner_left li span { position: absolute; top: 100%; left: 0; width: 300px; background: #fff; height: 0; overflow: hidden; display: block; -webkit-box-shadow: 0px 0px 5px 0px rgba(105, 104, 105, 1); -moz-box-shadow: 0px 0px 5px 0px rgba(105, 104, 105, 1); box-shadow: 0px 0px 5px 0px rgba(105, 104, 105, 1); text-align: left; text-transform: none; line-height: 20px; }
.banner_left li:hover span { padding: 10px 20px; height: auto; z-index: 99 }
.item_contact { width: 200px; line-height: 40px; text-align: center; background: #000; color: #fff; text-transform: uppercase; font-family: 'GothicRegular'; }
.item_contact a { color: #fff; display: block; cursor: pointer; }
.item_contact:hover a { color: #23809D }
.des_popup{font-family: 'GothicRegular';margin-top: 10px;line-height: 25px;max-height: 350px;overflow: overlay;padding-right: 10px;}
.inner_content_popup::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }
.inner_content_popup::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
.inner_content_popup::-webkit-scrollbar-thumb { background-color: #000000; }
.des_popup::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }
.des_popup::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
.des_popup::-webkit-scrollbar-thumb { background-color: #000000; }
.view_product a{position: absolute;left: 5px;bottom: 5px;width: 40px;height: 40px;background: #fff;border-radius: 50%;color: #000;line-height: 40px;text-align: center;cursor: pointer;opacity: 0;transition: all 1s}
.img_sanpham:hover .view_product a{opacity: 1; transition: all 1s}
/*menu top*/
#menu { height: 61px; border-top: 1px solid #CACACA; background: #fff; }
#menu ul { list-style: none; }
#menu > .inner2 > ul > li:last-child{float: right;margin-right: 200px;}
#menu > .inner2 > ul > li:last-child a{float: left;padding-right: 25px;padding-left:0px;}
#menu ul li { float: left; }
#menu ul li a { line-height: 60px; font-size: 14px; padding: 0px 13px; color: #363636; display: block; font-family: 'GothicRegular'; text-transform: uppercase; }
#menu ul li.menu_active a, #menu ul li:hover a { color: #24809D; }
#menu ul li ul { width: 100%; position: absolute; top: 100%; left: 0; display: none; z-index: 9999;background: #24809D;}
#menu ul li ul li { background: #24809D; display: block !important; float: none;width: calc(25% - 30px);margin: 0 15px;float: left;overflow: hidden}
#menu ul li ul li:last-child { border-bottom: none; }
#menu ul li ul li a { background: none !important; color: #fff !important; line-height: normal !important; padding: 10px 0px; text-transform: capitalize; border-bottom: 1px solid #1d92b7;}
#menu ul li ul li a:hover { color: #ff0 !important; }
#menu ul li ul li ul {display: block !important;position: relative }
#menu ul li ul li ul li{width: 100%}
.contain_menu { position: relative; height: 51px; }
.menu_fixed { position: fixed !important; width: 100% !important; left: auto !important; top: 0px !important; z-index: 300; max-width: 1349px; min-width: 1349px; }
#menu > .inner2 > ul > li:last-child img {width: 66px;}
/*menu bootstrap*/
#btn_menu_bootstrap { z-index: 999; position: absolute; left: 10px; top: 19px; height: 24px; width: 30px; display: none; }
#btn_menu_bootstrap span {background: #000;content: '';display: block;width: 100%;height: 2px;position: absolute;left: 0px;top: 50%;margin-top: -1px;}
#btn_menu_bootstrap:before {content: "";position: absolute;width: 100%;height: 2px;background: #000;top: 0;left: 0;}
#btn_menu_bootstrap:after {content: "";position: absolute;width: 100%;height: 2px;background: #000;bottom: 0;left: 0;}
#btn_menu_bootstrap:before, #btn_menu_bootstrap:after { transform-origin: left 1px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.move_btn_bootstrap:before { transform: rotate(45deg); }
.move_btn_bootstrap:after { transform: rotate(-45deg); }
.move_btn_bootstrap span { left: -200% !important; }
/*search*/
#timkiem { width: 200px; height: 40px; background: url(../images/bg_search.png) 0px 0px no-repeat; position: absolute; right: 0; top: 10px; }
#timkiem input[type="text"] {outline: none;background: none;border: none;height: 40px;width: calc(100% - 40px);padding: 0 10px;font-family: 'GothicRegular';color: #868686;}
#timkiem #btn { height: 40px; width: 40px; cursor: pointer; float: right; outline: none; border: none; background: none; }
/*slider*/
#slider { margin: auto; position: relative; box-shadow: none; }
.contain_slider { position: relative; }
/*left*/
.sub_left { margin-bottom: 20px; }
.title_left { height: 35px; background: #23809d; }
.title_left span { font-size: 16px; color: #fff; font-weight: normal; text-align: center; text-transform: uppercase; line-height: 40px; display: block; font-family: 'RobotoBold'; }
.item_tooltip { position: relative; }
.my_tooltip { position: absolute; bottom: 100%; background: #353535; font-weight: bold; color: #fff; border-radius: 3px; padding: 3px 5px; left: 0; margin-bottom: 5px; display: none; }
.my_tooltip:after { content: ""; position: absolute; border-top: 5px solid #353535; border-bottom: 5px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; top: 100%; left: 50%; margin-left: -5px; }
/*css simplycroll*/
.contain_list_news_left .vert, .contain_list_news_left .vert .simply-scroll-clip { height: 500px !important; width: 100% !important; }
.contain_list_news_left .vert .simply-scroll-list li { width: 100% !important; height: 62px !important; padding: 10px 0px; }
.contain_list_news_left .vert .simply-scroll-list li img { max-width: 100% !important; }
/*menu left*/
/* .menu_left { border: 1px solid #ccc } */
.menu_left ul { list-style: none; }
.menu_left ul li { position: relative; padding-left: 15px; }
.menu_left ul li a { font-size: 15px; color: #333333; display: block; font-family: 'GothicRegular'; padding: 7px; position: relative; text-transform: capitalize;}
.menu_left > ul > li > a {font-weight: bold}
.menu_left ul li a:hover { color: red; }
#menu-left li span { width: 30px; height: 30px; position: absolute; right: -5px; top: 4px; text-align: center; z-index: 99; cursor: pointer; }
#menu-left li span i { transition: all 0.6s; margin-top: 10px; vertical-align: middle; }
#menu-left li span i.active { transform: rotate(90deg); }
#menu-left li ul { list-style: none; width: 100%; border: none; }
#menu-left li ul li { width: 100%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#menu-left li ul li a { font-size: 14px; display: block; font-weight: 400; }
#menu-left > li > ul > li > a:hover { color: red; }
/*main*/
#container { margin-top: 20px; }
#main { float: right; }
.sub_main { margin-bottom: 20px; }
.title_main { margin-bottom: 25px; text-align: center; position: relative; }
.title_main span, .title_main h2 { color: #000000; display: inline-block; padding: 0 30px; text-transform: uppercase; font-size: 20px; background: #fff; font-family: 'GothicRegular'; font-weight: bold; }
.title_main::after { position: absolute; top: 50%; border: 0.5px solid #CACACA; content: ""; width: 100%; height: 1px; left: 0; z-index: -1; }
/*product*/
.box_sanpham { margin-bottom: 25px; }
.img_sanpham { text-align: center; overflow: hidden;position: relative; }
.img_sanpham img { transition: 0.7s; width: 100% }
/* .img_sanpham:hover img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } */
.info_product { text-align: center }
.info_product h2 { text-transform: uppercase; font-family: 'GothicRegular'; font-size: 12px; text-align: center; margin: 8px 0 0; line-height: 20px; height: 20px; overflow: hidden; }
.info_product h2 a { color: #363636 }
.info_product h2 a:hover { color: #23809D }
.gia_sanpham span:first-child { text-decoration: line-through; line-height: 22px; color: #4C4C4C; font-family: 'GothicRegular'; font-size: 12px; display: block; height: 22px; overflow: hidden; }
.gia_sanpham span:last-child { color: #101010; font-size: 14px; font-family: 'GothicRegular'; line-height: 20px; }
.more_sanpham { text-align: center; margin-top: 5px; }
.more_sanpham a { background: #2A8FED; display: inline-block; padding: 7px 20px; color: #fff; font-weight: bold; }
.more_sanpham a:hover { color: #000; background: #ff0; }
.list_sub_img_detail { position: relative; }
.prev_sub_detail, .next_sub_detail { position: absolute; width: 28px; height: 28px; background: url(../images/icon_next_prev_common_owl.png); z-index: 10; top: 50%; margin-top: -14px; }
.prev_sub_detail { background-position: 0px -28px; left: 0px; }
.prev_sub_detail:hover { background-position: 0px 0px; }
.next_sub_detail { background-position: -28px -28px; right: 0px; }
.next_sub_detail:hover { background-position: -28px 0px; }
#sub_img_detail { margin-right: 5px; float: left; width: 150px; }
.main_img_detail { float: right; width: calc(100% - 155px); }
.item_owl_sub { padding: 0px 2px; }
.btn_like_p { cursor: pointer; }
.product_new { padding: 30px 0; }
.selling { height: 23px; line-height: 23px; margin: 10px 0; }
.selling span { background: #696969; color: #fff; text-transform: uppercase; font-size: 11px; font-family: 'GothicRegular'; display: block; width: 105px; text-align: center; margin: 0 auto; letter-spacing: 1px; }
.list_product { padding: 30px 0 }
.item_list { position: relative; position: relative; transition: all 1s;margin-bottom: 25px}
/* .item_list:hover .img_list a { display: block; position: relative; transition: all 1s } */
/* .item_list:hover .img_list a::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: #0000008f; z-index: 9; transition: all 1s } */
.info_list { position: absolute; bottom: 10%; left: 0; width: 100%; padding: 0 10%; z-index: 99 }
.info_list h3 { text-transform: uppercase; text-align: center; font-size: 18px; font-family: 'GothicRegular'; margin-bottom: 10px;line-height: 25px; }
.info_list h3 a { color: #fff }
.info_list h3 a:hover { color: #23809D }
/* .more_list { text-align: center }
.more_list a { display: inline-block; width: 200px; line-height: 38px; background: #fff; font-family: 'GothicRegular'; color: #000; text-transform: uppercase; font-size: 14px; }
.more_list:hover a { background: #24809D; color: #fff } */
/*album*/
.box_album { margin-bottom: 20px; }
.name_album h3 { text-transform: uppercase; font-size: 15px; margin-top: 10px; text-align: center; }
.name_album h3 a { font-size: 15px; color: #0075E2; font-family: 'RobotoBold'; font-weight: normal; }
/*product detail*/
.item_detail { padding: 10px 0px; border-bottom: 1px dashed #cdcdcd; }
.bottom_detail { margin-top: 20px; }
.img_detail { width: 50%; float: left; }
.info_detail { width: 50%; float: left; padding-left: 30px; box-sizing: border-box; }
.item_info_detail { font-size: 14px; line-height: 20px; font-family: 'GothicRegular'; padding: 7px 0px; border-bottom: 1px solid #eee; }
.item_info_detail.name_detail { font-size: 18px; font-weight: 400; color: #333; line-height: 25px; font-family: 'GothicRegular'; }
.item_info_detail.gia_detail span { font-size: 18px; color: #f00; }
.faq{font-family: 'GothicRegular';}
/*.main_img_detail{border: 1px solid #E6E6E6;}
.item_detail{padding: 10px 0px;border-bottom:1px dashed #cdcdcd;    }
.bottom_detail{margin-top: 20px;}
.img_detail{width: 49.95%;float: left;}
.info_detail{width: 50%;float: left;padding-left: 15px;box-sizing:border-box;}
.item_info_detail{font-size: 14px;line-height: 20px;padding: 10px 0px;border-bottom: 1px solid #eee;}
.item_info_detail.name_detail{font-size: 25px;font-weight: 400;color: #FF9000;line-height: 25px;font-family: 'RobotoBold';}
.item_info_detail.gia_detail >span{font-size: 20px;color:#f00;font-family: 'RobotoBold';display: block;}
.item_info_detail.gia_detail div.km{top: 9px;right: 10px;}
.item_info_detail.gia_detail >strong{font-size: 16px;color: #9a9a9a;font-family: 'GothicRegular';font-weight: normal;text-decoration: line-through;margin-top: 6px;display:  block;}
.item_info_detail .soluong{width: 70px;height: 35px;padding: 0px 10px;margin-right: 15px;float:  left;border: 1px solid #ffdadb;}
.item_info_detail .dathang{padding: 0px 25px;color: #fff;font-family: 'GothicRegular';background: #FF9000;line-height: 35px;font-size: 15px;display: inline-block;cursor:  pointer;}
.dathang:hover{color: #fff;background: #FF0000;}
.content_detail{background: #EEEEEE;padding: 10px;position: relative;}*/
/*p_like*/
.table_p_like { width: 100%; border: 1px solid #F0F0F0; border-collapse: collapse; font-size: 13px; }
.table_p_like .my_cell { border: 1px solid #F0F0F0; padding: 10px; }
.table_p_like .my_row_title .my_cell { background: #F0F0F0; color: #3a4346; font-weight: bold; font-size: 12px; padding: 10px; }
.table_p_like .img_p_like { float: left; margin-right: 10px; }
.table_p_like .name_p_like { color: #199cb7; font-size: 13px; font-weight: bold; }
.table_p_like .remove_p_like { margin-top: 5px; cursor: pointer; }
.table_p_like .remove_p_like .fa { margin-right: 5px; }
.table_p_like .remove_p_like:hover { color: #199cb7; text-decoration: underline; }
/*tab*/
.item_tab { display: inline-block; padding: 10px 14px 10px 10px; color: #000; font-weight: bold; border-bottom: 4px solid #fff; border-top: 4px solid rgb(245, 245, 245); background-color: rgb(245, 245, 245); font-size: 12px; text-transform: capitalize; border-left: 1px solid rgb(245, 245, 245); border-right: 1px solid rgb(245, 245, 245); position: relative; }
.item_tab:hover, .item_tab.active { background: #fff; border-top; border-top: 4px solid #5AB1D0; border-left: 1px solid #5AB1D0; border-right: 1px solid #5AB1D0; bottom: -2px; }
.contain_content_tab { padding: 10px 10px; text-align: justify; line-height: 22px; font-size: 13px; border: 1px solid #c1c1c1; border-top-color: #5AB1D0; }
.content_tab { display: none; }
.content_tab.active { display: block; }
/*news*/
h1.tieude { font-size: 25px; margin-bottom: 10px; }
.box-km { border: 1px solid #EBEBEB; transition: all 0.3s ease; background: #fff; padding: 7px; box-shadow: 4px 4px 8px #ccc; }
.box-km .img { padding-left: 0px !important; padding-right: 0px !important; }
.box-km .img { transform: translateZ(0); overflow: hidden; position: relative; border: 3px solid #fff; }
.box-km .img img { width: 100%; height: auto; transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.box-km .img:hover img { transform: scale(1.2); }
.box-km .mota { padding: 5px 10px !important; }
.box-km .mota h3 { font-size: 18px; margin: 0px; line-height: 20px; text-align: left; height: 40px; overflow: hidden }
.box-km .mota h3 a {font-family: 'RobotoBold';color: #000;}
.box-km .mota h3 a:hover { color: #f00; }
.box-km .mota p { font-size: 14px; line-height: 20px; height: 80px; text-align: justify; margin: 0px; margin-top: 10px; overflow: hidden; }
.item_news { margin-bottom: 20px }
.item_news:nth-child(2n+3) { clear: both; }
/*news other*/
.title_news_other { font-size: 18px; color: #222; margin: 15px 0px; }
.item_news_other { padding: 10px 0px; border-bottom: 1px dashed #e8e8e8; }
.name_news_other a { font-size: 13px; line-height: 20px; color: #3b3b3b; }
.name_news_other a:hover { color: #1f7ebd; }
.name_news_other .fa { margin-right: 5px; }
.name_news_other:hover { color: #f00; }
.img_news_other { width: 40%; float: left; padding-right: 10px; box-sizing: border-box; }
.img_news_other img { float: left; }
.right_news_other { width: 60%; float: right; }
/*news two column*/
/*.box_tintuc{width: calc(100% / 2 - 35px / 2);float: left;margin-right: 35px;margin-bottom: 35px;}
.box_tintuc:nth-child(2n){margin-right: 0px;}
.box_tintuc:nth-child(2n + 1){clear: both;}
.img_tintuc{float: left;margin-right: 15px;position: relative;}
.img_tintuc a{display: block;position: relative;}
.img_tintuc a::after{position: absolute;content: '';top: 8px;left: 8px;width: calc(100% - 16px);height: calc(100% - 16px);border: 1px solid #C4BFC2;}
.box_tintuc h3{margin-bottom: 10px;line-height: 20px;}
.box_tintuc h3 a{font-size: 15px;font-weight: bold;color: #303030;line-height: 1.3;}
.box_tintuc p{margin-bottom: 0px;line-height: 1.7;color: #303030;font-size: 13px;text-align: justify;}*/
/*
.box_news{display:block;padding:10px 0px;width: 50%;float: left;}
.box_news_img{float:left;overflow:hidden;padding: 0px;width: 200px;box-sizing:border-box;padding: 3px;border:1px solid #cdcdcd;}
.box_news_img a{display: block;overflow: hidden;}
.box_news_img img{-webkit-transition:all 0.3s;transition:all 0.3s;}
.box_news_img:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
.box_news_name h3 a{color:#000;}
.box_news_name h3 a:hover{color:#f00;}
.box_news_mota{text-align:justify;line-height:22px;margin-top:5px;}
.box_news_readmore{text-align:right;float:right;}
.box_news_readmore a:hover{color:#000;}
.box_news_readmore a{display:inline-block;color:#f00;font-weight:bold;font-style: italic;}
.box_news_other{display: block;clear:both;margin-top: 20px;}
.right_news{width: 370px;float: left;
margin-left: 15px;}
.des_gioithieu{line-height: 22px;}
*/
.page_info{display: none !important}
.pagination{display: inline-block !important;margin: 0 auto !important}
/*doitac*/
#doitac { background: #f6f6f6; padding: 15px 0px; }
.item_doitac { padding: 10px; }
.item_doitac img { border: 1px solid #cdcdcd; }
.contain_owl_doitac { position: relative; padding: 0px 25px; }
.next_doitac { position: absolute; right: 0px; top: 50%; margin-top: -10px; z-index: 100; }
.prev_doitac { position: absolute; left: 0px; top: 50%; margin-top: -10px; z-index: 100; }
.next_list { position: absolute; right: 0px; top: 50%;z-index: 100;transform: translateY(-50%) }
.prev_list { position: absolute; left: 0px; top: 50%;z-index: 100;transform: translateY(-50%) }

.box_product_new{position: relative}
.next_new { position: absolute; right: 0px; top: 50%;z-index: 9;transform: translateY(-50%) }
.prev_new { position: absolute; left: 0px; top: 50%;z-index: 9;transform: translateY(-50%) }

/*footer*/
#footer {padding: 40px 0px;margin: 0px auto;padding-bottom: 0;}
.title_ft { color: #000000; margin-bottom: 15px; text-transform: uppercase; font-family: 'GothicRegular';}
.left_footer { text-align: center; color: #414141; font-size: 14px; font-family: 'GothicRegular'; }
.right_footer li { list-style: none; margin-bottom: 7px; }
.right_footer li a { color: #414141; font-family: 'GothicRegular'; font-size: 14px; }
.right_footer li a:hover { color: red }
.footer_end {line-height: 20px;color: #414141;text-align: center;font-family: 'GothicRegular';font-size: 14px;padding: 10px;margin-top: 5px;}
#footer .inner {border-bottom: 1px solid #CACACA;padding-bottom: 40px;}
.footer_end span { text-transform: uppercase }
.number{text-align: center;color: #414141;font-size: 32px;font-family: 'GothicRegular';}
.box_star{text-align: center;font-size: 17px;margin: 10px 0}
.slogan_star{text-align: center;color: #414141;font-size: 14px;font-family: 'GothicRegular';}
.title_customer{text-transform: uppercase;font-size: 15px;font-family: 'GothicRegular';}
.des_customer{font-size: 14px;font-family: 'GothicRegular';font-style: italic;color: #414141;margin: 10px 0;}
.date_customer{color: #8E8E8E;text-transform: capitalize;font-size: 12px;}
.name_customer{margin-top: 10px;text-transform: uppercase;font-size: 12px;font-family: 'GothicRegular';}
/*thong ke*/
.list_thongke { max-width: 220px; margin: 0px auto; list-style: none; }
.list_thongke li { padding: 5px 0px; font-size: 15px; color: #000; padding-left: 25px; }
.list_thongke li.tk_online { background: url(../images/icon_online.png) left center no-repeat; }
.list_thongke li.tk_week { background: url(../images/icon_week.png) left center no-repeat; }
.list_thongke li.tk_today { background: url(../images/icon_month.png) left center no-repeat; }
.list_thongke li.tk_all { background: url(../images/icon_all.png) left center no-repeat; }
/*pagination*/
.paging, .pagination { text-align: center; display: block; margin: 0px; }
.my_pagination { display: inline-block; padding-left: 0; margin: 10px 0; border-radius: 4px; clear: both; }
.my_pagination>li { display: inline; cursor: pointer; }
.my_pagination>li:first-child>a, .my_pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.my_pagination>li:last-child>a, .my_pagination>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.my_pagination>li.actived a { background: #eee; }
.my_pagination>li>a, .my_pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; display: block; }
.my_pagination>li>a:focus, .my_pagination>li>a:hover, .my_pagination>li>span:focus, .my_pagination>li>span:hover { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; }
.my_pagination>li>a:focus, .my_pagination>li>a:hover, .my_pagination>li>span:focus, .my_pagination>li>span:hover, .my_pagination>li>a.current { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; }
/*.my_pagination li{display: inline-block;}
.my_pagination li.page_button a{border:none;}
.my_pagination li.after_dot a{border-left: none;}
.my_pagination li.page_button_next a{ padding-right: 0px;}
.my_pagination li a.current{color:#000;font-weight: bold;}
.my_pagination .page_info{text-align: center;display: block;margin-bottom: 5px;}*/
/*.stButton .stButton_gradient,.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices{height:22px !important;}*/
/*dang ky nhan tin*/
.contain_form_dangkynhanemail { background: url(../images/bg_dknhantin.png); width: 203px; height: 23px; }
#email_dknhantin { height: 40px; outline: none; border: none; width: 100%; box-sizing: border-box; padding: 0 10px; background: #EFEFEF; max-width: 270px; text-align: center; font-family: 'GothicRegular'; margin-top: 10px; }
#button_dknhantin {width: 100%;background: #000000;outline: none;border: none;color: #fff;text-align: center;height: 40px;line-height: 40px;text-transform: uppercase;cursor: pointer;max-width: 270px;margin-top: 10px;margin-bottom: 20px;}
#button_dknhantin:hover { background: #23809D }
/*register*/
.box_register { max-width: 400px; margin: 0px auto; }
.row_register { margin-bottom: 15px; }
.label_register { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; max-width: 100%; margin-bottom: 5px; width: 1%; white-space: nowrap; vertical-align: middle; border-right: 0px; cursor: pointer; }
.input_register { float: left; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.input_register:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); }
/*register*/
#header_register { background: #da251d; padding: 10px 5px; margin-bottom: 10px; }
.logo_register { height: 50px; }
.logo_register img { height: 100%; }
.title_register h2 { font-size: 25px; }
.contain_box_register { max-width: 600px; margin: 0px auto; }
.box_register { max-width: 400px; margin: 0px auto; }
.row_register { margin-bottom: 15px; }
.label_register { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; max-width: 100%; margin-bottom: 5px; width: 1%; white-space: nowrap; vertical-align: middle; border-right: 0px; cursor: pointer; }
.input_register { float: left; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.input_register:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); }
.dieuhuong img { vertical-align: middle; }
.dieuhuong ul li { list-style: none; display: inline-block; padding-right: 20px; }
.dieuhuong ul li a { color: #333; text-decoration: underline !important; }
.thongtin-dn { padding: 15px 0; position: relative; overflow: hidden; background: url(../images/tintuc.png)no-repeat left center; padding-left: 30px; }
.thongtin-dn a { color: red; text-transform: uppercase; }
.thongtin-dn a:after { height: 1px; width: 1000%; border-top: thin solid red; top: 50%; content: ''; position: absolute; z-index: 1; margin-left: 10px; }
.dangky_icon { text-align: center; margin: 10px 0px; }
.col_input_form { position: relative; }
.col_input_form .notify_check_pass { position: absolute; right: 20px; top: 5px; }
.col_input_form .notify_check_pass .fa span { font-size: 13px; font-family: 'Arial'; position: absolute; right: 100%; white-space: nowrap; top: 5px; width: 0px; overflow: hidden; margin-right: 3px; }
.col_input_form .notify_check_pass .fa:hover span { width: auto; }
.dangnhap { border-radius: 5px; padding: 5px 10px; background: red; color: #fff; font-weight: bold; border: 1px solid red; box-shadow: 1px 1px 1px #666; }
#actions a { color: red; padding: 0px 10px; font-weight: bold; }
#inputs div { margin-bottom: 10px; }
.title_main3 h3 { color: #fff; }
.title_main3 h3:after { background: #fff; }
/*login*/
.full_bglightbox { background: rgba(34, 34, 34, 0.6); position: fixed; width: 100%; height: 100%; z-index: 999999; display: none; overflow-y: scroll; padding: 0px 10px; }
.contain_box_form { width: 100%; max-width: 700px; margin: 0px auto; background: #fff; margin-top: 50px; border-radius: 5px; font-family: 'GothicRegular'; }
.contain_box_form label { font-weight: normal; }
.title_other_login { text-align: center; overflow: hidden; max-width: 90%; margin: 0px auto; font-family: 'GothicRegular'; color: #333; text-transform: uppercase; margin-bottom: 10px; }
.item_other_login { font-size: 13px; color: #333; display: block; }
.item_other_login .btn_other_login { width: 28px; height: 28px; background: none; outline: none; border: none; font-size: 15px; color: #fff; border-radius: 3px; margin-right: 10px; }
.item_other_login { margin-bottom: 10px; }
.item_other_login .btn_other_login.login_facebook { background: #2f4b93; }
.item_other_login .btn_other_login.login_google { background: #c43a30; }
.title_other_login span { display: inline-block; position: relative; }
.title_other_login span:after { content: ""; width: 200px; height: 1px; background: #dbdbdb; position: absolute; top: 5px; left: 100%; margin-left: 10px; }
.title_other_login span:before { content: ""; width: 200px; height: 1px; background: #dbdbdb; position: absolute; top: 5px; right: 100%; margin-right: 10px; }
.header_login { padding: 10px 10px 10px 20px; border-bottom: 1px solid #dbdbdb !important; position: relative; }
.header_login h3 { font-family: 'RobotoBold'; text-transform: uppercase; font-size: 18px; line-height: 32px; }
.close_form { position: absolute; top: 15px; right: 10px; width: 25px; height: 25px; text-align: center; cursor: pointer; }
.close_form .fa { line-height: 25px; }
.close_form:hover { background: rgba(0, 0, 0, 0.1); }
.body_login { }
.left_body_form { width: 65%; padding: 8px 10px 30px 15px; border-right: #dbdbdb solid 1px; float: left; }
.right_body_form { width: 35%; padding: 8px 10px 30px 15px; float: right; }
.notify_login { font-size: 12px; color: #999999; text-align: right; }
.notify_login span { color: #f00; }
.table_form { width: 100%; }
.table_form .my_cell { vertical-align: middle; padding: 5px 0px; }
.table_form .my_cell_title { color: #333; text-align: right; padding-right: 10px; font-size: 14px; }
.table_form .input_form { border: 1px solid #c7c7c7; color: #333333; font-size: 12px; padding: 7px 5px; text-indent: 6px; -webkit-appearance: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: border .25s linear, color .25s linear; -moz-transition: border .25s linear, color .25s linear; -o-transition: border .25s linear, color .25s linear; transition: border .25s linear, color .25s linear; -webkit-backface-visibility: hidden; height: 32px;line-height:32px; width: 100%; outline: none; }
.table_form .input_form:visited, .table_form .input_form:focus { border-color: #2882bc; }
input.checkbox_form { -webkit-appearance: none; width: 16px; height: 16px; background: url(../images/commont/bg_check_radio.png) 0px -26px no-repeat; vertical-align: middle; margin: 0px 10px 2px 0px; outline: none; border: none; }
input.checkbox_form:checked { background-position: 0px -52px; }
label.label_check_box_form { vertical-align: middle; margin-bottom: 0px; line-height: 24px; font-size: 14px; }
.left_table_form { width: 50%; float: left; }
.right_table_form { width: 50%; float: right; text-align: right; }
.href_table_form { color: #0689ba; font-size: 14px; line-height: 24px; }
.btn_form { border: none; background: #2582be; color: #ffffff; text-decoration: none; text-shadow: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; padding: 8px 32px 8px 32px; text-transform: uppercase; }
/*hoi dap*/
.cauhoimoi { font-family: 'OpenSansBold'; color: rgba(0, 51, 153, 1); font-size: 20px; text-transform: uppercase; }
.box1 { border: 1px solid #DFDCDC; padding: 2px; margin-bottom: 10px; }
.faq .box1 h2 { cursor: pointer; text-transform: capitalize; margin-bottom: 0; padding: 15px 5px 15px 8px; margin: 0; }
.box1 h2 { color: #b00241; font-weight: normal; text-transform: uppercase; background: #f7f7f7; padding: 6px 10px; font-size: 13px; margin-bottom: 2px; position: relative; padding-right: 30px !important; }
.faq .box1 h2 span { float: right; background: url(../images/plus.png) 0 0; width: 32px; height: 32px; display: inline-block; position: absolute; top: 5px; right: 0px; }
.faq .cont { display: none; margin-top: 2px; }
.box1 .cont { background: #f7f7f7; padding: 10px; color: #616161; }
.traloi { color: #f00; font-size: 14px; text-decoration: underline; }
.form_tv div { margin-bottom: 10px; }
.content_main { padding: 10px 0px; }
/*album*/
.box_fotorama { max-width: 700px; margin: 0px auto; }
/*video*/
.box_video { max-width: 250px; margin: 5px auto; position: relative; }
#list_video { width: 100%; height: 25px; line-height: 25px; }
/*video owl*/
#sub_video_owl { margin-top: 10px; position: relative; }
.item_video { cursor: pointer; }
.next_video, .prev_video { position: absolute; top: 50%; width: 22px; height: 42px; z-index: 100; margin-top: -21px; }
.next_video { position: absolute; right: 0px; background: url(../images/next.png); }
.prev_video { position: absolute; left: 0px; background: url(../images/prev.png); }
/*hotrotructuyen popup bottom*/
.hotrotructuyen_popup { position: fixed; width: 250px; z-index: 100; right: 0px; bottom: 0px; }
.title_hotrotructuyen_popup { padding: 5px; background: #ff0; }
.body_hotrotructuyen_popup { background: #f00; height: 0px; overflow: hidden; box-sizing: border-box; -webkit-transition: all .4s linear; transition: all .4s linear; }
.box_hotrotructuyen_popup { padding: 10px; }
/*hotrotructuyen popup left*/
.hotrotructuyen_popup_left { position: fixed; z-index: 100; right: 0px; top: 100px; }
.title_hotrotructuyen_popup_left { padding: 5px; background: #ff0; width: 30px; height: 250px; float: left; box-sizing: border-box; }
.body_hotrotructuyen_popup_left { background: #f00; overflow: hidden; box-sizing: border-box; -webkit-transition: all .4s linear; transition: all .4s linear; min-height: 250px; float: left; width: 0px; }
.box_hotrotructuyen_popup_left { padding: 10px; width: 220px; box-sizing: border-box; }
/*facebook popup left*/
.facebook_popup_left { position: fixed; z-index: 100; right: 0px; top: 100px; }
.title_facebook_popup_left { padding: 5px; background: #ff0; width: 30px; height: 250px; float: left; box-sizing: border-box; }
.body_facebook_popup_left { background: #f00; overflow: hidden; box-sizing: border-box; -webkit-transition: all .4s linear; transition: all .4s linear; min-height: 250px; float: left; width: 0px; }
.box_facebook_popup_left { padding: 10px; width: 220px; box-sizing: border-box; }
/*news scroll*/
.img_news_scroll { float: left; margin-right: 15px; }
/*.right_news_scroll{width: 220px;float: right;}*/
.contain_news_scroll .vert, .contain_news_scroll .vert .simply-scroll-clip { height: 315px !important; width: 100% !important; }
.contain_news_scroll .vert .simply-scroll-list li { width: 100% !important; height: auto !important; padding: 10px 0px; }
.contain_news_scroll .vert .simply-scroll-list li img { max-width: 100% !important; }
/*.name_news_scroll h3{font-size: 13px;color:#6c6c6c;line-height: 15px;font-weight: bold;}*/
.name_news_scroll a { font-size: 13px; color: #6c6c6c; line-height: 15px; font-weight: bold; display: block; white-space: normal; overflow: ellipsis; }
.des_news_scroll { color: #939494; font-size: 13px; line-height: 20px; max-height: 44px; overflow: hidden; text-align: justify; margin-top: 5px; }
.date_news_scroll { margin: 3px 0px; }
/*popup*/
#my_popup { position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; background: rgba(0, 0, 0, 0.5); z-index: 9999; overflow: hidden; text-align: center; display: none; }
.my_box_popup {display: inline-block;height: 85%;margin-top: 7%;max-width: 96%;position: relative;}
.content_popup {position: relative;top: 50%;max-height: 100%;background: #fff;padding: 30px;max-width: 800px;}
.inner_content_popup * { max-width: 100%; }
.close_my_popup { position: absolute; width: 53px; height: 18px; background: url(../images/commont/close_popup.png); display: block; top: -25px; right: 0px; cursor: pointer; }
/*social sharethis*/
#share_social * { vertical-align: top; }
#share_social span { margin-top: 0px !important; margin-bottom: 3px !important; }
.stButton .stButton_gradient, .stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices { height: 21px !important; box-sizing: border-box; vertical-align: top !important; }
/*dknhantin*/
.input_dkemail { width: 210px; height: 32px; background: #fff; box-sizing: border-box; padding: 5px; background: #fff; outline: none; border: none; }
.button_dkemail { }
/*gioithieu*/
#index_about { padding: 20px 0px; margin-top: 20px; }
.left_about { width: 300px; float: left; margin-right: 10px; }
.title_index_about { margin-bottom: 10px; }
.title_index_about h2 { font-size: 18px; }
/*---------------------Goi dien -----------------------*/
#my_call { width: 100%; background: red; position: fixed; width: 100%; bottom: 0px; left: 0px; text-align: center; z-index: 999; display: none; }
#my_call div { display: inline-block; line-height: 30px; margin: 0px 10px; }
#my_call div a { padding-left: 30px; display: block; background-size: 25px; background-position: left center; background-repeat: no-repeat; font-family: 'Arial'; text-decoration: none; color: #fff; font-size: 13px; }
#my_call div.phone_my_call { opacity: 0; }
#my_call div.phone_my_call a { background-image: url(../images/commont/icon_dt.png); }
#my_call div.sms_my_call a { background-image: url(../images/commont/tn.png) }
#my_call div.sig_my_call a { background-image: url(../images/commont/chiduong.png) }
.op_phone { -webkit-animation-name: op_phone; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: op_phone; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: op_phone; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }
@-moz-keyframes op_phone {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}
@-webkit-keyframes op_phone {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}
@keyframes op_phone {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}
/*---------------------END Goi dien ------------------*/
#at4-share { display: none; }
.btn_dangnhap { display: inline-block; text-align: left; }
.btn_dangky { display: inline-block; text-align: left; margin-left: 20px; margin-right: 15px; }
.banner_top { text-align: right; margin-bottom: 10px; }
.btn_dangnhap a { color: #fff; font-size: 15px; font-family: 'GothicRegular'; cursor: pointer; }
.btn_dangnhap a:hover { color: #FFB400; }
.btn_dangky a { color: #fff; font-size: 15px; font-family: 'GothicRegular'; cursor: pointer; }
.btn_dangky a:hover { color: #FFB400; }
.body_form { padding: 10px 0px; }
#rematkhau { padding: 20px 0px; }
.btn_guiemail { background: #9F7828; font-size: 14px; color: #fff; border: none; outline: none; padding: 7px 20px; float: right; border-radius: 5px; }
.btn_guiemail:hover { background: #f00; color: #fff; }
.user { position: relative; cursor: pointer; color: #fff; display: inline-block; }
.user:hover { color: #ff0; }
.user .fa { margin-right: 10px; }
.content_taikhoan { position: absolute; top: calc(100% + 10px); right: 0px; width: 179px; padding: 10px; border: 1px solid #F2F2F2; z-index: 1000; background: #fff; display: none; text-align: left; }
.content_taikhoan a { display: block; padding: 5px 0px; color: #353434; }
.content_taikhoan a:hover { color: #f00; }
.title_lichsu { background: #9F7828; color: #fff; padding: 10px; font-family: 'GothicRegular'; font-size: 15px; display: flex; justify-content: space-between; }
.bottom { padding: 40px 10px; }
.left_bottom { width: 64%; float: left; }
.right_bottom { width: 32.5%; float: right; }
.title_bottom { background: url(../images/title_bottom.png) left center repeat-x; margin-bottom: 20px; }
.title_bottom span { color: #333333; font-size: 22px; text-transform: uppercase; background: #fff; padding-right: 10px; font-family: 'RobotoBold'; }
.left_tintuc_bottom { width: 46.9%; float: left; }
.right_tintuc_bottom { width: 50.5%; float: right; }
.left_tintuc_bottom h3 { font-size: 17px; padding: 13px 0px 8px; }
.left_tintuc_bottom h3 a { color: #2F2F2F; font-size: 15px; font-family: 'RobotoBold'; }
.left_tintuc_bottom p { margin-bottom: 0px; color: #333333; font-family: 'GothicRegular'; text-align: justify; line-height: 1.7; }
.xemthem_tt { color: #7B7B7B; width: 100px; line-height: 48px; border: 1px solid #B9B9B9; font-family: 'GothicRegular'; text-transform: uppercase; text-align: center; display: inline-block; margin-top: 30px; }
.xemthem_tt:hover { color: #fff; background: #19357F; }
.map_footer iframe { width: 100% !important; }
.contain_map_lienhe iframe { width: 100% !important; }
.breadcrumb-item a { color: #000; font-family: 'GothicRegular'; font-size: 14px; }
.breadcrumb-item:last-child a { color: red }
.breadcrumb-item a:hover { color: red }
.shared { padding: 30px 0; }
.effect_img { text-align: center; overflow: hidden; }
.effect_img img { transition: 0.7s; }
.effect_img:hover img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
.about_index, .product_view { padding: 30px 0; display: block }
.box_about_index { line-height: 25px; font-size: 13px; font-family: 'GothicRegular'; }
.criteria { padding: 30px 0; }
.img_criteria { text-align: center }
.item_criteria:hover img { transform: rotate(360deg); transition: all 1s }
.img_criteria img { width: auto !important; margin: 0 auto; transition: all 1s }
.item_criteria { text-align: center; }
.info_criteria h3 { color: #414141; font-size: 13px; font-family: 'GothicRegular'; text-transform: uppercase; margin: 10px 0 5px; }
.info_criteria span { color: #414141; font-size: 13px; font-family: 'GothicRegular'; }
.item_video { position: relative; }
.play { display: inline-block; position: absolute; top: 50%; left: 50%; width: 70px; height: 70px; text-align: center; line-height: 61px; border-radius: 100%; font-size: 32px; margin: -35px 0 0 -35px; padding: 2px 2px 2px 6px; color: #fff; z-index: 99; background: #f00; }
.play:hover { color: #f00; background: #fff; }
.waves-block .waves {position: absolute;width: 303px;height: 300px;background: rgba(255, 255, 255, 0.3);opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border-radius: 100%;-webkit-animation: waves 3s ease-in-out infinite;animation: waves 3s ease-in-out infinite;left: 50%;margin-left: -150px;top: 50%;margin-top: -150px;z-index: 9;}
.waves-block .wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; }
.waves-block .wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; }
.waves-block .wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; }
@-webkit-keyframes waves {
	0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
	50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
	100% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
}
@keyframes waves {
	0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
	50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
	100% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
}
.img-hover { overflow: hidden; position: relative; display: block; }
.img-hover:hover:before { transform: scale(1); opacity: 1 }
.img-hover img { -webkit-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; transition: ease-in-out 0.5s; }
.img-hover:hover img { transform: scale(1.05); }
.img-hover-hidden { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 0; visibility: hidden; -webkit-transition: ease-in-out 0.4s; -o-transition: ease-in-out 0.4s; transition: ease-in-out 0.4s; }
.img_sanpham:hover .img-hover-hidden { opacity: 1; visibility: visible; transition: all 1s }
#loader-wrapper img {
    opacity: 0;
    animation: showLogo .2s 0.1s forwards;
}

@keyframes showLogo {
    to { opacity: 1; }
}

#loader-wrapper { background: #FFF; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; }
#loader-wrapper .load-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#loader-wrapper .load-content span { display: block; text-align: center; width: 100%; }
#soluong { max-width: 100px; display: inline-block; }
.cart { float: left; margin-left: 25px; position: relative; }
.cart .carttoggle { font-size: 1.75rem; line-height: 40px; }
.cart .carttoggle { position: relative; font-size: 1.25rem; width: 30px; text-align: center; cursor: pointer; }
.cart .carttoggle .cartamount { font-size: 0.6875rem; color: #fff; background: #0ca0dc; border-radius: 50px; line-height: 1; padding: 3px 3px; position: absolute; top: 0; right: -3px; }
.cartpanel.open { display: block; }
.cartpanel { display: block; position: absolute; top: 100%; right: 0; width: 300px; background: #fff; -webkit-transition: all, 0.3s; -khtml-transition: all, 0.3s; -moz-transition: all, 0.3s; -ms-transition: all, 0.3s; -o-transition: all, 0.3s; transition: all, 0.3s; z-index: 115; border-radius: 5px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); display: none; }
.cartpanel { display: block; position: absolute; top: calc(100% + 10px); right: calc(100% - 30px); width: 300px; background: #fff; -webkit-transition: all, 0.3s; -khtml-transition: all, 0.3s; -moz-transition: all, 0.3s; -ms-transition: all, 0.3s; -o-transition: all, 0.3s; transition: all, 0.3s; z-index: 115; border-radius: 5px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); display: none; }
.cartpanel:before { content: ''; display: block; width: 0; height: 0; border: 7px solid; border-color: transparent transparent #23809d transparent; position: absolute; top: -14px; right: 11px; }
.cartpanel > .title { font-size: 14px; color: #fff; background: #23809d; font-family: 'GothicRegular'; padding: 0 15px; line-height: 40px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; text-align: left !important; }
.cartpanel > .title a { color: #fff; }
.cartpanel > .title a:after { content: '\f105'; font-family: 'fontawesome'; margin-left: 5px; }
.cartpanel > .title a:after { content: '\f105'; font-family: 'fontawesome'; margin-left: 5px; }
.cartpanel .btn-closecart { font-size: 1.125rem; width: 18px; height: 18px; color: #fff; border-radius: 50%; position: absolute; top: 10px; right: 10px; line-height: 1; text-align: center; cursor: pointer; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; }
.cartpanel .btn-closecart { font-size: 1.125rem; width: 18px; height: 18px; font-size: 16px; color: #fff; border-radius: 50%; position: absolute; top: 10px; right: 10px; line-height: 1; text-align: center; cursor: pointer; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; }
.cartpanel .cart-list { overflow: auto; max-height: 243px; }
.cartpanel .cart-list::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }
.cartpanel .cart-list::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
.cartpanel .cart-list::-webkit-scrollbar-thumb { background-color: #0A5131; }
.cartpanel .cart-list ul { width: 100%; padding: 0; overflow: auto; }
.cartpanel .cart-list ul li { width: 100%; padding: 10px; border-bottom: 1px dashed #e6e6e6; position: relative; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; display: flex; flex-wrap: wrap; text-align: left !important; }
.cartpanel .cart-list ul li { width: 100%; padding: 10px; border-bottom: 1px dashed #e6e6e6; position: relative; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; display: flex; flex-wrap: wrap; text-align: left !important; }
.cartpanel .cart-list ul li .product-img { display: block; width: 60px; }
.cartpanel .cart-list ul li .product-img { display: block; width: 60px; }
.cartpanel .cart-list ul li .product-img img { width: 100%; }
.cartpanel .cart-list ul li .product-info { width: calc(100% - 60px); padding: 0 20px 0 10px; text-align: left !important; margin-bottom: 0; }
.cartpanel .cart-list ul li .product-info { width: calc(100% - 60px); padding: 5px 15px; text-align: left !important; margin-bottom: 0; }
.product-info { line-height: 25px; }
.cartpanel .cart-list ul li .product-name { line-height: 1.4; }
.cartpanel .cart-list ul li .product-name { font-size: 13px; font-weight: bold; text-align: left !important; }
.cartpanel .cart-list ul li .product-name a { color: #333; }
.cartpanel .cart-list ul li .amount { font-weight: bold; color: gray; font-size: 14px !important; line-height: 1.5 !important; position: static !important; top: unset !important; right: unset !important; background: none !important; text-align: left !important; border-radius: 0 !important; padding: 0 !important; }
.cartpanel .cart-list ul li .remove-product { position: absolute; top: 25px; right: 10px; font-size: 1.125rem; color: #999999; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; cursor: pointer; }
.cartpanel .cart-list ul li .remove-product { position: absolute; top: 25px; right: 10px; font-size: 15px; color: #999999; -webkit-transition: all, 0.5s; -khtml-transition: all, 0.5s; -moz-transition: all, 0.5s; -ms-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; cursor: pointer; }
.cartpanel .total { display: block; width: 100%; padding: 0px 15px; line-height: 30px; font-size: 15px; text-align: left; color: #333; }
.cartpanel .total strong { color: #0ca0dc; }
.cartpanel .button { display: flex; width: 100%; text-align: center; line-height: 1.5rem !important; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow: hidden; padding: 0; }
.cartpanel .button .btn-viewcart { width: 100%; background: #23809d; color: #fff; padding: 0; line-height: 40px; font-size: 15px; text-align: center; }
.cartpanel .btn-closecart:hover { -webkit-transform: rotateZ(180deg); -khtml-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); transform: rotateZ(180deg); }
.carttoggle { }
.head.fix { position: fixed !important; top: 0px; left: 0px; width: 100%; background: #fff; -webkit-animation: fadeInDown 0s ease-in backwards; -moz-animation: fadeInDown 0s ease-in backwards; -o-animation: fadeInDown 0s ease-in backwards; -ms-animation: fadeInDown 0s ease-in backwards; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; z-index: 99; }
.carttoggle { position: relative }
.box_cart_index { cursor: pointer; margin-right: 50px; float: right; position: relative; }
.box_cart_index p { font-family: 'MuliRegular'; margin-bottom: 0; width: 20px; text-align: center; border-radius: 50%; font-size: 20px; color: #fff; }
.box_cart_index .count_cart { color: #000; font-size: 15px; font-family: 'GothicRegular'; position: absolute; left: 13px; top: -3px; padding: 0px 8px; border-radius: 5px; }
.modal-title { font-family: 'RobotoBold'; font-size: 20px; text-transform: uppercase; color: #23809D }
#left { width: 270px; float: left; margin-right: 20px; }
#main_right { float: left; width: calc(100% - 290px); }
.optio_attr span { margin-right: 5px; display: inline-block; padding: 4px 10px; border: 1px solid #ccc; cursor: pointer }
.optio_attr label input[type=radio]:checked + span { border: 1px solid #e42127; background: url(//hstatic.net/969/1000003969/10/2015/11-30/bg-product.png) right bottom no-repeat #fff; }
#kichthuoc { display: inline-block; max-width: 200px; margin-left: 15px; }
.box_buy_left,.box_buy_right{float: left;width: 50%;}
.box_buy{width: 50%;float: right;}
.contain_table_giohang1{width: calc(50% - 20px);float: left;}
.box-heading {background-image: none;background: rgba(0, 0, 0, 0);border: none;border-bottom: 1px solid #ececec;color: #23809d;text-transform: uppercase;font-size: 15px;font-family: 'RobotoBold';font-weight: normal;line-height: 22px;padding-bottom: 5px;border-radius: 0px;margin-bottom: 15px;}
.box-heading span { vertical-align: middle; font-size: 18px; }
.row_10 {margin-right: -10px; margin-left: -10px;}
.item_album_big{display: inline-block;width: calc((100% - 20px)/2);margin-bottom: 20px;}
.album_left{display: inline-block;width: calc((100% - 20px)/2);}
.item_album{margin-right: 20px;float: left;width: calc((100% - 20px)/2);margin-bottom: 20px;}
.item_album:nth-child(2n){margin-right: 0;}
.box_mainalbum:nth-child(2n + 1) .album_left{float: left}
.box_mainalbum:nth-child(2n + 1) .item_album_big{float: right}
.box_mainalbum:nth-child(2n) .album_left{float: right}
.box_mainalbum:nth-child(2n) .item_album_big{float: left}
.album_detail_bottom{margin-top: 20px;}
.info_album h3{color: #000;text-transform: uppercase;font-family: 'RobotoBold';font-size: 16px;margin-bottom: 15px;margin-top: 10px;}
.item_info img{width: 100%}
.info_album span{line-height: 20px;font-family: 'GothicRegular';font-size: 14px;display: block;max-height: 400px;overflow: overlay;padding-right: 10px;}
.info_album span::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }
.info_album span::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
.info_album span::-webkit-scrollbar-thumb { background-color: #000000; }
.main_album{max-width: 1000px;margin: 0 auto}
.photo_detail{margin: 2px;}
.photo_detail img{max-width: 100%;width: 100%}
.panel-title a{padding: 10px 15px;display: block}
.panel-heading{padding: 0}
.slogan_product{font-size: 14px;text-align: center;font-family: 'GothicRegular';margin-bottom: 10px;}
.more_list{text-align: center;}
.more_list a:hover, .more_list a:focus { color: #fff; }
.more_list a { display: inline-block;font-size: 14px; text-transform: uppercase; font-family: 'GothicRegular'; overflow: hidden; border-color: #fff; padding: 7px 28px; margin-top: 10px; color: black; position: relative; border: 1px solid #fff; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.more_list a:hover:before { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); transform: scale(0, 1); }
.more_list a::before { background-color: #fff; }
.more_list a::before { position: absolute; content: ''; display: block; left: -2px; top: 0; right: -2px; bottom: 0; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; transform-origin: left center; z-index: -1; background-color: #ffffff; -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.amazingslider-description-1{max-width: 700px;margin: 0 auto;font-family: 'GothicLight' !important;text-shadow: 0.06em 0.04em #217f9c82;}
.amazingslider-title-1{font-family: 'GothicRegular' !important;font-style: normal !important;text-shadow: 0.06em 0.04em #217f9c82;}
.grecaptcha-badge{display: none !important}

.list_sub_img_detail{position: relative}
.slick-prev{top: 0 !important;left: calc(50% - 10px) !important;transform: rotate(90deg) !important}
.slick-next{top: calc(100% - 20px) !important;left: calc(50% - 10px) !important;transform: rotate(90deg) !important}