@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;}

  
#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;}
.box_radius {  border-radius:10px 10px 10px 10px;}

.profile-page .profile-header {
    box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    
}

.profile-page .profile-header .cover {
    position: relative;
  
}


.profile-page .profile-header .cover figure {
	margin-bottom: 0;
	overflow: hidden;
	border-radius: 0 0 10px 10px;
	box-shadow: 0 0 10px 0 rgb(183 192 206 / 20%);

}
.portfolio {border-top: 1px solid #eee;
    margin-top: 20px;}
	
.info_salesman {
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	margin-bottom: 0;
}

@media (max-width: 767px) {
    .profile-page .profile-header .cover figure {
        overflow: hidden;
    }
	 .profile-page .profile-header .cover figure img {
        -webkit-transform: scale(2);
        transform: scale(2);
        margin-top: 65px;
    }
    
    .jshop .name h1 {
         
        line-height: 25px;
        margin-top: 0;
        text-transform: uppercase;
        font-size: 18px;
    }
}

@media (min-width: 2400px) {
    .profile-page .profile-header .cover figure {
        overflow: hidden;
    }
	 .profile-page .profile-header .cover figure img {
        margin-top: -55px;
    }
}

.profile-page .profile-header .cover figure img {
     
    width: 100%;
}

 

 

.profile-page .profile-header .cover .gray-shade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(rgba(255, 255, 255, 0.1), #fff 99%);
}

.profile-page .profile-header .cover .cover-body {
	
 
    width: 100%;
 
}

.profile-page .profile-header .cover .cover-body .profile-pic {
    border-radius: 50%;
    width: 170px;
	border: 3px solid #e7e7e7;
	margin-top: -45px;
}

@media (max-width: 767px) {
    .profile-page .profile-header .cover .cover-body .profile-pic {
        width: 70px;
    }
}
.portfolio #menu_flters {margin-bottom:0 !important;    padding-left: 0;}
.profile-page .profile-header .cover .cover-body .profile-name {
    font-size: 30px;
    font-weight: 600;
    font-family: "Jost", sans-serif !important;
}

.profile-page .profile-header .header-links {
    padding: 15px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    background: #fff;
    border-radius: 0 0 .25rem .25rem;
}

.profile-page .profile-header .header-links ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.profile-page .profile-header .header-links ul li a {
    color: #000;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.profile-page .profile-header .header-links ul li:hover,
.profile-page .profile-header .header-links ul li.active {
    color: #727cf5;
}

.profile-page .profile-header .header-links ul li:hover a,
.profile-page .profile-header .header-links ul li.active a {
    color: #727cf5;
}

.profile-page .profile-body .left-wrapper .social-links a {
    width: 30px;
    height: 30px;
}

.profile-page .profile-body .right-wrapper .latest-photos > .row {
    margin-right: 0;
    margin-left: 0;
}

.profile-page .profile-body .right-wrapper .latest-photos > .row > div {
    padding-left: 3px;
    padding-right: 3px;
}

.profile-page .profile-body .right-wrapper .latest-photos > .row > div figure {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-bottom: 6px;
}

.profile-page .profile-body .right-wrapper .latest-photos > .row > div figure:hover {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}

.profile-page .profile-body .right-wrapper .latest-photos > .row > div figure img {
    border-radius: .25rem;
}

.rtl .profile-page .profile-header .cover .cover-body .profile-name {
    margin-left: 0;
    margin-right: 17px;
}
.img-xs {
    width: 37px;
    height: 37px;
}
.rounded-circle {
    border-radius: 50% !important;
}
img {
    vertical-align: middle;
    border-style: none;
}

.card-header:first-child {
    border-radius: 0 0 0 0;
}
.card-header {
    padding: 0.875rem 1.5rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #f2f4f9;
}

.card-footer:last-child {
    border-radius: 0 0 0 0;
}
.card-footer {
    padding: 0.875rem 1.5rem;
    background-color: rgba(0, 0, 0, 0);
    border-top: 1px solid #f2f4f9;
}

.grid-margin {
    margin-bottom: 1rem;
}

.card {
    box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    -webkit-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    -moz-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    -ms-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
}
.rounded {
    border-radius: 0.25rem !important;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #f2f4f9;
    border-radius: 0.25rem;
}

.btn_gio_hang  { margin-top:50px; font-size:16px; width:100%;}
.salesman_hotline { margin-top:50px; font-size:16px;width:100%; margin-bottom:30px;}


.btn_gio_hang {
    font-family: "Jost", sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 12px;
 
    transition: 0.5s;
    color: #fff;
    background: #337ab7;
    text-transform: uppercase;
    border: 1px dotted #337ab7;
}
.salesman_section {    background-color: white;
    background-image: linear-gradient(#f2f1f2, white);}
 

 @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;
	}
  }
  
  @media (max-width: 480px) {
	  .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;
	}

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

	 .team .member .member-info {
     padding-left: 0px;  
	 padding:0;
	}
	.team .member h4 {font-size:16px;}
	.team .member span {height:80px;}
	.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;
	}
  }
  
  
.m_bottom40    { margin-bottom:40px;}
.min_height200 { min-height:200px;}



.sample_news {
}

.sample_news .description {
    text-align: justify;
}

.sample_news .item {
    margin: 10px 0;
}

.sample_news .box-shadow {
    box-shadow: 0 0.25rem 0.75rem rgb(97 91 91 / 44%);
    border-radius: 5px 5px;
}

.sample_news .box-shadow .card-img-top {
    display: block;
    transition: all .3s ease;
}

.sample_news .box-shadow .card-img-top:hover {
    transform: scale(1.3); /* cỡ zoom khi di chuột vào */;
}

.sample_news .box-shadow .wr_img {
    display: block;
    overflow: hidden;
    border-radius: 5px 5px;
    height: 160px;
}

.sample_news .box-shadow .card-body {
    padding: 10px;
    text-align: justify;
}

.sample_news .box-shadow a:hover {
    cursor: pointer;
}

.sample_news .box-shadow .card-body h4 a {
    color: #384059;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    display: block;
    line-height: 22px;
    text-transform: uppercase;
}

.sample_news .box-shadow .card-body H4 a:hover {
    color: #f39c12;
}

.sample_news  .blog-title {
    height: 50px;
    overflow:hidden;
    display: block;
}

.sample_news .box-shadow .card-text {
    height: 85px;
    overflow:hidden;
}

.sample_news .box-shadow .card-text a {
    color: #252424;
}

.title_page_home  h2 {     font-size: 19px;
    text-transform: uppercase;
    padding-left: 15px;
    line-height: 30px;
}
.title_page_home  .more {
    color: #505050;
    margin-top: 35px;
    font-weight: 600;
    font-size: 13px;
    margin-right: 15px;
}



.portfolio #menu_flters li.active {    background: #5abc71;    }
.portfolio #menu_flters li.active a{   color: #fff;}

.portfolio #menu_flters li:hover {    background: #5abc71;    }
.portfolio #menu_flters li:hover a{   color: #fff;}

.wr_image_promotion   {position: absolute; padding-left:0px;}
.wr_image_promotion .image_promotion {height:15px;}


/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio #menu_flters {
  list-style: none;
  margin-bottom: 20px;
}

.portfolio #menu_flters li a { color: #444444;}
.portfolio #menu_flters li {
  cursor: pointer;
  display: inline-block;
  margin: 10px 5px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  
  transition: all 0.3s;
  padding: 8px 20px;
  border-radius: 50px;
  font-family: "Poppins", sans-serif;
}

.portfolio #menu_flters li:hover, .portfolio #menu_flters li.filter-active, .portfolio #menu_flters li.filter-active a{
  background: #5abc71;
  color: #fff;
}

.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio .portfolio-item .portfolio-img {
  overflow: hidden;
}

.portfolio .portfolio-item .portfolio-img img {
  transition: all 0.6s;
}

.portfolio .portfolio-item .portfolio-info {
  opacity: 0;
  position: absolute;
  left: 15px;
  bottom: 0;
  z-index: 3;
  right: 15px;
  transition: all 0.3s;
  background: rgba(55, 81, 126, 0.8);
  padding: 10px 15px;
}

.portfolio .portfolio-item .portfolio-info h4 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0px;
}

.portfolio .portfolio-item .portfolio-info p {
  color: #f9fcfe;
  font-size: 14px;
  margin-bottom: 0;
}

.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {
  position: absolute;
  right: 40px;
  font-size: 24px;
  top: calc(50% - 18px);
  color: #fff;
  transition: 0.3s;
}

.portfolio .portfolio-item .portfolio-info .preview-link:hover, .portfolio .portfolio-item .portfolio-info .details-link:hover {
  color: #5abc71;
}

.portfolio .portfolio-item .portfolio-info .details-link {
  right: 10px;
}

.portfolio .portfolio-item:hover .portfolio-img img {
  transform: scale(1.15);
}

.portfolio .portfolio-item:hover .portfolio-info {
  opacity: 1;
}

.menu_home { list-style:none;    margin: 0;    padding: 0;}
.menu_home li { border-bottom:1px dotted #eee; line-height:50px; padding-left:10px;}
.menu_home li a { text-transform:uppercase; color:#000; font-size:14px; font-weight:600 ;}
.menu_home li a i { margin-right: 5px;     color: #f28c06;}
#myCarousel {
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    margin: 0px -7px 20px -7px !important;
}

footer {
    background: url(../arsha/assets/img/header-overlay.png) #1b4ba0 no-repeat;
    padding: 20px 0;
    min-height: 370px;
}
.title_twoline {font-size:12px;     height: 34px !important;}

.gia_ban {
 
    font-size: 15px;
}

.babadi_f 
    {
border-top: 1px dotted #eee;  margin-top: 40px;    padding-top: 40px;}
.link_ban_cung_bhd {
    color:#fff;padding-top: 45px;
}
@media (max-width: 480px) {
    
    .web_naso img {
        max-width: 80%;
        border-radius: 10px;
        height: auto;
    }

    .link_ban_cung_bhd {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .babadi_f  {
        border-top: none;  margin-top: 0px;    padding-top: 0px;}

    .foo-title {
    border-top: none;
    padding-top: 0px;
    margin-bottom: 0;
    }

    .main_content {padding-top:10px;}
    .main_content .gioi_thieu {margin:-7px; margin-bottom:15px; padding-bottom:15px;}
    .profile-page .profile-header .cover .cover-body .profile-pic {
        width: 135px;
    }
    .box_page_home {
        border-bottom: none !important;
        padding-bottom: 0px !important;
    }
    
    .profile-page .profile-header .cover figure {
        height: 203px;
    }
    .btn_gio_hang { margin-top:0px !important; }
    .salesman_hotline { margin-top:0px !important; }
	.product-container .product-photo { min-height:275px;}
	.Header {padding-top:40px;}
	.cliens  .item_ncc_home {height:35px;}
	#menu_flters {margin:0; padding:0;}
	.folder_product h3 {min-height:50px;}
	.portfolio #menu_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;}
  }