@charset "utf-8";
:root {
	--font-main:'Quicksand', sans-serif;
	--font-r:'Noto Sans', sans-serif;
	--font-f:'Noto Sans', sans-serif;
	--color-r:#FF7F00;
	--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 .6s ease;}
.fixmenu{position: sticky!important;top: 0px!important;left: 0px!important;margin: auto!important;width: 100%!important;z-index: 99!important}
.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: 20px;}
.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;
}
.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: 30px!important;text-align: center;}
.thanh_title h3{
	background:var(--color-r);
	font-family: UTM-Duepuntozero;
	color:#fff;
	font-size: 24px;
	text-transform: uppercase;
	display: inline-block;
	padding: 9px 12px 5px 12px;
	position: relative;
	min-width: 200px;
}
.thanh_title h3:before{
	content: "";
	position: absolute;
	width: 21px;
	height: 24px;
	background:url(images/before_title.png) no-repeat;
	top: 4px;
	left: 0;
}
.thanh_title h3:after{
	content: "";
	position: absolute;
	width: 21px;
	height: 24px;
	background:url(images/after_title.png) no-repeat;
	bottom: 4px;
	right: 0;
}
.w_title{
	position: relative;
	display: inline-block;
}
.w_title:before{
	content: "";
	position: absolute;
	width: 140px;
	height: 13px;
	background:url(images/after_title1.png) no-repeat;
	top: calc(50% - 6.5px);
	left: 100%;
}
.w_title:after{
	content: "";
	position: absolute;
	width: 140px;
	height: 13px;
	background:url(images/before_title1.png) no-repeat;
	top: calc(50% - 6.5px);
	right: 100%;
}
.pos_ab_title{
	display: inline-block;
	position: relative;
}
.pos_ab_title:before{
	content: "";
	position: absolute;
	width: 5px;
	height: 40px;
	background:var(--color-r);
	top: calc(50% - 20px);
	right: 100%;
	z-index: 2;
}
.pos_ab_title:after{
	content: "";
	position: absolute;
	width: 5px;
	height: 40px;
	background:var(--color-r);
	top: calc(50% - 20px);
	left: 100%;
	z-index: 2;
}
/*-------slider------*/
#slider-top{max-width: 1920px;margin:auto;}
/*---------header---------*/
.header_title .margin-auto{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#header{
	padding: 45px 0 0 0;
}
.wrap_banner{position: relative;}

.left_header{
	position: absolute;
	top: 25px;
	left: 0;
	z-index: 999;
}
.right_header{
	position: absolute;
	top: 0;
	right: 0;
}
.flex_header{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo{}
.banner{}
.w_datban{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 2;
	min-width: 375px;
}
.datban{
	width: 168px;
	height: 162px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 22;
	position: relative;
	margin-top: -45px;
}
.datban a{
	color:#ff0000;
	font-size: 36px;
	font-family: gabriola;
	text-shadow: rgb(255, 255, 255) 5px 0px 0px, rgb(255, 255, 255) 4.90033px 0.993347px 0px, rgb(255, 255, 255) 4.60531px 1.94709px 0px, rgb(255, 255, 255) 4.12668px 2.82321px 0px, rgb(255, 255, 255) 3.48353px 3.58678px 0px, rgb(255, 255, 255) 2.70151px 4.20736px 0px, rgb(255, 255, 255) 1.81179px 4.6602px 0px, rgb(255, 255, 255) 0.849836px 4.92725px 0px, rgb(255, 255, 255) -0.145998px 4.99787px 0px, rgb(255, 255, 255) -1.13601px 4.86924px 0px, rgb(255, 255, 255) -2.08073px 4.54649px 0px, rgb(255, 255, 255) -2.94251px 4.04248px 0px, rgb(255, 255, 255) -3.68697px 3.37732px 0px, rgb(255, 255, 255) -4.28444px 2.57751px 0px, rgb(255, 255, 255) -4.71111px 1.67494px 0px, rgb(255, 255, 255) -4.94996px 0.7056px 0px, rgb(255, 255, 255) -4.99147px -0.291871px 0px, rgb(255, 255, 255) -4.83399px -1.27771px 0px, rgb(255, 255, 255) -4.48379px -2.2126px 0px, rgb(255, 255, 255) -3.95484px -3.05929px 0px, rgb(255, 255, 255) -3.26822px -3.78401px 0px, rgb(255, 255, 255) -2.4513px -4.35788px 0px, rgb(255, 255, 255) -1.53666px -4.75801px 0px, rgb(255, 255, 255) -0.560763px -4.96845px 0px, rgb(255, 255, 255) 0.437495px -4.98082px 0px, rgb(255, 255, 255) 1.41831px -4.79462px 0px, rgb(255, 255, 255) 2.34258px -4.41727px 0px, rgb(255, 255, 255) 3.17346px -3.86382px 0px, rgb(255, 255, 255) 3.87783px -3.15633px 0px, rgb(255, 255, 255) 4.4276px -2.32301px 0px, rgb(255, 255, 255) 4.80085px -1.39708px 0px, rgb(255, 255, 255) 4.98271px -0.415447px 0px;
	position: absolute;
	margin-top: 28px;
}
.datban a:hover{
	color:var(--color-r);
	transition: all 0.5s;
}
.hotline{
	width: 168px;
	height: 162px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 22;
	position: relative;
	margin-top: -45px;
}
.text_hotline{
	position: absolute;
	text-align: center;
	margin-top: 20px;
}
.text_hotline span{
	color:#333333;
	font-size: 24px;
	font-family: Cambria;
	text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;
}
.text_hotline p{
	color:#ff0000;
	font-size: 24px;
	font-family: Cambria;
	text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;
	margin-top: 4px;
}
.noidung{
	margin-bottom:10px;
}
.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:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 14px;
	background: url(images/before_menu.png) repeat;
	top: 0;
	left: 0;
}
div#menu {background:var(--color-r);height: 50px;line-height: 50px;margin:auto;width:100%;position: relative;padding-top: 5px;}
div#menu ul {list-style:none;display: flex;position: relative;align-items: center;}
div#menu ul li {flex:auto; position:relative; z-index:99; padding: 0px 0px;text-align:center;}
div#menu ul li a {color: #fff;font-size: 17px;text-transform: uppercase;display: block;font-family:UTM-Duepuntozero;cursor: pointer;}
div#menu div ul li:nth-last-child(1):after{display: none;}
div#menu ul li a:hover,div#menu ul li a.active,div#menu ul li a.active2{color:#ff0; }
div#menu>div>ul>li>a:hover,div#menu>div>ul>li>a.active,div#menu>div>ul>li>a.active2{}
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 div > ul > li > ul{
	margin-top: -5px;
}
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{color: #ff0}
div#menu ul li ul li ul {left:220px; top:-1px; } 
.click_search{
	flex:none!important;
	margin-left: 35px;
	position: relative;
	top: -2px;
	display: flex;
	align-items: center;
}
.search{
	position: absolute;
	right: 25px;
	top: 9px;
	z-index: 222;
	min-width: 230px;
	opacity: 0;
	transition: all 0.5s;
	transform: scaleX(0);
}
.search.active{
	opacity: 1;
	transition: all 0.5s;
	transform: scaleX(1);
}
.search input{
	height: 32px;
	outline: none;
	border: 1px solid #fff;
	background: var(--color-r);
	border-radius: 5px;
	width: 100%;
	padding: 0 35px 0 10px;
	color: #fff;
}
.search a{
	position: absolute;
	top: 7px;
	right: 10px;
	cursor: pointer;
}
/*-------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: var(--color-r);}
.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: 0px 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;}
.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; 
}
.hethongchinhanh{
	color:#fff;
	font-size: 15px;
	font-family: UTM-Duepuntozero;
	text-transform: capitalize;
	background: var(--color-r);
	display: inline-block;
	padding: 4px 20px;
	border-radius: 25px;
}
.hethongchinhanh:hover{
	color:#fff;
	background: #BF2228;
	transition: all 0.5s;
}
.flex_chinhanh{
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}
.cot1_chinhanh{
	width: calc(50% - 10px);
}
.cot1_chinhanh iframe{
	width: 100%;
	min-height: 300px;
	height: 100%;
}
.cot2_chinhanh{
	width: calc(50% - 10px);
}
.xemtintrong{font-family:'RobotoBold';font-size:13px;color: #ea0000}
/*=====footer========*/
#footer{}
#bottom_ft{
	padding: 50px 0;
} 
.ten_cty{font-family:'UTMAvoBold';font-size:28px;color: #fff;text-transform: uppercase;;margin-bottom: 20px;line-height:1}
/*.title_ft:after{content: "";width:42px;height: 3px;background: #fff;position: absolute;left: 0px;bottom: 0px;}*/
.wrap_footer{
	max-width: 700px;
	margin:0 auto;
	background:#fff;
	padding: 10px;
}
.border_footer{
	border: 1px solid #999999;
	padding: 10px 10px 35px 10px;
}
.logo_ft{
	text-align: center;
	margin-bottom: 20px;
}
.w_bando{height: 200px;overflow: hidden;}
.w_bando iframe{width:100%;height: 100%}
#copyright{background: #fff;font-family:'SVNPoppinsRegular';font-size: 12px;color: #333333;padding: 12px 0px;}
#copyright .flex{display: flex;justify-content: space-between;align-items: center;}
/*=====footer========*/
.lienket_ft {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 0 0px 6px;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;}
/*Tin tức */
.main_tintuc{
	padding: 50px 0;
}
.slick_tintuc{
	margin:0 -15px;
}
.wrap_tintuc{
	padding:0 15px;
}
.img_tintuc{
	position: relative;
}
.time_tintuc{
	position: absolute;
	top: 9px;
	left: 9px;
	background:#fff;
	text-align: center;
	padding: 19.5px 14.5px;
}
.time_tintuc span{
	color:#333333;
	font-size: 45px;
	font-family: UTM-DuepuntozeroBold;
}
.time_tintuc p{
	color:#333333;
	font-size: 16px;
	font-family: UTM-DuepuntozeroBold;
	margin-top: 5px;
}
.text_tintuc{
	text-align: center;
	background:#fff;
	padding: 13px 5px 20px 5px;
}
.ten_tintuc{
	color:#333333;
	font-size: 20px;
	font-family: UTM-DuepuntozeroBold;
	text-transform: uppercase;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 44px;
}
.ten_tintuc:hover{
	color:var(--color-r);
	transition: all 0.5s;
}
.text_tintuc p{
	color:#5c5c5c;
	font-size: 14px;
	font-family: SVNPoppinsRegular;
	margin-top: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 44px;
}
.xemthem_tintuc{
	color:#fff;
	font-size: 14px;
	font-family: SVNPoppinsRegular;
	text-transform: capitalize;
	background:#BF2228;
	display: inline-block;
	padding: 9px 27.5px;
	border-radius: 25px;
	margin-top: 13px;
}
.xemthem_tintuc:hover{
	background:var(--color-r);
	transition: all 0.5s;
	color:#fff;
}
.flip-current img{
	border: 5px solid #fff!important;
	transition: all 0.5s;
}
#carousel{
	position: relative;
}
.main_hinhanh{
	padding:50px 0 140px 0;
}
.main_hinhanh .thanh_title{
	margin-bottom: 40px;
}
/*Video*/
.main_video{
	padding: 50px 0;
}
.w_all_video{
	background:#fff;
	padding: 1px;
}
.flex_video{
	background:#fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1010px;
	margin:0 auto;
}
.cot1_video{
	width:64.35%;
	padding:16px;
	border:1px solid var(--color-r);
	position: relative;
}
.ten_video{
	margin-top: 10px;
	color:#000;
	font-size: 15px;
	font-family: RobotoBold;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.ten_video:hover{
	color:var(--color-r);
	transition: all 0.5s;
}
.cot2_video{
	width: calc(100% - 64.35% - 80px);
	border: 1px solid var(--color-r);
	padding: 10px 15px;
}
.slick_video{
	margin:-8px 0;
}
.img_video{
	padding:8px 0;
	position: relative;
}
.img_video:hover .icon_play{
	opacity: 1;
	transition: all 0.5s;
	transform: scale(1);
}
.img_video .icon_play img{
	width: 69px;
	height: 49px;
}
.wrap_video{
	position: relative;
}
.wrap_video:hover .icon_play{
	opacity: 1;
	transition: all 0.5s;
	transform: scale(1);
}
.icon_play{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	top: 0;
	opacity: 0;
	transform: scale(0);
	transition: all 0.5s;
}
/*Sản phẩm*/
.main_thucdon{
	padding: 50px 0 5px 0;
}
.product_list{
	text-align: center;
	margin-bottom: 8px;
}
.product_list ul{
	margin: 0 -5px;
}
.slick_list{
	padding:0 20px;
}
.product_list ul li{
	display: inline-block;
	padding: 4px 0px;
	margin:0 5px;
	cursor: pointer;
	border:1px solid transparent;
}
.product_list ul li.active{
	border:1px solid var(--color-r);
}
.product_list ul li:hover{
	border:1px solid var(--color-r);
	transition: all 0.5s;
}
.product_list ul li:hover h3{
	color:var(--color-r);
	transition: all 0.5s;
}
.product_list ul li h3{
	color:#333333;
	font-size: 20px;
	font-family: UTM-Duepuntozero;
	text-transform: capitalize;
}
.div_sanpham{
	display: flex;
	flex-flow: wrap;
	margin: -5px -35px -5px -35px;
}
.wrap_sanpham{
	width: calc(100% / 3);
	padding:5px 35px 5px 35px;
	text-align: center;
}
.img_sanpham{
	position: relative;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
}
.img_sanpham a{
	border-radius: 50%;
	display: block;
}
.img_sanpham a img{
	border-radius: 50%;
	max-width: 100%;
	border: 5px solid var(--color-r);
}
.img_sanpham:hover .text_sanpham{
	opacity: 1;
	transition: all 0.5s;
	transform: scale(1);
}
.text_sanpham{
	position: absolute;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 0 25px;
	opacity: 0;
	transition: all 0.5s;
	transform: scale(0);
	background: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
}
.text_sanpham h3{
	color:#ffffff;
	font-size: 30px;
	font-family: UTM-Duepuntozero;
	text-transform: uppercase;
	text-shadow: #F8372C 3px 0px 0px, #FF0000 2.83487px 0.981584px 0px, #FF0000 2.35766px 1.85511px 0px, #FF0000 1.62091px 2.52441px 0px, #FF0000 0.705713px 2.91581px 0px, #FF0000 -0.287171px 2.98622px 0px, #FF0000 -1.24844px 2.72789px 0px, #FF0000 -2.07227px 2.16926px 0px, #FF0000 -2.66798px 1.37182px 0px, #FF0000 -2.96998px 0.42336px 0px, #FF0000 -2.94502px -0.571704px 0px, #FF0000 -2.59586px -1.50383px 0px, #FF0000 -1.96093px -2.27041px 0px, #FF0000 -1.11013px -2.78704px 0px, #FF0000 -0.137119px -2.99686px 0px, #FF0000 0.850987px -2.87677px 0px, #FF0000 1.74541px -2.43999px 0px, #FF0000 2.44769px -1.73459px 0px, #FF0000 2.88051px -0.838247px 0px;
	position: relative;
}
.text_sanpham p{
	color:#ff0000;
	font-size: 14px;
	font-family: SVNPoppinsRegular;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.text_sanpham a{
	color:#fff;
	font-size: 15px;
	font-family: SVNPoppinsRegular;
	text-transform: uppercase;
	display: inline-block;
	border: 1px solid #ff0000;
	border-radius: inherit;
	padding: 8px 30.5px;
	text-shadow: #FF0000 3px 0px 0px, #FF0000 2.83487px 0.981584px 0px, #FF0000 2.35766px 1.85511px 0px, #FF0000 1.62091px 2.52441px 0px, #FF0000 0.705713px 2.91581px 0px, #FF0000 -0.287171px 2.98622px 0px, #FF0000 -1.24844px 2.72789px 0px, #FF0000 -2.07227px 2.16926px 0px, #FF0000 -2.66798px 1.37182px 0px, #FF0000 -2.96998px 0.42336px 0px, #FF0000 -2.94502px -0.571704px 0px, #FF0000 -2.59586px -1.50383px 0px, #FF0000 -1.96093px -2.27041px 0px, #FF0000 -1.11013px -2.78704px 0px, #FF0000 -0.137119px -2.99686px 0px, #FF0000 0.850987px -2.87677px 0px, #FF0000 1.74541px -2.43999px 0px, #FF0000 2.44769px -1.73459px 0px, #FF0000 2.88051px -0.838247px 0px;	
	margin-top: 14px;
}
.text_sanpham a:hover{
	color:var(--color-r);
	transition: all 0.5s;
}
/*Giới thiệu*/
.main_gioithieu{
	padding: 50px 0;
	position: relative;
}
.cot1_gioithieu{
	max-width: 770px;
}
.cot1_gioithieu img{
	margin: 0!important;
	width: 100%;
	border: 7px solid rgba(255, 255, 255, 0.5);
}
.flex_gioithieu{
	display: flex;
	align-items: center;
	top: 0;
	height: 100%;
	position: absolute;
	max-width: 645px;
	right: calc((100% - 1200px) / 2);
}
.wrap_gioithieu{
	background:#fff;
	padding: 30px 40px 36px 30px;
}
.wrap_gioithieu h4{
	color:#fff;
	font-size: 15px;
	font-family: UTM-Duepuntozero;
	text-transform: uppercase;
	background:var(--color-r);
	display: inline-block;
	padding: 4px 13px;
}
.wrap_gioithieu h3{
	font-family: uvf-slimtony;
	color:#333333;
	font-size: 30px;
	
	position: relative;
	margin-top: 21px;
	margin-bottom: 15px;
}
.wrap_gioithieu h3:after{
	content: "";
	position: absolute;
	width: 100px;
	height: 3px;
	background:var(--color-r);
	bottom: 0;
	left: 0;
}
.wrap_gioithieu p{
	color:#5c5c5c;
	font-size: 14px;
	font-family: SVNPoppinsRegular;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 25px;
}
.wrap_gioithieu a{
	display: inline-block;
	color:#fff;
	font-size: 14px;
	font-family: RobotoRegular;
	text-transform: uppercase;
	background:var(--color-r);
	padding: 9px 29.665px;
	margin-top: 24px;
}
.wrap_gioithieu a:hover{
	background:#BF2228;
	transition: all 0.5s;
}
/*Sản phẩm cấp 1*/
.main_spc1{
	padding: 50px 0;
}
.slick_spc1{
	margin:0 -25px;
}
/* .slick_spc1 .slick-current .bg_spc1{
	background:url(images/bg_sanpham1.png) no-repeat;
	background-size: cover;
} */
.wrap_spc1{
	padding:0 25px;
	text-align: center;
}
.wrap_spc1 img{
	max-width: 100%;
}

.slick_list .slick-prev{
	position: absolute;
	top: calc(50% - 10px);
	left: 0;
}
.slick_list .slick-next{
	position: absolute;
	top: calc(50% - 10px);
	right: 0;
}
/* .bg_spc1{
	background:url(images/bg_sanpham.png) no-repeat;
	background-size: cover;
	padding: 25px 35px 45px 35px;
	min-height: 390px;
	position: relative;
}
.bg_spc1:hover{
	background:url(images/bg_sanpham1.png) no-repeat;
	background-size: cover;
	transition: all 0.5s;
} */
/* .wrap_spc1 a{
	color:#fff;
	font-size: 30px;
	font-family: UTM-DuepuntozeroBold;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	padding-bottom: 18px;
}
.wrap_spc1 a:hover{
	color:var(--color-r);
	transition: all 0.5s;
}
.wrap_spc1 a:after{
	content: "";
	position: absolute;
	width: 60px;
	height: 3px;
	background: #FCB426;
	bottom: 0;
	left: calc(50% - 30px);
}
.wrap_spc1 p{
	color:#fff;
	font-size: 14px;
	font-family: SVNPoppinsRegular;
	text-align: justify;
	text-align-last: center;
	line-height: 30px;
	margin-bottom: 20px;
	margin-top: 19px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
} */
/*Đặt bàn*/
.main_datban{
	margin:30px 0;
}
#frm_nhantin{
	max-width: 600px;
	margin:0 auto;
	padding: 20px;
	border: 1px solid var(--color-r);
	border-radius: 15px;
}
.flex_input{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 -5px;
}
.wrap_input{
	width: calc(100% / 2);
	margin: 0 5px;
}
.wrap_input p{
	color:#000000;
	font-size: 20px;
	font-family: UTM-DuepuntozeroBold;
	margin-bottom: 10px;
	margin-left: 2px;
}
.wrap_input1 p{
	color:#000000;
	font-size: 20px;
	font-family: UTM-DuepuntozeroBold;
	margin-bottom: 10px;
	margin-left: 2px;
}
.wrap_input h3{
	color:var(--color-r);
	font-size: 17px;
	font-family: UTM-DuepuntozeroBold;
}
#frm_nhantin input{
	outline: none;
	border:1px solid var(--color-r);
	height: 35px;
	border-radius: 25px;
	padding: 0 15px;
	margin-bottom: 25px;
	width: 100%;
}
#frm_nhantin textarea{
	outline: none;
	border: 1px solid var(--color-r);
	width: 100%;
	padding: 15px;
	border-radius: 15px;
}
#frm_nhantin button{
	border: none;
	background: var(--color-r);
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	margin-top: 20px;
	color: #fff;
	font-size: 15px;
	font-family: UTM-DuepuntozeroBold;
	text-transform: uppercase;
	padding: 10px 30px;
	border-radius: 25px;
	outline: none;
}
#frm_nhantin button:hover{
	background: #BF2228;
	transition: all 0.5s;
}
.w_radio{
	display: block;
	align-items: center;
	display: flex;
}
.w_radio input{
	width: auto!important;
	margin-bottom: 0!important;
}
.w_radio p{
	margin-right: 10px;
	align-items: center;
	display: flex;
}
.wrap_input select{
	border:1px solid var(--color-r);
	border-radius: 25px;
	height: 35px;
	width: 100%;
	padding: 0 15px;
	margin-bottom: 25px;
	outline: none;
}
#thoigiandk{
	padding: 7px 15px 7px 15px!important;
}
.giohang {position: fixed;right: 15px;bottom: 280px;}
.giohang img { width: 60px; height: 60px; border-radius: 100%; }
.giohang span { position: absolute; top: 4px; right: 10px; color: #000; font-size: 15px; font-family: RobotoBold; background: #fff; border-radius: 100%; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; }
.datban:hover img {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: Shake .6s cubic-bezier(.175,.885,.32,1.275);
    animation: Shake .6s cubic-bezier(.175,.885,.32,1.275);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}