@charset "utf-8";

@font-face {
    font-family:Quarzo;
    src:url("../fonts/SVN-Quarzo.otf") format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:Brewers;
    src:url("../fonts/UTM_Brewers_KT.ttf") format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:Miller;
    src:url("../fonts/SVN-Miller_Banner.ttf") format('truetype');
    font-weight:normal;
    font-style:normal;
}
img{max-width: 100%;}
.md-none{display: none !important;}
.md-block{display: block;}
.m0{margin: 0px;}.p0{padding: 0px !important;}.m-5{margin-left: -5px !important;margin-right: -5px !important;}.p5{padding-left: 5px;padding-right: 5px}.m-10{margin-left: -10px;margin-right: -10px}.p10{padding-left: 10px;padding-right: 10px}
body{font-family: 'Roboto', sans-serif;}
.pagination-page {text-align:center;}
.pagination-page > span, .pagination-page  a{display:inline-block;width:30px;height:30px;line-height:30px;border:solid 1px #ddd;color:#000;}
.pagination-page  a:hover,
.pagination-page > span{background: #1f5892;color:#FFF;}
header{position: relative;}
header:before{position: absolute;left: 0;width: 100%;height: 7px;background: url(../images/border-head.png) repeat-x bottom center;bottom: -7px;background-size: contain;z-index: 1000;}
.navbar-default .navbar-brand{height: auto;}
.navbar-default .navbar-brand img{max-height: 60px;}
.navbar-default{background-color: transparent;border: none;margin-bottom: 0pc;}
.navbar-default .navbar-nav>li>a{
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    transition: all 0.5s ease 0s;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}
.top{
	background-color: #e6e600;
    text-align: center;
    color: #000;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color: #e6e600;}
.navbar-default .lang{
}
.navbar-default .lang>li>a{padding-left: 3px;padding-right: 3px;}
.navbar-default .lang>li>a>img{
    height: 15px;
}
.navbar-default .lang li:hover a:before{
    opacity: 0 !IMPORTANT;
}
.navbar-default .navbar-collapse{margin-top: 22px;}
.navbar-nav>li>.dropdown-menu{display: none;top: 120%;height: 0px;padding: 0px;border: none;transition: all 0.2s ease 0s;opacity: 0;box-shadow: none;background-color: #dba900;border-radius: 0px;min-width: 230px;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{background-color: transparent;color: #ffea3e;}
.navbar-nav>li.open>.dropdown-menu{opacity: 1;height: auto;top: 100%;}
.dropdown-menu>li>a{padding: 10px 15px;text-transform: uppercase;color: #fff;}
.navbar-nav>li.open>.dropdown-menu li{border-bottom: 1px solid #ecd547;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background-color: #322600;color: #ffde3d;}
.navbar-default .navbar-nav>li>a:before{content:"";top: -2px;width: 0px;position: absolute;background-color: #e6e600;height: 3px;transition: all 0.3s ease 0s;left: 0;right: 0;opacity: 0;}
.navbar-default .navbar-nav>li:hover>a:before{width: 100%;opacity: 1;}
.ls-noidung{width: 60% !IMPORTANT;margin: 0px auto !important;left: 0 !important;right: 0 !important;line-height: 47px !important;font-family: tungsten;font-size: 36px !IMPORTANT;}
.ls-title{width: 60% !IMPORTANT;margin: 0px auto !important;text-align:center;left: 0 !important;right: 0 !IMPORTANT;text-transform: uppercase;font-family: tungsten;font-size: 72px !IMPORTANT;}
#slider_danhmuc{overflow: hidden;}
.gioi-thieu{background: url(../images/banner-1.jpg) no-repeat center right;color: #fff;background-size: cover;padding-top: 100px;padding-bottom: 90px;}
.gioi-thieu .title-gioithieu{color: #ffde3d;font-size: 30px;margin-bottom: 50px;margin-top: 0px;}
.gioi-thieu .conent-gioithieu{font-size: 15px;line-height: 28px;text-align: justify;}
.gioi-thieu .img-gioithieu{display: block;margin: 0px auto;}
.san-pham{background: url(../images/banner-2.jpg) no-repeat center bottom;background-size: cover;padding-top: 90px;padding-bottom: 90px;background-repeat: no-repeat;background-attachment: fixed;}
.tab_sanpham{padding: 0px;list-style: none;text-align: center;border-left: 1px solid #000;height: 480px;overflow: auto;}
.item-danhmuc{
}
.item-danhmuc.active>a{background-color: #dbcebf;}
.item-danhmuc a{display: block;margin-left: 10px;margin-bottom: 10px;padding: 15px 10px;transition: all 0.5s ease 0s;/* margin-right: 10px; */}
.item-danhmuc img{height: 90px;}
.item-danhmuc span{display: block;margin-top: 10px;font-weight: 600;color: #000;text-transform: uppercase;}
.item-danhmuc a:hover{background-color: #dbcebf;text-decoration: none;}
.slide-product{
}
.slide-product .item{
}
.slide-product .item .san_pham_c{text-transform: uppercase;font-size: 40px;margin-bottom: 40px;color: #372110;margin-top: 30px;}
.slide-product .item h4{font-size: 24px;margin-bottom: 15px;text-transform: uppercase;}
.slide-product .item h4 a{color: #d81a31;}
.slide-product .item h4 a:hover{text-decoration: none;color: #dabe42;}
.slide-product .item p{font-size: 16px;line-height: 28px;margin-bottom: 50px;text-align: justify;}
.slide-product .item .chitiet{color: #ca1f2a;font-size: 16px;border: none;}
.slide-product .item .chitiet:after{display:none;}
.slide-product  .img-product{text-align: center;padding-left: 40px;padding-right: 40px;}
.slide-product.owl-theme .owl-nav{margin-top: 0px;position: absolute;top: 30%;left: 0;right: 0;}
.slide-product.owl-theme .owl-nav .owl-prev span, .slide-product.owl-theme .owl-nav .owl-next span{display: none;}
.slide-product.owl-theme .owl-nav .owl-prev{position: absolute;left: -20px;background: url(../images/prev.png) no-repeat center;}
.slide-product.owl-theme .owl-nav .owl-next{position: absolute;right: -20px;background: url(../images/next.png) no-repeat center;}
.slide-product.owl-theme .owl-nav .owl-prev, .slide-product.owl-theme .owl-nav .owl-next{width: 28px;height: 55px;background-size: contain;}
.slide-product .content-product{padding-left: 40px;padding-right: 40px;}

.tab_sanpham::-webkit-scrollbar {
    width: 3px;
    background-color: transparent;
    opacity:0;
} 
.tab_sanpham1::-webkit-scrollbar-thumb {
    background-color: transparent;
}
.tab_sanpham::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: transparent;
}
.slide-product.owl-theme .owl-nav .owl-prev:focus, .slide-product.owl-theme .owl-nav .owl-next:focus{outline: none;}
.why{position: relative;padding-top: 75px;padding-bottom: 50px;min-height: 539px;overflow: hidden;}
.why .title-why{color: #ffffff;font-size: 32px;margin-top: 0px;margin-bottom: 70px;font-family: 'Brewers';text-align: center;}
.why .content-why{
}
.why .content-why ul{
    list-style: none;
    padding: 0px;
}
.why .content-why ul li{color: #fff;font-size: 16px;padding-left: 43px;background: url(../images/icon-list.png) no-repeat left top;padding-top: 15px;padding-bottom: 23px;font-weight: 400;}
.why .content-why ul li:before{content:"";}
.why>span{position: absolute;left: 0;right: 0;top: 0;height: 100%;background-size: cover;overflow: hidden;}
.img-4{position: absolute;left: 0px;bottom: 0px;height: 164px;max-width: initial; width: 100%;}
.img-1{position: absolute;z-index: 2;bottom: 0px;left: 0;height: 94%;}
.img-3{position: absolute;left: 375px;bottom: 118px;}
.img-2{left: 275px;position: absolute;top: 40px;}
.br-why{background: url(../images/banner-3.jpg) no-repeat left bottom;}
.trainghiem{background-color: #eed7b9;padding-top: 50px;padding-bottom: 50px;overflow: hidden;}
.trainghiem .title-trainghiem{
	text-align: center;
    font-size: 40px;
    margin-top: 0px;
    color: #372110;
    margin-bottom: 30px;
    font-family: 'Srisakdi', cursive;
    font-weight: 600;
}
.trainghiem .tab-trainghiem{list-style: none;padding: 0px;text-align: center;margin-bottom: 25px;}
.trainghiem .tab-trainghiem li{display: inline-block;}
.trainghiem .tab-trainghiem li a{color: #372110;padding: 5px 20px;font-size: 16px;display: block;text-decoration: none;transition: all 0.5s ease 0s;}
.trainghiem .tab-trainghiem li a:hover{background-color: #372110;color: #fff;}
.trainghiem .tab-trainghiem li.active a{background-color: #372110;color: #fff;}
.item-new-h{position: relative;}
.item-new-h img{width: 100%;}
.item-new-h .title-new-h{position: absolute;bottom: 0;left: 0;right: 0;background-color: rgba(255, 255, 255, 0.7);margin: 0px;padding: 15px 15px;font-weight: 600;}
.item-new-h .title-new-h a{color: #000;display: block;}
.item-new-h .title-new-h a:hover{text-decoration: none;color: #000;}
.xemnhieu{font-size: 18px;text-transform: uppercase;font-weight: 700;position: relative;margin-bottom: 10px;color: #372110;}
.xemnhieu:before{content:"";position: absolute;left: 0;width: 100%;height: 1px;background-color: #372110;bottom: 0px;}
.xemnhieu:after{content:"";position: absolute;left: 0;width: 100%;height: 1px;background-color: #372110;bottom: -2px;}
.item-new{border-top: 1px dashed #dedddc;padding-top: 10px;padding-bottom: 10px;}
.item-new img{
}
.item-new .title-new{font-weight: 600;font-size: 16px;}
.item-new .title-new a{color: #1c1c1c;}
.item-new .title-new a:hover{
}
.item-new:last-child{border-bottom: none;padding-bottom: 0pc;}
.dangky{background: url(../images/banner-4.jpg) no-repeat center;background-size: cover;padding-top: 30px;padding-bottom: 30px;background-attachment: fixed;}
.dangky h3{color: #ffde3d;text-transform: uppercase;font-weight: 700;font-size: 30px;}
.dangky p{color: #fff;font-size: 16px;}
.dangky .dangky-ht{margin-top: 30px;}
.dangky .dangky-ht .form-control{background-color: #5e4d3f;border: none;border-radius: 8px;color: #fff;}
.btn-gui{background-color: #5e4d3f;color: #fff;font-weight: 700;font-size: 16px;padding: 7px 25px;}
.dangky .dangky-ht input.form-control{height: 40px;}
.dangky-ht .form-control::-webkit-input-placeholder { /* Edge */
  color: white;
}
.dangky-ht .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}
.dangky-ht .form-control::placeholder {
  color: white;
}
.dangky .dangky-ht .form-control:focus{outline: auto;}
footer{
	/* background: url(../images/br-f.png) no-repeat center; */
	color: #000;
	padding-top: 0px;
	padding-bottom: 10px;
	background-size: cover;
	background-color: #e6e600;
	padding-top: 0px;
	padding-bottom: 30px;
}
.link-f{margin-right: 10px;margin-top: 7px;}
.link-f a{color: #fff;}
.link-f p{margin-bottom: 0px;}
.mxh{margin-right: 10px;}
.mxh a{display: inline-block;color: #fff;width: 30px;height: 30px;border: 2px solid;border-radius: 50%;display: inline-block;text-align: center;line-height: 30px;}
.congthuong{margin-top: -10px;border-left: 1px solid #fff;padding-left: 10px;}
.top-f{margin-bottom: 30px;margin-top: 25px;}
footer a{color: #000;}
.link-f a:hover{color: #ffde3d;text-decoration: none;}
.sodo{margin-top: 20px;border-bottom: 1px solid #372110;margin-bottom: 30px;}
.title-home{float: left;font-size: 16px;text-transform: uppercase;font-weight: 600;margin-top: 10px;margin-bottom: 0px;}
.breadcrumb{float: right;border: none;margin-bottom: 0px;}
.breadcrumb a{color: #372110;}
.item_product{margin-top: 10px;margin-bottom: 10px;position: relative;transition: all 0.5s ease 0s;padding-top: 10px;padding-bottom: 10px;}
.item_product .p-img{display: block;border-bottom: 2px solid #e6e600;padding-bottom: 20px;z-index: 10000;/* position: relative; */}
.item_product .p-img img{
}
.item_product .p-name{font-size: 15px;text-align: center;font-weight: 600;border-top: 1px solid #e6e600;padding-top: 10px;margin-top: 2px;height: 43px;overflow: hidden;}
.item_product .p-name a{color: #000000;}
.item_product .p-name a:hover{text-decoration: none;color: #e0c129;}
.p-oldprice{display: block;font-weight: 400;font-size: 13px;font-style: italic;text-decoration: line-through;text-transform: capitalize;color: #848181;}
.title-gia{height: 40px;overflow: hidden;display: grid;justify-content: center;align-items: center;font-weight: 600;text-transform: uppercase;}
.hoverdiv{width: 40%;height: 40%;position: absolute;left: 0;right: 0;margin: 0px auto;text-align: center;background-color: #2b2a2a8f;top: 10%;display: flex;justify-content: center;align-items: center;box-shadow: 1px 1px 10px 1px #5d5b5b70;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;-moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;-o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;-webkit-transition: opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s;z-index: 10000;}
.hoverdiv:before{content:"";position: absolute;width: 85%;height: 84%;border: 1px solid #ffde3d;z-index: 0;}
.quick-view{font-weight: 600;color: #fff;text-transform: uppercase;}
.button-container{color: #fff;font-size: 23px;}
.item_product:hover .hoverdiv{
    -webkit-opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}
.item_product:hover{box-shadow: 1px 1px 10px 1px #cccc;}
.mz-lens{width: 100px !IMPORTANT;height: 100px !important;}
.zoom-gallery{text-align: center;}
.title-sp{text-transform: uppercase;color: #372110;font-size: 24px;font-weight: 600;}
.giaban{color: red;font-weight: 600;font-size: 18px;}
.title-right{
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid;
    float: none;
    padding-bottom: 9px;
}
.right-panel{padding-top: 21px;}
.btn-cart{background-color: #e6e600;border: none;color: #fff;text-transform: uppercase;display: inline-block;padding: 10px 40px;font-weight: 600;margin-top: 10px;}
.iput-sl{height: 39px;width: 50px;text-align: center;font-size: 16px;font-weight: 600;position: relative;top: 2px;margin-right: 10px;}
.nav-right{margin-bottom: 30px;}
.nav-right ul{list-style: none;padding: 0px;}
.nav-right ul a{color: #372110;font-weight: 500;text-transform: uppercase;display: block;padding: 7px 5px;border-bottom: 1px dashed #aba4a5;}
.nav-right ul a:hover{background-color: #372110;color: #ffde3d;text-decoration: none;}
.nav-right ul a span{margin-right: 10px;}
.right-panel{border-left: 1px dashed #372110;}
.title-home2{float: none;border-top: 1px dashed #37211070;padding-top: 30px;}
.item-new{margin-top: 0px;padding-bottom: 15px;}
.item-new img{
}
.item-new h3{
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 21px;
    height: 39px;
    overflow: hidden;
    margin-top: 0px;
    margin-bottom: 5px;
}
.item-new h3 a{color: #000;}
.item-new h3 a:hover{
}
.item-new .mota{text-align: justify;}
.item-new .mota span{color: #b31313;font-size: 13px;font-weight: 600;}
.chitiet{border-bottom: 2px solid #372110;position: relative;margin-top: 15px;}
.chitiet a{display: inline-block;padding: 5px 10px;color: #372110;text-transform: uppercase;font-weight: 600;}
.chitiet:after{content:"";position: absolute;bottom: 0;right: 0;width: 0;height: 0;border-bottom: 0px solid transparent;border-top: 10px solid transparent;border-right: 10px solid #372110;}
.title-tin{text-transform: uppercase;font-size: 18px;font-weight: 600;line-height: 24px;}
#map iframe {
    height: 287px;
}
.title-cart{font-size: 16px;text-transform: uppercase;font-weight: bold;margin-top: 0px;margin-bottom: 20px;}
.tong_tt h3{font-size: 14px;margin: 0px;font-weight: 600;color: red;text-transform: uppercase;}
.new-hot img{
	width: 100%;
}
.new-hot h3{
	font-size: 18px;
    font-weight: 600;
}
.new-hot h3 a{
	color: #000;
}
.new-hot-2 h3{
	font-size: 18px;
    font-weight: 600;
}
.new-hot-2 h3 a{
	color: #000;
}
.new-hot-3 h3{
    font-size: 16px;
    margin-top: 0px;
    padding-top: 0px;
    font-weight: 600;
}
.new-hot-3 h3 a{
    color: #000;
}
.new-hot-3{
    margin-bottom: 10px;
}
.new-hot{
	margin-bottom: 15px;
}
.san-pham2 .slide-product .item .chitiet{
	border: 1px solid rgba(148, 27, 10, 1);
    background-color: rgba(148, 27, 10, 1);
    color: #fff;
    padding: 8px 30px;
    border-radius: 22px;
    display: inline-block;
}
.san-pham2 .slide-product .item .san_pham_c{
	margin-top: 0px;
}
.sub-nav{position: relative;}
.sub-nav ul{position: absolute;left: 100%;top: 0;width: 100%;background-color: #fff;z-index: 10;padding: 0px;list-style: none;display: none;}
.sub-nav:hover ul{display: block;}
.sub-nav ul a{padding: 7px 10px;display: block;text-transform: uppercase;color: #941b0a;border-top: 1px dotted #e2e0e0;}
.sub-nav ul a:hover{background-color: #ffe33d;text-decoration: none;}
.navbar-form{
    width: 100%;
    padding-left: 2px;
    padding-right: 2px;
    margin: 2px 0px;
}
.navbar-form .form-group{
    width: 100%;
}
.navbar-form .form-control{
    width: 100%;
    border: none;
    border-radius: 24px;
}
.tinlienquan{
        margin-top: 15px;
    padding-left: 15px;
}
.tinlienquan li{
    margin-top: 5px;
    margin-bottom: 5px;
}
.tinlienquan li a{
    color: #941b0a;
    font-weight: 600;
}
.tagList{
    padding: 0px;
}
.tagList .name-tag{
    font-weight: 600;
    text-transform: uppercase;
}
.tagList li{
    display: inline-block;
}
.tagList li a{
    display: block;
    padding: 2px 10px;
    background-color: #941b0a;
    color: #fff;
    font-size: 13px;
    border-radius: 5px;
}
.tagList li a:hover{
    background-color: #ffde3d;
    color: #000;
    text-decoration: none;
}
.danhmuc-f ul{
    list-style: none;
    padding: 0px;
}
.danhmuc-f ul li a{
    display: block;
    padding: 5px 5px;
    border-bottom: 1px solid #e8e6e6;
}
.title-f{
	font-size: 20px;
	font-weight: 400;
	margin-top: 25px;
	position: relative;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
}
.noidung-f{
    border-bottom: 2px solid #ffde3d;
    margin-bottom: 20px;
}
.noidung-f h2{
    margin-top: 10px;
}
.title-group{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 2px solid #941b0a;
}
.title-group span{
    position: relative;
    background-color: #941b0a;
    color: #fff;
    padding: 7px 50px 7px 15px;
    display: inline-block;
}
.title-group span:before{
    content: "";
    width: 0;
    height: 0;
    border-bottom: 30px solid #941b0a;
    border-right: 30px solid transparent;
    position: absolute;
    left: 100%;
    top: 0;
}
.phantrang{
    text-align: center;
    display: block;
}
.phantrang li{
    display: inline-block;
}
.phantrang li a{
    cursor: pointer;
    border: 1px solid #941b0a;
    border-radius: 0px !important;
    padding: 5px 10px;
    color: #212020;
}
.pagination.phantrang>li>a:hover, .pagination.phantrang>li>span:hover, .pagination.phantrang>li>a:focus, .pagination.phantrang>li>span:focus{
    background-color: #941b0a;
    color: #fff;
    border: 1px solid #941b0a;
}
.phantrang li a.active{
    background-color: #941b0a;
    color: #fff;
    border: 1px solid #941b0a;
}
.danhmuc-f ul li a:hover{
	color: #ffde3d;
    text-decoration: none;
}
.thumb-item{
	width: 100%;
	height: 100px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #dedede;
}
.btn-cart:hover{
	color: #fff;
    background-color: #942313;
}
.btn-hoidap{
	background-color: #941b0a;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 7px 35px;
}
.panel-title>a{
	display: block;
}
.panel-title>a:hover{
	text-decoration: none;
}
footer a:hover{
	color: #e60808;
	text-decoration: none;
}
uk-navbar-nav>li.lang>a{padding-left: 5px;padding-right: 3px;}
.right-gioithieu{background-size: 75% 80%;background-position: 15px bottom;background-repeat: no-repeat;padding-bottom: 50px;}
.gioithieu{padding-top: 50px;padding-bottom: 100px;background: url(../images/bg-4.png) no-repeat center;background-attachment: fixed;background-size: cover;}
.content-gioithieu{padding-top: 20px;color: #fff;}
.content-gioithieu .title-sub{color: #ffffff;position: relative;font-size: 14px;font-family: 'Quarzo';font-size: 24px;}
.content-gioithieu .title-sub:before{}
.content-gioithieu .title{font-weight: 600;font-size: 36px;margin-top: 20px;margin-bottom: 39px;color: #fff;padding-left: 50px;}
.content-gioithieu .content{line-height: 24px;color: #ffffff;margin-bottom: 30px;}
.content-gioithieu .content p{position: relative;padding-left: 30px;}
.content-gioithieu .content p:before{content:"";width: 30px;height: 30px;background: url(../images/icon-caphe.png) no-repeat center;background-size: auto;position: absolute;left: 0;top: 0px;}
.bnt-link{background-color: #e6e600;color: #ffffff;display: inline-block;padding: 10px 30px;text-transform: uppercase;border: 2px solid #ffffff;position: relative;font-size: 14px;transition: all 0.2s linear;margin-top: 30px;margin-right: 30px;}
.bnt-link:after{content:"";position: absolute;width: 20px;height: 3px;background-color: #e6e600;left: 100%;top: 50%;transform: translateY(-50%);transition: all 0.2s linear;}
.bnt-link:hover{text-decoration: none;border-color: #e6e600;background-color: #e6e600;color: #ffffff;}
.bnt-link:hover:after{background-color: #262533;}
.slide-gioithieu{padding: 15px;background-color: #ffffff;border-radius: 10px;}
.slide-gioithieu .uk-slidenav{background-color: #fff;color: #fbc300;padding: 10px 7px;}
.slide-gioithieu .uk-slidenav:hover, .slide-gioithieu .uk-slidenav:focus{color: #262533;}
.item-solieu{
    text-align: center;
}
.item-solieu strong{display: block;font-size: 57px;color: #ffffff;font-family: 'Roboto';font-weight: 700;margin-bottom: 0px;}
.item-solieu span{font-size: 14px;color: #ffffff;text-transform: uppercase;font-weight: 500;font-size: 18px;}
.title-block{padding-top: 50px;padding-bottom: 20px;margin-bottom: 30px;text-align: center;font-family: Brewers;font-size: 30px;color: #fff;}
.title-block .title{margin: 0;background-color: #ffff;padding: 15px;text-align: center;text-transform: uppercase;font-weight: 600;font-size: 32px;display: inline-block;}
.title-block .title span{position: relative;padding-right: 60px;}
.title-block .title span:before{content:"";width: 50px;position: absolute;top: 50%;transform: translateY(-50%);height: 3px;background-color: #fbc300;right: 0;}
.item-sp-c{margin-bottom: 30px;position: relative;}
.item-sp-c .img-sp{padding-left: 50px;padding-top: 50px;position: relative;}
.item-sp-c .img-sp.item-right{padding-top: 0;padding-left: 0;padding-bottom: 30px;padding-right: 30px;}
.item-sp-c .img-sp.item-right:before{bottom: 0;top: auto;left: auto;right: 0;}
.item-sp-c .img-sp:before{content:"";position: absolute;width: 50%;height: 70%;border: 10px solid #e6e600;left: 0;top: 0;/* background-color: #ffff; */}
.item-sp-c .img-sp img{position: relative;max-width: 100%;max-height: 100%;object-fit: cover;}
.item-sp-c .img-sp a{display: block;height: 320px;box-shadow: 1px 1px 10px #ccc;background-color: #eed7b9;position: relative;padding: 10px;display: flex;justify-content: center;align-items: center;}
.item-sp-c .title{position: relative;margin-top: 0;text-transform: uppercase;font-size: 22px;}
.item-sp-c .title:before{content:"";}
.item-sp-c .title a{color: #000000;font-weight: 600;font-family: Miller;}
.item-sp-c .mota{margin-bottom: 50px;line-height: 24px;}
.item-sp-c .btn-chitiet{color: #000000;margin-right: 0;transition: all 0.2s linear;display: inline-block;padding: 15px 20px;position: relative;/* background-color: #fef2c7; */text-transform: uppercase;color: #000000;}
.item-sp-c .btn-chitiet span{transition: all 0.2s linear;}
.item-sp-c .btn-chitiet:before{content:"";transition: all 0.4s linear;position: absolute;left: 0;width: 50%;height: 3px;background-color: #e6e600;top: 0;}
.item-sp-c .btn-chitiet:after{content:"";transition: all 0.4s linear;position: absolute;width: 50%;right: 0;bottom: 0;height: 3px;background-color: #e6e600;}
.item-sp-c .btn-chitiet span:before{content:"";transition: all 0.4s linear;height: 50%;left: 0;width: 3px;background-color: #e6e600;position: absolute;top: 0;}
.item-sp-c .btn-chitiet span:after{content:"";transition: all 0.4s linear;position: absolute;right: 0;height: 50%;width: 3px;background-color: #e6e600;bottom: 0;}
.item-sp-c .btn-chitiet:hover{text-decoration: none;background-color: #e6e600;color: #000;}
.item-sp-c .btn-chitiet:hover:before{width: 100%;}
.item-sp-c .btn-chitiet:hover:after{width: 100%;}
.item-sp-c .btn-chitiet:hover span:before{height: 100%;}
.item-sp-c .btn-chitiet:hover span:after{height: 100%;}
.item-thumb{ margin-bottom: 0;transition: all 0.2s linear;}
.item-thumb a{position: relative;display: block;padding-left: 80px;color: #f74f43;font-size: 38px;line-height: inherit;height: 40px;transition: all 0.2s linear;font-weight: 500;outline: none;}
.item-thumb a:before{content:"";width: 8px;height: 8px;border: 2px solid #f74f43;display: inline-block;border-radius: 50%;top: 50%;transform: translateY(-50%);position: absolute;left: 50px;}
.item-thumb a span{opacity: 0;transition: all 0.2s linear;}
.item-thumb a:after{content:"";transition: all 0.2s linear;position: absolute;left: 53px;width: 2px;height: 0;background-color: #f74f43;top: 24px;}
.slider-nav .is-active .item-thumb{margin-bottom: 30px;}
.slider-nav .is-active .item-thumb a:after{height: 50px;}
.slider-nav .is-active .item-thumb a span{opacity: 1;}
.sanpham{padding-bottom: 50px;background-position: center;/* background-size: cover; */}
.item-sp-c:after{content:"";/* width: 115px; *//* height: 122px; *//* border: 10px solid #f5f5f5cc; *//* position: absolute; *//* right: 0; *//* bottom: 0; *//* z-index: -1; */}
.item-sp-c .content{background-color: #eed7b9;/* padding-bottom: 50px; */margin-right: 30px;padding-right: 20px;position: absolute;top: 50%;transform: translateY(-50%);padding-top: 30px;padding-bottom: 30px;width: 100%;padding-left: 20px;}
.col-text{position: relative;}
.why{background: url(../images/br-why.jpg) no-repeat center;background-size: cover;}
.item-why{color: #fff;padding-left: 70px;position: relative;margin-bottom: 50px;}
.item-why img{position: absolute;left: 0;max-width: 70px;}
.item-why .title{text-transform: uppercase;font-size: 19px;margin-bottom: 15px;display: block;}
.item-why .content{
}
.img-why{margin-bottom: 40px;}
.item-why.item-right{padding-left: 0;padding-right: 70px;text-align: right;}
.item-why.item-right img{left: auto;right: 0;}
.title-why{
}
.duan{background: url(../images/bg-12.png) no-repeat center bottom;background-attachment: fixed;padding-bottom: 30px;background-size: cover;}
.item-duan{background-color: #fff;margin-bottom: 30px;padding: 15px;background-color: #eed7b9;}
.item-duan .img{height: 380px;display: block;}
.item-duan .img img{width: 100%;height: 100%;object-fit: cover;}
.item-duan .content{position: absolute;top: 50%;transform: translateY(-50%);padding-left: 30px;padding-right: 30px;}
.item-duan .content .title{margin-top: 0;text-transform: uppercase;margin-bottom: 30px;padding-top: 20px;font-weight: 600;}
.item-duan .content .title a{color: #000;}
.item-duan .content .title a:hover{text-decoration: none;color: #fbc300;}
.item-duan .content .mota{line-height: 24px;color: #525050;font-weight: 300;}
.item-duan .ngay_dang{position: relative;color: #212121;font-style: italic;}
.item-duan .ngay_dang:before{content:"";position: absolute;width: 25px;height: 2px;background-color: #ff7c7e;left: -30px;top: 50%;transform: translateY(-50%);}
.title-trainghiem{font-size: 32px;margin-top: 0px;margin-bottom: 30px;font-family: 'Brewers';text-align: center;margin-top: 50px;color: #fff;}
.form_lienhe{background-image: url(../images/br-form.png);background-repeat-y: no-repeat;padding-bottom: 65px;background-position: center bottom;padding-top: 50px;}
.contetn-lienhe{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;background-size: cover;padding: 100px 30px;text-align: left;color: #fff;font-family: 'Quarzo';background-position: center;border-radius: 20px;border: 3px solid #fff;}
.contetn-lienhe .title{font-size: 20px;margin-bottom: 30px;}
.contetn-lienhe p{font-size: 18px;padding-left: 50px;padding-right: 30px;}
.top-lienhe img{
}
.form-lienhe{background-color: #eed7b9;border: 1px solid #e6e600;padding: 30px 50px;border-radius: 30px;margin-left: -73px;position: relative;margin-top: -4px;}
.form-lienhe .title{text-align: center;margin-bottom: 0;font-weight: 500;text-transform: uppercase;}
.form-lienhe input{/* font-family: 'Quarzo'; */border: none;border-bottom: 1px solid #e6e600;border-radius: 0;box-shadow: none;}
.form-lienhe textarea{/* font-family: 'Quarzo'; */box-shadow: none;border: none;border-bottom: 1px solid #e6e600;border-radius: 0;}
.btn-gui2{background-color: #e6e600;padding: 3px 40px;border-radius: 30px;color: #000;text-transform: uppercase;font-size: 16px;font-weight: 500;margin-bottom: -67px;}
.btn-gui2 i{width: 30px;height: 30px;border: 1px solid #fff;border-radius: 50%;background-color: #fff;color: #000000;line-height: 30px;margin-left: 10px;}
.content-f{
}
.content-f iframe{height: 150px;width: 100%;}
footer ul{list-style: none;padding: 0;}
footer ul li{margin-bottom: 10px;}
footer ul a:before{content:"\f0da";display: inline-block;font: normal normal normal 14px/1 FontAwesome;margin-right: 10px;}
.chantrang{padding-top: 5px;padding-bottom: 5px;}
.chantrang a{color: #000;}
.mxh-f{margin-top: 10px;}
.mxh-f a{width: 30px;height: 30px;display: inline-block;border: 1px solid #fff;text-align: center;line-height: 30px;border-radius: 50%;}
.dichvu{padding-top: 50px;padding-bottom: 50px;}
.dichvu img{width: 100%;border-radius: 10px;height: 420px;object-fit: cover;}
.dichvu .title{text-transform: uppercase;color: #e6e600;font-weight: 600;margin-top: 20px;margin-bottom: 15px;}
.dichvu .btn-dv{display: inline-block;padding: 10px 30px;background-color: #e6e600;text-transform: uppercase;color: #000;font-weight: 500;border-radius: 5px;margin-top: 20px;}
.slide-sp{margin-top: 20px;}