/* Custom CSS Giao dien Website Nature - Giao diện thực phẩm
	=> Tai trinh duyet, bam F12 -> Copy class va CSS -> dan vao trinh soan thao đe code lai giao dien 	
	=> Trinh soan thao chi cho phep code CSS. Cac thuộc tinh PHP, Javascript... se khong đuoc thuc thi
*/


/**
==> màu nền thanh Header
**/
.header-container {
    position: relative;
    background: rgba(255,255,255, 0.2)!important;
}

#header{
    text-align: center;
	background: #252932;
}

/** ==> Logo **/

.header-banner .assetBlock{
    margin-left: 0px;
}

#header-logo-md{
    background: #fff;
    margin-top: -41px;
    width: auto;
}

#header-logo-md img{
    object-fit: contain;
    width: 250px;
}

#header-logo-xs{
    background: #fff;
    width: auto;
}

#header-logo-xs img{
    object-fit: contain;
    width: 100%;
}

.logo{
    vertical-align: middle;
    cursor: pointer;
    text-align: left;
    display: block;
    line-height: 105px;
    float: left;
    padding-right: 20px;
    padding-left: 20px;
    height: 100%;
    min-height: 116px;
    margin-right: 15px;
}

.logo img{
  width: 100%;
}

.feature-product-menu{
    display:none!important;
}

#logo-footer img{
    object-fit: contain;
}

#nav-xs{
    background: #88be4c;
    min-height: 50px;
    padding-left: 0px;
}

/** ==> Menu Responsive **/
#menu-xs{
    font-size: 16px; 
    line-height: 34px; 
    background: #88be4c; 
    height: 100%;
}

#menu-xs span{
    color: #fff;
    font-size: 18px;
}

#home-xs{
    background: none;
    padding-left: 15px;
    padding-right: 15px;
}

#home-xs a{
    color: #fff;
    font-size: 16px;
    line-height: 50px;
}

#carts-xs {
    line-height: 20px; 
    padding: 15px; 
    background: #ed6663;
    height: auto;
}

#carts-xs a{
    color: #fff;
}

#top .container{
    width: 100%;
}
#toTop {
    bottom: 90px;
}

/**
==> Hiển thị xéo banner TOP
**/

#thm-mart-slideshow:before{   
  content: "";
  position: absolute;
  z-index: 100;
  background-color: #f5f5f5;
  padding: 0 2000px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
  width: 100%;
  height: 200px;
  display: inline-block;
  bottom: -60px;
  left: -2000px;
}
  
/*Nhãn liên hệ*/
.icon-phone:before {
    content: "\f095";
    padding: 0;
    color: #df2e1b;
    font-size: 40px;
    height: 35px;
    line-height: 35px;
    padding: 4px;
    text-align: center;
    width: 35px;
    margin-right: 6px;
    padding-top: 9px;
}
.call-now {
    z-index: 9999;
	left: 0;
	bottom: 25px;
	height: 50px;
	min-width: 200px;
	position: fixed;
	background-color: #1f93c8;
	border-radius: 0 25px 25px 0;
	box-shadow: 0 1px 2px rgba(0,0,0,.8);
}

.call-now p{
    margin: 5px 0 0 0px;
    padding-top: 0px;
    line-height: 20px;
}

.call-now-2 {
    z-index: 9999;
	bottom: 25px;
	position: fixed;
    left: 270px!important;
    width: 50px;
    float: right;
    display: inline-block;
}
/*end Nhãn liên hệ*/