@import url('css/fonts.css');
@import url('css/normalize.css');
@import url('css/reset.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700,700i');
* { margin: 0px; padding: 0px; outline: none; font-family: 'OpenSansRegular', sans-serif; font-weight: unset; }
ul,
ol { list-style: unset; }
a { text-decoration: none; }
.mfix { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 100001 }
.mfix .logo-left { top: 0px; }
.mfix .logo-left img { background: #FFF; }

.mfix .banner{
  width: 80px;
}
h1.hidden { font-size: 0px; height: 0px; width: 0px; overflow: hidden; visibility: hidden; text-indent: -99999999px; }
.an_title { font-size: 0px; height: 0px; width: 0px; overflow: hidden; visibility: hidden; text-indent: -99999999px; padding: 0px !important; }
body { background: #FFF; overflow-x: hidden; font-size: 13px; }
#top { color: #FFF; font-weight: 500; text-align: center; width: 48px; padding: 5px 0px 10px; position: fixed; bottom: -45px; right: 24px; cursor: pointer; background-color: #000; border-radius: 10px; font-size: 20px; font-family: 'OpenSansRegular'; transition: all 0.6s; }
.top_ani { bottom: 54px !important; }
.h390 { height: 410px; }
#top:hover { background: #990004; background: -webkit-linear-gradient(top, #D60004 0%, #990004 100%); background: -moz-linear-gradient(top, #D60004 0%, #990004 100%); background: -ms-linear-gradient(top, #D60004 0%, #990004 100%); background: -o-linear-gradient(top, #D60004 0%, #990004 100%); }
.container { max-width: 1220px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 10px; }
#full-page { max-width: 100%; margin: 0 auto; }
h1,
h2,
h3,
h4,
h5,
h6 { padding: 0px; margin: 0px; }

/* Chung */
.title { position: relative; text-align: center; }
.title > a { position: absolute; right: 0px; top: 10px; color: #333; font-size: 14px; font-style: italic; font-family: 'OpenSansRegular'; }
.title h6 { font-size: 20px; font-family: 'RobotoBold'; color: #232f3e; line-height: 36px; }
.title h4 {font-size: 20px;font-family: 'OpenSansBold';color: #FFF;line-height: 33px;text-transform: uppercase;padding: 0px 20px 0px 20px;position: relative;z-index: 9999;display: inline-block;}
.title h4:after { width: 80px; right: -80px; height: 1px; position: absolute; content: ''; top: 55%; background: #333; }
.title h4:before { width: 80px; left: -80px; height: 1px; position: absolute; content: ''; top: 55%; background: #333; }
.title h5 {line-height: 30px;text-transform: uppercase;text-align: center;margin: 0px;padding: 0px;}
.title h5 a{
  color: #333;font-family: 'OpenSansBold'; font-size: 20px;
}

.title h1 { font-size: 30px; font-family: 'OpenSansBold'; color: #974B00; line-height: 36px; background: #ffffff; text-transform: uppercase; padding: 0px 10px 0px; }
.title h4 a { z-index: 1; color: #974b00; font-family: 'OpenSansBold'; }
.title h3 { font-size: 20px; font-family: 'RobotoBold'; color: #333; line-height: 35px; text-transform: uppercase; padding: 0px 10px 0px; }
.title p { font-size: 15px; font-family: 'OpenSansRegular'; color: #333; line-height: 24px; }
.brt-none { border-bottom: 0px; }

/* Top */
#top-page { width: 100%; background: #974B00; }
#top-page img { max-width: 100%; }
.banner-page { }
ul.top-page { width: 100%; display: flex; align-items: center; justify-content: space-between; }
ul.top-page li { padding: 10px 0px; }
ul.top-page li p { display: inline-block; margin-right: 50px; font-size: 13px; font-family: 'OpenSansRegular', sans-serif; font-weight: 500; line-height: 17px; color: #383838; }
ul.top-page li a { color: #383838; display: inline-block; margin-left: 40px; position: relative; float: left; }
ul.top-page li a:after { position: absolute; width: 1px; height: 100%; border-right: 1px dashed  #383838; content: ''; top: 0px; left: -20px; }
ul.top-page li a:first-child:after { display: none; }
ul.top-page li a:hover { color: #FF0000; }

/* Header */
#nav-bar { background: #974B00; }
.header-top { width: 100%; background: #FFF; }
.flex-topic { display: flex; align-items: center; justify-content: space-between; padding: 6px 0px; }
.slogan { width: 100%; overflow: hidden; }
.marquee { width: 100%; }
.head-page-bottom { position: relative; display: flex; justify-content: space-between; align-items: center; }
.headtop { padding: 0px; }
.headtop ul { display: flex; position: relative; justify-content: space-between; width: 100%; flex-wrap: wrap; }
.headtop ul li { font-size: 13px; font-family: 'OpenSansRegular'; line-height: 40px; }
.headtop ul li:nth-child(1) { width: 480px; float: left; color: #FFF; }
.headtop ul li:nth-child(2) { width: calc(100% - 580px); float: left; display: flex; justify-content: flex-end; }
.headtop ul li i { color: #FFF; font-size: 20px; margin-top: 10px; float: left; margin-right: 2px; }
.headtop ul li:nth-child(2) a { color: #FFF; display: inline-block; position: relative; margin-left: 20px; }
.headtop ul li:nth-child(2) a i.fa-shopping-bag { margin-right: 20px; }
.headtop ul li:nth-child(2) a span { position: absolute; left: 15px; bottom: 2px; background: #FF0000; color: #FFF; padding: 5px; min-width: 5px; font-size: 12px; height: 5px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.heademenu { position: relative; display: flex; justify-content: space-between; padding: 21px 0px; width: 100%; }
.heademenu img { max-width: 100%; }
.logo-left img,
.logo-right img {  /* float: left; */ }
.banner { width: 110px; text-align: center; float: left; display: flex; justify-content: space-between; padding: 10px 0px; transition: all 0.6s; }
.banner a { display: block; }
.logo-left { display: flex; align-items: center; width: 100%; transition: all 0.6s; }
.logo-left img { max-width: 100%; transition: all 0.6s; }
.search-mobile { float: right; height: 50px; width: 31px; display: flex; justify-content: center; align-items: center; margin-left: 20px; }
.search-mobile div.icon-s { display: flex; align-items: center; justify-content: center; height: 31px; width: 31px; background: #0e9d49; color: #FFF; }
.search { width: calc(100% - 400px); float: right; display: flex; justify-content: space-between; align-items: center; }
.search-top { width: 250px; float: left; height: 35px; position: relative; display: flex; justify-content: flex-end; }
.search-top a { display: block; line-height: 36px; padding: 0px 20px; background: #068c4e; color: #FFF; }
.hotrotructuyen { font-weight: 300; font-family: 'OpenSansRegular'; font-size: 13px; line-height: 20px; }
.hotro_item { float: left; padding-left: 35px; line-height: 32px; font-size: 13px; margin-bottom: 5px; margin-left: 20px; }
.hotro_item.phone { background: url('images/icon-hotline.png') no-repeat left center; }
.hotro_item.email { background: url('images/icon-email.png') no-repeat left center; }
.hotro_item a { color: #FFF; }
.search-bottom { width: 500px; float: left; background: #FFF; position: relative; margin-top: 0px; }
.select-search { width: 145px; background: #e7e7e7; border: none; height: 50px; box-sizing: border-box; padding: 0px 10px; font-family: 'OpenSansRegular'; color: #666; float: left; }
.text-search { width: calc(100% - 35px); }
.button-search { width: 36px; height: 36px; background: #068c4e; display: flex; align-items: center; justify-content: center; color: #FFF; cursor: pointer; position: absolute; bottom: 0px; right: 0px; }
.click-search { width: 42px; height: 78px; background: transparent; display: flex; align-items: center; justify-content: center; color: #333; cursor: pointer; position: absolute; top: 0px; right: 0px; }
.click-search.active i { font-size: 30px; }
#frm-search { width: 100%; float: left; box-sizing: border-box; border: 1px solid #CCC; border-radius: 0px; }
#frm-search select { background: transparent; border: none; height: 35px; outline: none; padding: 0px 10px; font-family: 'OpenSansRegular'; font-weight: 300; font-size: 13px; color: #333; float: left; box-sizing: border-box; width: 120px; }
.input-control { width: calc(100% - 120px); background: transparent; border: none; height: 35px; outline: none; padding: 0px 10px; font-family: 'OpenSansRegular'; font-weight: 300; font-size: 13px; color: #333; float: left; box-sizing: border-box; }
#cart { position: fixed; top: 40%; right: 0px; width: 40px; height: 40px; background: #444; cursor: pointer; color: #FFF; display: flex; justify-content: center; align-items: center; }
#cart i { color: #FFF; font-size: 30px; }
#cart span { position: absolute; top: -8px; left: -8px; display: inline-block; padding: 3px; background: #FF0000; color: #FFF; }
.input-control::-webkit-input-placeholder { font-size: 13px; color: #333; font-family: 'OpenSansRegular' }
.input-control:-moz-placeholder { font-size: 13px; color: #333; font-family: 'OpenSansRegular' }
.input-control::-moz-placeholder { font-size: 13px; color: #333; font-family: 'OpenSansRegular' }
.input-control:-ms-input-placeholder { font-size: 13px; color: #333; font-family: 'OpenSansRegular' }
.cart-hotline { width: 255px; }
.cart-hotline .cart { width: 60px; font-size: 30px; color: #FFF; height: 42px; display: flex; align-items: center; }
.cart-hotline .cart span { position: absolute; top: -5px; left: 15px; color: #FFF; background: #068c4e; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 13px; font-family: 'RobotoBold'; border-radius: 50%; }
.hotline { width: 250px; }
.hotline-flex { padding: 32px 0px; }
.hotline-flex p { font-size: 17px; font-family: 'RobotoBold'; color: #FFF; display: block; text-align: right; margin-bottom: 6px; position: relative; }
.hotline-flex p:last-child { font-size: 24px; margin-bottom: 0px; }
.hotline-flex > p > span:nth-child(1) { position: relative; display: inline-block; padding-right: 20px; cursor: pointer; }
.hotline-flex > p > span:nth-child(2) { position: absolute; top: 100%; right: 0px; font-size: 20px; margin-top: 5px; background: #FFF; font-family: 'OpenSansRegular'; z-index: 1; display: none; color: #FF0000; width: 240px; padding: 10px; box-shadow: 0px 0px 2px #777; }
.hotline span i { font-size: 30px; padding-top: 2px; position: absolute; right: -10px; top: -5px; }
.menu-mobile { width: 40px; height: 40px; float: right; background: #FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8px 5px; overflow: hidden; display: none; margin-top: 20px; }
.menu-mobile span { width: 100%; margin-bottom: 7px; height: 3px; float: left; background: #413C38; }
.top-mobile { display: none; }
.cart-menu { height: 50px; line-height: 50px; position: absolute; right: 0px; display: none; }
.cart-menu a { color: #FFF; font-family: 'OpenSansRegular'; font-size: 14px; background: #fd7e14; padding: 5px 10px; }
.menu-but {height: 50px;line-height: 50px;right: 0px;display: none;padding-left: 35px;top: 0px;}
.menu-but a {color: #333;font-family: 'RobotoBold';font-size: 18px;text-transform: uppercase;}
.left-0 { left: 0px !important; }
.cart-hotline1 { width: 255px; }
.cart-hotline1 .cart { width: 65px; font-size: 30px; color: #FFF; height: 42px; display: flex; align-items: center; }
.cart-hotline1 .cart span { position: absolute; top: -5px; left: 15px; color: #FFF; background: #068c4e; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 13px; font-family: 'RobotoBold'; border-radius: 50%; }
.cart-hotline1 .hotline { width: calc(100% - 65px); }
.cart-hotline1 .hotline span { font-size: 13px; font-family: 'RobotoBold'; color: #FFFFFF; display: block; padding: 1px 0px; }
.cart-hotline1 .hotline span:last-child { font-size: 20px; color: #FF9900; }

/* Menu */
.menu-bound { width: 270px; height: 40px; position: relative; }
.menu-bound:hover .left-top { display: block !important; }
.left-top { top: 40px; left: 0px; width: 100%; background: #FFF; z-index: 99; }
.navigator-category-text { background: #378FCC; color: #fff; text-transform: uppercase; font-weight: 900; cursor: pointer; padding-left: 48px; padding-top: 10px; position: relative; height: 30px; z-index: 9999999; font-size: 20px; border-radius: 4px 4px 0 0; font-family: 'RobotoBold'; }
.navigator-category-text:before { content: ""; border: transparent; border-top-color: #378FCC; border-style: solid; border-width: 10px 135px 0; position: absolute; left: 0; bottom: -10px; height: 0; width: 0; }
.expand-alias { position: absolute; top: 9px; left: 10px; z-index: 2; width: 31px; height: 31px; }
.expand-alias span { background-color: #fafafa; font-size: 0; width: 16px; height: 3px; position: absolute; top: 14px; left: 6px; border-radius: 2px; }
.expand-alias span:before { transform: translateY(-6px); width: 22px !important; }
.expand-alias span:after { transform: translateY(6px); width: 12px !important; }
.expand-alias span:after,
.expand-alias span:before { content: ""; background-color: #fafafa; position: absolute; left: 0; width: 100%; height: 100%; transition: all .4s ease; border-radius: 2px; }
.menu-top { width: 100%; background: transparent; }
.menu-top ul.menu { width: 100%; }
.menu-top ul.menu:nth-child(1) { width: calc(50% - 103px); float: left; }
.menu-top ul.menu:nth-child(2) { width: calc(50% - 103px); float: right; }
.menu-top ul.menu > li { display: inline-block; }
.menu-top ul.menu:nth-child(1) > li { margin-right: 32px; }
.menu-top ul.menu:nth-child(2) > li:first-child { margin-left: 0px; }
.menu-top ul.menu:nth-child(2) > li { margin-left: 30px; }
.menu-top ul.menu:nth-child(2) > li:last-child { margin-right: 50px; }
.menu-top ul.menu > li { position: relative; flex-grow: 1; text-align: center; transition: all 0.6s; }
.menu-top ul.menu > li > a { color: #333; font-size: 14px; font-weight: 500; display: inline-block; padding: 10px 0px 10px; text-transform: uppercase; font-family: 'OpenSansRegular'; }
.menu-top ul.menu > li:hover,
.menu-top ul.menu > li a.active { color: #0F9D49; }
.menu-top ul.menu > li:hover > a { color: #0F9D49; }
.menu-top ul.menu > li:hover > ul { visibility: visible; opacity: 1; margin-top: 0; }
.menu-top ul.menu > li > ul > li:hover > ul { visibility: visible; opacity: 1; margin-top: 0; }
.menu-top ul.menu > li > ul { position: absolute; top: 100%; left: -1px; background: #0F9D49; text-align: left; white-space: nowrap; min-width: 260px; visibility: hidden; opacity: 0; margin-top: 20px; -webkit-transition: all, 0.3s; transition: all, 0.3s; z-index: 9999; padding: 10px 0px; }
.menu-top ul.menu > li > ul li { position: relative; display: block; width: 100%; float: left; padding: 6px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.menu-top ul.menu > li > ul > li a { color: #FFF; font-size: 14px; font-weight: 500; display: block; font-family: 'OpenSansRegular' }
.menu-top ul.menu > li > ul > li > ul { position: absolute; top: 0%; left: 100%; min-width: 250px; text-align: left; z-index: 10001; background: #524e50; padding: 10px 0px; visibility: hidden; opacity: 0; margin-top: 20px; -webkit-transition: all, 0.3s; transition: all, 0.3s; }
.menu-top ul.menu > li > ul > li > a:hover,
.menu-top ul.menu > li > ul > li > a.active { color: #FF0; }
.menu-top ul.menu > li > ul > li > ul > li > a:hover,
.menu-top ul.menu > li > ul > li > ul > li > a.active { color: #FF0; }
.menu-hx { display: flex; width: 100%; float: left; justify-content: space-between; }
.banner-logo { width: 206px; float: left; margin-right: 50px; }
.menu-lx { width: 100%; float: right; box-sizing: border-box; }
.menu-top1 { width: calc(100% - 180px); position: relative; z-index: 9; }
.menu-top1 ul.menu { width: 100%; display: flex; justify-content: space-between; }
.menu-top1 ul.menu > li { display: inline-block; }
.menu-top1 ul.menu > li { position: relative; text-align: center; transition: all 0.6s; }
.menu-top1 ul.menu > li > a { color: #333; font-size: 15px; font-weight: 300; display: inline-block; padding: 15px 10px; font-family: 'OpenSansBold', Helvetica, sans-serif; position: relative; text-transform: uppercase; }
.menu-top1 ul.menu > li:hover,
.menu-top1 ul.menu > li a.active { color: #974B00; }
.menu-top1 ul.menu > li:hover > a { color: #974B00; }
.menu-top1 ul.menu > li:hover > ul { visibility: visible; opacity: 1; margin-top: 0; }
.menu-top1 ul.menu > li > ul > li:hover > ul { visibility: visible; opacity: 1; margin-top: 0; }
.menu-top1 ul.menu > li > ul { position: absolute; top: 100%; left: -1px; background: #FFF; text-align: left; white-space: nowrap; min-width: 260px; visibility: hidden; opacity: 0; margin-top: 20px; -webkit-transition: all, 0.3s; transition: all, 0.3s; z-index: 9999; padding: 0px; box-sizing: border-box; border: 1px solid #e4e4e4; }
.menu-top1 ul.menu > li > ul li { position: relative; display: block; width: 100%; float: left; padding: 10px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.menu-top1 ul.menu > li > ul > li a { color: #333; font-size: 15px; font-family: 'OpenSansRegular'; display: block; font-weight: 600; }
.menu-top1 ul.menu > li > ul > li > ul { position: absolute; top: -1px; left: 100%; min-width: 250px; text-align: left; z-index: 10001; background: #FFF; visibility: hidden; opacity: 0; margin-top: 20px; -webkit-transition: all, 0.3s; transition: all, 0.3s; box-sizing: border-box; border: 1px solid #e4e4e4; }
.menu-top1 ul.menu > li > ul > li:hover > a,
.menu-top1 ul.menu > li > ul > li.active > a { color: #FFF; }
.menu-top1 ul.menu > li > ul > li > ul > li:hover > a,
.menu-top1 ul.menu > li > ul > li > ul > li.active > a { color: #FFF; }
.menu-top1 ul.menu > li > ul > li:hover { background: #974B00; }
.menu-top1 ul.menu > li > ul > li > ul > li:hover { background: #974B00; }


.menu-top1 ul.menu > li > ul.menu2{
	min-width: 620px;
	right: 0px;
	left: auto;
}
.menu-top1 ul.menu > li > ul.menu2 > li{
	width: 50%;
	float: left;
}

.menu-top1 ul.menu > li > ul.menu3{
	min-width: 620px;
	left: 0px;
	right: auto;
}
.menu-top1 ul.menu > li > ul.menu3 > li{
	width: 50%;
	float: left;
}

.menu-top1 ul.menu > li > ul.right{
	right: 0px;
	left: auto;
}

/* Slider */
#slider-top { width: 100%; }
#service { width: 100%; position: relative; background: #FFF; }
#service:after { background: #84DCFF !important; width: 100% !important; height: 50% !important; content: '' !important; position: absolute !important; bottom: 0px !important; left: 0px !important; }
.service { width: 100%; display: flex; justify-content: space-between; }
.service-item { flex-grow: 1; box-sizing: border-box; padding: 40px 20px; position: relative; top: 0px; transition: all 0.6s; z-index: 9; }
.service-item:after { content: ''; width: 100%; height: 5px; bottom: 0px; left: 0px; background: #D90; position: absolute; transform: scale(0); transition: all 0.6s; }
.service-item:hover:after { transform: scale(1); }
.service-item:hover { background: #FFF; top: -60px; }
.service-item-img { width: 100%; text-align: center; }
.service-item-title { width: 100%; text-align: center; padding: 10px 0px; font-family: 'OpenSansBold'; font-size: 16px; color: #333; font-weight: 300; }
.box-slider { display: flex; justify-content: space-between; }
.slider-left { width: 230px; background: #3E414F; display: flex; }
.slider-left ul,
.slider-left ul ul { list-style: none; }
.slider-left > ul { width: 100%; position: relative; padding: 5px 0px; }
.slider-left > ul > li { width: 100%; }
.slider-left > ul > li > a { display: block; padding: 9px 10px; color: #FFF; font-size: 14px; position: relative; }
.slider-left > ul > li > a > span { float: right; font-size: 19px; }
.slider-left > ul > li > a:hover { background: #974B00 }
.slider-left > ul > li > ul { width: 100%; top: 0px; left: 100%; background: #FFF; position: absolute; z-index: 1; height: 100%; box-shadow: 0px 2px 5px #ababab; display: none; }
.slider-left > ul > li > ul.w200 { width: 200%; }
.slider-left > ul > li > ul.w200 > li { width: 50%; float: left; }
.slider-left > ul > li:hover > ul { display: block; }
.slider-left > ul > li > ul > li { width: 100%; }
.slider-left > ul > li > ul > li > a { display: block; padding: 9px 10px; color: #333; font-size: 14px; }
.slider-left > ul > li > ul > li > a:hover { color: #974B00 }
.slider-right { width: calc(100% - 230px); }
#adv { width: 100%; padding: 30px 0px; background: #F4f4f4; margin: 30px 0px; }
.adv-box { display: flex; justify-content: space-between; width: calc(100% + 20px); margin: 0px -10px; }
.adv-box .img { width: calc(100% / 3); box-sizing: border-box; margin: 0px 10px; }
.adv-box .img a img { max-width: 100%; box-shadow: 0px 0px 10px #d2d2d2; }
#branch { width: 100%; margin-top: 10px; }
.branch-box { display: flex; justify-content: space-between; }
.branch-box-l { width: calc(100% - 5px - 100% / 4); box-sizing: border-box; }
.branch-box-r { width: calc(100% / 4 - 5px); box-sizing: border-box; }
.branch-box-adv { width: 100%; float: left; background: #FFF; overflow: hidden; border-radius: 5px; }
.branch-box-adv .head { width: 100%; float: left; margin-bottom: 5px; background: #2c99d9; padding: 8px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top-right-radius: 5px; border-top-left-radius: 5px; }
.branch-box-adv .head a { color: #FFF; font-family: 'OpenSansRegular'; text-transform: uppercase; font-size: 17px; }
.branch-box-adv-content { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 12px; float: left; }
.branch-box-adv-content .img { width: 100%; margin-bottom: 10px; text-align: center; }
.branch-box-adv-content .img:last-child { margin-bottom: 0px; }
.branch-box-adv-content .img img { max-width: 100%; }
.adv-w { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 100%; }
.adv-w img { max-width: 100%; }
.left-menu { width: 100%; }
.left-menu > li { width: 100%; float: left; padding: 13px 10px 12px; border-bottom: 1px solid #cacaca; box-sizing: border-box; }
.left-menu > li > h2 { display: block; line-height: 24px; }
.left-menu > li > h2 img { float: left; margin-right: 5px; }
.left-menu > li > h2 a { color: #5f5d5d; display: block; font-size: 14px; }
.left-menu > li > h2 a i { float: right; margin-top: 6px; }
.left-menu > li > h2:hover a { color: #068c4e; }
.left-menu > li:last-child { background: #0b2862; border-bottom: 1px solid #0b2862; }
.left-menu > li:last-child > h2 a { color: #FFF; }
.left-menu > li:hover .sub-menu-left { display: block; }
.sub-menu-left { position: absolute; top: 0px; left: 100%; width: 918px; background: #FFF; height: 100%; z-index: 9; display: none; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.box-menu { width: calc(100% + 20px); margin: 0px -10px; }
.box-menu .item { width: 25%; }
.box-menu .item h4 { display: block; line-height: 19px; border-bottom: 1px solid #cacaca; }
.box-menu .item h4 a { color: #060606; font-size: 14px; }
.box-menu .item p { display: block; line-height: 25px; padding: 3px 0px; }
.box-menu .item p a { color: #5f5d5d; display: block; font-size: 14px; }
.box-menu .item a:hover { color: #068c4e; }
.box-menu-list { width: calc(100% + 20px); margin: 0px -10px; }
.box-menu-list h4 { display: block; line-height: 19px; border-bottom: 1px solid #cacaca; text-transform: uppercase; }
.box-menu-list h4 a { color: #060606; font-size: 14px; }
.box-menu-list p { display: block; line-height: 25px; padding: 3px 0px; }
.box-menu-list p a { color: #5f5d5d; display: block; font-size: 14px; }
.box-menu-list a:hover { color: #068c4e; }

/* About us */
.box-gioithieu { width: 100%; margin: 0 auto; }
.tieude-gioithieu { text-align: center; padding-bottom: 30px; position: relative; }
.tieude-gioithieu:after { width: 100%; height: 20px; background: url('images/intro-bg1.jpg') repeat-x top center; content: ''; position: absolute; bottom: 0px; left: 0px; }
.tieude-gioithieu h4 { font-size: 30px; font-weight: bold; text-transform: uppercase; color: #974B00; display: inline-block; position: relative; padding: 0px 20px; line-height: 30px; }
.tieude-gioithieu h4:after { width: 20px; right: -20px; height: 2px; position: absolute; content: ''; top: 90%; background: #333; }
.tieude-gioithieu h4:before { width: 20px; left: -20px; height: 2px; position: absolute; content: ''; top: 90%; background: #333; }
.tieude-gioithieu h4 a { color: #974B00; font-family: 'OpenSansBold'; }
.gioithieu-left { width: calc(100% - 572px); float: left; display: flex; align-items: center; }
.box-gioithieu h3.tieude { text-align: center; text-transform: uppercase; padding-bottom: 10px; }
.box-gioithieu h3.tieude a { font-size: 36px; color: #333333; font-family: 'OpenSansRegular'; }
.box-gioithieu div { font-size: 14px; color: #474647; line-height: 24px; text-align: center; font-family: 'OpenSansRegular'; }
.box-gioithieu p a { font-size: 14px; color: #474647; text-transform: uppercase; line-height: 24px; font-family: 'OpenSansRegular'; padding: 10px 30px 10px; border: 1px solid #333333; border-radius: 30px; }
.gioithieu-right { width: 542px; float: right; }
.gioithieu-right img { max-width: 100%; }
.box-slide-new { width: calc(100% + 20px); float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0px -10px; display: flex; justify-content: space-between; }
p.xemthem { text-align: center; }
p.xemthem a { font-size: 14px; color: #474647; line-height: 24px; font-family: 'OpenSansRegular'; padding: 6px 40px 8px; border: 1px solid #0c9c49; border-radius: 30px; }
.box-slide-new-item { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; float: left; width: calc(100% / 3);  /* margin-bottom: 8px; */ margin: 0px 10px; background: #FFF; transition: all 0.6s; }
.box-hover-slide { width: 100%; float: left; box-sizing: border-box; transition: all 0.6s; display: flex; justify-content: space-between; }
.box-slide-new-item:hover { background: #974B00; -webkit-transform: translate3D(-0px, -3px, 0); transform: translate3D(-0px, -3px, 0); box-shadow: 0px 0px 10px #999; }
.box-slide-new-item div.img { width: 160px; float: left; align-items: stretch; position: relative; }
.box-slide-new-item div.desc { width: calc(100% - 170px); float: right; box-sizing: border-box; position: relative; }
.addcart-in { position: absolute; bottom: 0px; left: 0px; color: #FFF; font-size: 13px; background: #b0b0b1; padding: 5px 10px; cursor: pointer; }
.box-hover-slide:hover .addcart-in { background: #ec202c; }
.box-slide-new-item div.desc h5 a { font-size: 15px; font-family: 'OpenSansBold', sans-serif; color: #ec202b; transition: all 0.6s; text-align: left; }
.box-slide-new-item div.desc h5 { padding-bottom: 8px; }
.box-slide-new-item div.desc p { color: #333; font-family: 'OpenSansRegular', sans-serif; font-size: 13px; line-height: 18px; }
.box-slide-new-item div.desc p .price { color: #ec202b; }
.box-slide-new-item div.desc p .price-old { color: #656464; }
.box-slide-new-item:hover div.desc a { color: #FF0; }
.box-slide-new-item:hover div.desc p { color: #FFF; }
.box-slide-new-item div.img img { max-width: 100%; display: block; }
#gallery { background: #FFF; }
.box-gallery { width: calc(100% + 20px); margin: 0px -10px; float: left; display: flex; flex-flow: wrap; }
.box-gallery-item1 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 10px 10px 0px; float: left; }
.box-gallery-item1 .img { width: 100%; float: left; overflow: hidden; position: relative; z-index: 2; }
.box-gallery-item1 .img img { float: left; max-width: 100%; transition: all 0.6s; }
.box-gallery-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: calc(100% / 3); padding: 10px; float: left; }
.box-gallery-item .img { width: 100%; float: left; overflow: hidden; position: relative; z-index: 2; }
.box-gallery-item .img img { float: left; max-width: 100%; transition: all 0.6s; }
.box-gallery-item .desc { width: 100%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px; background: #FFFFFF; position: relative; z-index: 4; top: -2px; }
.box-gallery-item .desc a { font-size: 16px; font-family: 'OpenSansRegular'; color: #333; font-weight: 400; transition: all 0.6s; line-height: 24px; }
.box-gallery-item:hover div.img img { transform: translateX(5px) rotate(5deg) translateY(5px) scale(1.2); }
.box-gallery-item:hover div.desc a { color: #068c4e; }

/* Propduct */
.show-product { width: calc(100% + 20px); margin: 0px -10px; float: left; display: flex; flex-wrap: wrap; }
.hover-product { border: 1px solid #FFF; }
.hover-product:hover { border: 1px solid #CCC; box-shadow: 0px 0px 2px #CCC; }
.product-slide.cl-3 { width: calc(100% / 3); }
.product-slide.cl-4 { width: calc(100% / 4); }
.product-slide { padding: 0px 10px 0px; }
.product-img { position: relative; }
.product-img img { max-width: 100%; float: left; }
.product-slide:hover .product-desc { opacity: 1; transform: scale(1); }
.product-desc { cursor: pointer; justify-content: center; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background: rgba(0, 0, 0, 0.6); -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; opacity: 0; transform: scale(0.5); transition: all 0.6s; display: flex; align-items: center; }
.product-desc p { font-family: 'OpenSansRegular', sans-serif; font-size: 20px; line-height: 22px; font-weight: 400; color: #FFF; }
.product-title h4 { text-align: center; line-height: 18px; font-weight: 500; margin-bottom: 8px; }
.product-title h4 a { font-family: 'OpenSansBold'; font-size: 14px; color: #333; }
.product:hover a { color: #068c4e; }
.product-title p { font-family: 'OpenSansRegular', sans-serif; font-size: 14px; line-height: 18px; font-weight: 400; text-align: center; margin-bottom: 8px; }
.product-title p span.addcart { display: inline-block; padding: 3px 10px; background: #974B00; color: #FFF; cursor: pointer; font-size: 12px; }
.product-title p .price { font-family: 'OpenSansBold', sans-serif; font-size: 15px; color: #D90000; display: inline-block; padding: 0px 5px; }
.product-title p .price-old { font-size: 14px; color: #656464; display: inline-block; padding: 0px 5px; }
.readmore { display: inline-block; padding: 7px 10px; color: #232f3e; border: 1px solid #232f3e; font-family: 'OpenSansRegular'; font-size: 15px; font-weight: 400; }
.giasoc-icon { width: 46px; height: 31px; background: url('images/giagiam.png') no-repeat top center; position: absolute; top: 0px; right: 0px; display: flex; align-items: center; justify-content: center; color: #FFF }

/*Trang trong */
#block-template { }

/* Gia soc */
#tintuc { background: #FFF; margin-top: 8px; padding: 20px 0px; }
.box-content { float: left; display: flex; justify-content: space-between; }
.box-c-item { width: 49%; box-sizing: border-box; }
.tintuc-left { width: calc(43% - 5px); float: left; }
.tintuc-right { width: calc(57% - 5px); float: right; }
.box-tintuc { width: calc(100% + 20px); margin: 0px -10px; float: left; display: flex; flex-flow: wrap; box-sizing: border-box; }
.box-tintuc .slick-prev,
.box-tintuc .slick-next { top: -10% !important; }
.box-tintuc .slick-prev { right: 50px; }
.box-tintuc .slick-next { right: 10px; }

#duan-don {
  background: #f5f5f5;
  padding: 30px 0px;
}
#projec-bg {
  background: #f5f5f5;
  padding: 30px 0px;
}
.title-projec{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	text-align: center;
}
.title-projec{
	font-size: 14px;
}
.box-don-item {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
}
.box-don-item div.img {
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px #CCC;
  background: #FFF;
  padding: 5px;
  transition: all 0.6s;
  cursor: pointer;
}
.slick-current .box-don-item div.img{
  background: #964e22;
}
.box-don-item div.img img { max-width: 100%; display: block; }

.box-slideshow{
  flex-wrap: wrap;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 20px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.left-slideshow{
  box-shadow: 0px 0px 10px #CCC;
  background: #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 10px 10px;
  width: 40%;
}
.box-blog{
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 30px;
  margin-top: 10px;
  position: relative;
  line-height: 22px;
  font-size: 14px;
  text-align: center;
}
.box-blog span.before{
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 40px;
  color: #333;
}
.box-blog span.after{
  position: absolute;
  bottom: 0px;
  right: 0px;
  font-size: 40px;
  color: #333;
}
.box-blog-img{
  display: flex;
  justify-content: center;
  align-items: center;
}
.box-blog-img .img-l{
  width: 95px;
  height: 95px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}
.box-blog-img .desc-l{
  
}
.box-blog-img .desc-l h3{
  font-size: 15px;
  text-transform: uppercase;
   font-family: 'OpenSansBold', sans-serif;
}
.box-blog-img .desc-l p { 
  color: #333; 
  font-family: 'OpenSansRegular', sans-serif; 
  font-size: 13px; 
  line-height: 20px;
}
.box-blog-img .desc-l p a{
	color: #333; 
}
.right-slideshow{
  width: 55%;
}
.right-slideshow img{
  max-width: 100%;
}


.nav-gallery{
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.nav-gallery li{
  display: inline-block;
  padding: 8px 20px;
  border-radius: 0;
  font-size: 14px;
  color: #333;
  border: 1px solid #e6e6e6;
  margin: 0px 2px;
  cursor: pointer;
  transition: all 0.6s;
  font-weight: bold;
  font-family: 'OpenSansBold', sans-serif;
  text-transform: uppercase;
  background: #FFF;
      margin-bottom: 4px;
}
.nav-gallery li.filtr-active,.nav-gallery li:hover{
  background: #974b00;
  color: #FFF;
  border: 1px solid #974b00;
}
.show-filtr{
  width: calc(100% + 40px);
  margin: 0px -20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.filtr-item{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 5px;
  width: calc(100% / 4);

}
.filtr-item .img-box{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #964e22;
  width: 100%;
  box-shadow: 0px 0px 10px #CCC;
  position: relative;
  overflow: hidden;
  transition:  all 0.6s;
}
.filtr-item:hover .img-box{
  opacity: 0.9;
}
.filtr-item .img-box img{
  max-width: 100%;
  float: left;
}

.filtr-item .img-box .item-desc {
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    bottom: -60px;
    z-index: 4;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: flex;
    justify-content: center;
}
.filtr-item .img-box .item-desc a {
    width: 40%;
    display: block;
    float: left;
    line-height: 40px;
    color: #ffffff;
    border: 2px solid #d26c07;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin: 0px 5px;
    font-size: 15px;
    text-transform: uppercase;
}
.filtr-item:hover .img-box .item-desc {
    bottom: 100px;
}
.filtr-item:hover .img-box .item-desc a{
  background: rgba(0, 0, 0, 0.8);
}

.projec-img {
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
}
.projec-img img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 8px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
    -webkit-transition: all ease-in-out 5s;
    -moz-transition: all ease-in-out 5s;
    -o-transition: all ease-in-out 5s;
    transition: all ease-in-out 5s;
    position: absolute;
    left: 0;
    top: 0;
}
.projec-img:hover img {
    top: 100%;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
}

.visao{
  list-style: none;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.visao li{
  width: calc(100% / 4 - 20px);
}
.visao li .img{
  display: block;
  margin-bottom: 20px;
  text-align: center;
}
.visao li .img img{
  max-width: 100%;
}
.visao li .tit{
  display: block;
  text-align: center;
}
.visao li .tit h2{
  font-size: 16px;
  text-align: center;
  color: #333;
  text-transform: uppercase;
  font-family: 'OpenSansBold';
  line-height: 30px;
}
.visao li .tit p{
  font-size: 14px;
  text-align: center;
  color: #333;
  line-height: 24px;
  font-family: 'OpenSansRegular';
}

.box-tintuc-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 10px; float: left; }
.box-tintuc-item { width: 100%; position: relative; transition: all 0.6s; }
.box-tintuc-b { width: 100%; transition: all 0.6s; float: left; box-sizing: border-box; }
.box-tintuc-item div.img { width: 100%; float: left; align-items: stretch; overflow: hidden; position: relative; }
.box-tintuc-item div.desc { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; float: right; padding: 0px 10px 10px; }
.box-tintuc-item div.desc h5 { }
.box-tintuc-item div.desc a { font-size: 14px; font-family: 'OpenSansBold', sans-serif; color: #333; line-height: 21px; font-weight: 300; }
.box-tintuc-item div.desc p { font-size: 13px; font-family: 'OpenSansRegular', sans-serif; color: #333; line-height: 20px; font-weight: 300; margin-top: 5px; }
.box-tintuc-item div.img img { max-width: 100%; float: left; transition: all 0.6s; }
.box-tintuc-item:hover div.img img { transform: translateX(5px) rotate(5deg) translateY(5px) scale(1.3); }
.box-tintuc-item:hover div.desc a { color: #068c4e; }

/* Doi tac */
#doitac { background: #f5f5f5; }
.box-doitac { width: 100%; float: left; }
.box-doitac-item { width: 100%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 0px; text-align: center; }
.box-doitac-item img { max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #CCC; }

/* San pham */
#sanphamall { }
.product-left { width: 321px; box-sizing: border-box; border: 1px solid #eee; margin-left: -1px; margin-bottom: -1px; }
.product-slide { position: relative; z-index: 1; margin-bottom: 20px; }
.product:hover .addcart-in1 { background: #ec202c; }
.addcart-in1 { position: absolute; bottom: 0px; right: 0px; color: #FFF; font-size: 13px; background: #b0b0b1; padding: 5px 10px; cursor: pointer; }
.product-right { width: 100%; }
.product-hover { transition: all .2s ease; }
.product-hover:hover { }
.border-1 { }

/* detail-product */
.detail-left { width: 50%; }
.images_galley {max-width: 100%;margin: 0 auto;height: 600px;overflow: hidden;}
.images_galley img { max-width: 100%; }
.images_list { max-width: 450px; margin: 0 auto; margin-top: 20px; }
.item_img { padding: 0px 5px; }
.item_img img { max-width: 100%; border: 1px solid #CCC; }
.border-bottom-1 { border-bottom: 1px solid #ccc; }
.price-detail .price { font-size: 26px; color: #FF0000; }
.price-detail .price-old { color: #727272; font-size: 14px; }
.vat-detail { font-size: 14px; color: #c80000; line-height: 20px; }
.product-numb { }
.title-numb { font-family: 'OpenSansRegular'; font-size: 14px; font-weight: 400; }
.contain_number_giohang { display: inline-block; float: left; }
.minus_giohang { display: inline-block; float: left; width: 40px; height: 28px; border: 1px solid #cccccc; border-right: none; line-height: 28px; text-align: center; background: #ececec; color: #333; font-weight: 300; font-size: 20px; }
.plus_giohang { display: inline-block; float: left; width: 40px; height: 28px; border: 1px solid #cccccc; border-left: none; line-height: 28px; text-align: center; background: #ececec; font-size: 20px; color: #333; font-weight: 300; }
.number_giohang { display: inline-block; float: left; text-align: center; height: 28px; outline: none; line-height: 28px; width: 40px; font-size: 12px; color: #000; font-weight: normal; border-radius: 0px; -webkit-appearance: none; border: 1px solid #cccccc; border-left: 0px; border-right: 0px; }
.button-detail .detail-button-buy {border: 1px solid #974B00;background: #974B00;color: #fff;text-decoration: none;text-align: center;display: block;padding: 10px 20px;font-size: 18px;font-weight: 300;font-family: 'OpenSansRegular';cursor: pointer;margin-right: 10px;border-radius: 8px;}
.button-detail .detail-button-buy-cart {border: 1px solid #f57224;background: #f57224;color: #fff;text-decoration: none;text-align: center;display: block;padding: 10px 20px;font-size: 18px;font-weight: 300;font-family: 'OpenSansRegular';cursor: pointer;border-radius: 8px;}
.button-detail .detail-button-buy:hover{
  background: #FF0000;
  border: 1px solid #FF0000;
}
.button-detail .detail-button-buy-cart:hover{
  background: #FF0000;
  border: 1px solid #FF0000;
}

.detail-hotline { font-size: 18px; font-family: 'OpenSansRegular'; color: #3e3e3e; line-height: 26px; font-weight: 400; }
.detail-hotline span{
  font-family: 'OpenSansBold';
  color: #FF0000;
  font-size: 25px;
}
.detail-transport { font-size: 13px; font-family: 'OpenSansRegular'; color: #3e3e3e; line-height: 26px; font-weight: 400; }
.button-detail:hover .detail-button-buy-cart { color: #FFF; }


.detail-right { width: 48%; }
.border-1x { border: 1px solid #ccc; }
.jconfirm .jconfirm-box div.jconfirm-title-c { font-size: 18px !important; }
.line-cart { line-height: 20px; }
.title-detail p { color: #F90; }
.title-detail p i { margin: 0px 2px; }
.title-detail h1 { font-size: 30px; font-family: 'OpenSansRegular'; text-transform: capitalize; line-height: 40px; font-weight: 400; color: #974b00;}
.tabs-detail { width: 100%; float: left; margin-top: 10px; list-style: none; }
.tabs-detail li { float: left; cursor: pointer; text-align: center; box-sizing: border-box; margin-right: 5px; }
.tabs-detail li span { display: block; padding: 10px 20px; color: #333333; font-size: 15px; text-transform: uppercase; background: #e2e2e2; }
.tabs-detail li.active { background: #378FCC; }
.tabs-detail li.active span,
.tabs-detail li:hover span { color: #FFF; background: #974B00; }
.tabs-content { width: 100%; float: left; display: none; padding: 20px 0px; box-sizing: border-box; }
.tabs-content p { line-height: 25px; font-size: 14px; font-family: 'OpenSansRegular'; font-weight: 400; color: #3e3e3e; }
.tabs-content.active { display: block; }
.tabs-content img { max-width: 100%; }

/* Footer */
.footer-content { }
.box-list-footer { width: 100%; display: flex; float: left; justify-content: space-between; flex-wrap: wrap; }
.box-list-footer div.list-it:nth-child(1) { width: 400px; }
.box-list-footer div.list-it { width: 200px; }
.box-list-footer div.list-it:last-child { width: 400px; }
.box-list-footer div.list-it h3 { text-transform: uppercase; font-size: 18px; font-family: 'RobotoBold'; margin-bottom: 15px; margin-top: 15px; }
.box-list-footer div.list-it p a { font-size: 14px; font-family: 'OpenSansRegular'; margin-bottom: 5px; color: #333; display: inline-block; }
.box-footer { width: 100%; display: flex; justify-content: space-between; padding: 10px 0px 10px; }
.item-footer-top { width: 530px; }

.item-footer { width: calc(100% / 4 - 30px); }
.item-footer:nth-child(1){
  width: 180px;
}
.item-footer:nth-child(4){
  width: 320px;
}

#mapfooter iframe { width: 100%; height: 160px; }
.title-footer { margin-bottom: 10px; position: relative; }
.title-footer h6 { font-size: 18px; font-family: 'OpenSansBold'; color: #FFF; line-height: 30px; text-transform: uppercase; position: relative; }
.title-footer h6:after { position: absolute; content: ''; width: 50px; height: 1px; background: #FFF; bottom: 0px; left: 0px; }
.desc-footer h3 { font-size: 20px; font-family: 'OpenSansBold'; color: #FFF; line-height: 30px; padding: 3px 0px; font-weight: 400; }
.desc-footer p { font-size: 14px; font-family: 'OpenSansRegular'; color: #FFF; line-height: 24px; padding: 3px 0px; font-weight: 400; }
.desc-footer p.link a { color: #FFF; font-size: 13px; }
.desc-footer p.fx { font-size: 12px; }
.desc-footer p a { color: #989898; }
.desc-footer p a:hover { color: #068c4e; }
.row-footer .img { font-size: 25px; color: #068c4e; width: 30px; }
.row-footer .desc { width: calc(100% - 40px); }
.row-footer .desc p:nth-child(1) { color: #898989; padding-bottom: 5px; }
.row-footer .desc p:nth-child(2) { color: #5a5a5a; }

/* copy */
.copy { background: #974B00; padding: 10px 0px; margin-bottom: 55px; }
.content-copy { display: flex; justify-content: space-between; }
.copy-text { color: #FFF; line-height: 20px; font-size: 13px; }

/* breadcrumb */
ul#breadcrumb { padding: 0px 0px; list-style: none; }
ul#breadcrumb li { display: inline; font-size: 18px; }
ul#breadcrumb li+li:before { font-family: 'FontAwesome'; padding: 8px; color: black; font-size: 13px; content: "\f105"; }
ul#breadcrumb li a { color: #333; text-decoration: none; font-size: 13px; }
ul#breadcrumb li a:hover { color: #01447e; text-decoration: underline; }

/* detail */
.detail { line-height: 30px; }
.detail strong,
.detail b { font-family: 'OpenSansBold'; }
.detail img { max-width: 100% !important; height: auto !important; }
.socialmediaicons { display: flex; justify-content: space-between; }
.author { margin-bottom: 10px; }
.author p { font-size: 13px; font-weight: 400; font-style: italic; }
.author h1 {font-size: 20px;font-weight: 400;font-family: 'OpenSansBold';line-height: 30px;color: #974b00;}
.pre-next-article { border-top: 1px solid #CCC; }
.pre-next-article .col { }
p.title-row { font-size: 14px; font-weight: 400; color: #999; }
p.title-link { font-size: 18px; text-transform: uppercase; font-weight: 400; width: 80%; }
p.title-link a { color: #333; }

/* News */
.tintuc-desc { width: calc(100% + 30px); margin: 0px -15px; }
.tintuc-item {width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0px 15px;}
.tintuc-item.w-50 { width: 50%; }
.tintuc-item:last-child { margin-bottom: 0px; }
.tintuc-item .img {width: 300px;float: left;overflow: hidden;position: relative;z-index: 2;box-sizing: border-box;border: 1px solid #974b00;padding: 5px;}
.tintuc-item .img img { max-width: 100%; float: left; transition: all 0.6s; }
.tintuc-item .desc {width: calc(100% - 320px);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: right;min-height: 64px;position: relative;}
.tintuc-item .desc h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; }
.tintuc-item .desc h3 a {color: #333;font-size: 18px;line-height: 28px;font-family: 'OpenSansBold', sans-serif;transition: all 0.6s;font-weight: 500;}
.tintuc-item .desc p {color: #333;font-size: 14px;line-height: 22px;text-align: justify;font-family: 'OpenSansRegular', sans-serif;transition: all 0.6s;}
.tintuc-item .desc p a { color: #FF0000; font-style: italic; margin-top: 10px; display: inline-block; }
.tintuc-item:hover div.img img { transform: scale(1.2); }
.tintuc-item:hover div.desc a { color: #974b00; }
.search-desc { width: calc(100% + 30px); margin: 0px -15px; }
.search-item { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 15px; }
.search-item:last-child { margin-bottom: 0px; }
.search-item .img { width: 200px; float: left; overflow: hidden; position: relative; z-index: 2; }
.search-item .img img { max-width: 100%; float: left; transition: all 0.6s; }
.search-item .desc { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; border-bottom: 1px dashed #CCC; padding: 15px 0px; position: relative; }
.search-item .desc h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; }
.search-item .desc h3 a { color: #333; font-size: 16px; line-height: 28px; font-family: 'OpenSansBold', sans-serif; transition: all 0.6s; font-weight: 500; }
.search-item .desc p { color: #333; font-size: 14px; line-height: 22px; text-align: justify; font-family: 'OpenSansRegular', sans-serif; transition: all 0.6s; }
.search-item .desc p a { padding: 3px 10px; background: #0099FF; color: #FFF; font-size: 12px; }
.search-item:hover div.img img { transform: translateX(5px) rotate(5deg) translateY(5px) scale(1.2); }
.search-item:hover div.desc a { color: #068c4e; }
.dichvu-desc { width: calc(100% + 30px); margin: 0px -15px; display: flex; flex-wrap: wrap; }
.dichvu-item { width: calc(100% / 3); -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 15px; }
.dichvu-box { box-sizing: border-box; width: 100%; border: 1px solid #CCC; float: left; border-radius: 5px; }
.m-height { min-height: 56px; }
.dichvu-item .img { width: 100%; float: left; overflow: hidden; position: relative; z-index: 2; text-align: center; box-sizing: border-box; padding: 30px 20px; }
.dichvu-item .img img { max-width: 100%; transition: all 0.6s; }
.dichvu-item .desc { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; position: relative; padding: 0px 20px; }
.dichvu-item .desc h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dichvu-item .desc h4 { }
.dichvu-item .desc a { color: #333; font-size: 15px; line-height: 28px; font-family: 'OpenSansBold', sans-serif; transition: all 0.6s; font-weight: 500; }
.dichvu-item .desc p { color: #333; font-size: 14px; line-height: 22px; text-align: justify; font-family: 'OpenSansRegular', sans-serif; transition: all 0.6s; }
.dichvu-item:hover div.img img { transform: translateX(5px) rotate(5deg) translateY(5px) scale(1.2); }
.dichvu-item:hover div.desc a { color: #068c4e; }
.h-70 { height: 70px; }

/* Order */
.order-right { width: 33.4%; }
.order-left { width: 64.6%; }
.border-order { border: 1px solid #dddddd; }
.order-title { background: #f7f7f7; padding: 10px 10px; color: #333; font-family: 'RobotoBold'; }
.row-order { }
.img-order { width: 100px; }
.desc-order { width: calc(100% - 200px); }
.desc-order p:last-child { color: #FF0000; }
.price-order { width: 100px; }
.border-bottom-order { border-bottom: 1px solid #dddddd; }
.totai-row span.price-dh { font-size: 20px; color: #da0000; }
.order-form { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 40px; }
.row-order-form { }
.row-order-form label { width: 33%; line-height: 34px; }
.row-order-form .row-input { width: 64%; }
.text-order { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.text-order.has-error { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); }
.error-text { margin-top: 5px; line-height: 20px; }
.text-order.w-50 { width: 50% !important; }
.text-order.ds-inline-block { display: inline-block; }
.spn { line-height: 18px; }
.h-100 { height: 100px; }
.text-order::-webkit-input-placeholder { color: #999; font-family: 'OpenSansRegular'; font-weight: 400; font-size: 14px; }
.text-order:-moz-placeholder { color: #999; font-family: 'OpenSansRegular'; font-weight: 400; font-size: 14px; }
.text-order::-moz-placeholder { color: #999; font-family: 'OpenSansRegular'; font-weight: 400; font-size: 14px; }
.text-order:-ms-input-placeholder { color: #999; font-family: 'OpenSansRegular'; font-weight: 400; font-size: 14px; }
div.button { display: inline-block; padding: 10px 20px; cursor: pointer; border: none; color: #FFF; font-size: 15px; font-family: 'OpenSansRegular'; font-weight: 400; border-radius: 3px; }
div.button:hover { opacity: .85; }
.member-down { display: none; }
.checkout-radio-item { cursor: pointer; }
.checkout-radio .checkout-radio-item .checkout-radio-icon { float: left; color: #232f3e; margin-top: 0px; }
.checkout-radio .checkout-radio-item .checkout-radio-content { margin-left: 18px; color: #333; }

/* contact */
.contact-left.bgactive { background: #e9e9e9; }
#map_canvas { width: 100%; height: 500px; }
.form-dknt { width: 414px; }
.row-contact.w-49 { width: 49%; }
input.input { font-size: 10px; width: 100%; height: 40px; background: #FFF; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3px 20px; -webkit-transition: border-color ease-in-out .15s; -o-transition: border-color ease-in-out .15s; transition: border-color ease-in-out .15s; }
input.input.h { height: 30px !important; }
input.input.h::-webkit-input-placeholder { color: #333; font-family: 'OpenSansRegular'; font-weight: 300; font-size: 12px; }
input.input.h:-moz-placeholder { color: #333; font-family: 'OpenSansRegular'; font-weight: 300; font-size: 12px; }
input.input.h::-moz-placeholder { color: #333; font-family: 'OpenSansRegular'; font-weight: 300; font-size: 12px; }
input.input.h:-ms-input-placeholder { color: #333; font-family: 'OpenSansRegular'; font-weight: 300; font-size: 12px; }
textarea.noidung { width: 100%; height: 125px; background: #FFF; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 20px; -webkit-transition: border-color ease-in-out .15s; -o-transition: border-color ease-in-out .15s; transition: border-color ease-in-out .15s; }
textarea.noidung.h { height: 60px !important; }
textarea.noidung.h::-webkit-input-placeholder { color: #333; font-family: 'OpenSansRegular'; font-weight: 300; font-size: 12px; }
textarea.noidung.h:-moz-placeholder { color: #333; font-family: 'OpenSansRegular'; font-weight: 300; font-size: 12px; }
textarea.noidung.h::-moz-placeholder { color: #333; font-family: 'OpenSansRegular'; font-weight: 300; font-size: 12px; }
textarea.noidung.h:-ms-input-placeholder { color: #333; font-family: 'OpenSansRegular'; font-weight: 300; font-size: 12px; }
input.input.has-error,
textarea.noidung.has-error { border-color: #a94442; }
input.button.h { padding: 3px 10px !important; font-size: 13px !important; line-height: 20px !important; }
input.button { display: inline-block; font-size: 14px; color: #FFF; line-height: 24px; font-family: 'OpenSansRegular'; padding: 6px 20px 8px; border: 1px solid #333; border-radius: 5px; cursor: pointer; background: #333; }
input.button:hover { opacity: .85; }

/* Register */
.bg-log { background: #f7f8fc; }
.show-register { max-width: 600px; margin: 0 auto; }
.box-register { }
.txt-input { width: 100%; height: 40px; background: #FFF; border: 1px solid #DDD; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3px 10px; -webkit-transition: border-color ease-in-out .15s; -o-transition: border-color ease-in-out .15s; transition: border-color ease-in-out .15s; }
.txt-input::-webkit-input-placeholder { color: #999; font-family: 'OpenSansRegular'; font-weight: 400; font-size: 14px; }
.txt-input:-moz-placeholder { color: #999; font-family: 'OpenSansRegular'; font-weight: 400; font-size: 14px; }
.txt-input::-moz-placeholder { color: #999; font-family: 'OpenSansRegular'; font-weight: 400; font-size: 14px; }
.txt-input:-ms-input-placeholder { color: #999; font-family: 'OpenSansRegular'; font-weight: 400; font-size: 14px; }
.txt-input.has-error { border-color: #a94442; }
.row-input h3 { font-size: 20px; font-family: 'RobotoBold'; color: #232f3e; line-height: 36px; }
.row-input p.login { font-size: 13px; font-family: 'OpenSansRegular'; color: #232f3e; font-weight: 400; line-height: 36px; }
.row-input p.login a { font-size: 13px; }

div#nhantin{
	width: 100%;
	max-width: 450px;
	margin: auto;
	padding: 30px 0;
}
/* Account */
.nav-account { width: 170px; }
.nav-container { list-style: none; }
.nav-container li { }
.nav-container li.item > a { color: #333; font-family: 'RobotoBold'; font-size: 13px; padding: 6px 0px 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; }
.nav-container li.item > a i { margin-right: 10px; margin-left: 5px; font-size: 20px; color: #999; }
.nav-container li.item > a.active { background: #FFF; color: #999; }
.nav-container li.item > a:hover { background: #FFF; color: #999; }
.nav-container li.sub > a { color: #888; font-family: 'OpenSansRegular'; font-size: 14px; font-weight: 400; padding-left: 10px; line-height: 22px; padding-bottom: 5px; display: block; }
.nav-container li.sub > a:hover { color: #FF9900; }
.right-account { width: calc(100% - 200px); }
.box-account { }
.left-count { width: 60%; }
.right-count { width: 40%; }
.row-count { }
.row-count label { float: left; width: 25%; font-size: 13px; font-weight: 400; line-height: 34px; margin-bottom: 0; }
.row-in { width: 75%; float: right; }
.input-count { border-radius: 3px; width: 100%; height: 32px; border: 1px solid #ddd; color: #333; padding: 6px 12px; background-color: #fff; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; 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, -webkit-box-shadow ease-in-out .15s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.input-count:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); }
.input-count.has-error { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); }
.input-count[disabled],
.input-count[readonly],
fieldset[disabled] .input-count { background-color: #f4f4f4; opacity: 1; border: .5px solid #e4e4e4; color: #b0b0b0; cursor: not-allowed; }
select.input-count { width: 32%; margin-right: 1.5%; }
.img-view { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; position: relative; margin: 0 auto 20px; }
.img-view img { width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.mesage-upload { width: 200px; margin: 20px auto 0px; line-height: 20px; }
.file-upload { position: relative; display: inline-block; margin: 0 auto; }
.file-upload__label { display: block; padding: 1em 2em; color: #fff; background: #fd7e14; border-radius: .4em; text-transform: uppercase; font-family: 'OpenSansRegular'; font-weight: 400; transition: background .3s; }
.file-upload__label:hover { cursor: pointer; background: #28a745; }
.file-upload__input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-size: 1px; width: 0; height: 100%; opacity: 0; }
.alert { padding: 7px; font-size: 13px; border: 1px solid transparent; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.alert-success { color: #4caf50; background-color: #fdfffb; border-color: #4caf50; }
.alert-error { color: #D90000; background-color: #fdfffb; border-color: #D90000; }
.left-right { width: 40%; }
.dichvu-left { width: 180px; }
.menu-left { list-style: none; width: 100%; }
.menu-left li { width: 100%; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8px 10px; background: #413C38; }
.menu-left li:hover,
.menu-left li.active { background: #F66720; }
.menu-left li a { color: #FFF; font-size: 14px; display: block; font-family: 'OpenSansRegular'; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dichvu-right { width: calc(100% - 200px); }
.menu-congtrinh { list-style: none; width: 100%; text-align: center; }
.menu-congtrinh li { display: inline-block; margin: 0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 15px; margin-bottom: 5px; border-radius: 4px; }
.menu-congtrinh li.active,
.menu-congtrinh li:hover { background: #F66720; }
.menu-congtrinh li a { color: #333; font-size: 15px; display: block; font-family: 'OpenSansRegular'; text-transform: uppercase; }
.menu-congtrinh li.active a,
.menu-congtrinh li:hover a { color: #FFF; }
.flex-congtrinh { display: flex; justify-content: space-between; }
.congtrinh-left { width: 285px; background: #413C38; }
.congtrinh-left h3 { background: #F46523; border-left: 10px solid #413C38; color: #FFF; font-size: 15px; display: block; font-family: 'OpenSansRegular'; text-transform: uppercase; padding: 5px 0px 5px 20px; line-height: 30px; }
.menu-ct { list-style: none; width: 100%; }
.menu-ct li { width: 100%; margin-top: 10px; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8px 10px 8px 30px; background: #413C38; }
.menu-ct li:hover,
.menu-ct li.active { background: #F66720; }
.menu-ct li a { color: #FFF; font-size: 14px; display: block; font-family: 'OpenSansRegular'; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.congtrinh-right { width: calc(100% - 320px); }

/* pagination */
.pagination { }
.page { display: inline-block; padding: 7px 9px; margin-right: 4px; border-radius: 3px; border: solid 1px #c0c0c0; box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.8), 0px 1px 3px rgba(0, 0, 0, 0.1); text-decoration: none; color: #717171; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1); font-size: 13px; font-weight: 300; font-family: 'OpenSansRegular'; }
.page:hover,
.page.gradient:hover { background: #fefefe; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#f0f0f0)); background: -moz-linear-gradient(0% 0% 270deg, #fefefe, #f0f0f0); }
.page.active { border: none; background: #616161; box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.8); color: #f0f0f0; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); }
.page.gradient { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9)); background: -moz-linear-gradient(0% 0% 270deg, #f8f8f8, #e9e9e9); }
.pagination.dark { background: #414449; color: #feffff; }
.page.dark { border: solid 1px #32373b; background: #3e4347; box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1); color: #feffff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); }
.page.dark:hover,
.page.dark.gradient:hover { background: #3d4f5d; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d)); background: -moz-linear-gradient(0% 0% 270deg, #547085, #3d4f5d); }
.page.dark.active { border: none; background: #2f3237; box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.1); }
.page.dark.gradient { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347)); background: -moz-linear-gradient(0% 0% 270deg, #565b5f, #3e4347); }
.title-slider { font-size: 35px; color: #FFF; text-transform: uppercase; padding-bottom: 30px; font-family: 'OpenSansBold'; }
.desc-slider p { font-size: 25px; color: #FFF; padding-bottom: 30px; font-family: 'OpenSansRegular'; }
.read-slider a { font-size: 20px; color: #FFF; padding: 2px 10px 4px; background: transparent; border-radius: 5px; font-family: 'OpenSansRegular'; border: 1px solid #FFF; }
.box-hotro { width: 100%; float: left; background: url('images/hotro.png') no-repeat bottom right; height: 282px; box-sizing: border-box; border: 1px solid #CCCC; position: relative; }
.icon1_hotro { margin-top: 137px; text-align: center; line-height: 30px; }
.icon1_hotro p { font-size: 25px; color: #FF0000; font-family: 'RobotoBold'; }
.icon2_hotro p { line-height: 25px; text-align: left; }
.icon2_hotro p img { max-width: 20px; }
.icon2_hotro p span { line-height: 30px; display: inline-block; font-family: 'OpenSansRegular'; padding: 0px 0px 0px 5px; }
.icon2_hotro p span i { font-size: 20px; float: left; margin-top: 5px; margin-right: 5px; }
.icon3_hotro { text-align: center; }
.video-container { position: relative; padding-bottom: 50%; padding-top: 58px; height: 0; overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#video_load { width: 100%; }
.select_video { width: 100%; }
#list_video { width: 100%; height: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: transparent; border: 1px solid #D9d9d9; outline: none; padding: 5px 10px; color: #FFF; font-size: 13px; }
#mail {background-size: cover;padding: 90px 0px;background: #009;}
.box-mail { width: 80%; margin: 0 auto; }
.box-mail h6 {font-size: 30px;font-family: 'OpenSansBold';color: #FFF;line-height: 30px;text-align: center;text-transform: uppercase;}
.box-mail p {font-size: 15px;color: #FFF;line-height: 36px;text-align: center;}
#nhanemail {width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: right;background: transparent;border: 1px solid #FFF;margin-top: 10px;overflow: hidden;}
.text-mail { width: calc(100% - 100px); height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid transparent; border-right: 0px; padding: 0px 10px; color: #333; background: transparent; }
.text-mail::-webkit-input-placeholder { color: #FFF; }
.text-mail:-moz-placeholder { color: #FFF; }
.text-mail::-moz-placeholder { color: #FFF; }
.text-mail:-ms-input-placeholder { color: #FFF; }
.btn-mail {width: 100px;background: #9e4b00;height: 40px;display: flex;align-items: center;justify-content: center;color: #FFF;font-family: 'OpenSansRegular';font-size: 12px;cursor: pointer;float: right;text-transform: uppercase;font-size: 20px;}
#map-content iframe { width: 100%; height: 500px; }
nav#menu-mobile { float: left; background: #0c9c49; }
nav#menu-mobile ul { list-style: none; background: #ffffff; }
nav#menu-mobile ul li { line-height: 22px; cursor: pointer; background: #ffffff; }
nav#menu-mobile ul li a { color: #000 !important; }
.left-page { width: calc(100% - 320px); float: left; }
.right-page { width: 300px; float: right; box-sizing: border-box; background: #FFF; }
.title-left { width: 100%; background: #974B00; }
.title-left h2 { color: #FFF; line-height: 30px; padding: 8px 10px; text-transform: uppercase; font-size: 17px; font-weight: 400; font-family: 'OpenSansRegular' }
.desc-left { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #eee; border-top: 0px solid #eee; padding: 10px; background: #FFF; }
.dm_sp { list-style: none; width: 100%; margin-top: 10px; }
.dm_sp li { width: 100%; margin-bottom: 10px; margin-top: 10px; }
.dm_sp li a { font-size: 14px; color: #333; line-height: 20px; }
.dm_sp > li:hover > a { color: #0099FF; }
.dm_sp > li > ul > li:hover > a { color: #0099FF; }
.dm_sp li ul { padding-left: 10px; list-style: none; }
.dm_sp li ul li a { font-size: 14px; color: #333; line-height: 20px; }
#quytrinh { padding: 30px 0px 30px; }
.quytrinh { padding: 30px 0px; position: relative; }
.quytrinh span.line { display: inline-block; width: 2px; height: 100%; background: #D90; left: calc(50% - 1px); top: 0px; content: ''; position: absolute; }
.quytrinh span.line:after { width: 20px; height: 20px; top: 0px; content: ''; position: absolute; background: #D90; left: -9px; border-radius: 50%; }
.quytrinh span.line:before { width: 20px; height: 20px; bottom: 0px; content: ''; position: absolute; background: #D90; left: -9px; border-radius: 50%; }
.box-quytrinh { display: flex; flex-wrap: wrap; padding: 30px 0px; }
.quytrinh .box { width: 100%; position: relative; z-index: 1; margin-bottom: 50px; }
.quytrinh .box:last-child { margin-bottom: 0px; }
.quytrinh .box .ibox { width: 50%; float: left; }
.quytrinh .box .ibox .img { width: 80px; height: 80px; float: right; margin-right: -40px; }
.quytrinh .box .ibox .desc {width: calc(100% - 70px);float: left;text-align: right;display: flex;justify-content: flex-end;flex-wrap: wrap;align-items: center;}
.quytrinh .box .ibox .img img { max-width: 100%; transform: scale(1); transition: all 1s; }
.quytrinh .box .ibox.active .img img { transform: scale(1.15); }
.quytrinh .box:nth-child(2n) .ibox { float: right; }
.quytrinh .box:nth-child(2n) .ibox .img { float: left; margin-left: -40px; }
.quytrinh .box:nth-child(2n) .ibox .desc {float: right;text-align: left;justify-content: flex-start;flex-wrap: wrap;}
.quytrinh .box .ibox .desc h4 { font-size: 22px; position: relative; display: inline-block; }
.quytrinh .box .ibox .desc h4:after { position: absolute; content: ''; bottom: -10px; width: 0%; height: 2px; background: #D90; transition: all 1s; }
.quytrinh .box:nth-child(2n) .ibox .desc h4:after { left: 0px; }
.quytrinh .box:nth-child(2n+1) .ibox .desc h4:after { right: 0px; }
.quytrinh .box .ibox .desc p{
  line-height: 22px;
  margin-top: 10px;
}
.quytrinh .box .ibox.active .desc h4 { color: #974B00; }
.quytrinh .box .ibox.active .desc h4:after { width: 100%; }
#check-domain { background: #fff; padding: 30px 0px; }
.box-check-domain { width: 80%; margin: 0 auto; position: relative; }
.box-check-domain .input-check { width: 100%; background: #FFF; outline: none; border: none; height: 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px 10px; }
.box-check-domain { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #974B00; }
.button-check { position: absolute; top: 0px; right: 0px; height: 45px; background: #974B00; outline: none; cursor: pointer; color: #FFF; font-size: 14px; font-family: 'OpenSansBold'; text-transform: uppercase; border: none; padding: 0px 20px; }
.box-domain-ext { width: 80%; margin: 20px auto 0px; position: relative; background: #FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #CCC; padding: 10px; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.checkbox-doamin { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; line-height: 22px; cursor: pointer; font-size: 14px; font-family: 'OpenSansRegular'; width: calc(100% / 5); box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.checkbox-doamin b { font-family: 'OpenSansBold'; }
.checkbox-doamin input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #b1adad; }
.checkbox-doamin:hover input ~ .checkmark { background-color: #ccc; }
.checkbox-doamin input:checked ~ .checkmark { background-color: #974b00; }
.checkmark:after { content: ""; position: absolute; display: none; }
.checkbox-doamin input:checked ~ .checkmark:after { display: block; }
.checkbox-doamin .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.select_video #list_video { color: #333 !important; }
.thongke { margin-top: 20px; }
.thongke p { width: 100%; margin-bottom: 15px; font-size: 13px; }
.thongke p img { float: left; margin-top: 0px; margin-right: 5px; }
.thongke p span { float: right; }
.select-lkw { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px 10px; border: 1px solid #CCC; outline: none; }
.hotline-bottom { width: 100%; }
.hotline-bottom p:nth-child(1) { font-size: 15px; text-align: center; text-transform: uppercase; margin-bottom: 8px; }
.hotline-bottom p:nth-child(2) { font-size: 25px; text-align: center; font-family: 'OpenSansBold'; color: #FF0000; text-transform: uppercase; }
.footer-list { list-style: none; width: 100%; display: flex; align-items: center; justify-content: space-between; }
.footer-list li { display: inline-block; flex-grow: 1; text-align: center; border-right: 1px solid #FFF; line-height: 11px; }
.footer-list li:last-child { border-right: 1px solid transparent; }
.footer-list li a { color: #FFF; font-size: 13px; text-transform: uppercase; }
.box-tailieu { box-sizing: border-box; padding: 0px 15px; }
.banggia { border-collapse: collapse; border: 1px solid #CCC; width: 100%; }
.banggia tr:nth-child(odd) { background: #dddddd; }
.banggia tr:nth-child(even) { background: #FFF; }
.banggia tr:nth-child(1) { background: #dddddd; }
.banggia tr,
.banggia td,
.banggia th { border: 1px solid #CCC; }
.banggia td,
.banggia th { padding: 10px; font-size: 13px; }
.banggia th { font-size: 13px; text-transform: uppercase; }
.banggia td a,
.banggia th a { color: #333; }
.btn-request { position: relative; display: inline-block; float: right; margin: 29px 0; background: #0163ce; color: #fff; border: 0; padding: 11px 15px 8px 40px; border-radius: 5px; cursor: pointer; }
.btn-request span { position: absolute; height: 100%; width: 35px; line-height: 37px; background: #008bea; top: 0; left: 0; border-radius: 5px 0 0 5px; display: flex; align-items: center; justify-content: center; }
.hotline-sup { width: 210px; height: 100%; display: inline-block; padding-top: 10px; }
.hotline-sup i { font-size: 40px; color: #6b6a6b; float: left; transform: rotate(25deg); margin-right: 5px; }
.hotline-sup span { font-size: 25px; color: #333; float: left; }
.hotline-sup span:nth-child(1) { text-transform: uppercase; font-family: 'OpenSansRegular'; font-size: 13px; color: #6b6a6b; }
.hotline-sup span:nth-child(2) { text-transform: uppercase; font-family: 'RobotoBold'; font-size: 23px; }
.img-qc { margin-bottom: 10px; }
.img-qc:last-child { margin-bottom: 0px; }
.img-qc img { max-width: 100%; }
#fanpage { padding: 75px 0px; background: #f4f4f4; background-size: cover; }
.box-fanpage { display: flex; justify-content: space-between; }
.fanpage-left { width: 500px; }
.fanpage-right { width: 500px; }
#product-bc { padding: 50px 0px; background: url('images/intro-bg1.jpg') no-repeat top center; background-size: cover; }
.box-product-bc { display: flex; justify-content: space-between; }
.product-bc-left { width: 270px; float: left; background: #FFF; }
.product-bc-right { width: calc(100% - 280px); float: right; background: #FFF; }
.box-dm-left { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; }
.box-dm-left ul,
.box-dm-left ul ul { list-style: none; }
.box-dm-left > ul > li { width: 100%; margin-bottom: 5px; position: relative; }
.box-dm-left > ul > li > span { position: absolute; right: 0px; top: 10px; display: inline-block; }
.box-dm-left > ul > li > span.plus:after { position: absolute; right: 0px; top: 0px; content: ''; width: 8px; height: 2px; background: #333; }
.box-dm-left > ul > li > span.minus:after { position: absolute; right: 0px; top: 0px; content: ''; width: 8px; height: 2px; background: #333; }
.box-dm-left > ul > li > span.plus:before { position: absolute; right: 3px; top: -3px; content: ''; width: 2px; height: 8px; background: #333; }
.box-dm-left > ul > li > a { color: #333; text-transform: uppercase; font-family: 'RobotoBold'; font-size: 18px; padding-bottom: 15px; display: block; cursor: pointer; position: relative; z-index: 1; }
.box-dm-left > ul > li:hover > a { color: #FF0000; }
.box-dm-left > ul > li > ul > li > a { color: #333; font-family: 'OpenSansRegular'; font-size: 14px; padding-left: 10px; padding-bottom: 12px; display: block; cursor: pointer; }
.support-title { width: 100%; padding: 10px 15px; box-sizing: border-box; background: #28C500; position: relative; }
.support-title:after { right: 0; top: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.support-title:after { border-color: rgba(194, 225, 245, 0); border-right-color: #FFF; border-top-color: #FFF; border-width: 15px; margin-top: 0px; }
.support-title h6 { font-family: 'OpenSansBold'; font-size: 20px; text-transform: uppercase; color: #FFF; font-weight: 300; }
#product-index { padding: 20px 0px; background: #f4f4f4; }
.bg-hn { background: #f4f4f4; }
.box-product-index { background: #FFF; position: relative; }
.box-product-ce { display: flex; justify-content: space-between; }
.box-product-dm { width: 38.4%; }
.box-product-dm img { max-width: 100%; }
.box-product-it { width: calc(100% - 38.4%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 10px; }
.box-product-it .slick-slider { position: inherit !important; }
.box-slide-product .slick-prev,
.box-slide-product .slick-next { top: 1% !important; }
.box-slide-product .slick-prev { right: 50px; }
.box-slide-product .slick-next { right: 10px; }
.item .product-slide:last-child { padding: 0px 10px 0px; }
.title-ul { width: 100%; text-align: center; list-style: none; display: flex; justify-content: center; margin-bottom: 20px; margin-top: 20px; }
.title-ul li { padding: 0px 20px; border-right: 1px solid #6f6f6f; }
.title-ul li:last-child { border-right: 1px solid transparent; }
.title-ul li a { color: #474747; font-family: 'OpenSansRegular'; font-size: 18px; }
#about { margin: 50px 0px; }
#header-mobile { display: none; }
.content-tab { width: 100%; }
.content-tab .head { background: #106ecc; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; }
ul.tabs_vb { float: left; list-style: none; background: #106ecc; width: 100%; box-sizing: border-box; }
ul.tabs_vb li:last-child { border-right: none }
ul.tabs_vb li { float: left; text-transform: uppercase; font-weight: bold; margin: 0; cursor: pointer; padding: 8px 25px; line-height: 21px; border-left: none; overflow: hidden; position: relative; color: #333; text-align: center; border-right: 5px solid #027fca; background: url("images/icon_li_vb.png"); font-family: 'OpenSansBold'; font-size: 13px; }
ul.tabs_vb li .tabs_title { margin: 8px 3px 0px 3px }
ul.tabs_vb li:hover { background: #fff; color: #333; }
ul.tabs_vb li.active { background: #fff; color: #333; }
.table-tab { width: 100%; padding: 0px; color: #1c689a; float: left; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.table-tab table { border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0px; padding: 0px; border: 1px solid #ddd; }
.table-tab #row_header td { font-size: 14px; color: #333; font-family: 'OpenSansBold'; }
.table-tab table tr,
td div { color: #000; font-size: 14px; }
.table-tab table tr,
td div span { color: #000; font-size: 14px; }
.table-tab table tr,
td span { font-size: 14px; }
.table-tab table tr,
td a { color: #000; font-size: 14px; }
.table-tab table tr td a:hover { color: #027fca; text-decoration: underline; }
.table-tab table tr,
td .td_xd a { color: #027fca; }
.table-tab tr:hover td { background: #fff; }
.table-tab tr:last-child td:last-child { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
.table-tab table tr:first-child td:first-child { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.table-tab table tr:first-child td:last-child { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.table-tab tr:last-child td:first-child { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.table-tab tr:nth-child(odd) { background-color: #ffffff; }
.table-tab tr:nth-child(even) { background-color: #ffffff; }
.table-tab td { border: 1px solid #ddd; border-width: 0px 1px 1px 0px; text-align: left; padding: 15px 7px; font-size: 14px; /*font-family:Arial;*/ font-weight: normal; vertical-align: top; color: #000; }
.table-tab tr:last-child td { border-width: 0px 1px 0px 0px; }
.table-tab tr td:last-child { border-width: 0px 0px 1px 0px; }
.table-tab tr:last-child td:last-child { border-width: 0px 0px 0px 0px; }
.table-tab tr:first-child td { background-color: #e9e9e9; vertical-align: middle; border: 0px solid #ddd; text-align: center; border-width: 0px 0px 1px 1px; font-size: 14px; /*font-family:Arial;*/ font-weight: bold; color: #333; }
.table-tab tr td table tr td { background-color: #fff !important; color: #000 !important; }
.table-tab tr:first-child:hover td { background-color: #e9e9e9; }
.table-tab tr:first-child td:first-child { border-width: 0px 0px 1px 0px; }
.table-tab tr:first-child td:last-child { border-width: 0px 0px 1px 1px; }
.table-tab table tr td .table_link { color: #585858; float: left; font-size: 14px; min-height: 10px; padding-top: 2px; text-align: left; width: 100%; }
.other-news { width: 100%; box-sizing: border-box; padding: 20px; border: 0px solid #CCC; float: left; }
.other-news ul { color: #558b2f; float: left; list-style-type: none; width: 100%; }
.other-news ul li { background: rgba(0, 0, 0, 0) url("images/arrow_green.png") no-repeat scroll left 9px; color: #558b2f; float: left; line-height: 20px; list-style-type: none; padding-bottom: 5px; padding-left: 20px; padding-top: 5px; width: 96%; }
.other-news li a { color: #333; font-size: 13px; }
.other-news li a:hover { color: #fd8502; }
/*.other-news li:hover { background: rgba(0, 0, 0, 0) url("images/ico_orange.png") no-repeat scroll left 9px; }*/
.other-news li:last-child { border-bottom: medium none; }
.fotx { font-family: 'OpenSansBold' !important; }
.info-top { padding: 70px 0px; background: #e6e6e6; }
.info-desc { width: 100%; display: flex; justify-content: space-between; }
.info-desc-left { width: calc(100% - 180px); }
.info-desc-left h5 { font-family: 'OpenSansBold'; font-size: 27px; text-transform: uppercase; font-weight: 400; color: #333; padding-bottom: 10px; }
.info-desc-left p { font-family: 'OpenSansRegular'; font-size: 17px; font-weight: 300; text-transform: uppercase; color: #888; }
.info-desc-right { width: 150px; }
.info-desc-right { display: flex; align-items: center; justify-content: center; }
.info-desc-right a { display: inline-block; padding: 20px 35px; background: #d3d3d3; color: #333; font-family: 'OpenSansBold'; font-size: 17px; font-weight: 300; border-radius: 5px; text-transform: uppercase; }
.whynot { width: 100%; display: flex; justify-content: space-between; margin-top: 30px; }
.whynot div.box-it { width: calc(100% / 3); }
.whynot div.box-it ul { list-style: none; width: 100%; }
.whynot div.box-it ul li { width: 100%; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px; background: #f9f9f9; border: 1px solid #ebebeb; float: left; line-height: 30px; font-size: 15px; transition: all 0.6s; }
.whynot div.box-it ul li:hover { background: #cbe6fc; border: 1px solid #78b6ea; }
.whynot div.bimg { display: flex; align-items: center; justify-content: center; }
.whynot div.bimg img { max-width: 100%; }
.whynot div.box-it ul li span { display: block; border-radius: 30px; float: left; background: #3b88c8; color: #fff; width: 30px; height: 30px; line-height: 30px; text-align: center; overflow: hidden; margin-right: 10px; }
.c-link { width: calc(100% / 3 - 10px); }
.c-link span { border-radius: 10px; background: #068c4e; display: block; color: #fff; font-size: 14px; padding: 14px 10px; font-family: "OpenSansRegular"; font-weight: normal; text-align: center; margin: 10px 0; cursor: pointer; }
.c-link span.bg-re { background: #FF0000; }
.c-link span.bg-re:hover { background: #0099Ff; }
.form-tracuu { width: calc(100% + 20px); display: flex; justify-content: space-between; margin: 0px -10px; flex-wrap: wrap; }
.row-tracuu { width: calc(100% / 4); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 10px; margin-bottom: 10px; }
.row-tracuu:last-child { width: 100%; }
.row-tracuu .input-text { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 10px; outline: none; border: 1px solid #DDD; background: transparent; font-size: 12px; color: #333; font-family: 'OpenSansRegular'; }
.row-tracuu .input-text::-webkit-input-placeholder { font-size: 12px; color: #333; font-family: 'OpenSansRegular' }
.row-tracuu .input-text:-moz-placeholder { font-size: 12px; color: #333; font-family: 'OpenSansRegular' }
.row-tracuu .input-text::-moz-placeholder { font-size: 12px; color: #333; font-family: 'OpenSansRegular' }
.row-tracuu .input-text:-ms-input-placeholder { font-size: 12px; color: #333; font-family: 'OpenSansRegular' }
.row-tracuu .select-text { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 7px 10px; outline: none; border: 1px solid #DDD; background: transparent; font-size: 12px; color: #333; font-family: 'OpenSansRegular'; }
.btn-submit { display: inline-block; padding: 10px 40px; font-size: 13px; color: #FFF; background: #20242A; cursor: pointer; text-transform: uppercase; font-family: 'OpenSansRegular'; border: none; min-width: 200px; text-align: center; }
div.result-menh { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px; background: #974B00; }
div.result-menh h5 { text-transform: uppercase; font-family: 'OpenSansBold'; margin-bottom: 20px; font-size: 30px; color: #FFF; }
div.result-menh p { font-family: 'OpenSansRegular'; margin-bottom: 10px; font-size: 14px; color: #FFF; font-weight: 300; }
div.result-menh ul { width: calc(100% + 20px); list-style: none; margin: 0px -10px; display: flex; justify-content: space-between; flex-wrap: wrap; }
div.result-menh ul li { width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 10px; }

.box-desc-quytrinh{
	width: 70%;
	margin: 0px auto;
	font-size: 14px;
	font-family: 'OpenSansRegular';
	line-height: 24px;
	text-align: center;
}
.product-detail{
	font-size: 16px;
	line-height: 30px;
	font-family: 'OpenSansRegular';
	margin-bottom: 10px;
}
.product-tag h4 { font-size: 20px; font-family: 'OpenSansRegular'; text-transform: uppercase; line-height: 26px; font-weight: 400; color: #974b00;}
div.tagsft {
	width: 100%;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.tagsft a {
	background: transparent;
	color: #948e8e;
	padding: 10px 15px;
	font-size: 14px;
	position: relative;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 7px;
	border-radius: 3px;
	font-size: 15px;
	font-family: 'OpenSansRegular';
	border: 1px solid #e4e3e3;
}
div.tagsft a:hover{
  color: #f57224;
  border: 1px solid #f57224;
}
@media screen and  (max-width:1280px) {
  .box-slide-new-item { width: calc(100% / 3); }
}
@media screen and  (max-width:1248px) {
  .product-bc-left { display: none; }
  .product-bc-right { width: 100%; }
  #header { }
  .sub-menu-left { width: 600px; }
  .box-menu .item { width: 50%; }
  .box-menu .item:nth-child(4n+2) { display: none; }
  .product-left { display: none; }
  .product-right { width: 100%; margin-left: -2px; margin-right: -2px; }
}
@media screen and  (max-width:1180px) {
  .menu-top ul.menu > li > a { padding: 17px 10px 14px; font-size: 14px; }
  .left-footer { width: 100%; padding: 0px 0px; }
  .right-footer { width: 100%; padding: 0px 0px; }
}
@media screen and  (max-width:1120px) {
  .hotline { display: block; }
  .heademenu img { max-height: 120px; }
  .heademenu { justify-content: space-between; }
  .logo { width: auto; }
  .banner {    /* width: auto; */ }
}
@media screen and (max-width:1070px) {
  .box-hover-slide { flex-wrap: wrap }
  .box-slide-new-item div.img { width: 100%; margin-bottom: 10px; background: #FFF; text-align: center; }
  .box-slide-new-item div.img img { display: inline-block; }
  .box-slide-new-item div.desc { width: 100%; }
  .box-gioithieu { width: 100%; }
  .headtop ul li:nth-child(1) { width: auto; }
  .headtop ul li:nth-child(2) {width: 100%;justify-content: space-between;}
  .headtop ul li:nth-child(2) a{margin-left: 0px; flex-grow: 1; text-align: center;}
  #header { }
  #header-mobile { display: block; }
  .box-content { flex-wrap: wrap; }
  .box-c-item { width: 100%; }
  .box-slider { flex-wrap: wrap; }
  .slider-left { width: 100%; display: none; }
  .slider-right { width: 100%; }
  .news-video-box { flex-wrap: wrap; }
  .left-nv { width: 100%; }
  .branch-box-l { width: 100%; }
  .branch-box-r { display: none; }
  .menu-top ul.menu > li { }
  .congtrinh-left,
  .dichvu-left { display: none; }
  .congtrinh-right,
  .dichvu-right { width: 100%; }
  .tintuc-desc { width: calc(100% + 20px); margin: 0px -10px; }
  .tintuc-item.pr-15 { padding-right: 10px !important; }
  .tintuc-item.pl-15 { padding-left: 10px !important; }
  .hotline { display: none; }
  .heademenu { justify-content: center }
  .banner-logo { display: none; }
  .menu-hx { height: 50px; display: block; }
  .banner{width: 80px;}
  .menu-top1{height: 80px;display: flex;align-items: center;justify-content: flex-end;}
  .menu-lx { display: none; }
  .menu-but { display: block; }
  .cart-menu { display: block; }
  .hotline-sup { display: none; }
  ul.chinhsach { flex-wrap: wrap; }
  ul.chinhsach li { width: calc(100% / 2); }
  .search-bottom { width: 100%; }
  .search-top { display: none; }
}
@media screen and  (max-width:1024px) {
  .box-slide-new-item { width: calc(100% / 2); }
  .box-gioithieu { width: 100%; }
}
@media screen and (max-width: 992px) {
  .checkbox-doamin{
    
width: calc(100% / 3);
  }
  .show-filtr {
      width: calc(100% + 20px);
      margin: 0px -10px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
  }
  .filtr-item{
    width: calc(100% / 2);
    padding: 10px 10px;
  }
  .content-copy { flex-wrap: wrap; }
  .content-copy p { width: 100%; text-align: center; }
  .title h4 { font-size: 25px; }
  .whynot { flex-wrap: wrap; }
  .whynot div.box-it { width: 100%; }
  .tintuc-item { width: 100%; }
  .tintuc-item.w-50 { width: 100%; }
  .service { flex-wrap: wrap; }
  .service-item { width: calc(100% / 3); }
  .product-slide.cl-3 { width: calc(100% / 2); }
  #service:after { display: none; }
  .box-don-item {}
  .item-footer { width: 100% !important; }
  .c-link { width: 100%; }
  .item-footer:last-child { width: 100%; margin-top: 20px; }
  .left-page { width: 100%; }
  .right-page { width: 100%; column-count: 1; }
  .box-conten { flex-wrap: wrap; }
  .left-gt { width: 100%; padding-right: 0px; text-align: center; margin-bottom: 30px; }
  .right-gt { width: 100%; }
  .box-c-item:last-child { width: 100%; }
  .menu-top ul.menu { display: none; }
  .menu-top { width: 100%; height: 50px; background: #2C98D9; }
  .hotline-sup { float: right; position: relative; display: none; }
  .hotline-sup > span { line-height: 50px; color: #333; cursor: pointer; }
  .hotline-nhanh { position: absolute; min-width: 300px; right: 0px; background: #FFF; box-sizing: border-box; padding: 10px; font-size: 20px; color: #FF0000; text-align: right; z-index: 999; line-height: 28px; display: none; }
  .logo { }
  .menu-top ul.menu { }
  .logo .t-left { text-align: center; }
  .banner { }
  .search { width: calc(100% - 260px); }
  .detail-right { width: 100%; }
  .detail-left { width: 100%; }
  .contact-right { width: 100%; }
  .contact-left { width: 100%; }
  .contact-right.pd-20 { padding: 0px !important; }
  .container { padding: 0px 10px; }
  .row-slider { width: calc(100% + 20px); margin: 0px -10px; }
  .title-slider { font-size: 15px; padding-bottom: 10px; }
  .desc-slider p { font-size: 13px; padding-bottom: 10px; }
  .read-slider a { font-size: 14px; }
  .ps_control_bsquare .carousel-control { width: 30px !important; height: 30px !important; }
  .box-footer { flex-wrap: wrap; }
}
@media screen and  (max-width:918px) {
  .left-slideshow{
    width: 100%;
  }
   .right-slideshow{
    width: 100%;
  }
  .menu-bound { display: none; }
  .slider-right { width: 100%; }
  .menu-top ul.menu { display: none; }
  #top-page { }
  .dichvu-item { width: calc(100% / 2); }
}
@media screen and  (max-width:768px) {
  .box-slide-new { flex-wrap: wrap; }
  .box-slide-new-item div.img { width: 160px; float: left; align-items: stretch; position: relative; }
  .box-slide-new-item div.desc { width: calc(100% - 170px); float: right; box-sizing: border-box; position: relative; }
  .info-desc { flex-wrap: wrap; }
  .info-desc-left { width: 100%; text-align: center; }
  .info-desc-right { width: 100%; margin-top: 20px; text-align: center; }
  .box-product-dm { display: none; }
  .box-product-it { width: 100%; }
  .box-fanpage { flex-wrap: wrap; }
  .fanpage-left { width: 100%; }
  .product-slide.cl-4 { width: calc(100% / 2); }
  .fanpage-right { width: 100%; margin-top: 20px; text-align: center; }
  .title h1,
  .title h5 { font-size: 16px; }
  .title-ul { display: none; }
  .box-gioithieu { flex-wrap: wrap; }
  .gioithieu-left { width: 100%; }
  .gioithieu-right { width: 100%; }
  .flex-topic { flex-wrap: wrap; }
  .slogan { width: 100%; margin-right: 0px; }
  .tintuc-left { width: 100%; }
  .tintuc-right { width: 100%; margin-top: 10px; }
  .box-index-item.col-3 { width: calc(100% / 2 - 10px) }
  .box-slide-new-item div.desc { position: relative; }
  .item-footer:nth-child(1) { width: 100%; }
  .item-footer:nth-child(2) { width: 100%; }
  .product-slide.w-25 { width: 50%; }
  .item-footer { width: 50%; margin-bottom: 20px; }
  .item-footer:last-child { width: 100%; }
  .adv-box { flex-wrap: wrap; }
  .adv-box .img { width: 100%; margin-bottom: 20px; }
  .adv-box .img:last-child { margin-bottom: 0px; }
  .fixed-bottom{
  	display: none !important;
  }
}
@media screen and  (max-width:725px) {
  .search-top { display: none; }
  #top-page {}
  .logo-left { top: 0px; width: 100%; text-align: center; margin-bottom: 10px; }
  .banner a { display: inline-block; margin: 0 auto; }
  .logo-left img {max-width: 100%;background: #FFF;}
  .head-page-bottom { flex-wrap: wrap; }
  .search,
  .search-bottom { width: 100%; }
  .search-bottom { margin-bottom: 20px; }
}
@media screen and  (max-width:680px) {
  .box-don-item div.desc h5 a { font-size: 13px; }
  .box-slide-new-item { width: 100%; }
  .footer-list { flex-wrap: wrap; justify-content: end; align-items: end; }
  .footer-list li { width: 100%; border-right: none; text-align: left; margin-bottom: 10px; }
  .tintuc-left { width: 100% }
  .tintuc-right { width: 100%; margin-top: 20px; }
  .tintuc-item:hover div.img img { transform: none; }
  .top-mobile { display: block; }
  .cart-hotline { width: 100%; margin-top: 20px; display: none; }
  .menu-top ul.menu > li { padding: 5px 10px; }
  .box-gallery-item { width: 100% !important; }
  .box-gallery-item:hover div.img img { transform: none; }
  .menu-top1{
  	height: 60px;
  }
  .banner{
  	padding: 0px 0px;
  }
}
@media screen and  (max-width:600px) {
	.quytrinh .box .ibox{
		width: 100%;
	}
	.quytrinh span.line{
		display: none;
	}
	.quytrinh .box .ibox .desc{
		width: 100%;
		margin-top: 30px;
	}
	.quytrinh .box .ibox .img{
		margin-right: 0px;
		width: 100%;
		height: auto;
		text-align: center;
	}
	.quytrinh .box:nth-child(2n) .ibox .img {
	    margin-left: 0px;
	    width: 100%;
	}
	.quytrinh .box .ibox .img img{
		max-width: 90%;
	}
	.quytrinh .box .ibox .desc h4{
		font-size: 18px;
	}
  .checkbox-doamin {
      width: calc(100% / 2);
  }
  ul.tabs_vb li { padding: 8px 12px; font-size: 13px; }
  .box-tintuc-item div.img { }
  .box-tintuc-item { height: auto; }
  .box-tintuc-item div.desc { }
  .form-dknt { width: 100%; }
  #nhanemail { width: 100%; }
  .box-index-item.col-2 { width: 100%; }
  .box-index-item.col-3 { width: 100% }
  .adv-box { flex-wrap: wrap; }
  .adv-box-i { width: 100%; margin-top: 10px; }
  .adv-box-i img { display: block; }
  .menu-top { }
  .tabs-detail li { width: 100%; margin-right: 0px; margin-bottom: 5px; }
  .tintuc-item { width: 100%; }
  .box-gallery-item { width: 100%; }
  .filtr-item {
    width: 100%;
    padding: 10px 10px;
}
.visao li {
    width: 100%;
    margin-bottom: 20px;
}
}
@media screen and  (max-width:520px) {
	.headtop ul li:nth-child(2){
		display: none;
	}
  ul.chinhsach li { width: calc(100%); }
  .product-slide.cl-3 { width: calc(100%); }
  .dichvu-item { width: 100%; }
  .box-don-item { width: 100%; }
  .service-item { width: 100%; }
  .box-list-footer div.list-it:nth-child(1) { width: 100%; }
  .box-list-footer div.list-it:last-child { width: 100%; }
  .service-item:hover { background: #FFF; top: 0px; }
  .h-70 { height: 90px; }
  .fw_al_003_slide { display: none; }
  .tintuc-item .img { width: 100%; }
  .tintuc-item .desc { width: 100%; }
  .banner {  }
  .banner img {  margin: 0 auto; }
  .search-top { display: none; }
  .right-page { column-count: 1; }
}
@media screen and  (max-width:480px) {
  
  .item-footer { width: 100%; }
  .box-slide-new-item { width: 100%; }
  .tintuc-item { width: 100%; }
}
@media screen and  (max-width:382px) { }
.line-top {width: 100%;height: 1px;background: rgba(255, 255, 255, 0.14901960784313725);margin: 0px 0px;}
.fixed-bottom{
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: space-between;
	background: #974B00;
	overflow: hidden;
	z-index: 99999;
	border-top: 5px solid #FFF;
}
.fixed-bottom div.item-b{
	color: #FFF;
	flex-grow: 1;
	text-align: center;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-family: 'OpenSansRegular';
	position: relative;
}
.fixed-bottom div.item-b:nth-child(2):after{
	position: absolute;
	content: '';
	width: 100%;
	height: 100px;
	background: #d26c07;
	transform: skew(45deg);
	left:  0px;
	top: 0px;
}
.fixed-bottom div.item-b span{
	position: relative;
	z-index: 99;
}
.fixed-bottom div.item-b a{
	color: #FFF;
	font-family: 'OpenSansBold';
}
.btn-zalo { height:60px; width:60px; position:fixed; right: 15px; bottom:200px; text-align:center; border-radius:100px; z-index:999999999; }
.pinkBg { background-color: #ed184f; background-image: linear-gradient(90deg, #fd5581, #fd8b55); }
.btn-zalo img { display: block;max-width: 100%}
.btn-zalo .ripple{ position:absolute; width:100px; height:100px; z-index:-1; left:50%; top:50%; opacity:0; margin:-50px 0 0 -50px; border-radius:100px; -webkit-animation:ripple 1.8s infinite; animation:ripple 1.8s infinite }
.btn-zalo .ripple:nth-child(2){ animation-delay:.3s; -webkit-animation-delay:.3s }
.btn-zalo .ripple:nth-child(3){ animation-delay:.6s; -webkit-animation-delay:.6s }
@-webkit-keyframes ripple{ 0%{opacity:1; -webkit-transform:scale(0); transform:scale(0) } 100%{opacity:0; -webkit-transform:scale(1); transform:scale(1) } }
@keyframes ripple{ 0%{opacity:1; -webkit-transform:scale(0); transform:scale(0) } 100%{opacity:0; -webkit-transform:scale(1); transform:scale(1) } }