@font-face {
 font-family:naso_fonts;
 src:url('../fonts/MavenPro-Regular.ttf') format('truetype'),
 url('../fonts/MavenPro-Regular.eot#iefix') format('embedded-opentype'),
 url('../fonts/MavenPro-Regular.woff') format('woff');
 font-weight:normal;
 font-style:normal;
}
body {
     font-family: "Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;

}
h1, h2, h3, h4, h5, h6 {
 font-family: "Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;

}
#view_van_don .p10 {padding:10px;}
#view_van_don .bb {border-bottom:1px dotted #bcb9b9;}
.page_thanhtoan .view_sp_thanhtoan { padding:15px;}
.page_thanhtoan .php-email-form .form-group {margin-bottom:0;}
.page_thanhtoan .title_form {font-size:15px;}

.contact_form_login .php-email-form .form-group {margin-bottom:0;}
.contact_form_login .php-email-form #auth_user_remember_me__label  { line-height:48px;}
.contact_form_login .php-email-form .error { color:#f00; margin-top: 5px;}

#order_view .cart_number {width:100px;}
#order_view .cart_price {width:120px;}
#order_view .cart_price_all {width:155px;}

.hident {display:none !important}
.show {display:block !important}

.foo-content li:before {
	content: none;
    font-family: "FontAwesome";
    font-size: 11px;
    color: #ff9800;
    top: 0;
    position: absolute;
    left: 0;
}

.btn_naso {
	border: none;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;}
.btn_naso { background: #5abc71;
    border: 0;
    padding: 12px 34px;
    color: #fff;
    transition: 0.4s;
    border-radius: 50px;
	line-height: 17px;
	}  
.btn_naso:hover {background:#209dd8;}  


#hero .container { position: relative;
    z-index: 5;}

@media (max-width: 480px) {
	  
	.product-container .product-photo { min-height:275px;}
	.Header {padding-top:40px;}
	.cliens  .item_ncc_home {height:35px;}
	#portfolio-flters {margin:0; padding:0;}
	.folder_product h3 {min-height:50px;}
	.portfolio #portfolio-flters li {
	cursor: pointer;
	display: inline-block;
	margin: 5px 0px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	color: #444444;
	transition: all 0.3s;
	padding: 8px 9px;
	border-radius: 50px;
	font-family: "Poppins", sans-serif;
	}
	
	.portfolio-container .portfolio-item {padding:0 7px;}
	.category-products .grid-item-col  {padding:0 7px; margin-bottom:15px;}
	.gia_moi {font-size:17px;}
	
	.folder_products  {margin: 15px -15px !important;}
	
	.btn_them_vao_gio {padding:10px !important;}
	.SP_HOT_List_BOX_text_button {padding:10px !important;}
	.prod_buttons {margin-right:5px !important;}
	
	.buy_block #block_price { 	font-size: 25px !important;	}
  
	.detailsLeft { 		margin-top: 15px;	}
	.read-moredv .contentdv {max-height:1200px;}
	.BottomHeader_bg .container { padding:0 !important; margin:0 !important;}
	
	.affa-counter h4 {font-size:18px;}
	.affa-counter {margin-bottom:0;}
  }
  
#dia_ban .select2-container .select2-choice {height:40px; line-height:40px; }
#dia_ban .vantai_select2 {  width:100%;}
.gioi_tinh_select2 { width: 100%;
    height: 44px;
    border-radius: 5px;
    border-color: #ccc;
    padding-left: 10px;
}

.contentdv {}
.contentdv h2 { font-size:17px;font-family: "Poppins", sans-serif;}
.tab-pane .gia_moi {height:55px;}

.div_alert {font-size: 12px;     padding-left: 6px;    min-height: 15px;}
.div_alert .warning{color:#ffb000;}
.div_alert .success{color:#5abc71;}


#dang_ky_salesman .form-group {
  margin-bottom: 0px;
}

#dang_ky_salesman  label {
  padding-bottom: 0px;
}

#dang_ky_salesman_alert .text-center {
	width: 100%;
    background: #fafafa;
    display: inline-block;
    padding: 15px;
    margin-bottom: 20px;
    color: #f44336;
    border: 1px dotted #ffb000;
    font-weight: bold;
}
.SP_MAIN_right_List_BOX_img_icon {padding: 4px 0 0 2px !important;}


  @media (min-width:480px ) and (max-width: 768px) {
	  
	.product-container .product-photo { min-height:275px;}
  }
  
.list_thuoc_tinh   { padding:10px 0 0 15px }
.list_thuoc_tinh li { float:left; padding:3px 6px; margin-right:5px; margin-bottom:5px; border:1px dotted rgb(255 176 0); display:block;}
.list_thuoc_tinh li.is_first { float:left; padding:3px 6px; margin-right:10px; border:none; display:block; font-weight:bold}
.list_thuoc_tinh li a:hover {cursor:pointer;}

.prod_buttons .btn_add { margin-top: 5px;    display: inherit;}

.bottom_10 {margin-bottom:10px;}
.p_top_10 {padding-top:10px;}
.p_top_20 {padding-top:20px;}

.alert_thuoc_tinh {color:#f00;}

.cate_supplier {width:100%;}
#object_table_content h2 {font-size: 16px; font-weight: bold;}


#hero h1 {
    font-size: 40px !important;
}

/*Tết 2022*/

#hero {
    width: 100%;
    height: 65vh;
    background-size: cover;
    overflow: hidden;
}
#cliens { background-color: transparent !important;}

 
#cliens {
    background-color: #13557d2e !important;
}
.item_ncc_home a {

    background: #fff;
	width: 85px !important;
    height: 55px !important;
	display: block;
}

.borderless td { border-top: none !important;}

.box_product_page {padding:15px 0; border-radius:10px 10px 10px 10px;}

.ncc_dia_chi {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;

}


 @media (min-width:480px ) and (max-width: 768px) {
	  
	  .product-container .product-photo { min-height:275px;}
	  .section-title h2, .section-title h1 {font-size:22px; margin-bottom:5px;}
	  .section-title h2, .section-title h1 {font-size:22px !important; margin-bottom:5px !important;}
	#hero h1 {
	font-size: 24px !important;
	}#hero h2 {
	font-size: 46px !important;
	}
	#hero .container {
	padding-top: 0 !important;
	}
  }
  
  

  #download .subtitle {
    font-family: Merriweather, serif;
    font-size: 17px;
    font-weight: 300;
    font-style: italic;
    text-align: center;
    max-width: 345px;
    margin: 0 auto;
    margin-bottom: 60px;
}
.download-buttons{text-align:center;}
.img_tai_app { width:150px; float:left; margin-right:10px;}
.img_tai_app img { width:100%; }

.ma_qr_code {width:180px;  margin-right:10px;}
.nguoi_gioi_thieu { text-transform: uppercase;    color: #f7881f; }
.noi_dung_gioi_thieu { color:#384059; font-size:16px; }

.page_moi_tai_app footer { min-height:auto !important;  }
.page_moi_tai_app #hero { height:auto !important; padding-bottom:100px;}
.page_moi_tai_app #hero h1 {     font-size: 25px !important;     text-transform: uppercase;    margin-top: 15px;}
.page_moi_tai_app #hero h3 {     margin-bottom: 50px;     font-size: 21px;    margin-top: 0;line-height: 30px; }
.page_moi_tai_app #hero .container {
    padding-top: 25px !important;
}

.gioi_thieu_ncc {
    color: #717374;
}


#hero .btn-get-started.copy {
      
    background: #6b78bd;
}
  .page_news .blog-body .blog-summary a {   color:#666;}
 .images_re {
  width: 100% !important;
  height: auto!important;
}
  @media (max-width: 480px) {
       .page_news .blog-body h3  {margin:10px 0;}
       .page_news .blog-body .blog-title {font-size:14px;}
       
       .page_news .blog-body:hover { background:#eee;}
	  #display_72 .box_title {font-size:16px; line-height:30px;}
      
      .gb_fff {padding:0;}
	 .page_moi_tai_app #hero h1 {     font-size: 15px !important;     text-transform: uppercase;    margin-bottom: 0; text-align:justify; margin-top:15px;}
	 .page_moi_tai_app #hero h3 {     text-align:justify; margin-top:10px;}
	.page_moi_tai_app .ma_qr_code {margin-top:10px; width:140px !important;}
	
	  .cate_supplier .folder_product .image-wrapper img {height:75%;}
	  .section-title h2, .section-title h1 {font-size:22px !important; margin-bottom:5px !important;}

	.product-container .product-photo { min-height:275px;}
	.Header {padding-top:40px;}
	.cliens  .item_ncc_home {height:35px;}
	
	#hero {
		height: auto !important;
	}

	#portfolio-flters {margin:0; padding:0;}
	.folder_product h3 {min-height:75px;}

	 .team .member .member-info {
     padding-left: 0px;  
	 padding:0;
	}
	
	#display_167 .col-xs-6 { padding:5px !important}
	.team .member h4 {font-size:14px; height:40px;}
	.team .member span {height:95px;}
	.video-container {margin: 20px 0 0 0 !important;}
	
	#hero h1 {
		font-size: 25px !important;
	}
	.new_search_naso {
	margin: 15px 0;
	}
	.images_dedang {margin-top:10px;}
	
		#hero h1 {
	font-size: 24px !important;
	}#hero h2 {
	font-size: 46px !important;
	}
	#hero .container {
	padding-top: 0 !important;
	}
	.why-us .content h3 {
		font-size: 29px !important;
	}
	
	.btn_add_cart {
		padding: 12px 15px !important;
	}
  }
  
footer {
    background: #1b4ba0 !important;
 
}