/*
Theme Name: Beweb Child
Description: This is a child theme for Beweb Theme
Author: Beweb.com.vn
Template: beweb
Version: 3.0
*/
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@200;400;700&family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
body {
  font-family: "Manrope",sans-serif,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji !important;
  font-weight: 500;
}
h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
  font-family: "Manrope",sans-serif,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji !important;
}
.nav > li > a {
  font-family: "Manrope",sans-serif,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji !important;
}
.styles_content__i1xIK {
  margin-top: 1.25rem;
}
.om-lg\:text-om-t14 {
  font-size: 14px;
  line-height: 20px;
}
.flex {
  display: flex;
}
.absolute {
  position: absolute;
}
.top-3 {
  top: .75rem;
}
.om-md\:mb-3 {
  margin-bottom: .75rem;
}
.om-md\:mb-2 {
  margin-bottom: .5rem;
}
.ml-2 {
  margin-left: .5rem;
}
.statusbd{background: #e52e22;
color: #fff;
margin-left: 10px;
padding: 0 10px;}
.flex-col {
  flex-direction: column;
}
.items-center {
  align-items: center;
}
.\!py-3 {
  padding-top: .75rem !important;
  padding-bottom: .75rem !important;
}
.p-3 {
  padding: .75rem;
    padding-right: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.w-full {
  width: 100%;
}
.flex-col button, .flex-col .button, .flex-col input {
  margin-bottom: 10px;
}
.tienichdiv img{max-height:500px;width: 100%;}
.height500{height:500px; overflow-y:scroll}
.height250{height:250px; width:100%;}
.onlyshowmobile{display:none}
.w-14 {
  width: 3.5rem;
}
.h-14 {
  height: 5.5rem;float: left;margin-right: 5px;
}
.w-14 img{height:60px; width:60px;}
.icontext p{margin:0;font-size: 14px;}
.icontext div{font-weight:bold;font-size: 16px;}
.detailcn h1{color:#000; font-weight:bold; padding: 15px 0;}
.grid > div > span{float:left}
.grid > div > div{float:right}
.grid > div{padding:10px 0;border-bottom:1px solid #ccc;overflow:hidden;}
.gtabs {
  position: relative;
}
  .gtab {
    width: 100%;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
    top: 5px;
    transition: all 0.4s;
	display:none;
  }
     .gtab.active {
      opacity: 1;
      visibility: visible;
      top: 0;
      transition: all 0.4s;
	  display:block;
    } 

.titleh3{font-size: 20px;
font-weight: 700;
padding: 15px 0;
text-transform: uppercase;}
.tabtienich button{color: #000;
padding: 0;
font-weight: normal;
text-transform: none; background:#ccc;padding: 0 10px;border-radius: 35px;}
.tabtienich button.active{background: #FF6816;
color: #fff;
padding: 0 10px;
border-radius: 35px;}
.clearfix{clear:both}
.iconleft{float: left;
margin-right: 10px;}
.boxduaninfo{position: absolute;
top: 50px;
width: 400px;
background: #fff;
left: 50px;
padding: 20px;
border-radius: 5px;
box-shadow: 1px 0px 6px 1px #a1a1a1;}
.tenduan{font-weight:bold; color:#FF6816; font-size:20px;}
.btn-timhieu{background: #FF6816; color:#fff;}
.boxinfodk{
	box-shadow: 0 8px 24px -4px rgba(0,0,0,.5);
overflow: hidden;padding: 15px;
}
.tinfodk{font-size:18px;font-weight: bold;margin-bottom: 15px;}
.boxinfodk .w-full label{font-weight: 400;}
.boxinfodk .w-full label span{color:red;}
.boxinfodk .w-full button{width: 100%;
margin: 0;
  margin-bottom: 0px;
margin-bottom: 15px;}
.boxinfodk .w-full input,.boxinfodk .w-full select{width: 100%;
height: 40px; text-align: center;
border-radius: 20px;}
.text-base{font-weight:normal;}
.tienichdiv ul li::before {
  content: url(check.svg);
  margin-right: 20px;
}
#breadcrumbs{padding: 10px 0;font-size:14px;}
.breadcrumb_last, .ybreadcrumb i {
  color:#5b5b5b ;
}
.h3duantitle{font-size: 18px;
font-weight: 600;
color: #000;line-height: 1.5;}
.tintucdiv .box-image{width: calc(100% - 360px); float:left;}
.box-image img{border-radius:5px;}
.tintucdiv .box-image img{border-radius:5px;}
.tintucdiv .box-text{float: right;
padding: 0;
width: calc(100% - 260px);
text-align: left; margin-left:10px;}
.motabv{padding: 5px 0;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;color: #777;}
.metabv a{color:#FF6816}
.giatuychinh{font-weight:bold; color:#FF6816; display:inline-block;font-size: 20px;}
.giamv{display: inline-block;
text-align: right;
margin-left: 20px; font-size:18px;}
.icontext div.pricetc{color:#FF6816; font-size:20px;}
.singlecnimg img{width:100%}
.metatime{color:#777;padding:5px; border-bottom:1px solid #ccc;}
.nutgoi{background: red;
color: #fff;
display: block;
text-align: center;
border-radius: 20px;
box-shadow: 1px 1px 1px 1px #ccc;}
.nutzalo{background:#63A3FF;
color: #fff;
display: block;
text-align: center;
border-radius: 20px;
box-shadow: 1px 1px 1px 1px #ccc;}
@media (max-width: 560px){
	.noshowmobile{display:none}
.onlyshowmobile{display:block}
.boxduaninfo{position: initial;}
}
.boldalink{font-weight:bold;color:#FF6816;}