body { 
	padding:0 !important;
	font-size:14px;
	font-family:'Open Sans', sans-serif !important;
	background:#FFF;
	color:#777474;
}
.gb_fff {
	background: #fff;
	}
	
.inline-block {display:inline-block; width: 100%;}
.pading15 {padding:15px;}
.margin_top15 {margin-top:15px;}
.margin_bottom15 {margin-bottom:15px;}
.margin_bottom30 {margin-bottom:30px;}
.padding-right0 {padding-right:0}
.prod_buttons {float:left; margin-right:10px;}
.product-summary {font-size:16px; }


.not_padding { padding:0 !important;}
.not_padding_right { padding-right:0 !important;}
.not_padding_left { padding-left:0 !important;}
.row_left { margin-left :-15px !important;}
.not_row_right { margin-right :0px !important;}
.width100 {width: 100%; }

/* Required */

.hidden{
	opacity: 0;
}

.visible{
	opacity: 1;
}
.blog-body {padding-bottom:15px;}
.page_news .news_item { border-bottom:1px dotted #eee; margin:10px 0; padding-bottom:10px !important;}
.blog-body .blog-summary {padding:0px; text-align:justify;}
.navbar-brand img {max-height:65px;}
.site-nav > li > a {color:#513227 !important; margin: 0 8px !important;}
.site-nav > li:hover  {background:#D20023 ;}
.site-nav > li:hover  a {color:#FFF !important;}
#display_124 li { background:url(../images/icon-listtincm.jpg) no-repeat center left; padding-left:20px;}
.product-container {
  transition: all 0.4s;
  padding: 10rem 0;
  color: #fff;
  position: relative;
  z-index: 1; }
  .product-container p {
    margin-bottom: 0; }
  .product-container h1 {
    margin: 0; }
  .product-container .product-content {
    display: none;
    transition: all 0.4s; }
    .product-container .product-content.active {
      display: block; }
    .product-container .product-content img {
      max-width: 100%; }
    @media (max-width: 767px) {
      .product-container .product-content .col-xs-12 {
        padding: 0; } }
  .product-container .product-summary .product-info {
    margin-left: 8rem;
    margin-top: 3rem;
    font-size: 1.3rem;
    font-weight: 300; }
    .product-container .product-summary .product-info .i-row {
      margin-left: 0;
      margin-right: 0;
      border-bottom: 1px solid gray; }
      .product-container .product-summary .product-info .i-row:last-child {
        border-bottom: none; }
    .product-container .product-summary .product-info .row {
      margin-left: 0;
      margin-right: 0; }
      .product-container .product-summary .product-info .row:first-child div,
      .product-container .product-summary .product-info .row:last-child div {
        border: 0; }
    .product-container .product-summary .product-info .left-col,
    .product-container .product-summary .product-info .right-col {
      float: left;
      padding: 10px 0;
      border-top: 1px solid rgba(255, 255, 255, 0.3); }
    .product-container .product-summary .product-info .left-col {
      width: 40%;
      margin-right: 5%; }
    .product-container .product-summary .product-info .right-col {
      width: 55%; }
    @media (max-width: 991px) {
      .product-container .product-summary .product-info {
        margin: 0;
        padding: 2% 20% 0;
        font-size: 1.6rem; } }
    @media (max-width: 767px) {
      .product-container .product-summary .product-info {
        padding-left: 0;
        padding-right: 0; } }
  .product-container .product-info-left, .product-container .product-info-right {
    display: inline-block;
    width: 30%;
    float: left;
    margin-left: 2rem;
    font-size: 1.3rem;
    font-weight: 300; }
    .product-container .product-info-left div, .product-container .product-info-right div {
      padding: 1rem 0;
      border-top: 1px dotted #fff; }
      .product-container .product-info-left div:first-child, .product-container .product-info-right div:first-child {
        border-top: 0; }
  .product-container .product-info-right {
    width: 50%; }
  .product-container .product-info {
    margin-left: 5rem; }
  .product-container .product-title {
    text-transform: uppercase;
    margin: 0; }
  .product-container .btn-details {
    margin-top: 3rem; }
  .product-container .product-list {
    margin-top: -30px;
    font-size: 1.2rem; }
    .product-container .product-list .icon {
      font-size: 4.4rem;
      margin-bottom: 2rem; }
    .product-container .product-list .col-xs-3 {
      padding: 0 1rem;
      cursor: pointer; }
    .product-container .product-list img {
      margin-bottom: 10px;
      transition: -webkit-transform 0.8s ease-in-out;
      transition: transform 0.8s ease-in-out; }
    .product-container .product-list .item {
      cursor: pointer; }
    @media (max-width: 991px) {
      .product-container .product-list {
        margin-top: 4%;
        padding: 0 10%;
        font-size: 1.6rem; }
        .product-container .product-list .col-xs-3 {
          padding: 0 6%; } }
    @media (max-width: 767px) {
		#display_62 img {margin-top:-20px;}
		.product-tabs-title {   display: inline-table;}
      .product-container .product-list {
        padding: 0; }
        .product-container .product-list .icon {
          margin-bottom: 1rem; }
        .product-container .product-list .item {
          margin-top: 2rem;
          padding-left: 0; }
        .product-container .product-list .item:nth-child(3) {
          clear: left; } }
  .product-container .wrapper-product {
    position: relative;
    display: inline-block;
    width: 100%; }
    .product-container .wrapper-product ul {
      list-style-type: none;
      position: absolute;
      bottom: -20px;
      left: 0; }
      @media (max-width: 991px) {
        .product-container .wrapper-product ul {
          width: 1%;
          top: 50%;
          padding: 0; } }
      @media (max-width: 767px) {
        .product-container .wrapper-product ul {
          top: 215px; }
		#title_page_layout span { padding:5px !important;}
		.page_layout.col-xs-12 {padding:0 !important;}
		  }
    .product-container .wrapper-product li {
      width: 7px;
      height: 7px;
      background-color: #fff;
      float: left;
      margin-right: 5px;
      border-radius: 100%;
      cursor: pointer;
      border: 1px solid #fff; }
      .product-container .wrapper-product li.active {
        background: none; }
      @media (max-width: 991px) {
        .product-container .wrapper-product li {
          margin-bottom: 5px; } }
  .product-container .product-photo {
    text-align: right;
    margin-top: 10px;
    min-height: 435px; }
    @media (max-width: 991px) {
      .product-container .product-photo {
        text-align: center; } }

.btn-default {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 6px 20px;
	width:100%;
}
 .btn-default:hover {
    background: transparent;
    border: 1px solid #fff;
    color: #F00;
    font-size: 1.2rem;
    font-weight: 700;
    padding: 6px 20px;
}
.navbar-brand {padding:10px 60px !important;}	
@media (min-width: 768px) and (max-width: 1024px) {
	
	.navbar-brand {padding:10px 0px !important;}
	.navbar-brand img {max-height:82px;}
	}
.top-banner {
  width: 100%;
  position: relative;
  color: #fff; }
  .top-banner .top-banner-bg {
    background-color: whitesmoke; }
  .top-banner .top-banner-overlay {
    opacity: 0.8; }
  .top-banner h1 {
        font-size: 60px;
		line-height: 80px;
    margin: 0; }
    @media (min-width: 768px) and (max-width: 991px) {
		.navbar-brand {padding:10px 50px !important;}
		.navbar-header {width:100%; text-align:center; height:80px;}
      .top-banner h1 {
        font-size: 10rem; } }
    @media (max-width: 767px) {
		.navbar-header {width:100%; text-align:center; height:80px;}
		.navbar-brand img {height:60px;}
      .top-banner h1 {
        font-size: 4.5rem; } }
  .top-banner .view-more {
    cursor: pointer;
    position: absolute;
    bottom: 150px;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-size: 1.2rem; }
    .top-banner .view-more p {
      display: inline; }
    .top-banner .view-more .icon-mouse {
      position: relative;
      margin-right: 40px; }
    .top-banner .view-more .icon-mouse:after {
      content: "";
      position: absolute; }
      @media (min-width: 992px) {
        .top-banner .view-more .icon-mouse:after {
          content: ".";
          height: 40px;
          width: 23px;
          border-radius: 12px;
          border: 2px solid;
          font-size: 27px;
          line-height: 12px;
          top: -15px;
          right: -32px; } }
      @media (max-width: 991px) {
        .top-banner .view-more .icon-mouse:after {
          height: 48px;
          width: 58px;
          bottom: -50px;
          right: -35px;
          background: url(../images/arrow-dropdown-tablet.png) no-repeat;
          background-size: 100%; } }
      @media (max-width: 767px) {
        .top-banner .view-more .icon-mouse:after {
          height: 17px;
          width: 20px;
          bottom: -20px;
          right: -15px; } }
    @media (max-width: 991px) {
      .top-banner .view-more {
        bottom: 75px;
        font-size: 1.8rem; }
        .top-banner .view-more .icon-mouse {
          margin-right: 5px; } }
    @media (max-width: 767px) {
      .top-banner .view-more {
        bottom: 100px;
        font-size: 1rem; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .top-banner .btn-red {
      margin-top: 3%; } }
	  
.centered {
	display: inline-block;
	vertical-align: middle; 
	top: 50%;
	position: relative;
}
  
.overlay-block-content {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}
.block-center {
    text-align: center;
}
.brand-logo img {height:95px; width:auto;}
.dq-stt-7 {background:#FFF;}
.btn-detail {
  background-color: #dd1c2e;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 400;
  padding-left: 14px;
  padding-right: 14px;
  transition: all 0.3s; }
  .btn-detail:hover {
    background-color: #96b223;
    color: #fff;
    font-weight: 400; }
	
.box_title ,.title_page {font-size: 20px;
    color: #39537f;
    text-align: left;
    width: 100%;
    display: inline-block;
    margin: 0 0 15px 0;
    line-height: 35px;
    font-weight: bold;
    border-bottom: 1px solid;
    text-transform: uppercase;
	}
.row_time  {padding-bottom:20px; }
.vina_content .name  a { text-align:center; display: inherit;}
.carousel-inner a {color:#000;}
.parent-mega-menu .inner  {text-align:center;}
.parent-mega-menu .inner h2   {width:100%; font-size:16px; color:#513227 ;}
.parent-mega-menu .inner img   {max-height:100px;}
.owl-wrapper-outer .a_images   {height:85px;     display: block;}
.owl-wrapper-outer .a_images img  {max-height:80px;}
.product-grid { padding: 0;
    margin-bottom: 20px !important;
    width: 100%;
    height: auto;
    display: inline-block;}
#display_110 img {max-height:400px;}

.category-products {    width: 100%;}
.product-summary { 
color: rgba(33, 39, 72, 0.76);
    text-align: left;
font-size:18px;
line-height: 33px;
}

.product-summary .btn { color:#fff;}
.support-customer ul {
  list-style: none;
  padding: 0 20px;
  padding-top: 10px;
  margin: 0;
}
.fooFlowus {text-align:center;}
 .support-customer ul li {
  list-style: none;
  position: relative;
  padding: 5px 0 0 18px;
  color: #333;
}

 .support-customer ul li:before {
  content: "\f013";
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  vertical-align: middle;
  color: #ff2222;
}

 .support-customer ul li a {
  color: #333;
}

.button_wishlist {
	background-color: #FDB314;
    color: #ffffff;
	text-transform: uppercase;
	border-radius:0px !important;
	font-size:18px;
	position: relative;
	padding-left:45px;
	
}
.button_wishlist:hover {
    color: #CA0000 ;
	
}

.button_wishlist .card_now {
    content: "";
    background: url(../images/icon-cart.png) no-repeat;
    position: absolute;
    left: 10px;
    top: 11px;
    width: 25px;
    height: 20px;
}
.buy_block #block_price {font-size:20px !important;padding:10px 0;display: inline-block; font-weight:bold !important;}
.jshop_price span {color:#F00; font-size:16px;}
.jshop_price #old_price {     text-decoration: line-through;     color: #929292;    margin-right: 10px; }

.jshop_price .block_price {font-size:33px !important;padding:10px 0;display: inline-block; font-weight:bold !important;}
.jshop_price span {color:#ffb000; font-size:16px;}
.jshop_price .old_price {     text-decoration: line-through;     color: #929292;    margin-right: 10px; }
#title_page_layout {    
	text-align: center;
    color: #000;
	}
#title_page_layout h2 {
    color: #000;
    text-transform: uppercase;
    font-size: 35px;
}
		
#title_page_layout span {
    background-color: rgba(255,255,255,.7);
    display: inline-block;
    line-height: 40px;
    padding: 5px 100px;
	margin:0 auto;
}
.asideTitle  {text-align:center;}
.asideTitle span {padding:0 10px !important;}
.sidebar-blog-menu .list-unstyled li  {border-bottom:1px dotted #eee;}
.sidebar-blog-menu .list-unstyled li a { background: url(../images/germany.png) no-repeat left center; padding-left:30px; display:block; line-height: 30px;     font-weight: bold;}

.tab-head li a {font-size:20px !important;}

#display_95 li.news_item {margin-bottom:15px; padding:0 !important;}
#display_95 .title_name {text-align:center; }
#display_95 .wr_image img {width:100%;}
#display_107 .blog-body h3 {height:50px;}

.wrapper_danh_muc  { text-align:center;}
.wrapper_danh_muc .a_images {
    height: 145px;
    display: block;
}
.wrapper_danh_muc h3 {margin-top:5px;}
.wrapper_danh_muc .a_images img {
    max-height: 140px;
}


.wrapper_danh_muc h3  a:hover {color:#D20023;}
.wrapper_danh_muc h3  a{
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
}
.wrapper_danh_muc .margin-bottom-20 {
    color: #aaaaaa;
    font-size: 13px;
}
#col_left {background:#eee; padding-top:15px;}
#col_left .asideTitle span {background:#eee !important;}

.header-slide {border-bottom:3px solid #D20023; }
.carousel-indicators .active {background:#D20023 !important;}
.site-nav > li.drop-down > a span:after {color:#D20023 !important; bottom:-10px !important;}
.mega-menu .site-nav-dropdown {top:calc(100%) !important; border-top: 3px solid #D20023 ;}
.heading_menu {
	background-color: #fff;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    background-position: initial;
    background-image: none;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #f6f6f6, #ffffff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #f6f6f6, #ffffff);
    background-image: -o-linear-gradient(top, #f6f6f6, #ffffff);
    background-image: linear-gradient(to bottom, #f6f6f6, #ffffff);
    background-repeat: repeat-x;}
.top-bar{border-bottom: 2px solid #D7B640;
    background: #232323;}
.top-bar .tb-right ul li a:hover { color:#D20023;}

.banner-top-home3  {    padding: 10px 0 20px 0;
    display: inline-block;}
.banner-top-home3 .box-col {padding:0;}
.banner-top-home3 .pull-left {padding:10px;     vertical-align: middle;}
.banner-top-home3 .media-body {text-align:justify;}
.banner-top-home3 h3 { font-size:16px;}
.banner-top-home3 em { font-size:30px;     margin-top: 45px;}

.box-mobile-email {
    border: 1px solid #E4E4E4;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    -moz-box-shadow: 0 0 5px #E4E4E4;
    -webkit-box-shadow: 0 0 5px #E4E4E4;
    box-shadow: 0 0 5px #E4E4E4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.box-mobile-email h3{   
    font-weight: 600;
    color: #5abc71;
    font-size: 16px;
    text-transform: uppercase;
    margin: 10px;
    border-bottom: 1px solid #eee;
    line-height: 30px;
}
.box-mobile-email p{ padding:5px 0 5px 0;}
.box-mobile-email p.mobile span { color:#FF0004;}
.box-mobile-email p.email span { color:#0096D6}

.prod-detail {padding-bottom:0px !important;}
.prod-detail  h3 {font-size:14px;}
.foo-title h4 {color:#FFF !important; margin-bottom:12px;}
.foo-content li a {color:#FFF !important;     padding-left: 0px;}
.foo-info .foo-mail {color:#FFF !important;}
.foo-info {color:#FFF !important; width:100%;}
.foo-info p  a {color:#FFF !important;}


#display_122 {background:#eee; padding:5px 15px;}
.btn_hongminh {background:#5abc71!important; color:#FFF; text-transform:uppercase; font-weight:bold;}
.btn_hongminh  span{text-transform:uppercase; font-weight:bold;}


.main_content .title_page .pull-left ,.main_content  .name h1{
	margin:0px;
    font-weight: 600;
    color: #4f514f;
    font-size: 20px;
    text-transform: uppercase; margin-bottom:20px;}
	
.main_content .title_page .pull-left i,.main_content  .name h1 i {background:#5abc71; padding:10px; color:#FFF;}
#display_75 .detailsRight {line-height:30px;}
#display_75 .detailsRight .jshop_short_description {text-align:justify; text-align: justify;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #bcbcbc;
    margin: 10px 0;
    padding-left: 10px;
    border-left: 4px solid #5abc71;
    border-right: 1px solid #c0c0c0;
    background: #fafafab3;
    padding: 10px;}
#display_75 .detailsRight .jshop_short_description b {color:#5abc71}
#display_75 .detailsRight .support-customer {line-height:25px;}
#display_128 {margin-top:10px; }

.ncc_title {
	font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffb000;
}
#display_158 .gb_fff  {width:100%;}
.supplier-actions .prod-detail {padding-top:10px !important; text-align:left !important;}

.product-content:hover {    box-shadow: 0 1px 4px 0 #bebebe;    }
/** CAR BOX AREA START **/
.car-box {
    padding: 0px;
    margin: 0px 0px 30px 0px;
    border-radius: 0px;
    border: none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.car-box img {
    width: 100%;
    height: 247px;
}

.featured-car {
    background: #f5f5f5;
}

.content-area {
    padding: 50px 0px 50px;
}

.car-grid {
    background: #f5f5f5;
}

.car-box:hover {
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.10), 0 6px 5px 0 rgba(0, 0, 0, 0.10);
}

.car-box .detail {
    padding: 20px;
    background: #fff;
    color: #7B7B7B;
    float: left;
    position: relative;
}

.car-box .detail header {
    padding-bottom: 17px;
    margin-bottom: 17px;
    width: 100%;
}

.car-box .detail header h5 {
    margin: 0px 0px 5px;
    border: none;
    padding: 0px;
	text-align: center;
}

.car-box .detail header h5 a {
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 17px;
    color: #5abc71;
}

.car-box .detail header h5 a:hover {
    color: #7B7B7B;
}

.car-box .detail header .custom-list {
    padding: 0;
    margin: 0;
}

.car-box .detail header .custom-list li {
    font-size: 10px;
    list-style: none;
    display: inline-block;
    padding-right: 5px;
    text-transform: uppercase;
    font-weight: 600;
}

.car-box .detail header .custom-list li a {
    text-decoration: none;
    color: #7B7B7B;
}

.car-box .detail header .price {
    font-family: 'Libre Baskerville', serif;
    font-style: italic;
    font-weight: 600;
    display: block;
    font-size: 28px;
    float: right;
    color: #060606;
}

.car-box .detail p {
    margin: 0px 0px 17px;
    font-size: 15px;
    line-height: 20px;
}

.car-box .detail .facilities-list {
    padding: 0px;
    margin: 0px;
}

.car-box .detail .facilities-list li {
    list-style: none;
    width: 33%;
    float: left;
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 15px;
}

.car-box .detail .facilities-list li i {
    margin-right: 5px;
    color: #5abc71;
    font-size: 15px;
    font-weight: 500;
}

.btn-details {
    padding: 6px 20px;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    background: #5abc71;
    color: #fff;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    /* ...and now for the proper property */
    transition: .5s;
    border-radius: 2px;
}

.btn-details:hover {
    background: #be1233;
    color: #fff;
}

.featured-ribon {
    position: absolute;
    top: 0px;
    background: #5abc71;
	right: 15px;
}

.featured-ribon h2 {
    margin: 0px;
    color: #FFF;
    font-size: 10px;
    padding: 14px 18px;
    text-transform: uppercase;
    font-weight: 700;
}

.feadured-ribbon {
    position: absolute;
}

.car-box:hover .carbox-overlap-wrapper {
    display: block;
    top: 0px;
    cursor: pointer;
}

.carbox-overlap-wrapper {
    display: none;
    background: rgba(0, 0, 0, 0.9);
    height: 100%;
    width: 100%;
    z-index: 999;
    position: absolute;
    text-align: center;
    color: #FFF;
    padding: 25px 25px;
    left: 0px;
    top: 0px;
    webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}

.overlap-btns-area {
    margin-top: 25px;
}

.overlap-btn {
    width: 150px;
    display: block;
    padding: 10px 10px;
    color: #FFF;
    margin: 16px auto;
    border-radius: 50px;
    font-size: 11px;
    text-transform: uppercase;
    background: #5abc71;
    border: solid 2px #5abc71;
}

.overlap-btn:hover {
    text-decoration: none;
    color: #FFF;
    background: #be1233;
    border: solid 2px #be1233;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    /* ...and now for the proper property */
    transition: .5s;
}

.carbox-overlap-wrapper h2 {
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    line-height: 18px;
    text-transform: uppercase;
    margin: 0px;
}

.carbox-overlap-wrapper h4 {
    font-size: 28px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
    color: red;
}

.modal-content {
    border-radius: 2px;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-title {
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    color: #5abc71;
    text-align: center;
}

.modal .slider-mover-left,
.modal .slider-mover-right {
    border: none !important;
}
#menu_mobile .header,
#menu_mobile .content,
#menu_mobile .footer{text-align:center;position:fixed;z-index:1000;}
#menu_mobile .header,
#menu_mobile .footer{background:#1b4ba0;font-size:16px;font-weight:bold;color:#fff;line-height:36px;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:40px;padding:0 50px; border-bottom:2px solid #fff;}
#menu_mobile .header.fixed{position:fixed;top:0;left:0;}
#menu_mobile .footer.fixed{position:fixed;bottom:0;left:0;}
#menu_mobile .header .menu_phone{background:center center no-repeat transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC);display:block;width:40px;height:40px;position:absolute;top:0;left:10px;}
.folder_products .grid-item-col {padding-bottom:20px;}
.folder_product  {     display: inline-block;}
.folder_product a {text-align:center !important;}
.folder_product h3 { margin:0px;}
.folder_product .price_item  { line-height:40px;}

.folder_product .SP_HOT_List_BOX_text_button  { 

    padding: 8px 15px 8px 15px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
	
}
.folder_product .image-wrapper img {height: 95%;     margin: 0 auto;}
.folder_product .image-wrapper  {height: 140px;    }

.cate_supplier .grid-item-col { padding:0 15px;}
.cate_supplier .grid-item-col .list_ncc { border: 1px dotted #ddd;
    display: inline-block;
    padding: 10px 0;
    width:100%;
	height:110px;
}

.category-products .prod-detail h3 a {height:55px !important;}
#display_158 .folder_bottom_content	{
	background: #fffef6;
    padding: 15px;
    border: 1px dotted#8bc34a;
    line-height: 29px;
    display: inline-block;
    width: 100%;
    text-align: left;
	margin-top:20px;
	}
.cate_supplier .grid-item-col:hover .folder_product {background:#eee; border-shadow:10px; }
.cate_supplier .folder_product .image-wrapper img {    height: 100%;
    width: auto !important;
    max-width: -webkit-fill-available;
    text-align: center;
    margin: 0 auto;}
	
.folder_product .image-wrapper:hover img {opacity:0.5;}
#page_search .p { text-align:justify;   } 

#search_nang_co .col-md-12 {border-bottom:1px solid #eee; padding:5px;}
#search_nang_co .col-md-2 {font-weight:bold; padding:0 !important;}
.no_data {text-align:center; width:100%; font-size:16px;}
#display_146 .title_page {text-align:center; margin-bottom:5px;}
#display_146 .search_button {text-align:center; margin-top:15px;  border-bottom:none;}
#display_146 .Header_Timkiem_button {color:#FFF; margin-bottom:30px;}

#search_nang_co input { margin-right:5px;}
#search_nang_co span { width:90px; display:block; float:left;}
#page_search .name {    
    margin: 15px 0;
    width: 100%;
    display: block;}
	
#page_search ul {margin:0; padding:0 0 0 20px;}
#page_search li { padding:10px 0; border-bottom: 1px dotted #ddd; list-style: decimal;}

.SP_MAIN_left_BOX ul li{
	margin:0 0 15px 0;
	background:url(../images/icon-list.png) no-repeat left center;
}

.jshop .name h1 {margin:10px 0 15px 0;     line-height: 33px; margin-top:0; text-transform:uppercase; font-size:25px;}
.jshop_short_description {text-align:justify; line-height:24px;}
.jshop .name b {margin-left:15px; color:#9b9b9b;}
.chi_tiet_san_pham .item_sp {padding:5px 0  !important; border-bottom:1px dotted #eee; color:#8b8989}
.chi_tiet_san_pham .gia_moi {    font-size: 33px; color:#027aac !important;
    margin-top: 17px;}
.chi_tiet_san_pham .gia_moi p {    font-size: 20px; margin-top: 17px;}

.btn-ncc {
	    outline: 0;
    background: #fff;
    color: #555;
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 3%);
    position: relative;
    overflow: visible;
}
.m-top-50 {margin-top:50px;}
#sibar_right .SP_MAIN_left_title a {
    color: #FFF;
    text-transform: uppercase;
    text-align: left;
    width: 100%;
    display: block;
}
#sibar_right .product-grid {border:none; padding:0 !important; margin:5px 0!important;}
#sibar_right .category-products .prod-detail h3  a {text-align:center !important; font-size:14px;}
#sibar_right .category-products .prod-detail .price_item {text-align:center !important;text-align: left;}

#order_view .produc_order  a  {float:left; width:100%; display:inline-block;}
#order_view .produc_order  .thanh_toan_price  {        color: #F00;    text-decoration: none;    font-weight: bold;} 
#order_view .produc_order  .thanh_toan_price_old  { font-size: 13px;
    color: #464646;
    margin: 0;
    font-weight: normal;
    padding: 3px 0 0 0;
    text-decoration: line-through;  margin-left:15px;}


.view_vuong .category-products .prod-detail .price_item {float:left !important;} 
.view_vuong .category-products .prod-detail h3  a {    text-align: center !important;
    margin: 4px 0;
    height: 50px;
    display: inherit;} 
	
.view_vuong .grid-item-col {margin-bottom:15px;}
.view_vuong .image-wrapper {height:270px;}
.search_wrapper  {    
    margin-top: 22px;
}
.search_wrapper .search_input {float:left;}
.search_wrapper .search_button {float:left;}
.search_wrapper .search_button i {color:#FFF; padding:10px;}

 #menu_phone {z-index:1 !important;}
 #hotline_menu a {font-size:20px;}
 .mm-listview .menu_home_phone   { background:#1b4ba0;}
 .mm-listview .menu_home_phone   a {color:#FFF;}
 .mm-listview .hotline_menu { padding-top:10px !important;}
 .mm-listview h5 { padding-left:10px !important;}
#order_view .select_order {display:none;}
#order_view .table {margin-bottom:0; }
#order_view .table th {background:#eee; }
.return_gio_hang {display:none;}
.home_box_cate {margin-bottom:25px; border-bottom:1px solid #eee; padding-top: 15px;}

#display_136 .category-products {padding-top:15px;}
#display_136 .category-products .image-wrapper {    border: 1px solid #eee; padding: 2px;}
#display_136 .category-products .prod-detail .price_item { font-size:14px;}
#display_136 .product-grid {border-bottom: 1px dotted #ddd; margin-bottom: 0px !important;}
.category-products .prod-detail h3 a:hover {color:#4caf50}


/* -- quantity box -- */

.quantity {
 display: inline-block; }

.quantity .input-text.qty {
 width: 35px;
 height: 39px;
 padding: 0 5px;
 text-align: center;
 background-color: transparent;
 border: 1px solid #efefef;
}

.quantity.buttons_added {
	text-align: left;
	position: relative;
	white-space: nowrap;
	vertical-align: top;
	margin-top:-6px;
	border: 1px dotted #eee;
	background: #eee;
 }

.quantity.buttons_added input {
 display: inline-block;
 margin: 0;
 vertical-align: top;
 box-shadow: none;
}

.quantity.buttons_added .minus,
.quantity.buttons_added .plus {
 padding: 7px 10px 8px;
 height: 41px;
 background-color: #ffffff;
 border: 1px solid #efefef;
 cursor:pointer;}

.quantity.buttons_added .minus {
 border-right: 0; }

.quantity.buttons_added .plus {
 border-left: 0; }

.quantity.buttons_added .minus:hover,
.quantity.buttons_added .plus:hover {
 background: #eeeeee; }

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
 -webkit-appearance: none;
 -moz-appearance: none;
 margin: 0; }
 
 .quantity.buttons_added .minus:focus,
.quantity.buttons_added .plus:focus {
 outline: none; }





.read-moredv .trigger::before {

  content: attr(data-read-more);

}

.read-moredv .contentdv {

  position: relative;

  overflow: hidden;

  max-height: 650px;

  -webkit-transition: max-height 500ms ease;

  transition: max-height 500ms ease;

}

.read-moredv .contentdv::before {

  content: '';

  -webkit-transition: opactiy 500ms ease, visibility 500ms ease;

  transition: opactiy 500ms ease, visibility 500ms ease;

  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), white, white);

  background-image: linear-gradient(rgba(0, 0, 0, 0), white, white);

  position: absolute;

  bottom: 0;

  width: 100%;

  height: 44.8px;

}

.read-moredv.expanded .contentdv {

  max-height: 100%;

}

.read-moredv.expanded .contentdv::before {

  opacity: 0;

  visibility: hidden;

}

.read-moredv.expanded .trigger {

  position: relative;

}

.read-moredv.expanded .trigger::before {

  content: attr(data-read-less);

}

.trigger.arrow.bounce {
	    margin: 20px;
    display: inline-block;
    text-align: center;
    color: #5abc71;
    font-weight: bold;
    background: #eee;
    padding: 10px 30px;
    border: 1px dotted #5abc71;
}
.trigger.arrow.bounce:hover {
	color:#FFF;
	background: #5abc71;

}

.contact-stat {
	border-bottom: 1px dotted #eee;
    margin: 5px 0;
    padding: 5px 0;
}


#display_159 .ncc_box  {background: #fff;
    padding: 15px;
    border: 1px solid #cccc;
    border-top: 4px solid #5abc71;	}
	
#display_159 .ncc_logo {width: 100%;border: 3px solid #FFF;padding: 3px;  border-radius: 10px;}
#display_159 .ncc_title{   font-size:20px; margin-bottom:0; line-height:25px;}
#display_159 .ncc_dia_chi {   font-style:italic;}
#display_159 .col_slideshow_ads .product_image_middle {     background: #eee;
    display: inline-block;
    padding: 10px; }
/* #display_159 .col_slideshow_ads {  border-left:1px dotted #c3c3c3} */
/* #display_159 .ncc_text_gioi_thieu {  border-top:1px dotted #c3c3c3; padding-top:15px;} */

.bg_menu_page {background:#1b4ba0}


  @media (max-width: 480px) {
	  /* On mobile */
	.header-slide {margin-top:0 !important;}
	.Header_Timkiem_Form {width:290px !important;}
	.SP_HOT_menu ul li a { padding:10px 15px !important;}
	.not_padding_right {padding-left:0 !important;}
	.product-grid {border:none;}
	#display_131 .grid-item-col { padding:0 7px!important;}

	#display_110 img {	max-height: 250px;	}
	.product-container .product-photo { min-height:250px;}
	.not_padding_right { padding-right:15px !important;}
	.not_padding_left { padding:0px !important;}
	.row_left { margin-left :-15px !important;}
	.not_row_right { margin-right :-15px !important;}
	.detailsLeft {display:inline-block;}
	.BottomHeader_Silde {width:100% !important; padding:0 !important;}
	.BottomHeader_bg {padding:5px 0 !important;}
	.BottomHeader_News {width:100% !important;}
	.CAMKETBANHANG_title {text-align:center !important;}
	.view_vuong .image-wrapper {height:190px !important;}
	.row_left {margin-left:0 !important;}
	.content_new  .like_facebook {overflow:hidden; max-width:450px; display: block;}

	.search_wrapper  {   float: left;		margin-top: 0px;	margin-bottom: 10px;	}
 }
 .about_us_block {padding-left: 15px;}
 
.product-content {padding:7px; border:1px solid #ddd; margin-bottom:10px;}
.home_box_cate  .grid-item-col {margin-top:0px;}

.Header_MENU_bg {padding:6px 0;}

.naso-contact {margin-top:27px;}
.naso-contact .contact_icon {
    font-size: 37px;
    color: #1b4ba0;
}
.naso_menu_icon {     background: #ffb0004a;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    float: left;
    margin: 0 5px;
	transition: 0.5s;
	}
.naso_menu_icon i {color:#1b4ba0;}
.naso_menu_icon:hover {  background: #ff9800c9; color:#fff;}
.naso-contact .contact_content .title { font-size: 16px;
    line-height: 1;
    display: block;
    color: #1b4ba0;
	font-weight:bold;
	}
.naso-contact .contact_content {
	padding-left: 35px;
}
 
.new_search_naso {margin:30px 0;}
.new_search_naso .btn-naso  {height:44px; border-radius:0 25px 25px 0; background:#1b4ba0; color:#fff; min-width:60px;}
.new_search_naso .input_search  {border-radius:25px 0 0 25px; border: none;     background: #eee;     height: 32px;}
.new_search_naso .input_search:hover, .new_search_naso .input_search:focus {
    background: #ddd;
	color:#000  ;
	font-weight:bold;
}

.btn_hop_tac {font-family: "Jost", sans-serif;
    font-weight: 500;
    /* font-size: 16px; */
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 12px;
    border-radius: 50px;
    transition: 0.5s;
    margin: 1px 0 0 0;
    color: #fff;
    background: #ffb000;
    float: right;
    text-transform: uppercase;
	border:1px dotted #ffb000; }
	

.btn_hop_tac:hover, .btn_hop_tac:focus {color:#eee; border:1px dotted #eee; background:#ffb000a8;}


.affa-group_view {padding:5px;}
.affa-counter {
    position: relative;
    min-height: 76px;
    padding-left: 30px;
    margin-bottom: 40px;
}
.affa-counter .fa {
    position: absolute;
    top: 20px;
    left: 0px;
    color: #5abc71;
    font-size: 25px;
}
.affa-counter h4 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0px;
}
.affa-counter p {
    
    margin: 5px 0px 0px;
}

.why-us-hoptac .accordion-list {padding:10px !important;}
.why-us-hoptac .content {padding:10px !important;}
.why-us-hoptac .content h3 { font-size:25px !important;}

.Header_Menu_left_button:hover {color:#ffeb3b ;}

.grid-item-col {margin-top:20px;}

.services .icon-box .icon {width:50px; float:left;}


.images_dedang {margin-top:50px;}

  @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;}
	#hero {     height: 80vh !important;}
	.cliens  .item_ncc_home {height:35px;}
	#portfolio-flters {margin:0; padding:0;}
	.folder_product h3 {min-height:75px;}

	 
	.new_search_naso {
	margin: 15px 0;
	}
	.images_dedang {margin-top:10px;}
  }
  
  .web_naso img { max-width: 80%;border-radius: 10px;}
  
.content.web_naso h2 {font-size:20px !important;}
.content.web_naso h3 {font-size:18px !important;}

.folder_product {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, .125);
    border-radius: 10px;
}



.title_twoline {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 100%;
    font-size: 14px;
    height: 40px;
    text-transform: uppercase;
	color:#717374;
	font-weight:600;
}
.productDetail {
	margin-bottom: 15px;
    padding-right: 7px;
    padding-left: 7px;
}


.image-wrapper img { width:100%; height:auto;}
.image-wrapper {
    border: 1px solid #eee;
    border-radius: 5px;
    overflow: hidden;
}
.p-10 {
    padding: 5px !important;
}
.productDetail .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, .125);
    border-radius: 10px;
}
.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important;
	font-size:14px;
}
.gia_ban {
    color: #d00;
    font-size: 18px;
}
.fw-bold {
    font-weight: bold;
}

.productDetail .mb-2:hover {
    box-shadow: 0 0 12px 0 #d3d3d3;
}

.productDetail .mb-2 .product_name {
    font-size: 14px;
    height: 45px;
    display: inline-block;
    margin-top: 10px;
    text-transform: uppercase;
    text-align: justify;
}

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

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

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

.m-top-15 {margin-top:15px;}

.video-container {
  
    
}

.video-container iframe {
     
    border: none;
    border-radius: 10px;
}

 
.titleCart {
    background: #ccc;
    font-weight: bold;
    border-radius: 8px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pd-l-10 {
    padding-left: 10px;
}

input[type='checkbox'] {
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.productPrice {
    display: grid;
    width: 15%;
    justify-content: center;
    text-align: center;
}

.productQty {
    width: 15%;
    display: inline-flex;
    justify-content: center;
}

.totalMoney {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
}

.titleTrash {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5%;
}

.cartRowTotal {
    overflow-y: auto;
    height: 62vh;
}

.qty {
    border: none;
    width: 18px;
    border: 1px solid rgba(0, 0, 0, .09);
    background: none;
    line-height: 27px;
    text-align: center;
    padding: 0;
}

.decrease {
    border-right: none !important;
}

.increase {
    border-left: none !important;
}

.inpQuantity {
    width: 56px;
    border: 1px solid rgba(0, 0, 0, .09);
    text-align: center;
    line-height: 25px;
}

.fieldOuter {
    position: relative;
    z-index: 1;
}

.titleCenter {
    text-align: center;
}

.iconShop {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 5px;
	margin-bottom: 4px;
    position: relative;
}

.titleShop {
    text-transform: uppercase;
    display: inline-block;
    font-size: 12px;
    color: rgb(36, 36, 36);
    position: relative;
}

.cartProduct {
    list-style: none;
    padding: 0px 16px 3px;
    background: rgb(255, 255, 255);
}

.rowCartProduct {
    padding-top: 10px;
}

.rowCart {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    justify-content: space-between;
}
.productName {
    width: 50%;
    padding-left: 25px;
}

.iconTrash {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5%;
    font-size: 16px;
	cursor: pointer;
}

.not_padding {
    padding: 0;
}

.pdDiscount {
    display: inline-flex;
    justify-content: center;
}
.titleRightNoPadding {
    text-align: right;
    padding: inherit;
}


.totalAmount {
    color: #ee4d2d;
    font-size: 20px;
}

.cartRow {
    padding: 5px 0px;
    border: 1px solid rgba(0, 0, 0, .09);
    border-radius: 8px;
	background: #fff;
}

#form_thong_tin_khach {
	height: 3px;
    width: 100%;
    background-position-x: -10px;
    background-size: 116px 3px;
    background-image: repeating-linear-gradient(45deg,#6fa6d6,#6fa6d6 33px,transparent 0,transparent 41px,#f18d9b 0,#f18d9b 74px,transparent 0,transparent 82px);
}

.bg_white {background:#FFF;}
.page_thanhtoan .title_form {
    margin-left:30px; text-transform:uppercase; font-weight:bold; color:#ffb000;
}
.titleALL {
    background: rgb(255, 255, 255);
    border-radius: 4px;
    color: rgb(36, 36, 36);
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 12px;
    position: sticky;
    top: 20px;
    z-index: 99;
    grid-template-columns: 398px 190px 130px 130px 30px;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
}
	
.detailsRight {
	
	color: #545252;
}

.checkboxCss {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkboxCss input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background: transparent;
    border: 1px solid #2196F3;
    border-radius: 4px;
}

.form-group-cart {
	padding: 10px 10px 0px 10px;
}

/* On mouse-over, add a grey background color */
.checkboxCss:hover input ~ .checkmark {
    border: 1px solid #2196F3;
}

/* When the checkbox is checked, add a blue background */
.checkboxCss input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.cusPay {
	font-size: 20px;
    text-align: right;
    color: #3c8dbc;
    float: right;
}

.temporaryPrice {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 10px 10px 10px;
}

/* Show the checkmark when checked */
.checkboxCss input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkboxCss .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.hide {
    display: none;
}

body {font-family: Arial, Helvetica, sans-serif;}
* {box-sizing: border-box;}

/* Set a style for all buttons */
button {
  background-color: #04AA6D;
  color: white;
  padding: 14px 20px;
  margin: 0;
  border: none;
  cursor: pointer;
  opacity: 0.9;
}

button:hover {
  opacity:1;
}

/* The Modal (background) */
.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	border: 1px solid #888;
	width: 300px;
	margin: 30px auto;
}

/* Style the horizontal ruler */
hr {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
}
 
/* The Modal Close Button (x) */
.close {
  position: absolute;
  right: 35px;
  top: 15px;
  font-size: 40px;
  font-weight: bold;
  color: #f1f1f1;
}

.close:hover,
.close:focus {
  color: #f44336;
  cursor: pointer;
}

/* Clear floats */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.btn {
    padding: 8px 12px;
	font-size: 12px;
	border-radius: 3px;
}

.btn-primary {
    background-color: #3c8dbc;
    border-color: #367fa9;
}

.modal-footer-alert {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
	border-top-color: #f4f4f4;
}

.modal-header-alert {
    border-bottom-color: #f4f4f4;
	padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-title-alert {
    margin: 0;
    line-height: 1.42857143;
}

@media (min-width: 1200px)
{
	.col-lg-2-1 {
		width: 20% !important;
}