/*======== CSS IDF ========*/

/*
@media only screen and (max-width:1199px) {}
@media only screen and (max-width:991px) {}
@media only screen and (max-width:600px) {}
*/
/*============ modified ============*/
.imgBanner:active:after {
  content:attr(title);
}
/*============ GENERAL ============*/

body {font-family:kanit;}
h1,h2,h3,h4,h5,h6 {font-family:kanit;}
p {font-family:kanit; font-weight:400;}
.idf-fullwidth {padding:0!important;}
.idf-wrapper {margin:0 auto!important;}
.idf-clear {clear: both;}
.idf-mt-10 {margin-top:10px;}
.idf-mt-20 {margin-top:20px;}
.idf-mt-30 {margin-top:30px;}
.themeBtn {
    background: #ff5c00; color: #ffffff !important;
    display: inline-block; font-size: 15px; font-weight: 500;
    height: 38px;  line-height: 0.8; padding: 5px 15px;
    text-transform: capitalize;
    letter-spacing: 0.5px; border:0px !important;
	cursor:pointer; border-radius:12px;
}
.themeBtn:hover {background: rgb(161, 127, 58); color: #ffffff; text-decoration:none;}

@media only screen and (max-width:767px){
  .tabIndexEvent {font-size: 0.75rem;}
}

/* =========== HEADER ============ */

.navbar-brand img {height: 3.5rem;}
.navbar-form {}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {color:rgba(158,125,54,1.0)!important;}
.idf-flag {margin-right:8px; width:25px;}
.nav-link:focus,
.nav-link:hover {
	/*color:#f00 !important;*/
}

/* HOME TAB */

.nav-item a.active {color:#ffffff!important;}
.nav-item a {color:#1C1C1B!important;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background-color: #A17F3A; color:#ffffff;}
.tab-content {margin-bottom: 40px;}

/* FONTAWESOME*/

.fa-calendar-alt {font-size:11px; color:#846F56; margin-right:5px;}

/* ============ PROMOTION =========== */

.wrapper-promotion {margin:25px auto;}
.wrapper-promotion h3 {padding:10px;}
.card.card-promotion {border:0px solid rgba(51, 48, 48, 0.74)}
.card-promotion .img-wrap {
    border-radius: 3px 3px 0 0; overflow: hidden; position: relative; height:auto; text-align: center;
}
.card-promotion .img-wrap img {max-height: 100%; max-width: 100%; object-fit: cover;}
.card-promotion .info-wrap {overflow: hidden; padding: 12px;}
.card-promotion .bottom-wrap {padding: 12px;}
.card-promotion .title1 {font-size:1em; color: #1d1c1c; margin-bottom:20px;}

.wrapper-morebtn {margin:5px auto;}
.morebtn {
    background: #A17F3A; color: #ffffff !important;
    display: inline-block; font-size: 15px; font-weight: 500;
    width:180px; height: 30px;  line-height: 0.8; padding: 5px 15px;
    text-transform: capitalize; margin: 0 auto;
    letter-spacing: 0.5px; border:0px !important;
	cursor:pointer; border-radius:8px;
}
.morebtn:hover {background: #000000; color: #ffffff; text-decoration:none;}

@media only screen and (max-width:991px) {

	.card-promotion .img-wrap img {width:100%;}

}

/* ============ PRODUCT GRID =========== */

.card-product .img-wrap {
    border-radius: 3px 3px 0 0;
    /*overflow: hidden;*/
    position: relative;
    height:auto;
    text-align: center;
}
/*.card-product .img-wrap img {max-height: 100%; max-width: 100%; object-fit: cover;}*/
.card-product .img-wrap img {
/*  max-height: 185px; */
  max-width: 100%;
  object-fit: cover;
}
.card-product .info-wrap {
    overflow: hidden;
    /*padding: 12px; */
    padding: 0 12px;
    height: 220px;
    min-height: 220px;
    max-height: 220px;
}
.card-product .bottom-wrap {padding: 12px;}
.card-product .title1 {font-size:1em; color: #1d1c1c; margin-bottom:20px;}
/*.card-product .desc {font-size:0.9em;height: 120px;display:block;overflow: hidden;}*/
.card-product .desc {font-size:0.9em;color:#4a4a4a;padding-top:10px;}
.card-product .date1 {font-size:0.8em; color: #3a3a3a;}
.btn-primary {color: #fff; background-color: #A17F3A; border-color: #A17F3A; width:100%;}
.btn-primary:hover {color: #fff;background-color: #000000;border-color: #000000;}
.icon-shopping-cart {margin-right:8px; width:25px;}

@media only screen and (max-width:991px) {
	.container {max-width:98%;}
	.card-product .info-wrap {height:auto;}
	.card-product .img-wrap img {width:100%;}
}

/* ============ PRODUCT DETAIL =========== */

.card.card-product-detail {border: 0px solid rgba(0,0,0,.125)}
.card-product-detail .img-wrap {
    border-radius: 3px 3px 0 0; overflow: hidden; position: relative; height:auto; text-align: center;
}
.card-product-detail .img-wrap img {max-height: 100%; max-width: 100%; object-fit: cover;padding:30px;}
.card-product-detail .info-wrap {overflow: hidden; padding: 12px;;}
.card-product-detail .bottom-wrap {padding: 12px; text-align: center;}
.card-product-detail .title1 {font-size:1em; color: #1d1c1c; margin-bottom:20px;}
.card-product-detail .date1 {font-size:0.8em; color: #3a3a3a;}
.card-product-detail .btn-primary {width:200px; color: #fff; background-color: #A17F3A; border-color: #A17F3A; margin:0 auto;}
.card-product-detail .btn-primary:hover {color: #fff;background-color: #A17F3A;border-color: #A17F3A;}

@media only screen and (max-width:991px) {
	.card-product-detail .info-wrap {height:auto;}

}

/* ========== SHOPIINGCARYT ====================*/

.shopping-cart{padding-bottom: 50px;}
.shopping-cart.dark{background-color: #f6f6f6;}
.shopping-cart .idf-pic {margin-left:20px!important;}
.shopping-cart .content{box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);background-color: white;}
.shopping-cart .block-heading{/*padding-top: 50px;*/margin-bottom: 10px; text-align: center;}
.shopping-cart .block-heading p{text-align: center;max-width: 420px;margin: auto;opacity:0.7;}
.shopping-cart .dark .block-heading p{opacity:0.8;}

.shopping-cart .block-heading h1,
.shopping-cart .block-heading h2,
.shopping-cart .block-heading h3 {
	/*margin-bottom:1.2rem;*/color: #3b99e0;
}
.shopping-cart .items {margin: auto;}
.shopping-cart .items .product {margin-bottom: 20px; padding-top: 20px;padding-bottom: 20px;}
.shopping-cart .items .product .info {padding-top: 0px;text-align: center;}
.shopping-cart .items .product .info .product-name {font-weight: 500;}
.shopping-cart .items .product .info .product-name .product-info {font-size: 14px;margin-top: 15px;}
.shopping-cart .items .product .info .product-name .product-info .value {font-weight: 400;}
.shopping-cart .items .product .info .quantity .quantity-input{ margin: auto;width: 80px;}
.shopping-cart .items .product .info .price {margin-top: 15px; font-size: 18px;}
.shopping-cart .summary{border-top: 2px solid #5ea4f3; background-color: #f7fbff; height: 100%; padding: 30px;}
.shopping-cart .summary h3{
	text-align: center;font-size: 1.3em;font-weight: 600;padding-top: 20px;padding-bottom: 20px;
}
.shopping-cart .summary .summary-item:not(:last-of-type){
	padding-bottom: 10px;padding-top: 10px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.shopping-cart .summary .text{font-size: 1em;font-weight: 600;}
.shopping-cart .summary .price{font-size: 1em;float: right;}
.shopping-cart .summary button{margin-top: 40px;}

@media only screen and  (max-width: 768px) {

.shopping-cart .items .product .info .product-name {padding-left:0;}
.shopping-cart .items .product .info {padding-top: 25px;text-align: left;}
.shopping-cart .items .product .info .price {top: 17px; }
.shopping-cart .items .product .info .quantity {text-align: center; }
.shopping-cart .items .product .info .quantity .quantity-input {padding: 4px 10px;text-align: center; }
}


/*============ BANNER ============*/

.idf-banner-bg01 {background-color:#57270b; }
.idf-banner01 {margin:0 auto 50px auto; width:990px;}
.idf-banner01-img {margin:50px auto;}

@media only screen and (max-width:991px) {
	.idf-banner01 {width:98%; padding:0px;}
	.idf-banner01-img {margin:20px; width:92%;}
}

/*============ BANNER-DETAIL PAGE ============*/

.idf-banner-bg02 {background-color:#000000; }
.idf-banner02 {margin:80px auto 50px auto; width:990px;}
.idf-banner02-img {margin:50px auto;}

@media only screen and (max-width:991px) {
	.idf-banner02 {width:98%; padding:0px;}
	.idf-banner02-img {margin:20px; width:92%;}
}

/*-- PAGINATION -- */

/*.pagination {}
.page-link {padding: .5rem .95rem; }
.pagination>li>a {border-radius: 50% !important; margin: 10px 10px; }*/
.page-item.active .page-link {background-color:#1C1C1B ; border-color:#1C1C1B ;}

/*=========== SEARCH ===========*/

#custom-search-form {margin:0; margin-top:5px; margin-bottom:5px; padding:0;}
#custom-search-form .search-query {border:1px solid #aeaeaa; padding:5px; margin:10px 0 10px 0;}
#custom-search-form button {
	border:0; background:none; padding:2px 5px; margin-top:2px; position:relative; left:-28px;
	/* IE7-8 doesn't have border-radius, so don't indent the padding */
	margin-bottom: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.search-query:focus + button {z-index: 3;}


@media only screen and (max-width:991px) {
	#custom-search-form .search-query {}
}

/* ======= REGISTER ======== */

.nav-sidebar { width: 100%; padding: 30px 0; margin-left:-10px;}
.nav-sidebar ul {margin:0 auto; padding: 0;}
.nav-sidebar li {background-color: #F5F5F5; padding: 3px 10px; list-style: none;}
.nav-sidebar a {
    color: #333;  display:block; padding:5px; text-decoration: none;
    -webkit-transition: all 0.08s linear;
    -moz-transition: all 0.08s linear;
    -o-transition: all 0.08s linear;
    transition: all 0.08s linear;
}
.nav-sidebar a:hover {background-color: #DEDDDD;}
.nav-sidebar .active a {cursor: default; background-color: #A17F3A; color:#fff;width:100%; }
.nav-sidebar .text-overflow a,
.nav-sidebar .text-overflow .media-body {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/*============ JSSOR SLIDER ============*/

/* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/
.jssorb05 {position: absolute;}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	position: absolute;
	/* size of bullet elment */
	width: 16px;
	height: 16px;
	background: url('../images/jssor/b05.png') no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

/* jssor slider arrow navigator skin 22 css */
/*
.jssora22l                  (normal)
.jssora22r                  (normal)
.jssora22l:hover            (normal mouseover)
.jssora22r:hover            (normal mouseover)
.jssora22l.jssora22ldn      (mousedown)
.jssora22r.jssora22rdn      (mousedown)
.jssora22l.jssora22lds      (disabled)
.jssora22r.jssora22rds      (disabled)
*/
.jssora22l, .jssora22r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 40px;
	height: 58px;
	cursor: pointer;
	background: url('../images/jssor/a22.png') center center no-repeat;
	overflow: hidden;
}
.jssora22l { background-position: -10px -31px; }
.jssora22r { background-position: -70px -31px; }
.jssora22l:hover { background-position: -130px -31px; }
.jssora22r:hover { background-position: -190px -31px; }
.jssora22l.jssora22ldn { background-position: -250px -31px; }
.jssora22r.jssora22rdn { background-position: -310px -31px; }
.jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
.jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }

/*============ CONTENT ============*/

.viewcart-stick {
  background-color : #A17F3A; color: black; padding: 10px 20px;
  border-radius: 8px; border-color: #A17F3A;
}
.viewcart-stick:hover {
  background-color : #000000; color: #A17F3A; padding: 10px 20px;
  border-radius: 8px; border-color: #000000;
}

/*============ location ============*/
.locationLink {
  color: #3a3a3a;
  font-size:0.8em;
}
.locationLink:hover {
  color: #c80101;
  font-size:0.8em;
  text-decoration: none;
}

#cartstick {
  z-index: 1031;
  cursor: move;
  position: fixed;
  bottom: 3px;
  right: 5px;}

/*============ FOOTER ============*/

.fa-angle-double-right {font-size:11px; color:#ffffff; margin-right:5px;}

section {padding: 40px 0;}
#footer {background: #1C1C1B !important;}
#footer a {color: #ffffff; text-decoration:none!important;}
#footer a:hover {color:#A17F3A;}
#footer ul.quick-links li:hover {font-weight:400;}
#footer ul.quick-links li a i {margin-right: 5px; padding:10px 0;}
#footer .copyright {color:#aeaeaa;}
#footer .footerlogo {width:70px; /*margin: 10px auto;*/}

@media (max-width:767px){
	#footer .footerlogo {width:50%;}
}