@charset "utf-8";

/* CSS Document */
@import url("fonts.css");
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; }
img { max-width: 100%; height: auto !important; }
body { }
.ul { list-style-type: none; margin: 0px; padding: 0px; }
a { text-decoration: none !important; }
.pd-0 { padding: 0px !important }
.padding { padding-left: 0 !important; padding-right: 0 !important; }
.clear { clear: both; }
#container { width: 100%; max-width: 1366px; margin: 0 auto; overflow: hidden; }
#google_dich { width: 150px; float: left; position: absolute; top: 24px; right: 0px; }
#google_dich select { padding: 5px; width: 100%; }
.goog-logo-link, .goog-te-banner-frame { display: none !important; }
.goog-te-gadget { color: transparent !important; }
.goog-te-gadget .goog-te-combo { color: #333 !important; }

/*.container{width:1200px;margin:auto;position: relative; }*/
#banner { float: left; width: 23%; }
#logo { float: left; width: 20%; text-align: center; }
#logo img { padding: 0px 0px; max-width: 100%; }
.header_right { width: 80%; float: right }
#hinhanh_top { float: right; margin: 15px 0px 10px 0px; }
#top { width: 100%; float: left; background: url('../images/gocphai.png') no-repeat right top; }
.centered { margin-left: auto; margin-right: auto; float: none; display: block; }
.hotline_top { position: relative; float: right; margin-top: 6%; width: 25%; }
.hotline_top a.hotline1 { position: absolute; top: -5px; left: 80px; font-size: 24px; color: #363636; font-weight: bold; text-transform: uppercase; text-shadow: 0 2px 2px #FFFFFF, 2px 2px 2px #FFFFFF, 2px 0 2px #FFFFFF, -2px 2px 2px #FFFFFF, 0 -2px 2px #FFFFFF, -2px -2px 2px #FFFFFF, 0 -2px 2px #FFFFFF, 2px -2px 2px #FFFFFF; }
.hotline_top a.hotline2 { position: absolute; top: 30px; left: 80px; font-size: 24px; color: red; text-shadow: 0 2px 2px #FFFFFF, 2px 2px 2px #FFFFFF, 2px 0 2px #FFFFFF, -2px 2px 2px #FFFFFF, 0 -2px 2px #FFFFFF, -2px -2px 2px #FFFFFF, 0 -2px 2px #FFFFFF, 2px -2px 2px #FFFFFF; font-weight: bold; }
.blink_me { -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }
@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
.title_gt { font-size: 30px; color: #ff0000; font-family: 'RobotoMedium'; text-transform: uppercase; position: relative; }
.title_gt::before { content: ''; width: 2px; height: 37px; background-color: #f3a001; position: absolute; left: -10px; }

/*  Tim kiem */
#tim_kiem input::-webkit-input-placeholder { color: #939393; font-size: 12px; font-family: 'RobotoRegular'; }
#tim_kiem input:-moz-placeholder { /* Firefox 18- */
color: #939393; font-size: 12px; font-family: 'RobotoRegular'; }
#tim_kiem input::-moz-placeholder {  /* Firefox 19+ */
color: #939393; font-size: 12px; font-family: 'RobotoRegular'; }
#tim_kiem input:-ms-input-placeholder { color: #939393; font-size: 12px; font-family: 'RobotoRegular'; }
#tim_kiem { width: 18%; float: right; border: 1px solid #7b2e00; background: #fff; margin-top: 8px; position: relative; border-radius: 5px; height: 30px; }
#tim_kiem input { width: 100%; height: 30px; line-height: 03px; float: left; background-color: rgba(255, 255, 255, 0); border: 0; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; outline: none; font-size: 13px; color: #939393; }
#tim_kiem button { width: 33px; float: right; position: absolute; z-index: 10; right: 0px; top: 0px; border: 0px; background: #7b2e00; height: 28px; line-height: 28px; cursor: pointer; outline: none; color: #fff; }

/* End tim kiem*/
#slogan { position: absolute; top: 500px; left: 0px; z-index: 100; width: 100%; float: left; }
#slogan .slogan { width: 770px; margin: auto; }
#slogan .row_slogan { width: 100%; text-align: center; float: left; padding: 50px 20px; color: #fff; background: rgba(0, 0, 0, 0.5); }
#slogan .slo { font-size: 50px; letter-spacing: 20px; }
#slogan .slo2 { font-size: 24px; letter-spacing: 5px; }
#slogan .cip { width: 80%; float: left; margin: 0px 10%; background: #000; font-size: 24px; text-align: center; padding: 20px 0px; color: #fff; position: relative; margin-top: -30px; letter-spacing: 10px; }
.thongtin_tt { width: 240px; float: right; }
.share { padding: 10px 0px 0px 10px; float: left; }
.dangnhap_top { float: right; margin: 25px 0px 0px 0px; text-align: right; }
.dangnhap_top a { color: #262626; padding: 0px 10px 0px 10px; }
.dangnhap_top a:hover { color: #00c1f8; text-decoration: underline; }
#header { width: 100%; float: left; border-bottom: 5px solid #792D00; }
#header.pagein { position: relative; }
.hotro_top { padding: 18px 0px; float: left; }
.hotro_top ul li { list-style: none; display: inline-block; font-size: 13px; padding-right: 30px; height: 30px; line-height: 30px; }
.hotro_top ul li a { color: #fff; }
.hotro_top ul li a:hover { text-decoration: underline }
.hotro_top ul li i { float: left; height: 30px; line-height: 30px; width: 30px; text-align: center; border: 1px solid #333; border-radius: 100%; margin-right: 10px; }
.hotro_top ul li:last-child { padding-left: 20px; }
.login_top { float: right; padding: 14px 0px 0px 0px; font-size: 12px; color: #fff; }
.login_top a { color: #fff; padding: 0px 10px; display: inline-block }
.login_top a:hover { color: #ffe000; }
.danhmuc_top { float: left; position: relative; padding-bottom: 5px; }
.danhmuc_top span { float: left; border: 1px solid #e75140; padding: 7px 20px; margin: 0px 20px 0px 50px; color: #fff; text-transform: uppercase; margin-top: 30px; font-weight: bold; }
.danhmuc_top span i { margin-right: 10px; }
.danhmuc_top .sub_top { position: absolute; background-color: #fff; left: 50px; top: 70px; display: none }
.danhmuc_top .sub_top ul { display: inline-block; }
.danhmuc_top .sub_top li { width: 260px; float: left; position: relative; }
.danhmuc_top .sub_top li a { display: block; color: #0e1e42; padding: 7px 10px; }
.danhmuc_top .sub_top li a img { margin-right: 10px; }
.danhmuc_top .sub_top li a i { float: right; font-size: 12px; margin-top: 5px; }
.danhmuc_top .sub_top li .subs { position: absolute; left: calc(100% + 1px); top: 0px; background: #fff; display: none; width: 500px; padding: 10px; }
.danhmuc_top .sub_top li li a { padding-left: 0px; }
.danhmuc_top .sub_top .title { font-weight: bold; text-transform: uppercase; border-bottom: 2px solid #eee; padding-bottom: 5px; margin-bottom: 10px; }
.danhmuc_top:hover .sub_top { display: block }
.danhmuc_top .sub_top li:hover .subs { display: block }
.danhmuc_top .sub_top li a:hover { color: #ff2702; }
.giaohang { width: 100%; float: left; }
.giaohang .title_gh { text-align: center; }
.giaohang .title_gh p { font-size: 24px; color: #004f95; }
.giaohang .row_gh { width: 100%; float: left; border: 1px solid #7798da; margin: 30px 0px 0px 0px; padding: 20px; }
.giaohang .row_gh ul { display: flex; width: 100%; float: left }
.giaohang .row_gh li { width: 33.33333%; float: left; text-align: center; border-right: 1px solid #7798da; color: #105e83; font-weight: bold; }
.giaohang .row_gh li:last-child { border-right: 0px; }
.header_top { width: 100%; float: left; position: relative; }
.banner_top { width: 55%; float: left; }
.banner_top img { max-width: 100%; }
.top_left { width: 40%; float: left; }
.top_right { width: calc(100% - 300px); float: right; position: relative; }
.diachi_top { float: right; margin: 10px 0px 0px 0px; color: #f35c9e; font-size: 24px; font-family: 'UVNVanBold'; background: url('../images/map.png') no-repeat 10px 10px; padding: 10px 70px 10px 40px; }
.giohang_top { width: 20%; float: left; text-align: right; height: 35px; line-height: 35px; }
.giohang_top a { font-size: 15px; color: #000; }
.giohang_top a span { font-weight: bold; color: #000; margin-left: 10px; display: inline-block }
.giohang_top a:hover { color: #d81212; }
.list-home { width: 100%; float: left; padding: 30px 0px; }
.list-home:nth-child(even) .col1 { float: right !important }
.list-home:nth-child(even) .col2 { float: left !important }
.list-home .title { width: 100%; float: left; padding: 15px 0px; text-align: center; font-size: 13px; color: #000; margin-bottom: 30px; padding: 0px 200px; }
.list-home .title h2 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 36px; text-transform: uppercase; }
.list-home .title p { margin: 0px; padding: 0px; }
.owl-noibat .owl-prev { position: absolute; z-index: 10; left: -20px; top: 42%; width: 30px; height: 30px; float: left; text-indent: -9999px; background: url('../../images/nav_right2.png') no-repeat !important; }
.owl-noibat .owl-next { position: absolute; z-index: 10; right: -20px; top: 42%; width: 30px; height: 30px; float: left; text-indent: -9999px; background: url('../../images/nav_left2.png') no-repeat !important; }
.owl-noibat { width: 100%; float: left; padding: 20px 0px; background-size: 100% 100%; }
.owl-noibat .box-index { width: 100%; float: left; background: #fff; padding: 1px; text-align: center; padding-bottom: 10px; min-height: 370px; }
.owl-noibat .box-index h3 { font-family: 'RobotoBold'; font-size: 13px; text-transform: uppercase; margin: 8px 0px; }
.owl-noibat .box-index h3 a { color: #000; }
.owl-noibat .box-index h3:hover a { color: #F3A001; text-decoration: underline }
.owl-noibat .box-index p { font-size: 12px; color: #697B10; margin: 0px; }
.owl-noibat .box-index p.giaban { color: red; font-family: 'RobotoBold'; margin: 5px 0px; font-size: 13px; }
.owl-noibat .cart { padding-top: 10px; position: absolute; bottom: 10px; z-index: 10; left: 0px; right: 0px; }
.owl-noibat .cart a { text-decoration: none; padding: 9px 30px 7px 30px; color: #fff; border: 1px solid #fff; display: inline-block; background: #f11f48; text-transform: uppercase; font-weight: bold; font-size: 12px; }
.owl-noibat .cart a:hover { color: #FFFC00; border: 1px solid #b4891f; }
.box_doitac { width: 100%; float: left; border-bottom: 1px dashed #707070; padding-bottom: 30px; margin-bottom: 30px; }
.row_doitac { width: 100%; float: left; background-color: #fff; }
.owl-doitac { height: 0; opacity: 0; }
.owl-doitac .box_dt { width: 100%; float: left; text-align: center; border: 1px dashed #707070; position: relative; background-color: #fcf8e3; }
.box_dt img { transition: all 0.3s ease 0s; }
.box_dt img:hover { opacity: 0.5; filter: alpha(opacity=50); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.owl-right .owl-controls .owl-dots { position: absolute; z-index: 10; bottom: 20px; left: 0px; right: 0px; }
.owl-right .owl-controls .owl-dots span { background: #fff; box-shadow: 0px 0px 5px #ccc; }
.owl-right .owl-controls .owl-dots .active span { border: 3px solid #ccc; background: #fff !important; }
.timkiem_icon { position: absolute; right: 100px; position: absolute; top: 5px; color: #fff; text-transform: uppercase; }
.timkiem_icon > i { margin: 15px 0px 0px 0px; font-size: 20px; }
.timkiem_icon:hover #timkiem { display: block !important }
#quangcao { width: 100%; float: left; margin: 20px 0px; }
#quangcao .img { width: 49%; float: left; }
#quangcao .img:nth-child(odd) { float: right }
#noibat { width: 100%; float: left; padding: 30px 0px 0px 0px; }
#noibat .title { width: 100%; float: left; position: relative; margin-bottom: 20px; }
#noibat .title h4 { font-family: 'RobotoCondensed'; text-transform: uppercase; font-weight: 100; font-size: 18px; position: relative; margin: 0px 0px 5px 0px; }
#noibat .title:before { content: ''; width: 100px; position: absolute; left: 0px; height: 3px; background-color: #000; bottom: 0px; }
.box-spnew { width: 100%; float: left; margin: 10px 0px; border: 1px solid #eee; padding: 1px }
.box-spnew:hover { border: 1px solid #c5d292; }
.box-spnew .img { float: left; margin-right: 10px; }
.box-spnew h3 { text-transform: uppercase; font-family: 'RobotoBold'; margin: 5px 0px 10px 0px; }
.box-spnew h3 a { color: #028903; }
.box-spnew h3:hover a { color: #F3A001; text-decoration: underline }
.box-spnew .giaban { color: red; font-family: 'RobotoBold'; }
.box-spnew .mota { color: #F3A001; }
.owl-listnew .owl-prev { position: absolute; z-index: 10; right: 35px; top: -50px; width: 30px; height: 30px; float: left; color: #000 !important; padding: 6px 7px 4px 7px !important; }
.owl-listnew .owl-next { position: absolute; z-index: 10; right: -5px; top: -50px; width: 30px; height: 30px; float: left; color: #000 !important; padding: 6px 7px 4px 7px !important; }
.info_ab { position: absolute; left: 0px; height: 100%; width: 100%; right: 0px; top: 0px; background-color: rgba(0, 0, 0, 0.5); text-align: center; padding-top: 30%; color: #fff; opacity: 0; visibility: hidden }
.info_ab h3 a { color: #ffeb00; font-size: 17px; text-transform: uppercase; text-shadow: 1px 1px 1px #fff }
.info_ab .giaban { color: red; text-shadow: 1px 1px 1px #fff; font-family: 'RobotoBold'; font-size: 18px; }
.box-noibat { padding-top: 0px; }
#backtop { background: url(../images/icon/back-top.png) no-repeat center center #f74936; border: 2px solid #ddd; border-radius: 100%; bottom: 0px; cursor: pointer; height: 50px; opacity: 0; position: fixed; right: 12px; -webkit-transition: all .6s ease; transition: all .3s ease 0s; transition: all .6s ease; visibility: hidden; width: 50px; z-index: 9999; }
#backtop.show { bottom: 100px; opacity: 1; visibility: visible; }
#backtop:hover { border-color: #f74936; }
.khung_qc { width: 100%; float: left }
.khung_qc li { float: left; }
.khung_qc li:nth-child(1n) { width: 40%; padding-right: 30px; }
.khung_qc li:nth-child(2n) { width: 40%; padding-right: 30px; }
.khung_qc li:nth-child(3n) { width: 20%; padding-bottom: 30px; }
.khung_qc li:nth-child(4n) { width: 20% }
.lienhe_top { float: right; }
.lienhe_top a { width: 100%; height: 45px; line-height: 45px; float: left; position: relative; color: #727272; background: url(../images/lienhe.png) no-repeat 20px 0px; margin: 30px 0px 0px 0px; padding-left: 75px; text-transform: uppercase; font-size: 12px; }
.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: 0px 15px 0px 0px; 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 { width: 100%; float: left; background-color: #F3A001; position: relative; }
#menu_top { width: 20%; float: left; margin: 0px 0px 0px 0px; position: relative; border: 2px solid #00b1f0; border-top: 0px; }
#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 5px 5px 5px; }
#menu_top ul li.fi { width: 100%; float: left; padding: 10px 0px 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: 0px; }
#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: 0px; 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 0px 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; }
#slide_show { float: left; position: relative; width: 100%; margin: 0px 0px 0px 0px; overflow: hidden }
.sliders { width: 100%; float: left; padding-left: 273px; }
.slider1 { width: 70%; float: left }
.slider2 { width: 30%; float: left }
.slider3 { width: 30%; float: left }
#tintuc { width: 100%; float: left }
.box_duan { width: 25%; float: left; padding: 10px 10px 10px 10px; transition: 0.5s; margin-bottom: 20px; text-align: center; }
.box_duan:nth-child(4n+1) { clear: left }
.box_duan:hover { }
.box_duan .item_da { width: 100%; float: left; position: relative; font-size: 14px; background: #f2f2f2; padding: 5px 5px 20px 5px; box-shadow: 0px 0px 2px #ccc; }
.box_duan .item_da * { margin: 0px; padding: 0px; }
.box_duan .item_da .project_des { padding: 20px 0px 0px 0px; color: #0e1e42; text-align: center; transition: 1s; z-index: 5; }
.box_duan .item_da h3 { margin: 20px 0px 10px 0px; text-transform: uppercase; }
.box_duan .item_da h3 a { color: #028a03; font-size: 16px; }
.box_duan .item_da p.mota { font-size: 13px; color: #F3A001; }
.box_duan .item_da p { padding-bottom: 5px; font-size: 14px; font-weight: bold; }
.box_duan .item_da p i { padding-right: 5px; }
.box_duan .item_da p span { color: #ff2702; font-size: 20px; }
.box_duan .item_da p.desc { font-size: 14px; padding-top: 10px; height: 0px; overflow: hidden; transition: 0.5s; }
.box_duan .item_da .cart { padding-top: 10px; }
.box_duan .item_da .cart a { text-decoration: none; padding: 9px 30px 7px 30px; color: #fff; border: 1px solid #fff; display: inline-block; background: #F3A001; text-transform: uppercase; font-weight: bold; font-size: 13px; }
.box_duan .item_da .cart a:hover { color: #FFFC00; border: 1px solid #b4891f; }
.fb_iframe_widget_fluid_desktop iframe { width: 100% !important; }
.dropdown { position: absolute; display: none; right: 0px; text-align: left; background: #FFF; min-width: 200px; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .5); box-shadow: 0 2px 2px rgba(0, 0, 0, .5); padding: 15px 21px; text-transform: initial; line-height: 1.3; font-size: 12px; color: #024879; }
#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 0px 5px 0px; font-weight: 100; font-size: 12px; }
.form__submit__button { border: 0px; background: #f36f21; padding: 5px 20px 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 0px; }
.kiemtra_donhang { width: 100%; float: left; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 20px 0px 0px 0px; }
.thongtin_donhang li { padding: 5px 30px 5px 0px; border-bottom: 1px solid #eee; }
.thongtin_donhang { width: 100%; float: left; margin: 20px 0px 0px 0px; border-top: 1px solid #ccc }
.title_don { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 5px; }
.title_don td { padding: 5px; background: #eee; }
#video { width: 100%; float: left; background: url('../../images/bgvideo.jpg') no-repeat 0px 0px; margin: 150px 0px 0px 0px; min-height: 514px; }
#video .img { position: relative; width: 50%; float: left; margin-top: -120px; }
#video .video { width: 50%; float: left; padding: 20px 70px 0px 70px; }
#video .video h4 { color: #fff; margin: 10px 0px 20px 0px; font-family: 'RobotoBold'; }
#banner_info { width: 100%; float: left; }
#banner_mobile { display: none; }
#album img { width: 230px; float: left; padding: 4px; margin: 8px; border: 1px solid #cde0fe; height: 150px; }
#album img:hover { opacity: 0.8; }
#main_menu { float: left; width: 100%; background: #359D46; position: relative; z-index: 110; }
#main_menu.active { position: fixed; top: 0px; left: 0px; }
.slide_ { width: 100%; float: left; padding: 10px 0px 0px 20px; }
.frame_images { float: left; }
.bong_sl { width: 100%; float: left; height: 32px; background: url(../images/bg_slide.png) no-repeat; }
.ngonngu { float: right; position: absolute; right: 0px; top: 20px; z-index: 10; }
.ngonngu img { margin-left: 5px; }
.ngonngu img:hover { box-shadow: 0px 0px 10px #ccc; }
.ngonngu p { text-align: center; }
.ngonngu a { color: #000; display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #333; border-radius: 2px; margin-left: 15px; text-transform: uppercase; float: right; font-family: 'SourceSansProRegular'; }
.ngonngu a:hover { color: #037CBB }
#thongtin { width: 100%; float: left; padding: 20px 0px 30px 0px; background: #f0f0f0; }
.sanpham_dm ul li a { text-decoration: none; width: 300px; float: left; padding: 0px 0px 8px 10px; color: rgba(255, 255, 255, 1) }
.sanpham_dm ul li a:hover { color: rgba(255, 255, 0, 1) }
.tieude { margin: 10px 0px 10px 0px; color: #223247; font-size: 34px; text-transform: uppercase; }
.noidung { width: 100%; float: left; text-align: justify; padding: 0px 0px 0px 0px; }
.noidung img, .noidung_ta img, .noidung td { max-width: 100% }
.thongtin_lh { width: 100%; float: left; padding: 0px 40px 20px 0px; }
.thongtin_lh h1 { font-size: 20px; text-transform: uppercase; color: #04608B }
.sanpham_khac { width: 100%; float: left; margin: 20px 0px; }
#slide_top { width: 100%; float: left; position: relative; border-bottom: 5px solid #7aaa00; }
.album { width: 25%; float: left; margin: 15px 0px 0px 0px; padding: 10px; }
.album a { position: relative; width: 100%; float: left; overflow: hidden; padding: 1px; border: 1px solid #cde9ff; }
.album img { width: 100%; float: left; display: block; }
.album h3 { font-size: 15px; position: absolute; z-index: 10; bottom: -45px; left: 0px; right: 0px; background: rgba(0, 0, 0, 0.7); color: #fff; padding: 10px; transition: 0.5s; }
.album:hover h3 { bottom: 0px; }
.fom_gh { margin: 10px 0px 0px 0px; }
.input-group { width: 100%; padding: 0px; }
.input-group-but { text-align: center; margin: 10px 0px 20px 0px; }
.input-group-but button { background: #000; padding: 10px 40px 10px 40px; border: 0px; border-radius: 10px; color: #fff; font-weight: bold; font-size: 24px; }
#main { width: 100%; float: left; position: relative; margin-bottom: 20px; }
#main:after { content: ''; width: 100%; float: left; height: 29px; position: absolute; bottom: -29px; left: 0px; }
.main { width: 100%; float: left; }
.khung_pro { width: 100%; float: left; }
.sp_right { width: 247px; float: right }
#right { width: 31.8%; float: right; }
#left { width: 260px; float: left; margin: 0px 0px 0px 0px; }
#danhmuc { width: 250px; float: left; position: absolute; top: 0px; left: 0px; }
#danhmuc h4 { width: 100%; float: left; color: #fff; text-transform: uppercase; font-family: 'RobotoCondensedBold'; font-size: 18px; height: 47px; line-height: 47px; padding: 2px 0px 0px 0px; background-color: #F35C9E; text-align: center; }
#danhmuc h4 i { margin: 0px 10px 0px 0px; }
#danhmuc:hover .menu_left { display: block !important }
.icon_search { position: absolute; right: 0px; top: 5px; z-index: 10; color: #fff; cursor: pointer; width: 30px; height: 30px; border-radius: 50%; background: #E61820; line-height: 30px; text-align: center; padding-top: 1px; }
.right_slide { padding: 10px 0px 0px 260px; width: 100%; float: left; }
.menu_left { width: 100%; float: left; padding: 0px 0px 0px 0px; border: 2px solid #F35FA0; display: none; background: #fff; }
.menu_left li { width: 100%; float: left; position: relative; }
.menu_left li a { width: 100%; float: left; padding: 0px 0px 0px 15px; color: #3f3f3f; text-transform: capitalize; font-family: 'RobotoRegular'; border-bottom: 1px solid #F35FA0; border-top: 0px; font-size: 15px; height: 45px; line-height: 45px; }
.menu_left li a img { margin-right: 10px; }
.menu_left > li:hover > a { color: #c50505; border-right: 0px; background: #f1f1f1 }
.menu_left li a span { display: block; font-size: 11px; text-transform: capitalize; color: #999999; margin-top: 2px; }
.menu_left li ul a { width: 100%; float: left; color: #303030; text-transform: capitalize; background: url('../images/4cham.png') no-repeat 10px 15px; padding-left: 20px; border-left: 0px; }
.menu_left li ul a i { margin-right: 5px; }
.menu_left li ul li { }
.menu_left li ul { width: 100%; float: left; position: absolute; left: calc(100% + 0px); background: #fff; display: none; border-top: 1px solid #eee; top: -1px; }
.menu_left li ul li ul a { padding-left: 50px; background: url('../images/4cham.png') no-repeat 30px 15px; }
.menu_left li:hover ul { display: block; }
.menu_left li ul a:hover { color: #c50505; background: #f1f1f1 }
.danhmuc:hover .menu_left { display: block }
.tinhtrang { border-top: 1px solid #627079; width: 100%; float: left; }
.tinhtrang li a { display: block; padding: 5px 0px 5px 20px; background: url(../images/muiten.png) no-repeat 10px 13px; color: #1F589F }
.tinhtrang h4 { text-transform: uppercase; font-weight: 100; margin: 5px 0px 0px 5px; color: #999 }
.thanh { width: 100%; float: left; color: #fff; font-size: 18px; position: relative; z-index: 10; text-transform: uppercase; font-family: 'RobotoBold'; background: #d61010; padding: 7px 0px; text-align: center; }
.homnay { width: 50%; float: left; text-align: center; padding: 5px; font-size: 12px; }
.homnay p { background: #eeeeee; padding: 2px 0px 2px 0px; }
.thanh img { float: left; margin: 2px 10px 0px 10px; }
.thanh h4 { color: rgba(255, 255, 255, 1); margin-top: 8px; font-weight: 100; }
.hotro_bt { width: 100%; float: left; }
.hotro_bt p b { color: #444444; font-family: 'UTMAvo'; }
.hotline_bt { width: 100%; float: left; background: url(../images/hotline.png) no-repeat; min-height: 191px; }
.hotline_bt p { font-size: 27px; padding: 50px 0px 0px 177px; color: #FFF000 }
.yahoo_top { text-align: center; margin: 5px 0px 0px 0px; }
.yahoo { width: 100%; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 30px; color: #ec0000; font-size: 22px; font-family: 'UTMAvo'; background: url(../images/check.png) no-repeat 0px 8px; }
.yahoo p { float: left; color: #3853a4; font-size: 14px; padding: 0px 0px 0px 10px; }
.yahoo a { color: #333; padding-left: 5px; float: right; }
.yahoo p.hinh a { float: left; margin: 5px 0px 0px 5px; }
.yahoo .dienthoai { float: left; color: #333; padding: 2px 0px 2px 40px; }
.yahoo .email { float: left; color: #333; padding: 2px 0px 2px 40px; background: url(../images/email.png) no-repeat 10px 7px; }
.yahoo p span { float: left; padding: 7px 0px 0px 20px; text-transform: uppercase; }
.sp_noibat { padding: 15px 0px 15px 0px; width: 100%; float: left; font-family: 'RobotoCondensed'; border-bottom: 1px dotted #ccc; color: #eee; }
.sp_noibat img { margin: 5px 20px 5px 0px; 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: 0px; }
.tintuc { position: relative; width: 100%; float: left; }
.tintuc img { width: 35%; float: left; margin: 0px 20px 0px 0px; }
.tintuc img { transition: all 0.3s ease 0s; }
.tintuc img:hover { opacity: 0.5; filter: alpha(opacity=50); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.tintuc a { text-decoration: none; }
.tintuc h3, .tintuc h3 a { font-size: 14px; font-family: 'RobotoBold'; color: #000000; }
.tintuc h3 a:hover { color: #F3A001; }
.tintuc span { font-size: 13px; font-family: 'RobotoRegular'; color: #000000; }
.btn-readmore { font-family: 'RobotoRegular'; display: inline-block; position: absolute; bottom: 0px; right: 0; font-size: 10px; color: #111; border-bottom: 1px solid #fff0; }
.btn-readmore:hover { color: #2E3192; border-bottom: 1px solid #F3A001; }
#frm_lh { width: 100%; float: left; position: relative; background: url(../../images/bg_lienhe.png) repeat-y; padding-bottom: 40px; }
.title_lh { width: 100%; float: left; font-family: 'UTMSeagullBold'; text-align: center; color: #fff; font-size: 24px; text-transform: uppercase; margin: 45px 0px 60px 0px; position: relative; }
.title_lh:before { content: ''; width: 101px; height: 12px; background: url(../../images/title_lh.png) no-repeat; position: absolute; bottom: -22px; }
#frm_lh .form-control { border-radius: 0px; height: auto; padding: 13px; margin-bottom: 25px; }
#frm_lh textarea.form-control { height: 165px; margin-bottom: 15px; }
#frm_lh label { color: #fff; }
#frm_lh .btn { background: #F3A001; color: #fff; font-size: 18px; font-weight: bold; border-radius: 0px; padding: 9px 27px; margin-top: 20px; }
#frm_lh .btn:hover { background: #FFB527; }
.ngaythang { color: #999; }
.visit_hidden { visibility: hidden; height: 1px; opacity: 0; position: absolute }
.map_project { width: 100%; float: left; background: #042865; padding: 20px 0px; }
.filter-map input, .filter-map select, .filter-map .select2-selection--single { line-height: 1.42857143; padding: 8px 10px 7px 10px; outline: none; font-size: 15px; color: inherit; width: 100%; border: none; border-radius: 0px; }
.filter-map .select2-selection--single, .filter-map .select2-container--default .select2-selection--single .select2-selection__arrow { height: 34px; padding-top: 3px; padding-bottom: 0px; }
.filter-map .submit { padding: 7px 0px 4px 0px; width: 100%; display: block; }
.filter-map label { display: block; color: #fff; font-weight: normal; }
.btn-yellow { line-height: 1.42857143; border: none; position: relative; z-index: 1; overflow: hidden; display: inline-block; font-size: 18px; color: #3e0404; padding: 12px 20px 12px 20px; border-radius: 5px; cursor: pointer; background-color: transparent; }
.btn-yellow:before { background: linear-gradient(0deg, #d6a221, #ffefa5); opacity: 1; z-index: -1; position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; content: ""; transition: all ease .4s; -webkit-transition: all ease .4s; }
.btn-yellow:after { background: linear-gradient(0deg, #031b52, #4295cb); opacity: 0; z-index: -1; position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; content: ""; transition: all ease .4s; -webkit-transition: all ease .4s; }
.btn-yellow:hover { color: #fff; }
.btn-yellow:hover:before { opacity: 0; }
.btn-yellow:hover:after { opacity: 1; }
section.map #map { height: 100vh; height: calc(100vh - 146px); min-height: 800px; }
.infoBox>img { background-color: rgba(255, 255, 255, .6); z-index: 999; transition: all ease .4s; }
.infoBox .map-info-window { background-color: #fff; overflow: auto; border-bottom: 3px #4dc7ec solid; text-align: center; }
.infoBox>img:hover { background-color: #fff; }
.infoBox .thumb-link .prop-thumb { max-width: 100%; }
.infoBox .prop-title .title-link { margin: 10px; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #031b52; }
.infoBox .prop-title:hover { color: #e7b737; }
.infoBox h5 { margin-bottom: 0px; }
.infoBox p { margin: 10px; font-weight: normal; color: #b90000; font-family: 'UTMAvoBold'; font-size: 16px; }
.infoBox .arrow-down { width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #4dc7ec transparent transparent transparent; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); }
section.map .filter-map { background-color: #042865; padding-top: 40px; padding-bottom: 20px; }
section.map .filter-map .input { margin-bottom: 20px; }

/*-------Project-------------*/

/*.tinkhac{ width: 100%; float: left; margin: 20px 0px 20px 0px;}
.tinkhac li a{ width: 100%; float: left; padding: 5px 0px 5px 0px; color: #333;}
.tinkhac li a i{ margin-right: 20px; }
.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; }
.ngaydang { font-size: 12px; font-style: italic; color: #888585; }
.dangcapnhat { margin-bottom: 10px; color: #ff0000; padding: 0px; text-align: center; }

/* ========== Content pagination ========== */
.paging { float: right; text-align: center; margin: 10px 0px 20px 0px; }
.pagination { margin: auto; width: auto; text-align: center; margin-top: 10px; }
ul.pagination { text-align: center; color: #F3A001; }
ul.pagination li { display: inline; padding: 0 3px; }
ul.pagination a { color: #000; display: inline-block; padding: 5px 10px; border: 1px solid #D4D4D4; text-decoration: none; background: #fff; }
ul.pagination a:hover, ul.pagination a.current { background: #F3A001; color: #fff; }
.page_info { display: none !important; }
.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: #666666; 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: #F3A001; }
.pages li .active { background: url(../../images/backgrounds/sideGradient.png) repeat-x; color: #fff; border-color: #424852; }
.pages li .active:hover { background: #2a313d; }
.bando { float: right; width: 720px; }
.tag_map { width: 100%; float: left; }
.tag_map li a { float: left; padding: 5px 20px 5px 20px; font-family: 'OpenSansExtraBold'; color: #0a3594; margin: 0px 5px 0px 0px; border: 1px solid #ccc; }
.tag_map li a.active { background: #0a3594; color: #fff; }
.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: 0px 20px 0px 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: #333333; text-transform: uppercase; line-height: 30px; }
#left .hotline { float: left; width: 100%; margin: 0px 0px 0px 10px; color: #ff1817; font-weight: bold; font-size: 16px; background: url(../images/hotline.png) no-repeat 0px 0px; padding: 25px 0px 10px 55px; }
#left .hotline h5 { font-weight: 100; font-size: 12px; }
#left .hotline span { color: rgba(255, 0, 0, 1) }
.thongtin { width: 100%; float: left; font-weight: bold; padding: 20px 0px 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: 0px 10px 0px 10px; color: #323232; font-size: 12px; }
.thongtin li a:hover { color: #01517A }
.tin_moi { padding: 0px 10px 0px 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; padding: 10px 0px; margin-bottom: 20px; }
.owl_carousel_visao .owl-controls { display: none; }
.item_dm { width: 100%; float: left; }
.item_dm .tt_dm { width: 110px; float: left; position: absolute; right: 0px; top: 0px; height: 100%; z-index: 10; background: #707641; }
.item_dm .tt_dm:after { position: absolute; content: ''; height: 100%; width: 80px; top: 0px; left: -79px; background: linear-gradient(to left top, #707641 50%, transparent 50%) }
.item_dm .tt_dm h3 { position: absolute; bottom: 20px; text-transform: uppercase; left: -30px; z-index: 11; font-family: 'RobotoCondensedBold'; font-size: 27px; }
.item_dm .tt_dm h3 a { color: #fff; }
.item_dm .tt_dm h3 a:hover { color: #fef43e; text-decoration: underline; }
.thanh_vs { width: 100%; float: left; text-align: center; margin: 0px 0px 50px 0px; background: url(../images/6cham.png) no-repeat bottom center; padding: 0px 0px 20px 0px; }
.thanh_vs h4 { color: #0a3594; font-size: 35px; padding: 7px 20px 0px 20px; position: relative; text-transform: uppercase; font-family: 'OpenSansBold'; font-weight: 100; display: inline-block; }
#content { width: 100%; float: left; margin: 0px 0px 0px 0px; border-top: 0px; }
#project * { max-width: 100%; }
#info { width: 100%; float: left; margin-top: 100px; }
.about_lt img { max-width: 100%; }
.about_rt h3 a { font-size: 36px; color: #f3a001; font-family: 'UTMSeagullBold'; text-transform: uppercase; }
.about_rt h3 a:hover { color: #428bca; }
.about_rt span { font-size: 13px; color: #555555; line-height: 2; }
.about_rt .xt_af { float: left; margin-top: 30px; font-size: 12px; color: #fff; background: #F3A001; padding: 0px 20px; height: 25px; line-height: 25px; position: relative; }
.about_rt .xt_af:after { content: ''; width: 19px; height: 25px; background: url(../../images/xt_af.png) no-repeat; position: absolute; right: -19px; }
.about_rt .xt_af:hover { color: #ff0000; }
#sanpham { width: 100%; float: left; }
.xemsp { position: absolute; z-index: 10; bottom: 0px; left: 0px; right: 0px; height: 40px; background: rgba(0, 0, 0, 0.8); color: #fff; padding-top: 10px; }
.xemsp:after { content: ''; background: url(../images/muiten.png) no-repeat 0px 0px; width: 5px; height: 9px; display: inline-block; margin-left: 10px; }
.product_list { float: left; }
.product_list ul { width: 150px; float: left; height: 533px; background: #e2e2e2; padding: 20px 0px 0px 0px; }
.product_list ul li a { width: 100%; float: left; padding: 7px 0px 7px 10px; color: #4f4f4f; }
.product_list ul li a:hover { color: #02719A; text-decoration: underline; }
#congtrinh { width: 100%; float: left; margin: 20px 0px 0px 0px; }
.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 0px 50px 0px !important; background: url(../images/chamtrang.png) no-repeat bottom center; }
#khachhang .thanh_vs h4 { color: #fff !important; }
.thuonghieu { padding-left: 10px; }
.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 0px 0px 0px; background: url(../images/hotro.png) no-repeat 0px 0px; }
.frm_lienhe { width: 325px; float: right; }
.box_lh { width: 100%; float: left; border: 1px solid #cfcece; margin-top: 10px; border-radius: 5px; padding: 0px 0px 0px 0px; }
.frm_lienhe input { padding: 7px; width: 100%; border: 0px; border-bottom: 1px solid #cfcece; }
.box_lh li:last-child input { border-bottom: 0px; border-radius: 0px 0px 5px 5px; }
.box_lh li:first-child input { border-radius: 5px 5px 0px 0px; }
.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: 0px; padding: 5px 20px 5px 20px; color: #fff; float: left; margin-top: 5px; cursor: pointer; }
.frm_lienhe button:hover { color: #FBF201 }
.khung { width: 100%; float: left; position: relative; }
.giaohang { width: 100%; float: left; margin-top: 20px; padding: 0px 0px 30px 0px; }
.thanh_tab { width: 100%; float: left; background: url(../images/thanh.png) repeat-x; height: 39px; }
.thanh_tab li { float: left; background: url(../images/gach_t.png) no-repeat right; padding-right: 2px; }
.thanh_tab li a { float: left; height: 39px; line-height: 39px; padding: 0px 30px 0px 10px; font-family: 'RobotoCondensed'; color: #fff; text-transform: uppercase; }
.thanh_tab li a img { float: left; margin: 0px 10px 0px 0px; }
.thanh_tab li:hover a, .thanh_tab li.active a { background: url(../images/menu_hover.png) repeat-x; }
#duan { width: 100%; float: left; background: url('../images/bg_da.png') no-repeat top center; min-height: 511px; }
#noibat { width: 100%; float: left; }
.thanh_title { width: 100%; float: left; margin: 0px 0px 30px 0px; text-align: center; background: url(../../images/title_sp.png) no-repeat bottom center; }
.thanh_title h4, .thanh_title h2, .thanh_title h3 { font-family: 'UTMSeagullBold'; color: #f3a001; font-size: 24px; text-transform: uppercase; margin: 10px 0px 20px 0px; }
.title_bottom { width: 100%; float: left; margin: 20px 0px 40px 0px; font-family: 'UTMSeagullBold'; text-align: left; background: url(../../images/title_bt.png) no-repeat bottom left; }
.title_bottom h4, .title_bottom h2, .title_bottom h3 { color: #f3a001; font-size: 24px; text-transform: uppercase; margin: 10px 0px; }
.box_product { width: 100%; float: left; margin: 10px 0px; }
.product_nb { float: left; margin-bottom: 20px; }
.product_nb .img { width: 100%; float: left; margin-bottom: 20px; border: 1px solid #D7D7D7; box-shadow: -4px 4px 4px #D7D7D7; }
.product_nb .img img { width: 100%; }
.product_nb h3 { text-align: center; font-weight: normal; }
.product_nb h3 a { font-size: 20px; color: #464646; font-family: 'RobotoBold'; font-weight: normal; }
.product_nb a:hover { color: #F3A001; }
.chitiet_sp { float: left; padding: 7px 18px; border: 1px solid #F0F0F0; }
.chitiet_sp a { font-family: 'RobotoLight'; color: #464646; font-size: 14px; }
.chitiet_sp:hover, .chitiet_sp:hover a { background: #F3A001; color: #fff; }
.baogia_sp { float: right; font-family: 'RobotoLight'; color: #464646; font-size: 14px; padding: 7px 18px; border: 1px solid #F0F0F0; }
.baogia_sp a { color: #464646; }
.baogia_sp:hover a { color: #fff; }
.baogia_sp:hover { background: #F3A001; color: #fff; cursor: pointer; }
.slide_duan { width: 100%; float: left }
.thanh_duan { width: 100%; float: left; margin: 30px 0px 20px 0px; text-align: center; text-transform: uppercase; overflow: hidden }
.thanh_duan h4 { color: #fff; font-size: 35px; display: inline-block; padding: 0px 0px 2px 0px; font-family: 'UTMHelvetIns'; position: relative }
.thanh_duan h4:before { content: ''; width: 113px; height: 6px; background: url(../images/after_tieubieu.png) no-repeat; position: absolute; left: -123px; top: 22px; z-index: 100; }
.thanh_duan h4:after { content: ''; width: 113px; height: 6px; background: url(../images/after_tieubieu.png) no-repeat; position: absolute; right: -123px; top: 22px; z-index: 100; }
#hotro { width: 100%; float: left; padding: 20px 0px 20px 0px; background: url(../images/gach_hotro.png) repeat-x bottom }
.row { margin-left: -15px; margin-right: -15px; }
#slider2_container { background: none !important; }
#slider2_container * { background: none !important; }
.owl_menu li { border: 1px solid #cecece; position: relative; padding: 9px; box-shadow: 4px 4px 0px #eee; margin: 0px 4px 4px 1px; }
.owl_menu li img { display: block; border-radius: 20px 0px 20px 0px; }
.owl_menu li h3 { width: 100%; float: left; }
.owl_menu li:hover h3 { bottom: 0px; }
.owl_menu li h3 a { color: #333; float: left; width: 100%; text-transform: uppercase; padding: 10px 0px 10px 0px; border-bottom: 1px dotted #bababa; margin-bottom: 10px; }
.owl_menu li h3 a:hover { color: #ff951d; text-decoration: underline; }
.none_control .owl-controls { display: none; }
#baogia { width: 100%; float: left; height: 354px; background: url('../images/baogia.png') no-repeat top center; }
.thongtin_bg { float: left; padding-left: 20px; }
.thongtin_bg p { float: left; width: auto !important; }
.thongtin_bg p i { font-size: 20px; margin: 0px 10px 0px 0px; }
.thongtin_bg p.email { padding-right: 40px !important; }
.thanh_bottom { width: 100%; float: left; margin: 0px 0px 10px 0px; background: url(../images/bg_thanh.png) repeat-x 0px 12px; padding: 0px 0px 0px 0px; 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: 0px 20px 0px 0px; }
.khung_1 { width: 100%; float: left; border: 1px solid #efefef; padding: 10px; margin: 10px 0px 10px 0px; }
.khung_thongtin { float: right; padding-top: 0px; padding-left: 20px; }
.khung_thongtin li { padding: 10px 0px 10px 0px; width: 100%; float: left; color: #333; border-bottom: 1px solid #ebebeb; }
.khung_thongtin li .danhgia i { color: #FAAC19 }
.khung_thongtin li .color-list { padding: 10px 0px; }
.khung_thongtin li .luotxem i { color: #178AB1 }
.khung_thongtin li .luotmua i { color: red }
.khung_thongtin li .dathat_detail { width: 70%; float: left; background: #d90709; text-align: center; color: #fff; padding: 10px 0px; border-radius: 5px; margin-bottom: 10px; cursor: pointer; transition: 0.5s; }
.khung_thongtin li .dathat_detail:hover { background: #223247; }
.khung_thongtin li .dathat_detail p { text-transform: uppercase; font-size: 24px; margin: 0px; }
.khung_thongtin li .dathat_detail span { font-style: italic }
.khung_thongtin h1 { font-size: 28px; color: #F3A001; text-transform: uppercase; margin: 0px; }
.khung_thongtin b { font-weight: 100; font-size: 14px; }
.khung_thongtin .masp { font-size: 18px; }
.khung_thongtin .mota_detail { border-left: 0px; border-right: 0px; white-space: pre-line; padding: 20px 0px 20px 0px; }
.khung_thongtin .gia_detail { font-size: 24px; color: red; font-family: 'RobotoBold'; }
.khung_thongtin .gia_detail b { }
.khung_thongtin .giacu_detail { color: #666; text-decoration: line-through }
.khung_thongtin .giacu_detail span { }
.khung_thongtin .baohanh_detail { color: #015DA4; }
.noidung_ta td { padding: 10px; border: 1px solid #eee; }
#module_product_review { width: 100%; float: left }
#module_product_review { padding: 0px 0px }
#module_product_review h2 { font-size: 18px; text-transform: uppercase; padding-left: 10px; background: #F4F4F4; padding: 15px 15px 12px 15px }
.pdp-mod-review .mod-rating { padding: 20px 24px }
.pdp-mod-review .mod-rating .content { margin-top: 18px }
.pdp-mod-review .mod-rating .content:after, .pdp-mod-review .mod-rating .content:before { content: ""; display: table }
.pdp-mod-review .mod-rating .content:after { clear: both }
.pdp-mod-review .mod-rating .left { float: left }
.pdp-mod-review .mod-rating .left:after, .pdp-mod-review .mod-rating .left:before { content: ""; display: table }
.pdp-mod-review .mod-rating .left:after { clear: both }
.pdp-mod-review .mod-rating .right { float: right }
.pdp-mod-review .mod-rating .summary { float: left; width: 145px; margin-right: 90px }
.pdp-mod-review .mod-rating .detail { float: left }
.pdp-mod-review .mod-rating .detail li { margin-bottom: 8px; color: #757575; font-size: 10px }
.pdp-mod-review .mod-rating .detail li .progress-wrap { margin-left: 17px; margin-right: 12px }
.pdp-mod-review .mod-rating .detail li .percent { font-size: 12px; color: #212121 }
.pdp-mod-review .mod-rating .detail li span.star-number { display: inline-block; width: 10px }
.pdp-mod-review .mod-rating .score { font-size: 14px; color: #212121 }
.pdp-mod-review .mod-rating .score span { font-size: 32px }
.pdp-mod-review .mod-rating .average { margin-top: 7px }
.pdp-mod-review .mod-rating .count { margin-top: 9px; color: #757575 }
.pdp-mod-review .mod-rating .btn-rate { height: 38px; border-radius: 3px; background: #F57224; border-radius: 5px; border: 0px; color: #fff; padding: 10px; }
.pdp-mod-review .mod-reviews .item { padding: 17px 21px; color: gray; font-size: 12px; border-bottom: 1px solid #eff0f5 }
.pdp-mod-review .mod-reviews .left { float: left }
.pdp-mod-review .mod-reviews .right { float: right }
.pdp-mod-review .mod-reviews .top:after, .pdp-mod-review .mod-reviews .top:before { content: ""; display: table }
.pdp-mod-review .mod-reviews .top:after { clear: both }
.pdp-mod-review .mod-reviews .starCtn { margin-right: 6px }
.pdp-mod-review .mod-reviews .title { font-size: 14px; color: #212121; display: inline-block; width: 740px; overflow: hidden; word-break: break-word }
.pdp-mod-review .mod-reviews .verifyImg { margin-left: 8px; margin-right: 3px; vertical-align: sub }
.pdp-mod-review .mod-reviews .verify { color: #4caf50 }
.pdp-mod-review .mod-reviews .middle { margin: 5px 0 15px }
.pdp-mod-review .mod-reviews .content { color: #212121; font-size: 14px; white-space: pre-wrap; word-break: break-word }
.pdp-mod-review .mod-reviews .skuInfo { font-size: 12px; margin-top: 8px }
.pdp-mod-review .mod-reviews .bottom { margin-top: 16px }
.pdp-mod-review .mod-reviews .bottom:after, .pdp-mod-review .mod-reviews .bottom:before { content: ""; display: table }
.pdp-mod-review .mod-reviews .bottom:after { clear: both }
.pdp-mod-review .mod-reviews .bottom .left { cursor: pointer }
.pdp-mod-review .mod-reviews .bottom .like-icon { color: #bababa; margin-right: 7px }
.pdp-mod-review .mod-reviews .bottom .like-icon.liked, .pdp-mod-review .mod-reviews .helpful-text-liked { color: #1a9cb7 }
.pdp-mod-review .mod-empty { border-top: 1px solid #eff0f5; padding: 20px 0; text-align: center }
.pdp-mod-review .mod-empty .imgWrap { margin-bottom: 15px }
.pdp-mod-review .mod-empty p { color: #757575; font-size: 14px; margin-bottom: 0 }
.pdp-mod-review .review-pagination { padding-top: 20px; padding-bottom: 20px; text-align: right; padding-right: 25px }
.pdp-review-progress { display: inline-block; position: relative; width: 200px; height: 16px }
.pdp-review-progress .bar { position: absolute; left: 0; top: 0; border-radius: 2px; width: 100%; height: 100% }
.pdp-review-progress .bg { background: #eff0f5 }
.pdp-review-progress .fg { background: #faca51 }
.review_button { padding: 5px 20px; }
.container-star i { color: #FACA51; font-size: 22px; }
#id_reviews .item_re { width: 100%; float: left; border-bottom: 1px solid #ccc; padding: 10px 0px; font-size: 11px; }
#id_reviews .top_review .starCtn { font-size: 12px; float: left; color: #FACA51; }
#id_reviews .top_review .title { font-weight: bold; margin: 0px 10px; font-size: 12px; }
#id_reviews .top_review .right { float: right }
#id_reviews .content_view { color: #333; padding: 2px 0px 2px 0px; font-style: italic; font-size: 13px; }
#id_reviews .content_view i { margin-right: 5px; }
#id_reviews .bottom_review { padding-top: 5px; color: #004892; cursor: pointer; }
#id_reviews .bottom_review:hover { text-decoration: underline; }
.size_detail { width: 100%; float: left; margin-bottom: 10px; }
.size_detail label { float: left; margin-top: 5px; font-weight: 100; }
.size_detail ul li { border-bottom: 0px; float: left; padding: 5px 10px 5px 10px; border: 1px solid #189eff; width: auto; margin-left: 10px; border-radius: 2px; cursor: pointer; color: #189eff }
.size_detail ul li:hover, .size_detail ul li.active { background: #189eff; color: #fff; }
.mausac_detail { width: 100%; float: left; margin-bottom: 10px; }
.mausac_detail label { float: left; margin-top: 5px; font-weight: 100; }
.mausac_detail ul li { border-bottom: 0px; float: left; padding: 5px 10px 5px 10px; width: auto; margin-left: 10px; border-radius: 2px; cursor: pointer; color: #fff }
.mausac_detail ul li.active { border: 2px solid #006485; padding: 3px 8px; }
.soluong_detail .input-group { width: 120px; }
.soluong_detail .input-group input { text-align: center; }
.soluong_detail label { float: left; font-weight: 100; margin: 8px 10px 0px 0px; }
.owl_carousel_detail .owl-controls { display: none; }
.lienhe_ { font-size: 18px; font-weight: bold; color: #AEAEAE }
.dathang_detail p { width: 100%; float: left; }
.dathang_detail select { width: 80px; height: 50px; float: left; border: 1px solid #cccccc; border-radius: 5px; background: url(../images/select.png) no-repeat right 0px; }
.row_video { width: 390px; float: right; }
#huongdan_dh { float: right; }
.chonsize label { padding: 0px 10px 0px 0px; font-weight: 100; cursor: pointer; color: #DC00C0 }
.gia_detail span { font-size: 14px; color: #666; }
.modal.in .modal-dialog { background: #fff; }
.dathang_detail .thanhtoannhanh { width: calc(50% - 35px); float: left; background: #e41c2c; height: 40px; text-transform: uppercase; font-size: 16px; padding: 10px 0px 10px 0px; cursor: pointer; color: #fff; text-align: center; margin-right: 10px; }
.dathang_detail .thanhtoannhanh i, .dathang_detail .muangay i { font-size: 20px; margin-right: 10px; }
.dathang_detail .muangay { width: calc(50% - 35px); float: right; background: #006485; height: 40px; text-transform: uppercase; font-size: 16px; padding: 10px 0px 10px 0px; cursor: pointer; color: #fff; text-align: center; margin-right: 10px; }
.dathang_detail .thanhtoannhanh:hover, .dathang_detail .muangay:hover { color: #FFF600; }
.dathang_detail span { width: 42px; height: 42px; padding: 7px 0px 0px 0px; float: left; border: 3px solid #ccc; border-radius: 50%; text-align: center; }
.huongdan_detail a { width: 100%; float: left; padding: 5px 0px 10px 0px; background: url(../images/giohang_ico.jpg) no-repeat 5px 8px; color: #035E80; font-style: italic; }
.huongdan_detail a i { margin-right: 10px; }
.huongdan_detail a:hover { color: #EF426D; text-decoration: underline }
.box_new { width: 33.33333%; float: left; padding: 10px 15px; }
.box_new h3 { padding: 10px 0px 5px 0px; font-size: 18px; margin: 0px; }
.box_new h3 a { color: #333; }
.box_new img { max-width: 100%; width: 100%;border: 1px solid #ccc;background-color: #f0f0f0; }
.box_new .ngaydang i { margin-right: 10px; }
.box_new p { font-size: 12px; color: #333; margin: 0px; }
.box_new:nth-child(3n+1) { clear: left; }
.box_new h3:hover a { text-decoration: underline; color: #fa5b07 }
.box_new .ngaydang { font-style: italic; color: #888585; font-size: 12px; padding-bottom: 5px; }
.box_newnb { width: 100%; float: left; margin: 5px 0px; padding: 5px 5px; background-color: #eee }
.box_newnb .img { float: left; margin-right: 10px; border: 1px solid #fff; }
.box_newnb h3 { padding: 0px 0px 5px 0px; margin: 0px; font-size: 13px; }
.box_newnb p { margin: 0px; }
.box_newnb h3 a { color: #333; }
.box_newnb h3:hover a { text-decoration: underline; color: #F3A001 }
.box_newnb .ngaydang { font-style: italic; color: #888585; font-size: 12px; padding-bottom: 5px; }
.xemchitiet { text-align: right; }
.xemchitiet a { color: red; }
.xemchitiet a:hover { text-decoration: underline; }
.box_service { width: 33.33333%; float: left; padding-bottom: 40px; padding: 35px; font-size: 22px; }
.box_service img { width: 100%; }
.box_service h3 { padding: 10px 0px 10px 0px; font-size: 68px; position: relative; }
.box_service h3:after { content: ''; width: 100px; float: left; position: absolute; left: 0px; bottom: 10px; height: 5px; background: #FC5E07 }
.box_service h3 a { text-transform: uppercase; color: #fff; }
.box_service p.phongcach { font-size: 28px; padding-bottom: 10px; }
.box_service h3:hover a { color: #FC5E07 }
.ser_detail { margin-bottom: 40px; }
.ser_detail .single_artist_content { background: #fff; min-height: 625px; width: 100%; float: left; margin-top: 50px; padding: 50px; position: relative; }
.ser_detail .single_artist_content:after { content: ''; left: -100px; top: 150px; right: 150px; bottom: 150px; border: 3px solid #fa5b07; pointer-events: none; z-index: 100; position: absolute; }
.ser_detail .top { text-transform: uppercase; font-size: 60px; color: #000; width: 100%; float: left; margin-top: 180px; position: relative; padding-top: 10px; }
.ser_detail .fw-500 { color: #000; font-size: 20px; }
.ser_detail .top:after { content: ''; width: 120px; position: absolute; left: 0px; top: 0px; border-bottom: 5px solid #FC5E07; border-radius: 2px; }
#gallery-wrap { width: 100%; float: left; margin: 50px 0px; }
.content_new { overflow: hidden; height: 400px; width: 100%; float: left; }
.thongtin_detail { font-style: italic; }
.khuyenmai_detail { margin: 5px 0px 0px 0px; }
.khuyenmai_detail ul li { padding: 5px 20px 5px 0px; color: #008c00 }
.khuyenmai_detail ul li input { float: left; margin: 3px 5px 0px 0px; }
.app-figure { width: 100%; float: right; }
.selectors { text-align: center; float: left; width: 100%; padding: 0px; margin-top: 10px; }
.selectors li { border: 1px solid #ccc; padding: 5px; margin-bottom: 5px; width: 100%; float: left; max-width: 100px; }
.table_info { width: 100%; float: left; }
.dieuhuong { width: 100%; float: left; padding: 12px 0px 5px 25px; background: url(../images/home.png) no-repeat 0px 7px; border-bottom: 1px solid #ccc; margin: 10px 0px 10px 0px; }
.dieuhuong a { color: #333; padding: 0px 10px 0px 10px; float: left; background: url(../images/muiten_trong.png) no-repeat right; }
.dieuhuong a:hover { color: #007597; }
.khung_tab { width: 100%; float: left; display: none; }
.khung_tab.active { display: block; }
#hoidap { width: 100%; float: left; background: #f7f7f7; padding: 40px 0px 40px 0px; }
.hoidap .hoidap_khung { width: 20%; float: left; padding: 0px 5px 0px 5px; }
.hoidap .hoidap_khung h4 { font-family: 'OpenSansBold'; font-size: 17px; color: #102690; padding: 0px 0px 20px 0px; }
.hoidap .hoidap_khung li { font-size: 13px !important; padding: 0px 0px 10px 0px; }
.hoidap .hoidap_khung li img { float: left; margin: 5px 10px 0px 0px; }
.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; }
.hide_control .owl-controls { display: none; }
#slider_duan { background: #f2f2f2; overflow: hidden; border: 1px solid #ccc; margin: 10px 0px 10px 0px; float: left }
.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 0px 80px; text-transform: uppercase; color: #fff; font-weight: 100 }
.tin_tuc h3 { color: #646464; text-transform: uppercase; margin: 10px 0px 5px 0px; }
.tin_tuc p { color: #666666; font-size: 20px; }
.tin_tuc ul li { width: 370px; float: left; margin: 20px 0px 0px 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 0px 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); }
.row_moinhat { margin-left: -18px; margin-right: -18px; }
.item_new { width: 25%; float: left; padding: 18px 18px; text-align: center; }
.item_new:nth-child(4n+1) { clear: left; }
.item_new h3 { font-size: 15px; }
.item_new h3 a { font-family: 'RobotoRegular'; color: #333; width: 100%; float: left; margin: 10px 0px; }
.item_new:hover h3 a { color: #ea3535; text-decoration: underline }
.khung_sp { margin-left: -10px; margin-right: -10px; }
.item { color: #121212; position: relative; margin-bottom: 10px; text-align: center; }
.item .giacu { width: 100%; float: left; color: #999; text-decoration: line-through; text-align: right; }
.item .giaban { width: 100%; float: left; color: #ddd; color: #08597F }
.item .giaban span { color: #F60707; }
.item .giamgia { position: absolute; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-weight: bold; right: 5px; top: 5px; z-index: 100; background: #c72020; border-radius: 100%; font-family: "Arial"; font-size: 12px; }
.item .img { position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); width: 100%; float: left; display: block; border: 1px solid #E6E6E6; }
.item a img { width: 100%; float: left; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transition: 0.5s; }
.item .bong_sp { width: 100%; float: left; height: 3px; content: ''; background: url(../images/bong_sp.png) no-repeat center; }
.item h3 a { text-decoration: none; color: #464646; text-transform: uppercase; font-size: 15px; }
.item:hover img { opacity: 0.7; }
.item:hover h3 a { color: #c72020; text-decoration: underline; }
.item .mota { font-family: 'Robotomedium'; font-size: 17px; width: 100%; float: left; min-height: 50px; }
.item h3 { transition: 0.5s; width: 100%; float: left; padding: 10px 0px 5px 0px; text-transform: capitalize; margin: 0px; font-size: 16px; }
.item p { margin: 10px 0px 0px 0px; width: 100%; float: left; font-size: 20px; }
.item .masp { position: absolute; color: #fff; right: 1px; bottom: 1px; background: #b4b4b4; padding: 0px 10px 0px 0px; font-family: 'RobotoBold'; height: 31px; line-height: 31px; }
.item .masp:after { content: ''; width: 36px; height: 31px; background: url('../images/after_sp.png') no-repeat; position: absolute; left: -36px; top: 0px; z-index: 10; }
.dathang { position: absolute; z-index: 100; bottom: 10px; right: 5px; cursor: pointer; transition: 0.3s; text-transform: capitalize; background: #F35C9E; color: #fff; border-radius: 5px; padding: 5px 20px 3px 20px; font-family: 'RobotoBold'; font-size: 13px; }
.dathang a:hover { background: #c50505; color: #ffff00; }
.list_danhmuc ul { padding-left: 15px; }
.list_danhmuc ul ul { }
.tab_hidden { display: none; }
.tab_hidden.active { display: block }
.giaohang_tn { width: 380px; float: left; padding: 20px 10px 20px 160px; color: #fff; background: url(../images/giaohang.png) no-repeat 0px 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; }
.thuonghieu_item { width: 25%; float: left; text-align: center; border: 1px solid #eee; padding: 10px; }
.thuonghieu_item h3 a { margin-top: 10px; color: #d6363e; font-family: 'RobotoBold'; text-transform: uppercase; }
.thuonghieu_item img { max-width: 100%; }
.thuonghieu_item:hover { border: 1px solid #e91678; }
.box_new .xemthem { float: right; margin: 10px 10px 0px 0px; font-size: 18px; color: #595959 }
.box_new .xemthem:hover { color: #035381 }
.chitiet { display: inline-block; text-align: center; color: #fe8152; margin-top: 10px; }
.chitiet a { color: #4388e1; text-decoration: none; }
.chitiet a:hover { color: #ec0574; }
.gach { width: 100%; float: left; border-bottom: 1px dotted #ccc; margin: 5px 0px 5px 0px; }
.noidung ul li { list-style-type: none !important; }
#thanh_toan { width: 100%; float: left; border-top: 1px solid #9d9e9e; border-bottom: 1px solid #9d9e9e; padding: 10px 0px 10px 0px; margin: 20px 0px 0px 0px; }
.thoigian { float: right; font-family: 'UTMAvo'; padding: 25px 0px 0px 20px; }
.hotline_bt { float: right; padding: 13px 0px 0px 0px; font-family: 'UTMAvo'; font-weight: bold; }
.hotline_bt span { font-size: 24px; font-weight: bold; color: #ff5159 }
.hotro_bottom p { float: left; text-transform: uppercase; font-weight: bold; color: #1b1c23; margin: 25px 20px 0px 20px; }
.list_carousel_banchay { padding-bottom: 20px; }
.list_carousel_banchay .owl-controls { display: none; }
.support_bt { width: 100%; float: left; background-color: #fff; box-shadow: 0px 0px 10px #999; padding: 40px; margin-top: -50px; }
.support_bt img { float: left; margin: 5px 20px 0px 0px; }
.support_bt h4 { margin: 0px 0px 10px 0px; text-transform: uppercase; font-size: 13px; }
.support_bt p { margin: 0px; }
#bottom { width: 100%; float: left; position: relative; margin: 30px 0px 50px 0px; }
#footer { width: 100%; float: left; position: relative; background-color: #7B2E00; }
#map_bottom { width: 66.666666%; float: left }
#info_bottom { width: 32%; float: right; border: 2px solid #fa5b07; margin-left: 10px; padding: 60px; }
.logo_bottom { text-align: center; padding: 50px 0px 20px 0px; }
.footer { width: 100%; float: left; position: relative; background: url('../../images/bg_footer.png') repeat-y; padding: 30px 0px; }
.container_ft { width: 95%; margin: 0 auto; }
.footer h3 { font-family: 'UTMSeagullBold'; color: #f3a001; font-size: 24px; text-transform: uppercase; margin: 20px 0px 15px 0px; }
.footer h5 { font-family: 'UTMSeagullBold'; color: #f3a001; font-size: 24px; margin: 10px 0px 20px 0px; }
.tt_footer { padding-left: 0 !important; padding-right: 0 !important; }
.footer_rt { width: 90%; float: right; }
.khung_footer { margin-top: 30px; padding: 0px 30px 0px 0px; }
.khung_footer h4 { text-transform: uppercase; color: #1a6def; border-bottom: 2px solid #eee; padding: 5px 0px 5px 0px; }
.khung_footer ul li a { width: 100%; float: left; padding: 5px 0px 5px 5px; color: #747474; border-bottom: 1px solid #eee; transition: 0.5s; }
.khung_footer ul li a:hover { color: #025A7E; background: #EAEAEA }
.khung_bt { width: 100%; float: left; margin: 20px 0px 10px 0px; padding: 10px 0px; border-top: 1px solid #514c50; border-bottom: 1px solid #514c50; }
.logo_bt { float: left; width: 100%; }
.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; }
.menu_bt a { text-decoration: none; color: rgba(255, 255, 255, 1); font-size: 14px; padding: 0px 25px 0px 25px; text-transform: uppercase; }
.menu_bt a:hover { color: rgba(255, 255, 0, 1); }
.bottom { width: 100%; float: left; padding: 10px 0px 0px 0px; position: relative; margin: 0px 0px 0px 0px; }
.video_clip { width: 586px; float: right; margin-right: 0px; }
.logo_bt { float: left; margin: 0px 0px 0px 0px; }
.khung_bt ul li a:hover { color: #FFFC00; text-decoration: underline; }
.thanhtoan_bt { width: 45%; float: left; }
#banchay { width: 100%; float: left; }
.bando_bt { float: right; color: #fff; width: 50%; }
.bando_bt h4, .thanhtoan_bt h4, .danhmuc_bt h4 { color: #fff; font-weight: 100; text-align: left; font-size: 20px; margin: 5px 0px 10px 0px; text-transform: capitalize; text-transform: uppercase; font-family: 'RobotoBold'; }
.bando_map { width: 100%; float: left; }
.map { float: right; margin: 20px 0px 0px 0px; }
.map h4 { color: #fff; text-align: right; text-transform: uppercase; font-style: italic; }
.map img:hover { box-shadow: 0px 0px 10px #ccc; }
.danhmuc_bt ul li a { display: block; color: #fff; padding: 3px 0px 3px 0px; font-family: 'RobotoRegular'; }
.danhmuc_bt ul li a i { margin-right: 5px; }
.danhmuc_bt ul li a:hover { color: #FDE200; text-decoration: underline }
.thanhtoan_bt select { padding: 10px; width: 100%; border: 0px; margin-bottom: 10px; }
.thanhtoan_bt ul li { color: #fff; padding: 5px 0px 5px 0px; }
.menu_bot { width: 1000px; float: left; padding-top: 5px; text-align: center; }
.menu_bot a { text-decoration: none; color: #fff; text-shadow: -1px 1px #0033CC, 1px -1px #0033CC, -1px -1px #0033CC, 1px 1px #0033CC; 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; }
.khungf_left { width: 75%; float: left; }
.khungf_right { width: 24%; float: right; }
.row_bt { width: 25%; float: left; }
.row_bt ul li a { color: #91d5f5; width: 100%; float: left; font-family: 'RobotoRegular'; padding: 2px 0px; font-size: 12px; }
.row_bt ul li a i { padding-right: 5px; font-size: 12px; }
.row_bt ul li a:hover { color: #FFF000; text-decoration: underline }

/*-----------------------------------*/
.logo_ft { width: 25%; float: left; text-align: center; }
#copy { width: 100%; float: left; margin-top: 0px; border-top: 0px solid #3c3a3a; }
.breadcrumb { margin-top: 20px; }
#khung_left { width: 75%; float: left; padding-right: 30px; }
#khung_right { width: 25%; float: left; padding-top: 30px; }
#khung_right .title { width: 100%; float: left; text-transform: uppercase; font-size: 18px; font-family: 'RobotoCondensed'; }
.copy { width: 100%; color: #fff; font-size: 14px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 6px 0px; float: left; text-align: center; }
.copy a, .copy span { color: #f11f48; }
.copy .deverloper { margin-top: 20px; }
.row_ht { width: 260px; float: right; margin: 15px 0px 0px 0px; }
.owl_carousel_news .owl-controls { display: none; }
.tienich { width: 100%; float: left; margin: 20px 0px 20px 0px; }
.soluong { padding: 10px 0px 0px 10px; font-weight: bold; }
.soluong span { width: 110px; float: right; color: #F90 }
div#container_product { margin-top: 10px; width: 100%; float: left; }
div#container_product #tabs { overflow: hidden; border-bottom: 3px solid #F3A001; }
div#container_product #tabs li { margin: 7px 50px 0px 0px; color: rgba(0, 102, 204, 1); text-transform: uppercase; }
div#container_product #tabs li.active { color: #000; background: #F3A001; padding: 10px 30px 5px 30px; }
div#container_product #tabs li { float: left; }
div#container_product #tabs li a { color: #fff; font-size: 16px; text-decoration: none; }
.phantrang { text-align: center; margin-top: 20px; }
.noidung_ta { width: 100%; float: left; padding: 10px; clear: left; border: 1px solid #F3A001; background: #fff; }
.content { width: 100%; float: left; margin: 0px 10px 0px 10px; }
#map { width: 100%; float: left; }
#map_canvas { height: 380px; width: 100%; margin-bottom: 20px; float: left; }
#map_canvas_bt { height: 200px; width: 100%; float: left; }
#map_canvas_bt>iframe, #map_canvas>iframe { width: 100% !important; height: 100% !important; }
#map_canvas_chinhanh { height: 280px; width: 100%; float: left; margin-top: 0px; }
.dieukhoan { width: 50%; float: left; border: 1px solid #ccc; margin: 10px 0px 10px 0px; }
.dieukhoan h4 { padding: 5px 10px 5px 10px; background: #F2F2F2; text-transform: uppercase; color: #fff }
.thanh_bt { width: 100%; float: left; position: relative; }
.thanh_bt h4 { font-size: 30px; font-weight: 100; text-transform: capitalize; margin: 0px 0px 20px 0px; font-family: 'SVNCookies'; color: #8721a5; position: relative; padding: 0px 0px 5px 0px; text-transform: uppercase; position: relative; display: inline-block }
.thanh_bt h4:after { position: absolute; content: ''; right: -213px; top: 10px; z-index: 100; background: url('../images/after_bt.png') no-repeat; width: 193px; height: 29px; }
.khung_contact { width: 100%; float: left; }
.khung_trai { width: 49%; float: left; margin-left: 0px; padding: 10px; }
.khung_phai { width: 49%; float: right; padding: 0px; }
.thongtin_lh { width: 100%; float: left; padding: 0px 40px 20px 0px; }
.thongtin_lh h1 { font-size: 20px; text-transform: uppercase; color: #04608B }
.form_lh { width: 100%; float: right; padding: 10px; border: 1px solid #eee; margin-top: 50px; }
#form_contact input { padding: 5px; }
.form_lh { width: 100%; float: left; }
.form_lh fieldset { padding: 10px; margin: 20px 0px 0px 0px; }
.form_lh legend { padding: 0px 10px 0px 10px; font-style: italic; color: #023B70 }
.form_lh label { color: #555; font-weight: normal; }
.form_lh .form-control { background-color: #fff }
#captcha-code { color: #000 }
.form_lh p label { width: 120px; float: left; }
.form_lh p textarea { padding: 5px; width: 400px; margin-left: 5px; border: 1px solid #ccc; }
.form_lh p button { border: 0px; background: #303030; padding: 5px 20px 5px 20px; font-weight: bold; color: #fff; cursor: pointer; margin-left: 13px; }
.form_lh p button:hover { background: #036593 }
.form_van input { width: 100%; padding: 5px; }
.form_van button { position: absolute; z-index: 1000; top: 1px; right: 0px; color: #eee; padding: 5px; border: 0px; background: #E78D00 }
#form_contact input { padding: 5px; }
.dieukhoan { width: 49%; float: left; border: 1px solid #ccc; margin: 10px 0px 10px 0px; }
.dieukhoan h4 { padding: 5px 10px 5px 10px; background: #F2F2F2; text-transform: uppercase; color: #555 }
.xacnhan { width: 100%; float: right; }
.xacnhan h4 { padding: 8px 10px 8px 10px; background: #F2F2F2; text-transform: uppercase; color: #333; margin: 0px 10px 0px 0px; }
.xacnhan * { font-weight: 100; }
.phuongthuc h4 { padding: 8px 10px 8px 10px; background: #F2F2F2; text-transform: uppercase; color: #333; margin-bottom: 10px; }
.dongy { padding: 10px; width: 100%; float: left; font-weight: bold; }
.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: 0px 20px 0px 20px; }
.menu_hinhanh a:hover { color: #FBC729 }
.menu_mobile, .menu_hinhanh_m { display: none; font-size: 30px; color: #fff; float: right; margin: 5px 10px 0px 0px; 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 0px 0px 10px; }
.home_mobile a { color: #fff; }
.home_mobile a:hover { color: #FFFC00 }
.menu_trong { position: absolute; z-index: 100; display: none; background: #fff; border: 1px solid #eee; }
.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 0px 5px 0px; font-size: 12px; }
.download_box a { margin: auto; display: inline-block; padding: 3px 20px 3px 20px; background: #DE8801; color: #fff; }
.box_video { margin: 0px auto; padding: 5px; box-sizing: border-box; width: 230px; }
.box_video img { max-width: 100%; }
.box_video a h3 { text-align: left; margin: 5px 0px 0px 0px; width: 100%; float: left; font-size: 14px; color: #035F67; font-weight: bold; overflow: hidden; }
.box_video:hover a h3 { color: #d5aa16; }
.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: 70%; float: left; }
.box_vid iframe { height: 300px; }
.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; box-sizing: border-box; }
.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 { font-style: italic; color: #666; font-size: 12px; }

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

/*-----------------end tags-----------------------*/

/*-----------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: 0px; left: -45px; }
.fanpage:hover { right: 0px; }

/*-----------fanpage-right---------------*/
.face_right { position: fixed; top: 300px; right: -300px; z-index: 1000; width: 345px; float: left; transition: 0.5s; }
.face_right.active { right: 0px; }
.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 0px 0px; 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 0px 0px 0px; }
.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 0px 10px 20px; }
.nav_mobile li li a { padding: 5px 0px 5px 40px; background: url(../images/icon_gachgt.png) no-repeat 15px 10px; }
.tintuc_hot { width: 100%; float: left; }

/* 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; }

/*------------Toolbar mobile---------------*/
.toolbar { background: #08597F; display: none; width: 100%; padding: 1.8vw; bottom: 0px; border-top: 2px solid #e61820; position: fixed; z-index: 500; height: auto; left: 0px; }
.toolbar ul li { text-align: center; float: left; width: 25%; }
.toolbar ul li a { display: inline-block; width: 100%; }
.toolbar ul li a img { width: auto; height: 20px; }
.toolbar ul li a span { font-family: 'Roboto', sans-serif; font-weight: 400; color: #fff; display: none; font-size: 12px; }

/*-----------------Validate--------------------*/
.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 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: 0px; 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: 0px 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; }

/*-----------------Capcha--------------------*/
#captcha-wrap { border: solid #870500 1px; width: 270px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #870500; text-align: left; padding: 3px; margin-top: 3px; height: 126px; }
#captcha-wrap .captcha-box { -webkit-border-radius: 7px; background: #fff; -moz-border-radius: 7px; border-radius: 7px; text-align: center; border: solid #fff 1px; }
#captcha-wrap .text-box { -webkit-border-radius: 7px; background: #ffdc73; -moz-border-radius: 7px; width: 130px; height: 57px; float: left; margin: 4px; border-radius: 7px; text-align: center; border: solid #ffdc73 1px; }
#captcha-wrap .text-box input { width: 120px; height: 20px; }
#captcha-wrap .text-box label { color: #000000; font-family: helvetica, sans-serif; font-size: 12px; width: 150px; padding-top: 3px; padding-bottom: 3px; padding-left: 0px; }
#captcha-wrap .captcha-action { float: right; width: 117px; background: url(reCaptcha/logos.jpg) top right no-repeat; height: 44px; margin-top: 3px; }
#captcha-wrap  img#captcha-refresh { margin-top: 9px; margin-right: 6px; cursor: pointer; }