html {
	overflow-x: hidden;
}

body {
	font-family: 'Karla', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #818181;
	background-image: none;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

a,
.btn,
.subban-img:before,
.wrap-instafeed-img:before {
	-o-transition: color .3s, background .3s, border-color .3s;
	-ms-transition: color .3s, background .3s, border-color .3s;
	-moz-transition: color .3s, background .3s, border-color .3s;
	-webkit-transition: color .3s, background .3s, border-color .3s;
	  transition: color .3s, background .3s, border-color .3s;
}

a {
	color: #A29061;
}

a:hover,
a:focus {
	color: #C9B37B;
	text-decoration: none;
}

.text-muted {
	color: #aaa !important;
}

.form-control {
	box-shadow: none;
	border-color: #f4f4f4;
	color: #777;
	border-radius: 0 !important;
}

.n-wrapper-form-control select {
	box-shadow: none;
	border-color: #f4f4f4;
	color: #777;
}

.form-control::-moz-placeholder {
	color: #777;
}

.form-control:-ms-input-placeholder {
	color: #777;
}

.form-control::-webkit-input-placeholder {
	color: #777;
}

.navbar-default {
	background: none;
	border: none;
}

.navbar {
	min-height: inherit;
	margin-bottom: 0;
	padding: 0;
	border-radius: 0;
}

.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}

.nMobileNav {
  text-align: center;
  margin: 0 -15px;
}

.navigation-list li {
  width: 25%;
	float: left;
}

.navigation-list li .btn {
  width: 100%;
  padding: 6px 0;
	display: block;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 700;
	background-color: transparent;
	line-height: normal;
	border: none;
	font-style: normal;
}

.navigation-list li .btn span {
	display: block;
	margin-bottom: 6px;
}

.navigation-list li .btn:focus {
	outline: none;
	box-shadow: none;
}

.navigation-list li a {
	padding: 6px 0 5px;
	display: block;
	font-size: 12px;
	color: #fff;
	font-weight: 600;
}

.navigation-list .icon {
  font-size: 24px;
}

.carousel-control.right,
.carousel-control.left {
	background: none;
	filter: -;
}

.ccwrap {
	float: left;
}

.nsearchinput-pl.well {
	left: auto;
	right: 0;
	margin-top: 40px !important;
	box-shadow: none;
	border-radius: 0;
	border: 1px solid #585858;
	text-align: left;
	font-size: 13px;
}

.nsearchinput-pl.well li a {
  padding: 10px;
  font-size: 12px;
}

.nsearchinput-pl.well li img {
  margin-right: 5px;
}

.nsearchinput-pl.well .nav > li > a:hover,
.nsearchinput-pl.well .nav > li > a:focus {
	background-color: #f2f2f2;
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid #f4f4f4;
}

.wrap-categ-popular .row-upsell-head {
	padding-bottom: 20px;
}

.row-conts-head {
	padding-bottom: 25px;
	text-align: center;
}

.list-head {
	position: relative;
	margin-top: 45px;
	margin-bottom: 40px;
	padding-top: 25px;
	text-align: center;
	font-size: 25px;
	color: #333;
}

.list-head:before {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -6px;
	font-size: 10px;
	font-weight: 900;
	color: #A29061;
	content: '\f219';
	font-family: "Font Awesome 5 Pro";
}

.adv-head p i {
	margin-left: 6px;
	font-weight: normal;
}

.adv-head p a {
	color: #ff9900;
}

.upsell-head {
	position: relative;
	margin-top: 45px;
	margin-bottom: 40px;
	padding-top: 25px;
	text-align: center;
	font-size: 25px;
	color: #333;
	text-transform: uppercase;
}

.upsell-head:before {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -6px;
	font-size: 10px;
	font-weight: 900;
	color: #A29061;
	content: '\f219';
	font-family: "Font Awesome 5 Pro";
}
.conts-list-head h3 {
	margin-bottom: 14px;
	color: #221A1A;
	font-size: 35px;
	line-height: 47px;
	text-align: center;
}

@media (max-width: 991.98px) {

	.nsearchinput-pl.well {
		margin-top: 40px !important;
	}

}


@media (max-width: 767.98px) {

	.list-head {
		font-size: 30px;
		line-height: 37px;
	}

	.nsearchinput-pl.well li a {
	  font-size: 14px;
	}

}

@media (max-width: 767px) {

	.navbar-collapse {
		padding-left: 15px;
		padding-right: 15px;
		margin: 0 -15px;
		border: none;
	}

	.upsell-head {
		margin-top: 40px;
		margin-bottom: 25px;
		padding-bottom: 0;
		font-size: 22px;
	}

	.upsell-head:after {
		display: none;
	}

}


h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4 {
	font-family: 'Trirong', serif;
	font-weight: 500;
	color: #333;
}

h1,
.h1 {
	font-size: 30px;
}

h2,
.h2 {
	font-size: 28px;
}

h3,
.h3 {
	font-size: 25px;
}

.btn {
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 0 !important;
}

.btn:focus {
	box-shadow: none !important;
	outline: none !important;
}

.btn-outline-secondary,
.btn-default {
	color: #777;
	background-color: #fff;
	border-color: #f4f4f4;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.open .dropdown-toggle.btn-outline-secondary,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default,
.btn-default:not(:disabled):not(.disabled):active,
.btn-default:not(:disabled):not(.disabled).active,
.show > .btn-default.dropdown-toggle  {
	color: #777;
	background-color: #f4f4f4;
	border-color: #f4f4f4;
}

.btn-outline-secondary.disabled,
.btn-outline-secondary[disabled],
fieldset[disabled] .btn-outline-secondary,
.btn-outline-secondary.disabled:hover,
.btn-outline-secondary[disabled]:hover,
fieldset[disabled] .btn-outline-secondary:hover,
.btn-outline-secondary.disabled:focus,
.btn-outline-secondary[disabled]:focus,
fieldset[disabled] .btn-outline-secondary:focus,
.btn-outline-secondary.disabled:active,
.btn-outline-secondary[disabled]:active,
fieldset[disabled] .btn-outline-secondary:active,
.btn-outline-secondary.disabled.active,
.btn-outline-secondary[disabled].active,
fieldset[disabled] .btn-outline-secondary.active,
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	background-color: #f4f4f4;
	border-color: #f4f4f4;
}

.btn-primary {
	color: #fff;
	background-color: #A29061;
	border-color: #A29061;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle  {
	color: #fff;
	background-color: #C9B37B;
	border-color: #C9B37B;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	background-color: #A29061;
	border-color: #A29061;
}

.btn-outline-primary {
	color: #A29061;
	background: none;
	border-color: #A29061;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.open .dropdown-toggle.btn-outline-primary,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
	color: #C9B37B;
	background: none;
	border-color: #C9B37B;
}

.btn-outline-primary.disabled,
.btn-outline-primary[disabled],
fieldset[disabled] .btn-outline-primary,
.btn-outline-primary.disabled:hover,
.btn-outline-primary[disabled]:hover,
fieldset[disabled] .btn-outline-primary:hover,
.btn-outline-primary.disabled:focus,
.btn-outline-primary[disabled]:focus,
fieldset[disabled] .btn-outline-primary:focus,
.btn-outline-primary.disabled:active,
.btn-outline-primary[disabled]:active,
fieldset[disabled] .btn-outline-primary:active,
.btn-outline-primary.disabled.active,
.btn-outline-primary[disabled].active,
fieldset[disabled] .btn-outline-primary.active {
	background: none;
	border-color: #A29061;
}


.btn-secondary {
	color: #fff;
	background-color: #181818;
	border-color: #181818;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle  {
	color: #fff;
	background-color: #525252;
	border-color: #525252;
}

.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
	background-color: #181818;
	border-color: #181818;
}

.btn-warning {
	color: #fff;
	background-color: #5F192C;
	border-color: #5F192C;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning,
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle  {
	color: #fff;
	background-color: #9A4146;
	border-color: #9A4146;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
	background-color: #5F192C;
	border-color: #5F192C;
}

.btn-danger {
	color: #fff;
	background-color: #5F192C;
	border-color: #5F192C;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger,
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle  {
	color: #fff;
	background-color: #9A4146;
	border-color: #9A4146;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
	background-color: #5F192C;
	border-color: #5F192C;
}

.btn-success {
	color: #fff;
	background-color: #A29061;
	border-color: #A29061;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle  {
	color: #fff;
	background-color: #C9B37B;
	border-color: #C9B37B;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
	background-color: #A29061;
	border-color: #A29061;
}

.btn-green {
	color: #fff;
	background-color: #B5BD00;
	border-color: #B5BD00;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green,
.btn-green:not(:disabled):not(.disabled):active,
.btn-green:not(:disabled):not(.disabled).active,
.show > .btn-green.dropdown-toggle  {
	color: #fff;
	background-color: #c8d102;
	border-color: #c8d102;
}

.btn-green.disabled,
.btn-green[disabled],
fieldset[disabled] .btn-green,
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
fieldset[disabled] .btn-green:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
fieldset[disabled] .btn-green:focus,
.btn-green.disabled:active,
.btn-green[disabled]:active,
fieldset[disabled] .btn-green:active,
.btn-green.disabled.active,
.btn-green[disabled].active,
fieldset[disabled] .btn-green.active {
	background-color: #B5BD00;
	border-color: #B5BD00;
}

.btn-info {
	color: #fff;
	background-color: #181818;
	border-color: #181818;
}
.btn-info.btn-join{
	background-color: #B5BD00;
	border-color: #B5BD00;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info,
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle  {
	color: #fff;
	background-color: #525252;
	border-color: #525252;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
	background-color: #181818;
	border-color: #181818;
}

.btn-light {
	color: #818181;
	background-color: #ddd;
	border-color: #ddd;
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light.active,
.open .dropdown-toggle.btn-light,
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle  {
	color: #818181;
	background-color: #E9E9E9;
	border-color: #E9E9E9;
}

.btn-light.disabled,
.btn-light[disabled],
fieldset[disabled] .btn-light,
.btn-light.disabled:hover,
.btn-light[disabled]:hover,
fieldset[disabled] .btn-light:hover,
.btn-light.disabled:focus,
.btn-light[disabled]:focus,
fieldset[disabled] .btn-light:focus,
.btn-light.disabled:active,
.btn-light[disabled]:active,
fieldset[disabled] .btn-light:active,
.btn-light.disabled.active,
.btn-light[disabled].active,
fieldset[disabled] .btn-light.active {
	background-color: #eee;
	border-color: #eee;
}

.btn-dark {
	color: #fff;
	background-color: #221A1A;
	border-color: #221A1A;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark,
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle  {
	color: #fff;
	background-color: #000;
	border-color: #000;
}

.btn-dark.disabled,
.btn-dark[disabled],
fieldset[disabled] .btn-dark,
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active,
.btn-dark.disabled.active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active {
	background-color: #221A1A;
	border-color: #221A1A;
}

/* Divider */

.divider-pagination-bot {
	margin-top: 0;
	margin-bottom: 20px;
}

.divider-viewby {
	margin-top: 15px;
}

.divider-custom-one {
	margin-top: 0;
}

.divider-custom-two {
	margin-top: 15px;
	margin-bottom: 15px;
}

.divider-custom-three {
	margin-top: 10px;
	margin-bottom: 15px;
}

.divider-custom-four {
	margin-top: 12px;
	margin-bottom: 12px;
}

.divider-custom-share {
	margin-top: 15px;
	margin-bottom: 15px;
	border-color: #000;
}

.divider-custom-upsell {
	margin-top: 30px;
	margin-bottom: 30px;
	border-color: #000;
}

.border-bottom {
  border-bottom: 1px solid #f4f4f4 !important;
}

/* Table */


.table th,
.table td {
	padding: 7px 12px;
  border-top: 1px solid #f4f4f4;
}

.table thead th {
  border-bottom: 2px solid #f4f4f4;
}

.table tbody + tbody {
  border-top: 2px solid #f4f4f4;
}

.table-bordered {
  border: 1px solid #f4f4f4;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #f4f4f4;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 1px;
}

/* Icons */

.icon-custom {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: middle;
}


/* Breadcrumbs */

.breadcrumb {
	padding: 0;
	margin-bottom: 20px;
	background: none;
	font-size: 11px;
}

.breadcrumb > li > a {
	color: #818181;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 3px;
}

.breadcrumb-item + .breadcrumb-item::before {
	padding-right: 1px;
	color: #e3e3e3;
	content: '\002F';
}

.breadcrumb > li > a:hover,
.breadcrumb > li > a:focus {
	color: #333;
}

/* Select Box */

.wrap-select  {
  position:relative;
	width: 100%;
	height: 34px;
	overflow: hidden;
	background: #fff;
	font-size: 14px;
	border: 1px solid #f4f4f4;
	border-radius: 0;
}

.wrap-select.wrap-select-lg {
	height: 50px;
}

.wrap-select select {
	line-height:normal;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
	border: none;
	padding: 3px 28px 3px 12px;
	margin:0;
	background-color: transparent !important;
}

.wrap-select select {
	height: 32px !important;
	font-size: 14px;
	color: #777;
}

.wrap-select.wrap-select-lg select {
	height: 48px !important;
}

.ie8 .wrap-select select {
	padding-right: 3px
}

.wrap-select select:focus {
  outline:none;
  box-shadow: none;
}

.wrap-select ::-ms-expand {
	display:none;
}

.wrap-select:after {
	content: '\f107';
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	position: absolute;
	z-index: 2;
	right: 15px;
	top: 50%;
	margin-top: -9px;
	pointer-events: none;
	color: #181818;
	font-size: 12px;
}

/* checkbox radio button */

input[type=radio].chk-radio-custom,
input[type=checkbox].chk-radio-custom {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

input[type=radio].chk-radio-custom ~ label:before,
input[type=checkbox].chk-radio-custom ~ label:before {
  font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	content: "\f0c8";
	display: inline-block;
	letter-spacing: 10px;
	font-size: 13px;
	color: #818181;
	width: 1.1em;
}

input[type=radio].chk-radio-custom ~ label:before {
	content: "\f111";
	font-weight: 300;
}

input[type=radio].chk-radio-custom:checked ~ label,
input[type=checkbox].chk-radio-custom:checked ~ label {
  color: #818181;
}

input[type=radio].chk-radio-custom:checked ~ label:before,
input[type=checkbox].chk-radio-custom:checked ~ label:before  {
	font-size: 13px;
	font-weight: 300;
	color: #818181;
	letter-spacing: 5px;
	content: "\f14a";
}

input[type=radio].chk-radio-custom:checked ~ label:before {
	content: "\f192";
	color: #818181;
}

input[type=radio].chk-radio-custom:focus ~ label,
input[type=checkbox].chk-radio-custom:focus ~ label {
  color: #818181;
}

input[type=radio].chk-radio-custom:focus ~ label:before,
input[type=checkbox].chk-radio-custom:focus ~ label:before {
  color: #818181;
}

input[type=radio].chk-radio-custom:focus ~ label:before {
  color: #818181;
}

/* Card */

.card {
	border-color: #F4F4F4;
  border-radius: 0;
}

.card-filter {
	border-bottom: 0;
}

.card-header {
	padding: 12px 15px;
	margin-bottom: 0;
	background-color: #f4f4f4;
	border-bottom: 1px solid #f4f4f4 !important;
	border-radius: 0 !important;
}

.card-header.card-header-filter {
	padding: 0;
}

.card-header h3 {
	font-size: 16px;
	color: #333;
}

.card-header h3 a {
	color: #333;
	display: block;
}

.card-header.card-header-filter h3 a {
	padding: 9px 34px 9px 15px;
}

/* Sidebar */

.list-group-item {
	position: relative;
	display: block;
	padding: 8px 15px;
	margin-bottom: 0;
	background-color: #fff;
	border: 1px solid #fff;
	color: #818181;
	border-radius: 0 !important
}

.list-group-item h3 {
	font-size: 15px;
	font-weight: 400;
}

/* Pagination */

.wrap-pagination {
	padding: 8px;
	background: #eee;
}

.pagination {
  margin-top: 0;
	margin-bottom: 0;
}

.page-link {
  padding: 6px 12px;
  color: #181818;
  background-color: #f4f4f4;
  border: 1px solid #f4f4f4;
	border-radius: 0;
}

.page-link:hover {
	z-index: 2;
	color: #181818;
	text-decoration: none;
	background-color: #f7f7f7;
	border-color: #f7f7f7;
}

.page-link:focus {
  box-shadow: none;
}

.page-item:first-child .page-link {
	border-radius: 0 !important;
}
.page-item:last-child .page-link {
  border-radius: 0 !important;
}

.page-item.active .page-link {
  color: #fff;
  background-color: #181818;
  border-color: #181818;
}

#homepageCarousel .carousel-caption .flex-carousel .btn{
	height: 50px;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    white-space: normal;
    font-size: 16px;
    padding: 0 10px;
    max-width: 173px;
    line-height: 18px;
    display: inline-flex;
    min-width: inherit;
}

#homepageCarousel .carousel-caption .flex-carousel>p{
	display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
	width: inherit;
    max-width: inherit;
}

/* Pager */

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 0;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #f7f7f7;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  background-color: #fff;
  cursor: not-allowed;
}

/* Product Thumbnail */

.pb-product-thumb {
	padding-bottom: 35px;
}

.pb-product-thumblist {
	padding-bottom: 35px;
}

.thumbnail.card,
.card-list.card {
  border: none;
	border-radius: 0;
	padding: 10px 10px 20px;
}

.thumbnail.card:hover {
	box-shadow: 0px 5px 5px rgba(129, 129, 129, 0.25);
}

.card-list.card .card-body {
	padding: 0;
}

.row-thumb-list {
	margin-left: -10px;
	margin-right: -10px;
}

.col-thumb-list {
	padding-left: 10px;
	padding-right: 10px;
}

.thumbnail.card-body .thumbnail-image,
.card-list.card .thumbnail-image {
	position: relative;
	margin-bottom: 13px;
	line-height: 100%;
	display: block;
  text-align: center;
}

.thumbnail.card-body .thumbnail-image:before,
.card-list.card .thumbnail-image:before {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -50%;
  border-radius: 50%;
  z-index: 0;
  width: 100%;
  height: auto;
  padding-top: 100%;
	background: #f4f4f4;
	content: '';
}

.thumbnail.card-body .thumbnail-image.thumbnail-image-out:before,
.card-list.card .thumbnail-image.thumbnail-image-out:before {
	display: none;
}

.badge-no-stock {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -50%;
  border-radius: 50%;
  z-index: 0;
  width: 100%;
  height: auto;
  padding-top: 100%;
	background: rgba(244,244,244,0.9);
	content: '';
	z-index: 2;
}

.badge-no-stock-conts {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
}

.badge-no-stock-det {
	width: 100%;
	height: 100%;
	display: table;
}

.badge-no-stock-text {
	display: table-cell;
	vertical-align: middle;
}

.badge-no-stock-det p {
	margin: 0;
	color: #777;
	text-transform: uppercase;
}

.badge-no-stock-det p span {
	color: #333;
	text-transform: none;
	font-family: 'Trirong', serif;
	font-style: italic;
	font-weight: 500;
}

.thumbnail.card-body .badge-no-stock-det p {
	font-size: 16px;
}

.thumbnail.card-body .badge-no-stock-det p span {
	font-size: 30px;
	line-height: 36px;
}

.card-list.card .badge-no-stock-det p {
	font-size: 12px;
}

.card-list.card .badge-no-stock-det p span {
	font-size: 20px;
	line-height: 26px;
}

.thumbnail.card-body .thumbnail-image img,
.card-list.card .thumbnail-image img {
	position: relative;
}

.thumbnail.card-body .card-title {
	margin-bottom: 12px;
  height: 42px;
  overflow: hidden;
	min-height: auto;
	font-family: 'Trirong', serif;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	line-height: 19px;
}

.card-list.card h3 {
	margin-bottom: 12px;
	font-size: 15px;
	font-weight: 500;
	line-height: 19px;
}

.thumbnail.card-body .card-title a {
	color: #333;
}

.card-list.card h3 a {
	color: #333;
}

.thumb-badge {
	padding: 0;
	margin: 0;
	height: 30px;
	overflow: hidden;
	margin-bottom: 5px;
	list-style: none;
	text-align: center;
	line-height: 11px;
}

.card-list.card .thumb-badge {
	height: auto;
	margin-bottom: 12px;
	text-align: left;
}

.thumb-badge li {
	position: relative;
	padding: 0 4px 0 11px;
	display: inline-block;
	font-family: 'Trirong', serif;
	font-weight: 700;
	font-size: 11px;
	font-style: italic;
}

.thumb-badge li:before {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 4px;
	font-weight: 900;
	color: #d5d5d5;
	content: '\f219';
	font-family: "Font Awesome 5 Pro";
}

.thumb-badge li:first-child {
	padding-left: 7px;
}

.card-list.card .thumb-badge li:first-child {
	padding-left: 0;
}

.thumb-badge li:first-child:before {
	display: none;
}

.thumb-badge li.badge-limited {
	color: #9A4146;
}

.thumb-badge li.badge-museum {
	color: #9A4146;
}

.thumb-badge li.badge-member {
	color: #5F192C;
}

.thumb-badge li.badge-comingsoon {
	color: #aaa;
}

.thumbnail.card-body .price {
	margin-bottom: 11px;
	height: 30px;
	overflow: hidden;
	font-family: 'Trirong', serif;
	font-size: 15px;
	font-weight: 400;
	color: #333;
	text-align: center;
}

.card-list.card .thumblist-desc {
	font-size: 14px;
	line-height: 140%;
}

.card-list.card .price {
	margin-bottom: 20px;
	font-family: 'Trirong', serif;
	font-size: 15px;
	font-weight: 400;
	color: #333;
}

.thumbnail.card-body .thumb-price,
.card-list.card .thumb-price {
	font-size: 20px;
	font-weight: 500;
}

.thumbnail.card-body .thumb-rrp,
.card-list.card .thumb-rrp {
	margin-left: 8px;
	color: #818181;
	text-decoration: line-through;
}

.thumbnail.card-body form {
	text-align: center;
}

.thumbnail.card-body .btn,
.card-list.card .btn {
	min-width: 155px;
	padding: 5px 12px;
	font-size: 14px;
	width: auto;
	display: inline-block;
}

.savings-container {
  left: 0;
	right: auto;
  text-align: left;
}

@media (max-width: 1199.98px) {

	.thumbnail.card-body .thumb-rrp {
		margin-left: 0;
		color: #70777b;
		text-decoration: line-through;
	}

}

@media (max-width: 575.98px) {

	.pb-product-thumb {
		padding-bottom: 20px;
	}

	.card-list.card .badge-no-stock-det p {
		font-size: 12px;
	}

	.card-list.card .badge-no-stock-det p span {
		font-size: 14px;
		line-height: 16px;
	}
}


/* Top Content */

.wrapper-top-content {
	margin-bottom: 24px;
}

#n_home .wrapper-top-content {
	margin-bottom: 0;
}

/** Header **/

.wrapper-header {
	padding: 13px 0 12px;
	background: #fff; /* #232323;*/
}

@media (max-width: 767.98px) {

	.wrapper-header {
		padding: 8px 0;
	}

}

.top-search {
	-ms-flex: 0 0 17%;
	flex: 0 0 17%;
	max-width: 17%;
}

.header-search .form-control {
	height: 40px;
	padding-left: 0;
	border: none;
	border-bottom: 1px solid #C2B38C;
	background: #fff;
	color: #232323;
	font-size: 14px;
}

.header-search .form-control:focus {
	box-shadow: none;
	border-color: #C2B38C;
	outline: none;
}

.header-search .input-group-append {
  margin-left: 0 !important;
}

.header-search .btn {
	height: 40px;
	padding-left: 0;
	padding-right: 0;
	background: #fff;
	border: none;
	border-bottom: 1px solid #C2B38C;
	color: #A29061;
	font-size: 16px;
}

.header-search .btn:hover,
.header-search .btn:focus,
.header-search .btn:active {
	box-shadow: none !important;
	outline: none !important;
	border-color: #C2B38C; !important;
	background: #fff !important;
	color: #C9B37B !important;
}

.header-search .form-control::-moz-placeholder {
	color: #aaa;
}

.header-search .form-control:-ms-input-placeholder {
	color: #aaa;
}

.header-search .form-control::-webkit-input-placeholder {
	color: #aaa;
}

.top-links-left .dropdown-menu {
	background: #887952;
	border-color: #887952;
}
.top-links-left .dropdown-menu > li > a {
	color: #fff;
}
.top-links-left .dropdown-menu > li > a:hover,
.top-links-left .dropdown-menu > li > a:focus {
	background-color: #78683F;
}
.top-links-left .dropdown-menu > li > a {
	color: #fff;
}
.top-links-left .dropdown-menu::before {
   position: absolute;
   top: -7px;
   left: 9px;
   display: inline-block;
   border-right: 7px solid transparent;
   border-bottom: 7px solid #887952;
   border-left: 7px solid transparent;
   border-bottom-color: #887952;
   content: '';
 }
 .top-links-left .dropdown-menu::after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #887952;
    border-left: 6px solid transparent;
    content: '';
}
@media (max-width: 1199.98px) {

	.top-search {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

}

@media (max-width: 991.98px) {

	.top-search {
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
		max-width: 30%;
	}

}

@media (max-width: 991.98px) {

	.header-search .form-control {
		font-size: 14px;
	}

}


.top-links {
	-ms-flex: 0 0 66%;
	flex: 0 0 66%;
	max-width: 66%;
	text-align: center;
}

.top-links-left,
.top-links-right {
	width: auto;
	padding: 0;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	list-style: none;
}

.top-links-left > li,
.top-links-right > li {
	display: inline-block;
	vertical-align: middle;
}

.top-links-left > li > a,
.top-links-right > li > a {
	position: relative;
	padding: 0 12px 0 17px;
	display: block;
	font-size: 14px;
	color: #232323;
}

.top-links-left > li > a:before,
.top-links-right > li > a:before {
	position: absolute;
	top: 6px;
	left: 0;
	content: '\f219';
	font-family: "Font Awesome 5 Pro";
	font-size: 5px;
	font-weight: 900;
	color: #A29061;
}

.top-links-left > li:first-child > a,
.top-links-right > li:first-child > a {
	padding-left: 12px;
}

.top-links-left > li:first-child  > a:before,
.top-links-right > li:first-child  > a:before {
	display: none;
}

.top-links-left > li > a:hover,
.top-links-right > li > a:hover,
.top-links-left > li > a:focus,
.top-links-right > li > a:focus {
	color: #A29061;
}

.header-logo {
	width: auto;
	padding: 0 24px;
	display: inline-block;
	vertical-align: middle;
}

.header-logo img {
	max-width: 100px;
}

.top-links-mob {
	width: 100%;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	text-align: center;
	list-style: none;
}

.top-links-mob > li {
	display: inline-block;
	vertical-align: middle;
}

.top-links-mob > li > a {
	position: relative;
	padding: 0 12px 0 17px;
	display: block;
	font-size: 12px;
	color: #232323;
}

.top-links-mob > li > a:before {
	position: absolute;
	top: 6px;
	left: 0;
	content: '\f219';
	font-family: "Font Awesome 5 Pro";
	font-size: 5px;
	font-weight: 900;
	color: #A29061;
}

.top-links-mob > li:first-child > a {
	padding-left: 12px;
}

.top-links-mob > li:first-child > a:before {
	display: none;
}

.top-links-mob > li > a:hover,
.top-links-mob > li > a:focus {
	color: #A29061;
}

@media (max-width: 1199.98px) {

	.top-links {
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
	}

	.top-links-left > li > a,
	.top-links-right > li > a {
		padding: 0 8px 0 13px;
	}

	.top-links-left > li:first-child > a,
	.top-links-right > li:first-child > a {
		padding-left: 8px;
	}

	.header-logo {
		padding: 0 8px;
	}

}

@media (max-width: 991.98px) {

	.top-links {
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}

	.top-links-left,
	.top-links-right {
		display: none;
	}

	.header-logo {
		width: 100%;
		padding: 0 8px;
	}

	.header-logo img {
		max-width: 70px;
	}

}

@media (max-width: 767.98px) {

	.wrap-toplinks-mob {
		display: none !important;
	}

}

.top-cart-acct {
	-ms-flex: 0 0 17%;
	flex: 0 0 17%;
	max-width: 17%;
}

.header-cart-acct {
	width: auto;
	float: right;
	padding: 0;
	margin: 0;
	list-style: none;
}

.header-cart-acct > li {
	float: left;
}

.header-cart-acct > li > a {
	padding: 0 12px;
	display: block;
	font-size: 13px;
	color: #232323;
}

.header-cart-acct > li > a > i {
	margin-right: 7px;
	font-size: 14px;
	color: #A29061;
}

.header-cart-acct > li > a.dropdown-toggle::after {
	display: inline-block;
	width: 7px;
	height: 12px;
	margin-left: 13px;
	vertical-align: top;
	content: '\f107';
	font-family: "Font Awesome 5 Pro";
	font-size: 12px;
	font-weight: 300;
	border: none;
}

.header-cart-acct > li#header-cart > a {
	padding-right: 0;
}

.header-cart-acct > li#header-cart > a > i {
	margin-right: 0;
	font-size: 16px;
	color: #232323;
}

.itm-cnt {
	position: absolute;
	top: -13px;
	right: 13px;
	width: 19px;
	height: 19px;
	display: block;
	line-height: 19px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background: #C2B38C;
	border-radius: 50%;
}

@media (max-width: 1199.98px) {

	.top-cart-acct {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

}

@media (max-width: 991.98px) {

	.top-cart-acct {
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
		max-width: 30%;
	}

}


/** Nav **/

.wrapper-nav {
	background: #C2B38C;
}

.wrapper-nav .navbar-nav {
  display: block;
  width: 100%;
  text-align: center;
}

.wrapper-nav .navbar-nav > li {
	display: inline-block;
}

.wrapper-nav .navbar-nav > li > a {
	position: relative;
	padding: 11px 24px 10px !important;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
}

.wrapper-nav .navbar-nav > li > a.dropdown-toggle:after {
	display: none;
}

.wrapper-nav .navbar-nav > li:hover > a:before,
.wrapper-nav .navbar-nav > li:focus > a:before {
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -4px;
	content: '\f219';
	font-family: "Font Awesome 5 Pro";
	font-size: 9px;
	font-weight: 900;
	color: #A29061;
}

.wrapper-nav .menu-products.dropdown {
	position: static;
}

.wrapper-nav .menu-products .dropdown-menu {
	width: 100%;
	border-radius: 0;
	padding: 13px 15px 25px;
	margin: 0;
	top: auto;
	border: none;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
}

.wrapper-nav .menu-products .dropdown-menu:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 13px;
	height: 13px;
	display: inline-block;
	content: '';
	background: url(../img/lines.png) no-repeat left top;
}

.wrapper-nav .menu-products .dropdown-menu li {
	width: 25%;
	padding: 23px 15px;
	float: left;
	cursor: pointer;
}

.wrapper-nav .menu-products .dropdown-menu li .categdrop-img {
	width: 95px;
	height: 95px;
	margin-right: 16px;
	overflow: hidden;
	border-radius: 50%;
	background: #f4f4f4;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.wrapper-nav .menu-products .dropdown-menu li .categdrop-img img {
	max-width: 100%;
}

.wrapper-nav .menu-products .dropdown-menu li .categdrop-name {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 115px);
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	color: #777;
}

.wrapper-nav .menu-products .dropdown-menu li:hover .categdrop-name {
	color: #A29061;
}

@media (max-width: 991.98px) {

	.wrapper-nav .menu-products .dropdown-menu li {
		width: 33.33333333333333%;
	}

}


/** Header Mobile **/

.wrapper-mob-nav {
	padding: 0 25px;
}

.wrapper-mob-nav > ul {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.wrapper-mob-nav > ul > li {
	width: 20%;
	display: inline-block;
  vertical-align: middle;
}

.wrapper-mob-nav > ul > li > a {
	display: inline-block;
	font-size: 25px;
	color: #333;
	text-transform: uppercase;
}

.mob-menu-toggle {
	text-align: left;
}

.mob-cart {
	text-align: right;
}

.mob-cart > a {
	position: relative;
}

.mob-cart .itm-cnt {
	position: absolute;
	top: -12px;
	right: -14px;
	width: 25px;
	height: 25px;
	margin-left: 0;
	line-height: 25px;
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	color: #fff;
}

.mob-logo {
	width: 54% !important;
	text-align: center;
	padding-top: 0 !important;
}

.mob-logo img {
	width: 76px;
	max-width: 100%;
}

@media (max-width: 767px) {

	body:before {
		content: '';
		background: rgba(26,26,26,0.8);
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		-webkit-transition: all .25s ease-out;
		-o-transition: all .25s ease-out;
		transition: all .25s ease-out;
		opacity: 0;
		visibility: hidden;
		z-index: 9;
	}

	body.mobile-menu-active {
		overflow: hidden;
		position: fixed;
		width: 100%;
	}

	body.mobile-menu-active:before {
		opacity: 1;
		visibility: visible;
	}

	.sidebar-offcanvas {
		position: fixed;
		top: 0;
		z-index: 11;
		width: 100%;
		padding: 0;
		height: 100%;
		-webkit-transition: all .25s ease-out;
		-o-transition: all .25s ease-out;
		transition: all .25s ease-out;
		left: -100%;
		overflow: scroll;
	}

	.sidebar-offcanvas.active {
		left: 0;
	}

	.sidebar-offcanvas .navbar-default {
		position: relative;
		width: 83.33333333333334%;
		height: 100%;
		background: #181818;
		zoom: 1;
	}

	.sidebar-offcanvas .navbar-nav-mob {
		width: 100%;
		float: left;
		margin: 0;
		padding: 0;
	}

	.navbar-nav-mob-acct {
		list-style: none;
    margin: 0;
    padding: 0;
    background: #232323;
	}

	.navbar-nav-mob-acct > li > a {
		padding: 9px 40px 9px 22px;
		color: #fff;
		text-transform: uppercase;
		display: block;
		font-size: 16px;
		font-weight: 400;
	}

	.navbar-nav-mob-acct > li > a > i {
		margin-right: 7px;
	}

	#mob-menu-cat {
		list-style: none;
	}

	#mob-menu-cat ul {
		list-style: none;
	}

	#mob-menu-cat li a {
		position: relative;
		color: #1a1a1a;
		font-size: 13px;
		display: block;
	}

	#mob-menu-cat .collapse-menu {
		padding: 0;
	}

	#mob-menu-cat > li {
		border-bottom: 1px solid #333;
	}

	#mob-menu-cat > li > a {
		background: #181818;
		padding: 10px 44px 10px 22px;
		text-transform: uppercase;
		color: #fff;
		font-size: 16px;
	}

	#mob-menu-cat .collapse-menu.collapse-menu-one {
		background: #fff;
	}

	#mob-menu-cat .collapse-menu.collapse-menu-one > li > a {
		padding: 12px 44px 12px 22px;
		font-size: 14px;
		color: #818181;
	}

	#mob-menu-cat .collapse-menu.collapse-menu-two {
		background: #eee;
	}

	#mob-menu-cat .collapse-menu.collapse-menu-two > li > a {
		padding: 13px 41px 13px 38px;
		font-size: 13px;
		color: #2C1E24;
		border-bottom: 1px solid #fff;
	}

	#mob-menu-cat .mob-drop {
		color: #A29061;
	}

	#mob-menu-cat .mob-drop:after {
		position: absolute;
		top: 0;
		right: 0;
		width: 44px;
		height: 100%;
		font-size: 16px;
		line-height: 44px;
		text-align: center;
		content: "\f068";
		font-family: "Font Awesome 5 Pro";
    font-weight: 300;
		background: #fff;
		color: #181818;
		border-left: 1px solid #fff;
	}

	#mob-menu-cat .mob-drop.collapsed {
		color: #fff;
	}

	#mob-menu-cat .mob-drop.collapsed:after {
		content: "\f067";
		background: #181818;
		border-color: #333;
		color: #A29061;
	}

	#mob-menu-cat .collapse-menu.collapse-menu-one .mob-drop:after {
		background: #100007;
	}

	#mob-menu-cat .collapse-menu.collapse-menu-one .mob-drop.collapsed:after {
		background: #A9ABAC;
	}

	.mob-acct-lnk {
		border: none !important;
	}

	.mob-acct-lnk a {
		background: #232323 !important;
	}

	.closemenu {
		position: absolute;
		top: 0;
		right: -20%;
		width: 20%;
		height: 100%;
		cursor: default;
		font-size: 18px;
	}

	.closemenu i {
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #181818;
    color: #fff;
	}

}

@media (max-width: 400px) {

	.mob-logo {
		width: 52% !important;
	}

}

/** Mobile Search **/

.wrapper-search {
	padding: 11px 0;
	background: #C2B38C;
}

.wrapper-search .header-search {
	padding: 0 10px;
}

.wrapper-search .header-search .form-control {
	color: #fff;
	background: #C2B38C;
	border-bottom: 1px solid #fff;
}
.wrapper-search .header-search .form-control::placeholder {
	color: #fff;
}
.wrapper-search .header-search .btn {
	color: #fff;
	background: #C2B38C;
	border-bottom: 1px solid #fff;
}

.wrapper-search .header-search .btn:hover,
.wrapper-search .header-search .btn:focus,
.wrapper-search .header-search .btn:active {
	color: #A29061;
	background: #C2B38C !important;
}

/** Mobile Slide Search **/

.sidebar-offcanvas .header-search {
	width: 100%;
	float: left;
	padding: 8px 22px 21px;
	background: #fff;
}


/** Banner Carousel **/

#homepageCarousel.carousel .carousel-controls {
	z-index: 2;
}

#homepageCarousel .carousel-caption {
	padding-top: 0;
	text-shadow: none;
}

#homepageCarousel .caption-text {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: table;
	text-align: center;
}

#homepageCarousel .caption-conts {
	display: table-cell;
  vertical-align: middle;
}

#homepageCarousel .caption-wrapper {
	width: 100%;
	padding: 20px 30px 30px;
	float: left;
	background: rgba(255,255,255,0.76);
}

#homepageCarousel .carousel-caption h3 {
	position: relative;
	padding-top: 36px;
	margin-bottom: 27px;
	font-size: 38px;
	font-weight: 400;
	text-transform: uppercase;
	color: #232323;
	/* max-width: 520px;
	display: inline-block;*/
}

#homepageCarousel .carousel-caption h3:before {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -6px;
	font-size: 18px;
	font-weight: 900;
	color: #A29061;
	content: '\f219';
	font-family: "Font Awesome 5 Pro";
}

#homepageCarousel .carousel-caption p {
	margin-bottom: 38px;
	font-size: 17px;
	line-height: 20px;
	text-transform: uppercase;
	color: #232323;
	max-width: 520px;
	display: inline-block;
}

#homepageCarousel .carousel-caption .btn {
	min-width: 180px;
	padding: 10px 15px;
}

.carousel .carousel-item-next .carousel-caption,
.carousel .carousel-item-prev .carousel-caption {
  opacity: 0;
}

.carousel-caption {
	transition: opacity 1.3s;
	-moz-transition: opacity 1.3s;
  -webkit-transition: opacity 1.3s;
}

#homepageCarousel .carousel-indicators li {
	margin: 2px;
	background-color: #fff;
	border: 1px solid #333;
}

#homepageCarousel .carousel-indicators .active {
	margin: 1px;
	background-color: #333;
	border: 1px solid #333;
}

#homepageCarousel .carousel-controls {
	position: absolute;
	top: 50%;
	bottom: auto;
	width: 46px;
	height: 46px;
	margin-top: -23px;
	line-height: 46px;
	opacity: 1;
	filter: alpha(opacity=100);
	font-size: 15px;
	color: #fff;
	text-align: center;
	text-shadow: none;
	background: #1D2433;
	border-radius: 50%;
}

#homepageCarousel .carousel-control-prev {
	left: 30px;
}

#homepageCarousel .carousel-control-next {
	left: auto;
	right: 30px;
}

#homepageCarousel .carousel-control-prev,
#homepageCarousel .carousel-control-next {
	background: #1D2433;
	color: #fff;
}

#homepageCarousel .carousel-controls .fa {
	position: static;
	top: 0;
	left: 0;
}

#homepageCarousel .carousel-controls:hover,
#homepageCarousel .carousel-controls:focus {
	opacity: 0.8;
	filter: alpha(opacity=80);
}


@media screen and (min-width: 768px){

	#homepageCarousel .carousel-caption {
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		padding-bottom: 0;
		width: 100%;
		text-align: center;
		text-shadow: none;
	}

}

@media (max-width: 1199.98px) {


	#homepageCarousel .carousel-caption h3 {
		font-size: 33px;
	}

}

@media (max-width: 991.98px) {

	#homepageCarousel .carousel-caption h3 {
		font-size: 24px;
    padding-top: 20px;
    margin-bottom: 10px;
	}

	#homepageCarousel .carousel-caption p {
		font-size: 15px;
		margin-bottom: 10px;
	}

	#homepageCarousel .carousel-caption .btn {
		min-width: 0;
		padding: 6px 15px;
	}

}

@media (max-width: 767.98px) {

	#homepageCarousel .carousel-caption {
		top: auto;
		bottom: 0;
		width: 100%;
		left: 0;
		margin-left: 0;
		padding-bottom: 0;
		background: rgba(255,255,255,0.76);
	}

	#homepageCarousel .carousel-caption {
		text-align: center;
	}

	#homepageCarousel .carousel-caption h3 {
		margin-bottom: 10px;
		padding-top: 20px;
		font-size: 18px;
		max-width: 100%;
		display: block;
	}

	#homepageCarousel .carousel-caption p {
		font-size: 14px;
		margin-bottom: 0;
		max-width: 100%;
		display: block;
	}
    /*
	#homepageCarousel .carousel-caption .btn {
		display: none;
	}
    */
	#homepageCarousel .caption-text {
		position: static;
		width: 100%;
		padding: 0;
		text-align: center;
	}

	#homepageCarousel .carousel-controls {
		margin-top: 0;
		left: auto;
		right: 10px;
		top: 10px;
		font-size: 12px;
		width: 20px;
		height: 20px;
		line-height: 20px;
	}

	#homepageCarousel .carousel-control-prev {
		right: 35px;
		margin-left: 0;
	}

	#homepageCarousel .carousel-control-next {
		left: auto;
		right: 10px;
		margin-right: 0;
	}

	#homepageCarousel .caption-wrapper {
		padding: 5px;
		background: none;
	}

}

@media (max-width: 575.98px) {

	#homepageCarousel .carousel-caption h3 {
		margin-bottom: 0;
	}

	#homepageCarousel .carousel-caption p {
		display: none;
	}
}

/** Home Description **/

.wrapper-home-description {
	padding-top: 45px;
	padding-bottom: 27px;
	text-align: center;
}

#homepage-content {
	max-width: 930px;
	display: inline-block;
}

#homepage-content h1 {
	position: relative;
	margin-bottom: 40px;
	padding-top: 25px;
	font-size: 27px;
	color: #333;
}

#homepage-content h1:before {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -4px;
	font-size: 10px;
	font-weight: 900;
	color: #A29061;
	content: '\f219';
	font-family: "Font Awesome 5 Pro";
}

#homepage-content p{
	line-height: 18px;
	font-size: 14px;
	letter-spacing: 0.03em;
}

/** Home Featured Products **/

.wrapper-home-featprod {
	padding-bottom: 40px;
}
.wrapper-home-faqs .list-head{
	margin-top: 5px;
	padding-top: 10px;
}
.wrapper-home-faqs .list-head:before{
	display: none;
}
.wrapper-home-faqs .faqs-wrap{
	border-bottom: 1px solid #f4f4f4;
	float: left;
	width: 100%;
	padding: 14px 0px;
}
.wrapper-home-faqs .faqs-title{
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
	cursor: pointer;
	display: flex;
}
.wrapper-home-faqs .expand{
	display: block;
	margin-left: auto;
}
.wrapper-home-faqs .active .expand{
	display: none;
}
.wrapper-home-faqs .colpand{
	display: none;
	margin-left: auto;
}
.wrapper-home-faqs .active .colpand{
	display: block;
}
.wrapper-home-faqs .faqs-content{
	color: #333;
	font-size: 14px;
	display: none;
	margin-top: 14px;
}
.wrapper-home-faqs .active .faqs-content{
	display: block;
}
/** Home Subbaner **/

.wrapper-subban .wrap-subban {
	padding-left: 1px;
	padding-right: 0;
}

.wrapper-subban .wrap-subban:first-child {
	padding-left: 0;
}

.subban-img {
	position: relative;
	width: 100%;
	padding: 0 33px;
	height: 393px;
	overflow: hidden;
	float: left;
	display: table;
	text-align: center;
	cursor: pointer;
}

.subban-img:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 101%;
	height: 101%;
	background: rgba(17,17,17,0.5);
	content: '';
}

.subban-conts {
	display: table-cell;
	vertical-align: middle;
}

.subban-conts h3 {
	position: relative;
	margin-bottom: 0;
	padding-top: 20px;
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	text-transform: uppercase;
}

.subban-conts h3:before {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -4px;
	font-size: 10px;
	font-weight: 900;
	line-height: 10px;
	color: #C2B38C;
	content: '\f219';
	font-family: "Font Awesome 5 Pro";
}

.subban-img:hover:before,
.subban-img:focus:before {
	background: rgba(17,17,17,0.7);
}

@media (max-width: 991.98px) {

	.subban-img {
		height: 293px;
	}

}

@media (max-width: 767.98px) {

	.wrapper-subban .wrap-subban {
		padding-bottom: 1px;
	}

	.wrapper-subban .wrap-subban:nth-child(3) {
		padding-left: 0;
	}

}

@media (max-width: 575.98px) {

	.wrapper-subban .wrap-subban {
		padding-left: 0;
	}

}

/** Home Blog **/

.wrap-blog {
	margin-bottom: 20px;
	width: 100%;
	float: left;
}
.wrapper-home-blog .wrap-blog{
	
}
.blog-img {
	position: relative;
	width: 100%;
	height: 210px;
	float: left;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-webkit-transition: opacity .3s;
	  transition: opacity .3s;
		cursor: pointer;
}

.blog-date {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -48px;
	width: 96px;
  height: 48px;
	padding-top: 13px;
	text-align: center;
	font-size: 14px;
	font-family: 'Trirong', serif;
	line-height: 15px;
	color: #fff;
}

.blog-date:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
  height: 0;
  border-left: 48px solid transparent;
  border-right: 48px solid transparent;
  border-bottom: 48px solid #A29061;
	content: '';
}

.blog-date span {
	position: relative;
	display: block;
}

.blog-date span:last-child {
	font-size: 12px;
}

.blog-text {
	position: relative;
	width: 100%;
	float: left;
	padding: 16px 10px;
	text-align: center;
}

.blog-text:before {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -48px;
	width: 0;
  height: 0;
  border-left: 48px solid transparent;
  border-right: 48px solid transparent;
  border-top: 48px solid #f4f4f4;
	content: '';
}

.blog-text-name {
	position: relative;
	margin-bottom: 14px;
	height: 36px;
	width: 100%;
	display: table;
	overflow: hidden;
}

.blog-text-name-conts {
	display: table-cell;
	vertical-align: middle;
}

.blog-text h3 {
	margin-bottom: 0;
	font-family: 'Karla', sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 16px;
	text-transform: uppercase;
}

.blog-text h3 a {
	color: #333;
}

.blog-text p {
	position: relative;
	margin-bottom: 0;
	height: 106px;
	overflow: hidden;
	font-size: 14px;
	line-height: 16px;
}

.wrap-blog:hover .blog-img {
	opacity: 0.8;
}

/** Instafeed **/

.wrap-instafeed-img {
	position: relative;
	line-height: 0;
	width: 100%;
	padding-top: 100%;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.wrap-instafeed-img:before {
	position: absolute;
	width: 101%;
	height: 101%;
	left: 0;
	top: 0;
	background: rgba(24, 24, 24, 0);
	content: '';
}

.wrap-instafeed-img:hover:before,
.wrap-instafeed-img:focus:before {
	background: rgba(24, 24, 24, 0.43);
}

.wrap-home-instafeed .container-fluid {
	padding: 0;
}

@media (max-width: 767.98px) {

	.wrap-instafeed {
		-webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
	}

}

/* Product Page */

/** Main Image **/

.main-image {
	position: relative;
	margin-bottom: 20px;
}

.main-image .zoomImg {
	background: #fff;
}

.main-image:before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -216px;
	margin-left: -216px;
  border-radius: 50%;
  z-index: 0;
  width: 432px;
  height: 432px;
	background: #f4f4f4;
	content: '';
}

.main-image:hover:before {
	display: none;
}



.badge-loyalty-points {
	position: absolute;
	top: 0;
	right: 0;
	width: 85px;
	height: 85px;
	padding: 0 7px;
	display: table;
	text-align: center;
	font-size: 15px;
	font-family: 'Trirong', serif;
	color: #A29061;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #A29061;
}

.badge-loyalty-points span.loyalty-points-conts {
	display: table-cell;
	vertical-align: middle;
	line-height: 18px;
}


@media (max-width: 1199.98px) {

	.main-image:before {
    margin-top: -166px;
    margin-left: -166px;
    width: 332px;
    height: 332px;
	}
	.wrapper-home-faqs .faqs-wrap{
		padding: 14px 15px;
	}

}

@media (max-width: 991.98px) {

	.main-image:before {
    margin-top: -216px;
    margin-left: -216px;
    width: 432px;
    height: 432px;
	}

}

@media (max-width: 767.98px) {

	.main-image:hover:before {
		display: block;
	}

}

@media (max-width: 575.98px) {

	.main-image:before {
		top: 50%;
    left: 50%;
    margin-left: -45%;
    margin-top: -45%;
    border-radius: 50%;
    z-index: 0;
    width: 90%;
    height: auto;
    padding-top: 90%;
	}

}

/** Product Title **/

.wrapper-product-title h1 {
	margin-bottom: 15px;
	font-weight: 400;
	text-align: center;
}

/** Product Price **/

.wrapper-pricing {
	margin-bottom: 20px;
	text-align: center;
}

.productpricetext {
	font-size: 23px;
	font-family: 'Trirong', serif;
	font-weight: 500;
	color: #333;
}

.productpricetext span {
	margin-left: 13px;
	font-size: 16px;
	color: #818181;
	text-decoration: line-through;
}

/** Short Description **/

.wrapper-product-shortdesc {
	text-align: center;
}

.wrapper-product-shortdesc p {
	padding: 0 23px;
	margin-bottom: 20px;
}

@media (max-width: 1199.98px) {

	.wrapper-product-shortdesc p {
		padding: 0;
	}

}

/** Buy in Bulk **/

.wrap-bulkbuy {
	padding: 0 23px;
}

.table-bulkbuy {
	margin-bottom: 25px;
	color: #777;
	text-align: center;
}

@media (max-width: 1199.98px) {

	.wrap-bulkbuy {
		padding: 0;
	}

}

/** Bottle Buying Option **/

.wrap-bottle-qty {
	padding: 0 109px;
	padding-bottom: 5px;
}

.wrap-bottle-qty label {
	margin-bottom: 12px;
	text-align: center;
	font-weight: 700;
	color: #777;
	display: block;
}

.bottle-select,
.bottle-qty {
	padding-bottom: 15px;
}

.bottle-qty .form-control {
	padding: 13px 16px 14px;
	font-size: 14px;
	color: #777;
	text-align: center;
}

@media (max-width: 575.98px) {

	.wrap-bottle-qty {
		padding: 0 15px;
	}


}

/** Age Confirmation **/

.age-chck {
	padding-bottom: 25px;
}

/** Bottle button **/

.wrap-prod-btn {
	padding-left: 151px;
	padding-right: 151px;
}

.wrap-btn-alcohol button[disabled] {
	pointer-events: none;
}

@media (max-width: 1199.98px) {

	.wrap-prod-btn {
		padding-left: 101px;
		padding-right: 101px;
	}

}

@media (max-width: 991.98px) {

	.wrap-prod-btn {
		padding-left: 15px;
		padding-right: 15px;
	}

}

/** Hamper Slide Button **/

.hampercustomise.btn {
	padding: 10px 12px;
}

.hampercustomise.btn i {
	margin-left: 8px;
	font-size: 12px;
}

/** Product Tabs **/

.wrapper-prod-desc {
	margin-top: 48px;
	padding: 52px 0;
	background: #f4f4f4;
}

.tabbable .nav-tabs {
  border-bottom: 1px solid #fff;
	text-align: center;
}

.tabbable .nav-tabs .nav-item {
	margin-bottom: 0;
	margin-right: 0;
	display: inline-block;
}

.tabbable .nav-tabs .nav-link {
	position: relative;
	border: 1px solid transparent;
	border-radius: 0 !important;
	border: none;
	padding: 13px 14px;
	text-align: center;
	display: block;
	color: #333;
	font-size: 20px;
	font-family: 'Trirong', serif;
	background: none;
	text-transform: uppercase;
}

.tabbable .nav-tabs .nav-link:hover,
.tabbable .nav-tabs .nav-link:focus {
	background: none;
	color: #A29061;
}

.tabbable .nav-tabs .nav-link.active {
	color: #A29061;
	background: none;
}

.tabbable .nav-tabs .nav-link.active:after {
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -4px;
	font-size: 9px;
	font-weight: 900;
	line-height: 11px;
	color: #A29061;
	content: '\f219';
	font-family: "Font Awesome 5 Pro";
}

.tabbable .tab-content {
	padding: 30px 0;
	background: #f4f4f4;
	font-size: 14px;
}

.tabbable .tab-content .card {
	background: none;
	border: none;
}

.tabbable .tab-content .card-header {
	padding: 0;
	background-color: #f4f4f4;
	border-bottom: 1px solid #fff;
}

.tabbable .tab-content .card-header .btn {
	position: relative;
	padding: 12px 33px 12px 0;
	color: #A29061;
	font-size: 20px;
	font-family: 'Trirong', serif;
	font-weight: 400;
	background: none;
	text-transform: uppercase;
}

.tabbable .tab-content .card-header .btn.collapsed {
	color: #333;
}

.tabbable .tab-content .card-header .btn:after {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -12px;
	font-size: 16px;
	text-align: center;
	content: "\f068";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	color: #A29061;
}

.tabbable .tab-content .card-header .btn.collapsed:after {
	content: "\f067";
	color: #333;
}


@media (min-width: 768px) {

	.tabbable .nav-tabs {
    display: block;
	}

}

@media (max-width: 767.98px) {

	.tabbable .tab-content {
		padding: 0;
	}

}

/** Product Reviews **/

.wrapper-product-reviews {
	position: relative;
	padding: 25px 20px 32px;
	background: #fff;
	border: 1px solid #F4F4F4;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
	text-align: center;
}

.wrapper-product-reviews:before {
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -4px;
	font-size: 9px;
	font-weight: 900;
	line-height: 11px;
	color: #A29061;
	content: '\f219';
	font-family: "Font Awesome 5 Pro";
}

.wrapper-product-reviews h3 {
	margin-bottom: 10px;
	font-size: 20px;
	text-align: center;
	color: #818181;
	font-weight: 400;
}

.prod-rev-btn {
	padding: 0 37px;
}

.prod-rev-btn .btn {
	padding: 10px 12px;
}

.rev-list {
	padding: 19px 0 14px;
	border-bottom: 1px solid #f6f6f6;
}

.rev-list blockquote {

}

.wrapper-product-reviews h4,
.rev-list h4 {
	margin-bottom: 6px;
	font-size: 14px;
	font-family: 'Karla', sans-serif;
	font-weight: 700;
	color: #333;
}

.rev-list .rev-desc {
	margin-bottom: 4px;
}

.rev-list .rev-name {
	font-size: 12px;
	color: #333;
}

.rev-list .rev-star {
	font-size: 10px;
}

.rev-list .rev-star i {
	font-size: 10px;
	color: #A29061;
}

@media (max-width: 1199.98px) {

	.prod-rev-btn {
		padding: 0;
	}

}

.row-prod-upsell {
	margin-bottom: 20px;
}

/** Product Components **/

.wrapper-prod-components {
	margin-top: 80px;
	padding-bottom: 70px;
	background: #f4f4f4;
}

.wrapper-hamper-content {
	position: relative;
	margin-top: -51px;
	padding: 25px 20px 32px;
	background: #fff;
	border: 1px solid #F4F4F4;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
}

.wrapper-hamper-content:before {
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -4px;
	font-size: 9px;
	font-weight: 900;
	line-height: 11px;
	color: #A29061;
	content: '\f219';
	font-family: "Font Awesome 5 Pro";
}

@media (max-width: 767.98px) {

	.wrapper-prod-components {
		margin-top: 50px;
	}

	.wrapper-hamper-content {
		margin-top: 20px;
	}
}

.wrapper-hamper-content h3 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 400;
	color: #333;
	text-align: center;
}

.row-hamper-list {
	margin-left: -9px;
	margin-right: -9px;
}

.col-hamper-list {
	padding-left: 9px;
	padding-right: 9px;
}

.col-hamper-list .thumbnail.card {
	position: relative;
	margin-bottom: 20px;
	padding: 8px 10px 16px;
	background: none;
}

.col-hamper-list.active .thumbnail.card {
	background: #EBEBE2;
}

.col-hamper-list.active .thumbnail.card:after {
	position: absolute;
	top: -8px;
	right: -11px;
	content: '\f00c';
	width: 29px;
	height: 29px;
	text-align: center;
	line-height: 29px;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	font-size: 14px;
	color: #fff;
	background: #A29061;
	border-radius: 50%;
}

.col-hamper-list .card-body {
	padding: 7px 0 0;
	text-align: center;
}

.col-hamper-list .card-body .card-title {
	margin-bottom: 5px;
	height: 37px;
	overflow: hidden;
	font-family: 'Trirong', serif;
	font-size: 13px;
	font-weight: 400;
	color: #333;
}

.col-hamper-list .card-body .price {
	margin-bottom: 10px;
	height: 20px;
	overflow: hidden;
	font-family: 'Trirong', serif;
	font-size: 14px;
	font-weight: 500;
	color: #333;
}

.col-hamper-list .card-body .wrap-kit-btn {
	padding: 0 5px;
}

.col-hamper-list .card-body .wrap-kit-btn .btn {
	padding: 8px 7px;
	font-size: 8px;
}

.col-hamper-list .card-body .wrap-kit-btn .btn:hover,
.col-hamper-list .card-body .wrap-kit-btn .btn:focus {
	color: #777;
  background-color: #fff;
  border-color: #f4f4f4;
}

.col-hamper-list .card-body .wrap-kit-btn .form-control {
	padding: 4px;
	height: 30px;
	text-align: center;
}

.col-hamper-list .card-body .wrap-kit-btn .form-control::-webkit-inner-spin-button,
.col-hamper-list .card-body .wrap-kit-btn .form-control::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#hampercontent {
	padding: 0;
	list-style: none;
}

#hampercontent li {
	position: relative;
	padding: 18px 0;
	border-bottom: 1px solid #f6f6f6;
}

.nohampercontent {
	text-align: center;
}

#hampercontent li h4 {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 400;
}

#hampercontent li img {
	width: 62px;
	margin-right: 22px;
	display: inline-block;
	vertical-align: top;
}

#hampercontent li .hconts-desc {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 99px);
	font-family: 'Trirong', serif;
	color: #333;
}

#hampercontent li .hconts-desc .hconts-qty,
#hampercontent li .hconts-desc .hconts-mult-icon {
	margin-right: 3px;
	font-family: 'Karla', sans-serif;
	font-weight: 700;
	color: #9A4146;
}

#hampercontent li .hconts-desc .hconts-name span {
	display: block;
	margin-top: 5px;
	font-size: 15px;
	font-weight: 500;
}

#hampercontent li .btnremoveitem {
	background: none;
	border: none;
	color: #A9A9A9;
	position: absolute;
	right: 0;
	top: 18px;
	padding: 0;
}

.hamper-add-complete {
	text-align: center;
}

.hamper-add-complete p {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 700;
	color: #777;
}

.hamper-complete-price {
	margin-bottom: 40px;
	font-size: 28px;
	font-family: 'Trirong', serif;
	font-weight: 5500;
	color: #333;
}

.wrap-hamper-btn .btn {
	font-size: 16px;
	padding: 13px 12px;
}

.wrap-hamper-btn button[disabled] {
	pointer-events: none;
}


/* Registration */

.wrapper-reg-ban {
	position: relative;
	margin-bottom: 30px;
	width: 100%;
	padding: 0 10px;
	height: 270px;
	float: left;
	display: table;
	overflow: hidden;
	text-align: center;
}

.wrapper-reg-ban:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 101%;
	height: 101%;
	background: rgba(24,24,24,0.3);
	content: '';
}

.reg-ban-conts {
	display: table-cell;
	vertical-align: middle;
}

.wrapper-reg-ban h1 {
	position: relative;
	margin-bottom: 0;
	font-size: 30px;
	color: #fff;
	text-transform: uppercase;
}

@media (max-width: 767.98px) {

	.wrapper-reg-ban {
		height: 170px;
	}

}

.joinus-usp {
	margin: 0 -15px;
	padding: 0;
	list-style: none;
}

.joinus-usp li {
	width: 25%;
	padding: 0 15px 15px;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #333;
	font-family: 'Trirong', serif;
}
.register-joinus-usp.joinus-usp li{
	width: 33.33%;
	padding: 15px 15px 15px;
}

.join-usp-block {
	position: relative;
	padding-top: 5px;
	padding-left: 50px;
}

.join-usp-block span {
	position: absolute;
	top: 0;
	left: 0;
	width: 38px;
	height: 38px;
	line-height: 36px;
	text-align: center;
	background: #fff;
	border: 1px solid #B5BD00;
	border-radius: 50%;
	font-size: 16px;
	color: #B5BD00;
}

@media (max-width: 991.98px) {

	.joinus-usp li {
		width: 33.33333333333333%;
	}

}


@media (max-width: 767.98px) {

	.joinus-usp li, .register-joinus-usp.joinus-usp li {
		width: 50%;
	}

}

@media (max-width: 400.98px) {

	.joinus-usp li, .register-joinus-usp.joinus-usp li {
		width: 100%;
		min-height: 53px;
	}

}


.wrapper-joinus-form {
	margin-bottom: -55px;
	padding-bottom: 55px;
	background: url(../img/joinusbg.png) no-repeat center 120%;
}

.wrapper-form-reg {
	width: 100%;
	padding: 0 118px;
	float: left;
}

@media (max-width: 1199.98px) {

	.wrapper-form-reg {
		padding: 0 58px;
	}

}

@media (max-width: 991.98px) {

	.wrapper-form-reg {
		padding: 0;
	}

}


.wrapper-form-reg-conts {
	width: 100%;
	padding: 38px 30px;
	float: left;
	background: #fff;
	border: 1px solid #F4F4F4;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
}

.wrapper-form-reg-conts .form-row {
	margin-left: -10px;
	margin-right: -10px;
}

.wrapper-form-reg-conts .form-col {
	padding-left: 10px;
	padding-right: 10px;
}

.wrapper-form-reg-conts h3 {
	margin-bottom: 20px;
	font-family: 'Karla', sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #A29061;
}

.wrapper-form-reg-conts h3.other-info {
	margin-top: 20px;
}

.wrapper-form-reg-conts label {
	font-size: 15px;
	color: #333;
}

.wrapper-form-reg-conts .form-control {
	padding: 13px 12px;
}

.form-row-other label {
	margin-bottom: 20px;
}

.labelwinepack {
	display: block;
	padding: 13px 12px;
	border: 1px solid #f4f4f4;
	font-size: 14px !important;
	font-weight: 400;
	color: #777 !important;
	background: #fff;
	text-align: center;
}

input[type=radio].regradio {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

input[type=radio].regradio:checked ~ label {
  color: #fff !important;
	background: #A29061 !important;
}

input[type=radio].regradio:focus ~ label {
  color: #777;
}


.reg-month {
	padding: 0;
	margin: 0;
	list-style: none;
}

.reg-month li {
	width: 24%;
	padding-right: 10px;
	padding-bottom: 5px;
	display: inline-block;
	vertical-align: top;
}

.reg-month li label {
	margin: 0;
	font-size: 14px;
	color: #777;
}

@media (max-width: 575.98px) {

	.reg-month li {
		width: 49%;
	}
}

.form-row-reg-btn .form-group {
	margin: 0;
}

.form-row-reg-btn .btn {
	padding: 15px 12px;
	font-size: 18px;
}

/* Content Pages */

.page-header {
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	font-size: 30px;
	text-align: center;
	text-transform: uppercase;
}

.page-header:before {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -6px;
	font-size: 10px;
	font-weight: 900;
	color: #A29061;
	content: '\f219';
	font-family: "Font Awesome 5 Pro";
}

.page-description {
	margin-bottom: 40px;
	text-align: center;
}

.page-description .dropdown .btn {
	font-weight: 400;
}

.page-author-date {
	padding: 0;
	margin: 0;
	margin-bottom: 25px;
	display: block;
	text-align: center;
}

.page-author-date li {
	position: relative;
	padding: 0 10px 0 14px;
	display: inline-block;
	vertical-align: top;
}

.page-author-date li:first-child {
	padding-left: 0 !important;
}

.page-author-date li:before {
	position: absolute;
	top: 6px;
	left: 0;
	content: '\f219';
	font-family: "Font Awesome 5 Pro";
	font-size: 4px;
	font-weight: 900;
	color: #d5d5d5;
}

.page-author-date li:first-child:before {
	display: none;
}

.wrapper-page-ban {
	position: relative;
	margin-bottom: 30px;
	width: 100%;
	padding: 0 10px;
	height: 270px;
	float: left;
	display: table;
	overflow: hidden;
	text-align: center;
}

.wrapper-page-ban:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 101%;
	height: 101%;
	background: rgba(24,24,24,0.3);
	content: '';
}

.page-ban-conts {
	display: table-cell;
	vertical-align: middle;
}

.wrapper-page-ban h1 {
	position: relative;
	margin-bottom: 0;
	font-size: 30px;
	color: #fff;
	text-transform: uppercase;
}

.content-list {
	padding-bottom: 20px;
}

.content-img {
	margin-bottom: 15px;
	text-align: center;
}

.content-img img {
	max-width: 100%;
}

.content-desc h3 {
	font-family: 'Karla', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 15px;
}

.content-desc h3 a {
	color: #333;
}

.content-desc p {
	font-size: 13px;
}

@media (max-width: 767.98px) {

	.page-author-date li {
		padding: 4px 0;
		display: block;
	}

	.page-author-date li:before {
		display: none;
	}

	.wrapper-page-ban {
		height: 170px;
	}

}

@media (max-width: 575.98px) {

	.content-desc {
		text-align: center;
	}

}


/** Blog Page **/

.blog-det-img {
	margin-bottom: 25px;
	text-align: center;
}

.blog-det-img img {
	max-width: 100%;
}

/* Footer */

.wrapper-footer {
	margin-top: 55px;
}

#n_home .wrapper-footer,
#n_product .wrapper-footer {
	margin-top: 0;
}

/** Footer Links **/

.wrapper-footer-links {
	padding: 45px 0 10px;
	background: #ffffff;
}

.footer-links {
	padding-left: 40px;
}

.wrapper-footer-links .nav {
	margin-bottom: 25px;
}

.wrapper-footer-links h4 {
	margin-bottom: 13px;
	font-size: 16px;
	line-height: 26px;
	text-transform: uppercase;
	color: #C2B38C;
	padding: 0 !important;
	font-weight: 600;
}

.wrapper-footer-links a.nav-link {
	padding: 4px 0;
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	color: #545454;
}

.wrapper-footer-links a.nav-link:hover,
.wrapper-footer-links a.nav-link:focus {
	color: #C2B38C;
}

@media (max-width: 991.98px) {

	.footer-links {
		padding-left: 15px;
	}

	.wrapper-footer-links h4 {
		font-size: 12px;
	}

}


/*** Footer Contact ***/

.footer-logo {
	margin-bottom: 20px;
}

.footer-logo img {
	max-width: 112px;
}

.footer-contact ul {
	padding: 0;
	list-style: none;
}

.footer-contact ul > li {
	display: block;
	padding-bottom: 11px;
	font-size: 14px;
	font-weight: 400;
	color: #545454;
}

.footer-contact ul > li.addr,
.footer-contact ul > li.shrs {
	position: relative;
	padding-left: 27px;
}

.footer-contact ul > li.phone {
	font-size: 15px;
	text-transform: uppercase;
	color: #E8E8E8;
}

.footer-contact ul > li.addr:before,
.footer-contact ul > li.shrs:before {
	position: absolute;
	top: 0;
	left: 0;
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	color: #C2B38C;
	font-size: 13px;
}

.footer-contact ul > li.addr:before {
	content: '\f3c5';
}

.footer-contact ul > li.shrs:before {
	content: '\f017';
	font-weight: 300;
}

.footer-contact ul > li > a {
	position: relative;
	padding-left: 27px;
	display: block;
	color: #545454;
}

.footer-contact ul > li > a:before {
	position: absolute;
	top: 0;
	left: 0;
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	color: #C2B38C;
	font-size: 13px;
}

.footer-contact ul > li.phone > a:before {
	content: '\f095';
}

.footer-contact ul > li.eadd > a:before {
	content: '\f0e0';
}

.footer-contact ul > li > a:hover,
.footer-contact ul > li > a:focus {
	color: #C2B38C;
}

@media (max-width: 767.98px) {

	.footer-contact ul > li.addr,
	.footer-contact ul > li.shrs {
		padding-left: 0;
	}

	.footer-contact ul > li.addr:before,
	.footer-contact ul > li.shrs:before {
		position: static;
		margin-right: 14px;
	}

	.footer-contact ul > li > a {
		padding-left: 0;
	}

	.footer-contact ul > li > a:before {
		position: static;
		margin-right: 14px;
	}

}

/*** Newsletter ***/


.footer-newslet p {
	margin-bottom: 14px;
	font-size: 14px;
	color: #545454;
}

.footer-newslet form {
	margin-bottom: 38px;
}

.footer-newslet form .form-control {
	height: 40px;
	padding-left: 0;
	border: none;
	border-bottom: 1px solid #585858;
	color: #818181;
	font-size: 14px;
}

.footer-newslet form .form-control:focus {
	background: #ffffff;
	box-shadow: none;
	outline: none;
	border-color: #585858;
}

.footer-newslet form .btn {
	height: 40px;
	padding-left: 0;
	padding-right: 9px;
	border: none;
	border-bottom: 1px solid #585858;
	color: #C2B38C;
	font-size: 12px;
}

.footer-newslet form .btn:hover,
.footer-newslet form .btn:focus,
.footer-newslet form .btn:active {
	box-shadow: none !important;
	outline: none !important;
	border-color: #585858 !important;
	background: #ffffff !important;
	color: #191919 !important;
}

.footer-newslet form .input-group-append {
  margin-left: 0;
}

.footer-newslet form .form-control::-moz-placeholder {
	color: #818181;
}

.footer-newslet form .form-control:-ms-input-placeholder {
	color: #818181;
}

.footer-newslet form .form-control::-webkit-input-placeholder {
	color: #818181;
}

/*** Footer Social ***/

.footer-newslet ul.list-social {
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer-newslet ul.list-social li {
	display: inline-block;
	padding: 0 5px 5px;
}

.footer-newslet ul.list-social li a {
	display: block;
	color: #C2B38C;
	font-size: 18px;
}

.footer-newslet ul.list-social li a:hover,
.footer-newslet ul.list-social li a:focus {
	color: #A29061;
}

/** Footer Copyright **/

.wrapper-footer-copyr {
	padding: 17px 0;
	background: #ffffff;
	border-top: 1px solid #ececec;
}

.wrapper-footer-copyr ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	text-align: center;
}

.wrapper-footer-copyr ul li {
	padding: 0 8px 0 11px;
	display: inline-block;
	font-size: 11px;
	line-height: 11px;
	font-weight: 400;
}

.wrapper-footer-copyr ul li span {
	text-transform: uppercase;
}

.wrapper-footer-copyr ul li:first-child {
	padding-left: 0;
	border-left: none !important;
}

.wrapper-footer-copyr ul li:last-child {
	padding-right: 0;
	border-left: 1px solid #E8E8E8;
}

.wrapper-footer-copyr ul li a {
	color: #A29061;
	text-decoration: underline;
}

@media (max-width: 767.98px) {

	.wrapper-footer-copyr ul li {
		padding: 2px 0;
		display: block;
		float: none;
		text-align: center;
	}

	.wrapper-footer-copyr ul li:last-child {
		border-left: none;
	}

}

/* Account */

.wrapper-acct-ban {
	position: relative;
	margin-bottom: 30px;
	width: 100%;
	padding: 0 10px;
	height: 270px;
	float: left;
	display: table;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}

.wrapper-acct-ban:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 101%;
	height: 101%;
	background: rgba(24,24,24,0.3);
	content: '';
}

.acct-ban-conts {
	display: table-cell;
	vertical-align: middle;
}

.wrapper-acct-ban h1 {
	position: relative;
	margin-bottom: 0;
	font-size: 30px;
	color: #fff;
	text-transform: uppercase;
}

.wrapper-acct-ban .btn {
	margin-top: 20px;
}

@media (max-width: 767.98px) {

	.wrapper-acct-ban {
		height: 170px;
	}

}


.wrap-acct-btns .btn h3 {
	font-family: 'Karla', sans-serif;
	font-weight: 700;
	font-size: 14px;
}


/* Search Page */

.search-results-search {
	margin-bottom: 30px;
}

/**  Newsletter popup  **/
#popup-newsletter .modal-dialog {
	width: 700px;
	max-width: 80%;
	border: 4px solid #fff;]
}
#popup-newsletter .close {
    width: 34px;
    height: 34px;
    margin-top: -16px;
    margin-right: -16px;
    padding: 7px 0;
    background-color: #232323;
    border-radius: 50%;
    opacity: 1;
    text-align: center;
    text-shadow: none;
    color: #fff;
}
#popup-newsletter .modal-body {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#popup-newsletter .modal-content {
	border: none;
}
#popup-newsletter h3 {
	margin-bottom: 15px;
	text-transform: uppercase;
	font-size: 30px;
  letter-spacing: 1px;
}
#popup-newsletter form {
	margin-bottom: 1em;
	padding: 0 6px;
}
#popup-newsletter p {
	color: #181818;
}
#popup-newsletter .form-control,
#popup-newsletter .btn {
	background-color: transparent;
	border: none;
	border-top: 1px solid #585858; /* was border-bottom */
}
#popup-newsletter .form-control {
	padding-left: 0;
}
#popup-newsletter .form-control::placeholder {
	color: #333333;
}
#popup-newsletter .btn {
	color: #A29061;
}
#popup-newsletter .checkbox {
	margin-top: 2em;
	color: #181818;
	font-size: 12px;
}
#popup-newsletter .checkbox a {
	text-decoration: underline;
	font-weight: 600;
	color: #181818;
}
#popup-newsletter input[type=checkbox] {
	display: none;
}

#popup-newsletter input[type=checkbox] + label {
	padding-left: 18px;
}
#popup-newsletter input[type=checkbox] + label:before {
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
	margin-left: -18px;
}

#popup-newsletter input[type=checkbox] + label:before { content: "\f0c8"; }
#popup-newsletter input[type=checkbox] + label:before {
    letter-spacing: 5px;
}

#popup-newsletter input[type=checkbox]:checked + label:before { content: "\f14a"; }
#popup-newsletter input[type=checkbox]:checked + label:before {  }

.thumbqty {
	height: 35px;
	margin-bottom: 8px;
	text-align: center;
}

.thumbqty .form-control {
	width: 155px;
	display: inline-block;
}

.thumbqty-list {
	width: 100%;
	height: 35px;
	margin-bottom: 8px;
}

.thumbqty-list .form-control {
	width: 155px;
	display: inline-block;
}

.multi-add-btn-top {
	margin-bottom: 20px;
}

.multi-add-btn-btm {
	margin-top: 20px;
}

@media (max-width: 767.98px) {

	.multi-add-btn-top {
		display: none;
	}

	.multi-add-btn-btm {
		margin-top: 0;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 15;
	}

	.multi-add-btn-btm .btn {
		width: 100%;
		display: block;
	}

}

.footer-tripadvisor #CDSWIDSSP {
	width: 100% !important;
	border: 1px solid #ececec;
}

.footer-tripadvisor #CDSWIDSSP .widSSPData {
	border: none !important;
}

.footer-tripadvisor img {
	max-width: 100%;
}

.footer-tripadvisor #CDSWIDSSP .widSSPData .widSSPBranding dt {
	width: 100%;
}

.footer-tripadvisor #CDSWIDSSP.widSSPnarrow .widSSPData .widSSPAll {
	width: 100%;
}

.footer-tripadvisor #CDSWIDSSP .widSSPData .widSSPAll .widSSPReadReview,
.footer-tripadvisor #CDSWIDSSP .widSSPData .widSSPAll .widSSPWriteReview {
	display: inline-block;
	float: none;
}

.footer-tripadvisor #CDSWIDSSP .widSSPData .widSSPH18 {
	font-family: 'Trirong', serif !important;
  color: #C2B38C !important;
  font-size: 15px !important;
	text-transform: uppercase !important;
	font-weight: 600 !important;
}

.footer-tripadvisor #CDSWIDSSP div {
	font-family: 'Karla', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #818181 !important;
}

.footer-tripadvisor a {
	text-decoration: none !important;
	color: #C2B38C !important;
}

@media (max-width: 991.98px) {
	.footer-tripadvisor #CDSWIDSSP {
		text-align: center;
	}
}

/** Age Confirmation **/

.wrapper-age-confirmation {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index: 999999;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  visibility: hidden;
  opacity: 0;
}

.wrapper-age-confirmation.active {
  visibility: visible;
  opacity: 1;
}

.wrapper-age-confirmation-caption {
  position: absolute;
  left: 50%;
  margin-left: -369px;
  width: 738px;
  height: 100%;
}

.age-confirmation-text {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  display: table;
  text-align: center;
}

.age-confirmation-conts {
  display: table-cell;
  vertical-align: middle;
  color: #818181;
}

.age-confirmation-box {
	padding: 50px 20px;
	background: #fff;
}

.age-confirmation-logo {
  margin-bottom: 30px;
}

.age-confirmation-logo img {
	max-width: 100px;
}

.age-confirmation-conts p {
  margin-bottom: 40px;
  font-size: 24px;
  text-transform: uppercase;
}

.wrap-age-btns .btn {
  margin: 0 15px;
  padding: 8px 20px;
  font-size: 16px;
  min-width: 200px;
  font-weight: 600;
  border-width: 2px;
}

.wrap-age-footer-text {
	margin-top: 15px;
	font-size: 12px;
}


/* Khi nào launch thì bỏ comment chỗ này đi.
body.confirm-age-overlay-active {
  overflow: hidden;
  position: fixed;
  width: 100%;
}*/

@media (max-width: 767px) {

  .wrapper-age-confirmation-caption {
    left: 0;
    margin-left: 0;
    width: 100%;
  }

  .age-confirmation-text {
    padding: 0 15px;
  }

  .age-confirmation-conts p {
    margin-bottom: 25px;
    font-size: 16px;
  }

}

@media (max-width: 575px) {
  .wrap-age-btns .btn {
    width: 100%;
    margin: 10px 0;
  }
  #homepageCarousel .carousel-caption .flex-carousel>p{
	gap: 5px;
	flex-direction: column;
	align-items: center;
}
  #homepageCarousel .carousel-caption .flex-carousel .btn{
	line-height: 13px;
	padding: 0 5px;
	height: 24px;
	max-width: 290px;
	font-size: 12px;
	width: 210px;
  }
}

.footer-text {
	padding-bottom: 15px;
}
.footer-text p {
	text-align: center;
	font-size: 13px;
	margin-bottom: 4px;
}

.rewards-banner-img{
	text-align: center;
}

.rewards-banner-img img{
	max-width: 100%;
}

.rewards-headline{
	margin-top: 25px;
	text-transform: uppercase;
	text-align: center;
}

@media all and (min-width:551px) {
    .desktop-br {display: inline;}
    .mobile-br {display: none;}
}
@media all and (max-width:550px) {
    .desktop-br {display: none;}
    .mobile-br {display: inline;}
}
@media (min-width: 768px) and (max-width: 1024px) {
  .wrapper-nav .navbar-nav > li > a {
    font-size: 9px !important;
  }
}


