@charset "utf-8";
:root {
	--font-main:'Quicksand', sans-serif;
	--font-r:'Noto Sans', sans-serif;
	--font-f:'Noto Sans', sans-serif;
	--color-r:#FFBA00;
	--color-f:#fff;
}
::-webkit-scrollbar {background:#fff;width:10px;height:11px;}
::-webkit-scrollbar-thumb {background:#cccccc;}
::-webkit-input-placeholder { color:#ccc; font-family: 'GothamNarrowBook';font-size: 14px; }
:-moz-placeholder { color:#ccc; font-family: 'GothamNarrowBook';font-size: 14px; }
::-moz-placeholder { color:#ccc; font-family: 'GothamNarrowBook';font-size: 14px; }
:-ms-input-placeholder { color:#ccc; font-family: 'GothamNarrowBook';font-size: 14px; }
*{margin:0px;padding:0px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
html,body {font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:22px; text-rendering: optimizeLegibility;}
h1,h2,h3,h4,h5,h6{ margin: 0px; font-weight: normal;}
p{margin: 0px;}
ul, ol { list-style: none;margin: 0px;padding: 0px;list-style-type: none; }
a,a:focus{ text-decoration: none;outline: none;color: inherit;}
a:focus{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
a:hover{text-decoration: none;}
.breadcrumb{display: none!important;}
div.breadcrumb {font-family:'SFUFuturaBook';background-color: #fff;margin-top: 20px;padding: 10px 0px; position: relative; border-radius: 0px;color: #000;border:1px solid #e2e2e2;}
#inner{padding-left: 10px;margin-bottom: 0px;}
#inner li:nth-last-child(1) span{display: none;} 
#inner li{display: inline-block;list-style: none;}
#inner a{padding: 0px 10px}
div.breadcrumb a{color:#000;}   
div.breadcrumb a:hover{color: #2486c5;}
.grecaptcha-badge{visibility: hidden;}
.transi06{/* -webkit-transition: all .6s ease; */-ms-transition: all .6s ease;-o-transition: all .6s ease;/* transition: all .2s ease; */}
.fixmenu{position: sticky!important;top: 0px!important;left: 0px!important;margin: auto!important;width: 100%!important;z-index: 99!important}

.fixmenu:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 47px!important;
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(45,45,45,1) 60%, rgba(0,0,0,1) 97%);
	top: 0!important;
	left: 0;
}
.transf{-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.noidung_ta{padding:10px;}
.p-relative { position: relative }
.visit_hidden{display: none;}
.margin-auto{max-width: 1220px;margin: 0 auto;padding: 0px 10px;}
.div_css{margin:0px -10px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-flow: row wrap;-webkit-flex-flow: row wrap;  }
#info{margin-top: 0px;}
#container{margin: auto;}
.wraper_trangtrong{position: relative;margin-bottom:20px;margin-top: 60px;}
.wraper_trangtrong img{max-width: 100%;height: auto;}
@media(max-width: 768px){
	.wraper_trangtrong img{max-width: 100%!important;height: auto;}
}
.transition{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-transition: 0.5s;}
.hidden_img{z-index: 9;width: 100%;overflow: hidden;transform:translateZ(0);position: relative;height: 100%;}
.zoom img {border: none;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-transition: 0.5s;width: 100%;}
.zoom:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}
.hv_light2{ overflow:hidden; position:relative;}
.hv_light2:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out; }
.hv_light2:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
.hv_light2:hover:before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, 0.5);}
.hv_light2:hover:after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, 0.5);}
/*==*/
.proloop {position: relative; }
.proloop:before,.proloop:after {content: ''; position: absolute; top: 4px; left: 4px; bottom: 4px; right: 4px;z-index: 99}
.proloop:before {border-top: 1px solid white; border-bottom: 1px solid white; transform: scale3d(0, 1, 1); }
.proloop:after {border-left: 1px solid white; border-right: 1px solid white; transform: scale3d(1, 0, 1); }
.proloop:hover:before, .proloop:hover:after {transform: scale3d(1, 1, 1); transition: transform 0.5s; }
/*====*/
.skew img {overflow: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
.skew img:hover {border-radius: 50%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.scale{display: block;overflow: hidden;}
.scale img {max-width: 100%; transition: all 0.6s; }
.scale:hover img {transform: translateX(5px) rotate(5deg) translateY(5px) scale(1.2); }
.scale_default a{display: block;overflow: hidden;}
.scale_default a img{transition: all 0.5s;width: 100%;}
.scale_default a:hover img{transform: scale(1.1,1.1);}
.hover_text a:hover{
	color:var(--color-r);
	transition: all 0.5s;
}
.light{position:relative;overflow:hidden;}
.light img{width:100%;height:auto;height: 100%;}
.light:before{position:absolute;content:'';width:100%;height:100%;top:0;left:0;z-index:1;background:rgba(67, 69, 113, 0.1);-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;}
.light:after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;background:rgba(67, 69, 113, 0.1);-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;}
.light:hover:before{right:50%;left:50%;width:0;background:rgba(255, 255, 255, 0.5);}
.light:hover:after{height:0;top:50%;bottom:50%;background:rgba(255, 255, 255, 0.5);}
.button-hover{-webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; transition: all 300ms linear 0s; z-index: 3; position: relative; }
.button-hover:before {background:var(--color-r); bottom: 0; content: ""; display: inline-block; height: 100%; left: 0; position: absolute; width: 0; z-index: -1; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; transition: all 300ms linear 0s; border-radius: 0 2px 2px 0; }
.button-hover:hover:before {width: 100%; }
/*==*/
#loader-wrapper{width: 100%;height: 100%;position: fixed; top: 0%; left: 0%;display: flex;align-items: center;justify-content: center;z-index: 999999999;background: #fff}
.loadingcover{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.75);z-index: 999}
.loader {position: relative; width: 2.5em; height: 2.5em; transform: rotate(165deg); }
.loader:before, .loader:after {content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 0.5em; height: 0.5em; border-radius: 0.25em; transform: translate(-50%, -50%); }
.loader:before {animation: before 2s infinite; }
.loader:after {animation: after 2s infinite; }
@keyframes before {0% {width: 0.5em; box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } 35% {width: 2.5em; box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); } 70% {width: 0.5em; box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); } 100% {box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } }
@keyframes after {0% {height: 0.5em; box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } 35% {height: 2.5em; box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); } 70% {height: 0.5em; box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); } 100% {box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } }
.loader {position: absolute; top: calc(50% - 1.25em); left: calc(50% - 1.25em); }
.pa_rp{padding: 0px 15px}
.ma_rp{margin: 0px -10px;}
.mgb-40{margin-bottom: 40px;}
.pad-40{padding: 40px 0px}
.flex{display: flex;}
/*==*/
#gotop {cursor: pointer;border-radius: 5px;transition: all 0.6s;position: fixed;z-index: 10; bottom: 55px; width: 45px; height: 45px; text-align: center; background-color:var(--color-r);right: -45px;}
#gotop i.fa {color: white; font-size: 21px; line-height:40px; }
.fixmenu {animation: slide-down 0.5s;}
@keyframes slide-up {0% {opacity: 0; transform: translateY(50%); } 100% {opacity: 1; transform: translateY(0); } } 
@keyframes slide-down {0% {opacity: 0; transform: translateY(-100%); } 100% {opacity: 1; transform: translateY(0); } } 
/*==*/
.qc_1 img{width: 100%}
.thanh_title{position: relative;margin-bottom: 28px;text-align:center;}
.thanh_title h3{color:#000000;font-size: 40px;font-family: SFUMachineRegular;text-transform: uppercase;}
/*-------slider------*/
#slider-top{max-width: 1920px;margin:auto;position: relative;}
.text_slider{
	position: absolute;
	left: calc((100% - 1200px) / 2);
	bottom: 60px;
}
.tranform_skew{
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(45,45,45,1) 60%, rgba(0,0,0,1) 97%);
	transform: skew(-20deg);
	position: relative;
}
.tranform_skew:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: -7px;
	right: -7px;
	border-top: 7px solid rgba(255,255,255,0.5);
	border-right: 7px solid rgba(255,255,255,0.5);
}
.text_slider h3{
	font-family: OpenSans-ExtraBoldItalic;
	font-size: 26px;
	color:#ffba00;
	text-transform: uppercase;
	height: 47px;
	line-height: 47px;
	transform: skew(20deg);
	padding-left: 28px;
	min-width: 295px;
}
.text_slider p{
	color:var(--color-r);
	font-size: 26px;
	font-family: OpenSansRegular;
	font-style: italic;
	height: 47px;
	line-height: 47px;
	margin-top: 45px;
	padding-left: 28px;
	transform: skew(20deg);
}
.text_slider p span{
	font-family: OpenSans-ExtraBoldItalic;
}
/*---------header---------*/
.header_title .margin-auto{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.w_header{
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 99999;
}
#header{
	
	overflow: hidden;
	
	
}
.wrap_banner{}
.flex_header{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo{
	width: 200px;
}
#spinner {
	-webkit-animation-name: spinner;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 3s;
	animation-name: spinner;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-duration: 3s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

#spinner:hover {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
} 
@-webkit-keyframes spinner {
	from { -webkit-transform: rotateY(0deg);    }
	to   { -webkit-transform: rotateY(-360deg); }
}

/* all other browsers */
@keyframes spinner {
	from {
		-moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
	to {
		-moz-transform: rotateY(-360deg);
		-ms-transform: rotateY(-360deg);
		transform: rotateY(-360deg);
	}
}
.bottom_header_title{
	padding:19px 0 31px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.search{
	width: 300px;
	position: relative;
	display: flex;
	align-items: center;
}
.search input{
	width: 100%;
	outline: none;
	border: 1px solid #fff;
	border-radius: 5px;
	height: 42px;
	padding: 0 42px 0 10px;
	color: #fff;
	background: rgba(255, 255, 255, 0.24);
	transform: skew(-12deg);
}
.search a{
	display: block;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: calc(50% - 13px);
}
.banner{}
.hotline{
	display: flex;
	align-items: center;
}
.text_hotline{margin-left: 13px;margin-bottom: 8px;}
.text_hotline span{
	font-family: OpenSans-ExtraBoldItalic;
	color:#fff;
	font-size: 14px;
	text-transform: uppercase;
	position: relative;
	top: 7px;
	left: 8px;
}
.text_hotline p{
	color:#fff;
	font-size: 30px;
	font-family: SVN-Avengeance;
	height: 32px;
}
.noidung{
	margin-bottom:10px;
}
.right_header{
	width: calc(100% - 285px);
}
.header_title{
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: linear-gradient(90deg, transparent 70px, var(--color-r) 0%);
	padding: 9px 0 9px 105px;
	position: relative;
}
.header_title:before{
	content: "";
	position: absolute;
	border-top: 40px solid var(--color-r);
	border-left: 65px solid transparent;
	top: 0;
	left: 5px;
}
.header_title:after{
	content: "";
	position: absolute;
	width: 100vw;
	height: 40px;
	background: var(--color-r);
	left: 100%;
	top: 0;
}
.header_diachi{
	display: flex;
	align-items: center;
}
.header_diachi p{
	color:#000000;
	font-size: 14px;
	font-family: OpenSansRegular;
	margin-left: 8px;
}
.header_email{
	display: flex;
	align-items: center;
	position: relative
}
.header_email p{
	color:#000000;
	font-size: 14px;
	font-family: OpenSansRegular;
	margin-left: 9px;
}
.lienket{margin: 0px 0px 0px 0px;padding-top: 0px;position: relative;}
.lienket p{float: left;font-size: 14px;font-family: "RobotoCondensedRegular";color: #000000;margin-right: 37px;padding-top: 8px;}
.lienket a{padding: 0px 5px 0px 5px;color: #fff;display: inline-block;}
.lienket img:hover{opacity: 0.7;}
/*==============*/
div#menu_mobi {display:none; }
div#menu {margin:auto;width:100%;position: absolute;top: 151px;z-index: 999999;}
div#menu:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 37px;
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(45,45,45,1) 60%, rgba(0,0,0,1) 97%);
	top: calc(50% - 18.5px);
	left: 0;
}
div#menu ul {list-style:none;display: flex;}
div#menu ul li {flex:auto;position:relative;z-index:99;padding: 0px 0px;text-align:center;}
div#menu div > ul > li{
	height: 47px;
	line-height: 47px;
	background: var(--color-r);
	margin: 0 14px;
}
div#menu div > ul > li:before{
	content: "";
	position: absolute;
	border-bottom: 47px solid var(--color-r);
	border-left: 15px solid transparent;
	top: 0;
	right: 100%;
}
div#menu div > ul > li:after{
	content: "";
	position: absolute;
	border-top: 47px solid var(--color-r);
	border-right: 15px solid transparent;
	top: 0;
	left: 100%;
}
div#menu div > ul > li:hover > ul{
	left: -15px;
}
div#menu ul li a {color: #000000; font-size: 14px;text-transform: uppercase; display: block; font-family:OpenSansExtraBold;}
div#menu ul li a:hover,div#menu ul li a.active,div#menu ul li a.active2{
	color: #CC0000;
}
div#menu>div>ul>li>a:hover,div#menu>div>ul>li>a.active,div#menu>div>ul>li>a.active2{}
div#menu div > ul > li > ul > li a:hover{
	position: relative;
	padding-left: 5px;
	transition: all 0.5s;
}
div#menu ul li a:hover span,div#menu ul li a.active span,div#menu ul li a.active2 span{}
div#menu ul li ul,div#menu ul li:hover ul li ul {position:absolute;margin-left:0px;display: none;}
div#menu ul li:hover ul {display:block; }
div#menu ul li ul li {width:220px; line-height:1.5; background:var(--color-r); border-top:1px solid #fff; text-align:left;}
div#menu ul li ul li a {padding:6px 10px;text-transform:none;}
div#menu ul li ul li a:hover{}
div#menu ul li ul li ul {left:220px;top:-1px;} 
/*-------meu-danhmucleft-------*/
#left{width:275px;float: left;}
#right{float: right;width:888px}
div.khung_danhmuc {margin-bottom: 15px;}
div#danhmuc {border-left:none; border-right:none; padding:0px 0px;}
div#danhmuc ul li {position:relative;}
div#danhmuc>ul>li:last-child>a {border:none;}
div#danhmuc ul li ul{position:absolute; left:100%; width:100%; top:0px;display:none;z-index: 999999;background: #fff;}
div#danhmuc ul li a {padding:10px 10px 10px 35px;color:#7f7f7f; font-family:'RobotoRegular'; font-size:15px; display:block; position:relative;}
div#danhmuc ul li a:hover {color:red; }
div#danhmuc ul li a:before{position: absolute;left: 23px;top: 15px;content: "";width:4px;height:7px;background: url(images/bf_li.png) no-repeat;}
div#danhmuc ul li ul li a {padding: 9px 5px 9px 22px;}
div#danhmuc ul li ul li a:after, div#danhmuc ul li ul li a:before{display:none;}
div#danhmuc ul li ul li:nth-last-child(1) a{border-bottom: none;}
.khung_danhmuc .thanh{position: relative;font-family:var(--font-r);font-size:17px;color: #fff;text-transform: uppercase;background: var(--color-r);padding:12px 15px;line-height: 27px}
/*------endcotleft----------*/
#timkiem{width: 300px;float: right;background-color: #fff;height: 30px;margin-top:10px;position: relative;border: 1px solid #e6ebed;overflow: hidden;}
#timkiem select{ border: 0px; width: 100px; }
#timkiem input{width:calc(100% - 40px);height:30px;outline: none;border: none;background-color: #fff;font-size: 14px;color: #000;padding-left: 10px;line-height: 14px}
#timkiem button {width: 40px; height: 30px; outline: none; border: none; background: url(images/search.png) center no-repeat #ff0000; }
#timkiem input::-webkit-input-placeholder {color: #818181;font-size: 13px;}
#timkiem input:-moz-placeholder { /* Firefox 18- */color: #818181;font-size: 13px;  }
#timkiem input::-moz-placeholder {  /* Firefox 19+ */color: #818181;font-size: 13px;}
#timkiem input:-ms-input-placeholder {  color: #818181;font-size: 13px;  }
#search_mobi input::-webkit-input-placeholder {color: #fff;font-size: 13px;}
#search_mobi input:-moz-placeholder { /* Firefox 18- */color: #fff;font-size: 13px;  }
#search_mobi input::-moz-placeholder {  /* Firefox 19+ */color: #fff;font-size: 13px;}
#timsearch_mobikiem input:-ms-input-placeholder {  color: #fff;font-size: 13px;  }
/*-----sanpham----*/
.item{padding: 0px 15px;margin-bottom:30px;width: calc(100% / 4)}
.item .product_images{position: relative;padding: 0px;}
.item .product_images img {max-width: 100%;border: none;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-transition: 0.5s;}
.ten_item{padding: 5px;text-align: center;}
.ten_item h3{font-size:17px;font-family: 'RobotoBold';color: #515151}
.ten_item .giaban{font-size:15px;font-family: 'RobotoRegular';color: #c22121}
.ten_item .giaban span{color: #ff0000}
.slick-prev{position: absolute;top: -45px;right:40px;width: 20px;height: 20px;background: url(images/prev_s.png);}
.slick-next{transform:rotate(180deg);position: absolute;top: -45px;right:16px;width: 20px;height: 20px;background: url(images/prev_s.png);}
/*================Chi tiết sản phẩm======================*/
.chitiet_sanpham {margin-bottom: 10px;margin-top: 50px;display: flex;justify-content: space-between;flex-flow: wrap;}
.imgsp {width:40%;margin-bottom: 20px;text-align: center;}
#hinhcon_mo{margin-top: 10px}
.chayhinhcon{margin: 0px -5px;}
.item_sub_img{padding: 0px 5px}
.main_img_detail{padding-top: 0px;}
.box_des_detail {padding: 0px 5px;width: 57%;}
.item_des_detail {padding: 5px 0px;font-size: 15px;color: #333;font-family:var(--font-main)}
.block-border-botom{border-bottom: 1px solid #eee;padding-bottom: 10px;margin-bottom: 10px;}
.giaban_detail{color: #ff0000;font-family:var(--font-main);font-weight:700;font-size: 22px;margin-right: 15px;}
.giacu_detail{color: #ddd;font-size: 15px;}
.ten_detail{font-size:20px;text-transform: uppercase;font-family:var(--font-main);font-weight:900;color: #000;padding-bottom:10px;
	margin-bottom: 5px;position: relative;display: block;
}
.ten_detail:after{width:100px;height: 2px;background: #333;position: absolute;bottom: 0px;left: 0px;content:""}
.tit-desc-detail{font-size: 15px;font-weight: 700;color: #333;display: block;margin-bottom: 5px;}
.w_chiase{background: #e2e2e2e2;padding: 12px 10px 0px 10px}
.des-soluong{margin-bottom: 10px;}
.item_des_detail .qty{display: block;float: none;margin-bottom: 5px;text-align: left;text-transform: uppercase;font-size: 12px;font-weight: bold;font-family: 'RobotoBold';}
.item_des_detail .controls button{outline: none;background-color:#fff;border: 1px solid #eaeaea;border-radius: 5px;color: #909090;}
.item_des_detail .controls button:nth-of-type(1),.item_des_detail button:nth-of-type(2){padding: 15px 15px}
.item_des_detail .controls button:hover{color: #fff;background: #04a71f;}
.item_des_detail input{padding:5px;border: 1px #eee solid;text-align: center;margin: 0px 5px;width: 100px;
	color: #333;border-radius: 5px;outline: none;
}
#add-cart{
	font-size: 13px; color: #fff; text-decoration: none; padding: 0 30px; background:var(--color-r);
	border: 1px solid;  background:var(--color-r);display: inline-block; border-radius: 50px; text-transform: uppercase; float: left; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;
}
.product-qty .cart {display: flex;}
.product-qty .show{margin-bottom: 5px;}
.row-add-cart{display: flex;flex-flow: wrap;}
.row-add-cart .controls{display:flex;margin-right: 10px;}
/*================albumhinhanh======================*/
.item_album{margin-bottom: 20px;width: calc(100% / 4);padding: 0 10px;}
.img_album img{width: 100%}
.ten_album{padding:10px 10px;}
.ten_album h3{font-family:'RobotoBold';font-size: 15px;color: #000;text-align: center;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.ten_album h3:hover{
	color:var(--color-r);
	transition: all 0.5s;
}
.tieude_album_detail{font-family:'RobotoBold';font-size: 20px;color: #9e9e9e;text-transform: uppercase;margin-bottom: 20px;}
.item_album_detail{width: calc(100% / 4);padding:0px 15px;margin-bottom: 30px;}
.noidung_album{margin: 20px 0px}
/*---------tranglienhe--------*/
.thanh_contact{line-height: 1.8;position: relative;margin-bottom: 15px;color:var(--color-r);font-family:var(--font-r);font-size: 20px;text-transform: uppercase;}
.thanh_contact:after{content: "";position: absolute;left: 0px;bottom: 0px;width: 60px;height: 2px;background: var(--color-r)}
.left_contact{margin-left: 0px;color: #000;}
.right_contact{margin-top: 20px}
.form_contact{float: left;width: 49%;font-family:'RobotoRegular';font-size: 15px;color: #000}
.form_lh{float: right;width: 49%}
.form_lh .left_input{float:left;width: 48.5%;margin-bottom: 10px;}
.form_lh .right_input{float:right;width: 48.5%;margin-bottom: 10px;}
.form_lh input{font-family:'RobotoBold';font-size: 13px;color: #333;float: left;width: 100%;height: 40px;;border: 1px solid #ced4da;outline: none;background: transparent;padding-left: 15px}
.form_lh textarea{font-family:'RobotoBold';font-size: 13px;color: #333;float: left;width: 100%;;border: 1px solid #ced4da;outline: none;background: transparent;resize: none;padding-left: 15px;padding-top: 10px;}
.textarea_noidung{float: left;width: 100%}
.form_lh input:focus, .form_lh textarea:focus { box-shadow: 0 2px var(--color-r); border-bottom: 1px solid var(--color-r); }
.form_lh input:focus::placeholder, .form_lh textarea:focus::placeholder { color: var(--color-r); }
.w_recap,.w_submit{display:inline-block;width: 100%;clear: both;}
.btn_send_lienhe {color: #fff;background: var(--color-r);border:none;float: left;clear: both;padding:8px 30px;font-family:'RobotoBold';font-size: 13px;margin-top: 15px;text-transform: uppercase;}
.w_bando_lh{height: 400px;overflow: hidden;margin-top: 30px}
.w_bando_lh iframe{width:100%;height:400px}
/*========end csstrangtrong======*/
.box_video{width: calc(100% /  4);padding: 0px 15px;;margin-bottom: 30px}
.video_info{font-size: 12px;color:#767676;line-height: 1.3em;}
.video_info .loai_vid a{font-size: 13px;color:#767676;}
.video_info .loai_vid:hover a{color:#167ac6;}
.box_video img{ max-width: 100%;}
.box_video a h3{ text-align: left; margin:5px 0px 0px 0px; width: 100%; float: left; font-size: 14px;color:#035F67;font-weight: bold;overflow: hidden;}
.box_video:hover a h3{color:#d5aa16;}
.box_video:hover{ opacity: 0.8;}
.box_vid{width:70%;float: left;}
.box_vid iframe{height:500px;}
.box_vid h1{font-size: 24px;color:#fff;width:100%;background:rgba(0,0,0,.7);padding:15px 10px;box-sizing:border-box;}
.vid_cmt{width:100%;height:auto; float: left; margin-top: 10px;}
.other_vid{width:28%;float: right;}
.title_other{color:#003466;font-size: 14px;font-weight: bold; border-bottom: 1px solid #ccc;text-transform: uppercase;}
.other_vid .box_video_detail{width:100%;padding:7px;box-sizing:border-box;}
.other_vid .box_video_detail img{width:40%;float: left;height:auto;}
.box_video_detail .vid_info{width:58%;float: right;color:#767676;line-height: 1.3em;font-size: 12px;}
.box_video_detail .vid_info a h3{font-size: 13px;font-weight: 500;color:#08678E;font-weight: bolder;}
.box_video_detail:hover .vid_info a h3{color:#d5aa16;}
.vid_info .loai_vid a{font-size: 13px;color:#767676;}
.vid_info .loai_vid:hover a{color:#167ac6;}
.box_video .luotxem{ font-style: italic; color: #666; font-size: 12px; }
@media(max-width: 800px){.box_vid{width:100%;clear:left;}.other_vid{width:100%;}}
/*===tintuc*/
.box_new{margin-bottom: 15px;width: 50%;padding:0px 15px;}
.border_boxnew{height: 100%;border-bottom: 1px dashed #ddd;padding-bottom: 10px;margin-bottom: 10px}
.img_boxnew{float: left; position: relative; z-index: 2; margin-right: 15px; overflow: hidden; }
.img_boxnew img {float: left;box-sizing: border-box;position: relative;z-index: 2;display: inline-block;max-width: 200px!important;}
.info_boxnew{overflow: hidden; height: 100%; position: relative; }
.info_boxnew h3{font-family:'RobotoCondensedBold';font-size: 15px;color: #393939;margin-bottom: 5px;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.info_boxnew h3:hover{color: var(--color-r);transition: all 0.5s}
.date {color: #636363; font-size: 13px; font-family:'RobotoCondensedRegular'; }
.info_boxnew p{
	text-align: justify; font-family:RobotoCondensedRegular; font-size: 14px;  width: 100%; 
	overflow: hidden; text-overflow: ellipsis; 
	line-height: 25px; -webkit-line-clamp: 3; 
	height: 75px; display: -webkit-box; -webkit-box-orient: vertical; }
	.baiviet_khac {width: calc(100% - 110px); font-family: 'RobotoCondensedBold'; font-size: 14px; line-height: 1.3; 
}
.xemtintrong{font-family:'RobotoBold';font-size:13px;color: #ea0000}
/*=====footer========*/
#footer{}
#bottom_ft{
	padding: 28px 0 30px 0;
} 
.ten_cty{}
.ten_cty h2{
	font-family: SFUMachineRegular;
	color:#ffba00;
	font-size: 40px;
	text-transform: uppercase;
}
.title_ft{
	margin-bottom: 25px;
}
.title_ft h3{
	color:#fff;
	font-size: 20px;
	font-family: SFUMachineRegular;
	text-transform: uppercase;
}
.wrap_chinhsach{

}
.wrap_chinhsach a{
	display: block;
	color:#ffffff;
	font-size: 13.96px;
	font-family: RobotoRegular;
	padding-left: 23px;
	position: relative;
	margin-bottom: 8px;
}
.wrap_chinhsach a:before{
	content: "";
	position: absolute;
	width: 16px;
	height: 12px;
	background: url(images/icon_ft.png) no-repeat;
	left: 0;
	top: calc(50% - 6px);
}
.wrap_chinhsach a:hover{
	color:var(--color-r);
	transition: all 0.5s;
}
.wrap_chinhsach a:last-child{
	margin-bottom: 0;
}
.flex_ft{display: flex;justify-content: space-between;}
.cot1_ft{width: 30%;}
.cot2_ft{width: 13.75%;margin-top: 32px;}
.cot3_ft{width: 25%;margin-top: 10px;}
.w_bando{height: 200px;overflow: hidden;}
.w_bando iframe{width:100%;height: 100%}
.before_copyright{
	padding: 9px 0px 9px 60px;
	background: var(--color-r);
	position: relative;
}
.before_copyright:before{
	content: "";
	position: absolute;
	border-top: 40px solid var(--color-r);
	border-left: 65px solid transparent;
	top: 0;
	right: 100%;
}
.before_copyright:after{
	content: "";
	position: absolute;
	width: 100vw;
	height: 40px;
	background: var(--color-r);
	left: 100%;
	top: 0;
}
#copyright{background: #CC9500;font-family: RobotoRegular;font-size: 14px;color: #fff;overflow: hidden;}
#copyright .flex{display: flex;justify-content: space-between;align-items: center;}
/*=====footer========*/
.lienket_ft {margin-top: 25px;display: flex;align-items: center;}
.lienket_ft p{}
.icon-footer{float: right;padding-left: 15px;}
.lienket_ft a:last-child{margin-right: 0px;}
.lienket_ft a{margin: 0px 14px 0px 0px;float: left;}
.lienket_ft img{border: none;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-transition: 0.5s;}
.lienket_ft img:hover{opacity: 0.6;}
/*Đăng ký*/
.main_dangky{
	background: var(--color-r);
	padding: 42.5px 0;
}
.flex_dangky{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.cot1_dangky{
	width:18.75%;
}
.cot1_dangky h3{
	color:#000000;
	font-size: 20px;
	font-family: SFUMachineRegular;
	text-transform: uppercase;
}
.cot1_dangky p{
	color:#000000;
	font-size: 14px;
	font-family: OpenSansRegular;
	margin-top: 5px;
}
.cot2_dangky{
	width: calc(100% - 18.75% - 88px);
}
.form_dangky form{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.form_dangky input{
	width: 100%;
	outline: none;
	border:none;
	height: 40px;
	padding: 0 18px;
}
.form_dangky button{
	width: 133px;
	outline: none;
	border: none;
	height: 40px;
	font-family: OpenSansBold;
	font-size: 14px;
	color:#fff;
	text-transform: uppercase;
	background: #000000;
}
.form_dangky button:hover{
	color:var(--color-r);
	transition: all 0.5s;
	opacity: 0.7;
}
.flex_input{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% - 133px);
	margin: 0 -10px;
}
.flex_input input{
	width: calc(100% / 3);
	margin: 0 10px;
}
.input::placeholder {
	/* Chrome,Firefox,Opera,Safari 10.1+ */
	color:#000000;
	opacity:1;
	font-size: 13px;
	font-family: OpenSansRegular;
	/* Firefox */;
}
.input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color:#000000;
	font-size: 13px;
	font-family: OpenSansRegular;
	opacity:1;
}
.input::-ms-input-placeholder {
	/* Microsoft Edge */
	color:#000000;
	font-size: 13px;
	font-family: OpenSansRegular;
	opacity:1;
}
/*Tin tức*/
.main_tintuc{
	margin: 45px 0 63px 0;
}
.flex_tintuc{
	display: flex;
	justify-content: space-between;
}
.cot1_tintuc{
	width: calc(50% - 10px);
}
.cot2_tintuc{
	width: calc(50% - 10px);
}
.title_tintuc{
	background: #fff;
	position: relative;
	z-index: 22;
	padding-bottom: 15px;
}
.title_tintuc h3{
	color:#000000;
	font-size: 40px;
	font-family: SFUMachineRegular;
	text-transform: uppercase;
}
#uscroll{
	margin: -9.5px 0 -9.5px 0;
	position: relative;
}
.flex_item_tintuc{
	display: flex;
	align-items: center;
	padding: 9.5px 0;
	position: relative;
}
#uscroll:after{
	content: "";
	position: absolute;
	width: 1px;
	height: calc(100% - 10px);
	background: #CCCCCC;
	left: 52.5px;
	top: 0;
}
.time_tintuc{
	width: 33px;
	height: 33px;
	background: var(--color-r);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.time_tintuc p{
	color:#000000;
	font-size: 14px;
	font-family: OpenSansBold;
}
.slick_tintuc .slick-current .wrap_tintuc{
	background: var(--color-r);
	border:1px solid transparent;
}
.slick_tintuc .slick-current .text_tintuc a{
	color:#000000;
}
.slick_tintuc .slick-current .text_tintuc p{
	color:#333333;
}
.w_all_tintuc{
	width: calc(100% - 33px);
	padding: 0 0 0 23px;
	margin-left: 23px;
	position: relative;
}
.w_all_tintuc:before{
	content: "";
	position: absolute;
	width: 15px;
	height: 15px;
	background: url(images/icon_tintuc.png) no-repeat;
	top: calc(50% - 7.5px);
	left: -8.5px;
}
.wrap_tintuc{
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #212121;
	padding: 15px 12px;
	position: relative;
	border: 1px solid #B5B5B5;
}
.slick_tintuc .slick-current .wrap_tintuc:before{
	content: "";
	position: absolute;
	border-top: 4.5px solid transparent;
	border-right: 8px solid var(--color-r);
	border-bottom: 4.5px solid transparent;
	right: 100%;
	top: calc(50% - 4.5px);
}
.wrap_tintuc:before{
	content: "";
	position: absolute;
	border-top: 4.5px solid transparent;
	border-right: 8px solid #000000;
	border-bottom: 4.5px solid transparent;
	right: 100%;
	top: calc(50% - 4.5px);
}
.img_tintuc{
	width: 102px;
	padding: 2px;
	background: #fff;
}
.text_tintuc{
	width: calc(100% - 116px);
}
.text_tintuc a{
	color: #ffba00;
	font-size: 16px;
	font-family: OpenSansBold;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 22px;
}
.text_tintuc a:hover{
	opacity: 0.7;
	transition: all 0.5s;
}
.text_tintuc p{
	color: #ffffff;
	font-size: 14px;
	font-family: OpenSansRegular;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 44px;
	margin-top: 8px;
}
.video{
	position: relative;
}
.video img{
	width: 100%;
	height: 100%;
}
.video_lq{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}
.video_lq select{
	width: 100%;
	outline: none;
	border: none;
	height: 42px;
	background: rgba(0,0,0,0.6);
	padding: 0px 17px;
	color:#fff;
	font-size: 14px;
	font-family: OpenSansRegular;
	text-transform: uppercase;
	cursor: pointer;
}
.video:hover .icon_play img{
	opacity: 1;
	transition: all 0.5s;
	transform: scale(1);
}
.icon_play img{
	height: 100px;
	width: 100px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0;
	transform: scale(0);
	transition: all 0.5s;
}
/*Album hình ảnh đã hoàn thiện*/
.main_album{
	padding: 45px 0 60px 0;
}
.main_album .thanh_title h3{
	color:#ffba00;
}
.slick_album{
	margin:0 -10px;
}
.slick_album .slick-prev{
	position: absolute;
	width: 16px;
	height: 26px;
	background: url(images/icon_prev.png) no-repeat;
	left: -45px;
	top: calc(50% - 13px);
	filter: brightness(0) invert(1);
}
.slick_album .slick-next{
	position: absolute;
	width: 16px;
	height: 26px;
	background: url(images/icon_prev.png) no-repeat;
	right: -48px;
	top: calc(50% - 13px);
	filter: brightness(0) invert(1);
}
.slick_dichvu .slick-prev{
	position: absolute;
	width: 16px;
	height: 26px;
	background: url(images/icon_prev.png) no-repeat;
	left: 0;
	top: calc(50% - 13px);
	filter: brightness(0) invert(1);
}
.slick_dichvu .slick-next{
	position: absolute;
	width: 16px;
	height: 26px;
	background: url(images/icon_prev.png) no-repeat;
	right: 0;
	top: calc(50% - 13px);
	filter: brightness(0) invert(1);
}
.wrap_album{
	padding:0 10px;
}
.img_album{
	border:1px solid #fff;
	position: relative;
}
.text_album{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 30px;
}
.text_album h3{
	color:#000000;
	font-size: 14px;
	font-family: OpenSansExtraBold;
	text-transform: uppercase;
	background: var(--color-r);
	padding: 13px 0;
	min-width: 119px;
	text-align: center;
	position: relative;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 47px;
}
.text_album h3:after{
	content: "";
	position: absolute;
	border-top: 47px solid var(--color-r);
	border-right: 15px solid transparent;
	top: 0;
	left: 100%;
}
.text_album a{
	color:#fff;
	font-size: 14px;
	font-family: OpenSansLight;
	text-decoration: underline;
}
.text_album a:hover{
	color:var(--color-r);
	transition: all 0.5s;
}
/*Sản phẩm*/
.main_sanpham{
	margin: 60px 0 50px 0;
}
.slick_list .slick-track{
	display: flex;
	justify-content: center;
}
.product_list{
	text-align:center;
	margin-bottom: 53px;
}
.product_list ul{
	margin: 0 -10px;
	text-align: center;
}
.product_list ul li{
	display: inline-block;
	background: var(--color-r);
	max-width: 105px;
	text-align: center;
	padding: 13px 0;
	margin: 0 22px;
	position: relative;
	cursor: pointer;
}
.product_list ul li.active,.product_list ul li:hover{
	background: #000000;
}
.product_list ul li.active:before,.product_list ul li:hover:before{
	border-bottom: 47px solid #000000;
}
.product_list ul li.active:after,.product_list ul li:hover:after{
	border-top: 47px solid #000000;
}
.product_list ul li.active{
	background: #000000;
}
.product_list ul li.active h3,.product_list ul li:hover h3{
	color:#fff;
}
.product_list ul li:before{
	content: "";
	position: absolute;
	border-bottom: 47px solid var(--color-r);
	border-left: 15px solid transparent;
	right: 100%;
	top: 0;
}
.product_list ul li:after{
	content: "";
	position: absolute;
	border-top: 47px solid var(--color-r);
	border-right: 15px solid transparent;
	left: 100%;
	top: 0;
}
.product_list ul li h3{
	color:#000000;
	font-size: 14px;
	font-family: OpenSansExtraBold;
	text-transform: uppercase;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 21px;
}
.div_sanpham{
	display: flex;
	flex-flow: wrap;
	margin:-10px;
}
.wrap_sanpham{
	width: calc(100% / 4);
	padding:10px;
}
.img_sanpham{
	position: relative;
	border: 1px solid #EAEAE9;
}
.sanpham_new{
	position: absolute;
	top: 10px;
	left: 20px;
	color:#ffffff;
	font-size: 12.86px;
	font-family: RobotoRegular;
	text-transform: uppercase;
	background: #CC2121;
	width: 47px;
	text-align: center;
	border-radius: 5px;
}
.sanpham_giamgia{
	position: absolute;
	top: 38px;
	left: 20px;
	color:#ffffff;
	font-size: 12.86px;
	font-family: RobotoRegular;
	text-transform: uppercase;
	background: #E6922F;
	width: 47px;
	text-align: center;
	border-radius: 5px;
}
.sanpham_giamgia1{
	position: absolute;
	top: 10px;
	left: 20px;
	color:#ffffff;
	font-size: 12.86px;
	font-family: RobotoRegular;
	text-transform: uppercase;
	background: #E6922F;
	width: 47px;
	text-align: center;
	border-radius: 5px;
}
.text_sanpham{
	text-align:center;
	margin-top: 20px;
}
.text_sanpham a{
	color:#000000;
	font-size: 16px;
	font-family: RobotoRegular;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.text_sanpham a:hover{
	color:#D32222;
	transition: all 0.5s;
}
.text_sanpham p{
	font-size: 16px;
	font-family: RobotoBold;
	color:#D32222;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 8px;
}
.text_sanpham p span{
	font-family: RobotoRegular;
	font-size: 14px;
	color:#CFCFCF;
	text-decoration: line-through;
	margin-left: 28px;
}
/*Dịch vụ*/
.main_dichvu{
	padding: 55px 0 60px 0;
}
.main_dichvu .thanh_title h3{
	color:#ffba00;
}
.slick_dichvu{
	margin:0 -35px;
}
.wrap_dichvu{
	padding: 0 35px;
}
.img_dichvu{
	position: relative;
	z-index: 2;
}
.img_dichvu a{
	display: block;
    max-width: 213px;
    max-height: 213px;
    margin: 0 auto;
    border-radius: 50%;
    background: var(--color-r);
}
.img_dichvu:hover img{
	opacity: 0.7;
	transition: all 0.5s;
}
.img_dichvu a img{
	border-radius: 50%;
	border:4px solid #fff;
	position: relative;
	top: 4.5px;
	left: 4.5px;
}

.text_dichvu{
	text-align: center;
	position: relative;
	background: var(--color-r);
	transform: skew(-20deg);
	padding: 7.5px 10px;
	max-width: 240px;
	margin: 0 auto;
	margin-top: -25px;
	z-index: 3;
}
.text_dichvu:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: -8px;
	right: -6px;
	z-index: -1;
	border-top: 8px solid rgba(0,0,0,0.3);
	border-right: 6px solid rgba(0,0,0,0.3);
}
.text_dichvu a{
	color:#000000;
	font-size: 16px;
	font-family: OpenSansExtraBold;
	text-transform: uppercase;
	transform: skew(20deg);
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 22px;
}
.text_dichvu a:hover{
	color:#CC0000;
	transition: all 0.5s;
}
.flex_new{
	display: flex;
	justify-content: space-between;
}
.cot1_new{
	width: calc(100% - 300px);
}
.cot2_new{
	width: 280px;
}
.cot2_new .tieude_bvtt{
	padding-bottom: 10px;
	margin-bottom: 5px;
	border-bottom: 1px solid #d4d4d4;
}
.cot2_new .info_boxnew{
	margin-top: 10px;
}
.slick_new{
	margin-bottom: 15px;
}
.wrap_new{
	padding-bottom: 15px;
}
.mxh_gocphai{
	position: fixed;
	bottom: 260px;
	right: 15px;
}
.mxh_gocphai a{
	margin:0 0 20px 0;
	display: block;
}
#popup{
	z-index: 10500000!important;
}