/* RESET.CSS */
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { 
	display: block; 
}

body { line-height: 1;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none; 
}

/* end RESET.CSS */
.black { color: #000; }
.black-bg { background-color: #000; }
.pastel-bg { background-color: #dbd5cf;}
.block-black { color: #141414; }
.block-black-bg { background-color: #141414; }
.white { color: #fff; }
.white-bg { background-color: #fff; }
.grey-mist { color: #f5f5f5; }
.grey-mist-bg { background-color: #f5f5f5; }
.grey-cloud { color: #e8e7ec; }
.grey-cloud-bg { background-color: #e8e7ec; }
.grey-platinum { color: #d1d1d1; }
.grey-platinum-bg { background-color: #d1d1d1; }
.grey-silver { color: #bdbdbd; }
.grey-silver-bg { background-color: #bdbdbd; }
.grey-cement { color: #888; }
.grey-cement-bg { background-color: #888; }
.grey-gravel { color: #4e4e4e; }
.grey-gravel-bg { background-color: #4e4e4e; }
.grey-soot { color: #262626; }
.grey-soot-bg { background-color: #262626; }
.blue-ink { color: #2f5d71; }
.blue-ink-bg { background-color: #2f5d71; }
.green-grass { color: #2aa02a; }
.green-grass-bg { background-color: #2aa02a; }
.beige { color: #d7bd72; }
.beige-bg { background-color: #d7bd72; }
.peach { color: #f9e5ca; }
.peach-bg { background-color: #f9e5ca; }
.yellow-gold { color: #ebca0d; }
.yellow-gold-bg { background-color: #ebca0d; }
.orange-marigold { color: #f56724; }
.orange-marigold-bg { background-color: #f56724; }
.red-hibiscus { color: #e42118; }
.red-hibiscus-bg { background-color: #e42118; }
.color-font { color: #888; }
.color-font-bg { background-color: #888; }
.color-link { color: #000; }
.color-link-bg { background-color: #000; }
.color-link-hover { color: #ebca0d; }
.color-link-hover-bg { background-color: #ebca0d; }

.state-success { color: #2aa02a; }
.state-success-bg { background-color: #2aa02a; }
.state-info { color: #2f5d71; }
.state-info-bg { background-color: #2f5d71; }
.state-error { color: #e42118; }
.state-error-bg { background-color: #e42118; }
.state-warning { color: #f56724; }
.state-warning-bg { background-color: #f56724; }
.state-disabled { color: #d1d1d1; }
.state-disabled-bg { background-color: #d1d1d1; }

.clearfix:after {
	content: "";
	display: table;
	clear: both; 
}

.container-full-width {
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px; 
}

.container-full-spaced {
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	max-width: 100%;
}

.container-full {
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px; 
}

.container {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px; 
}

.container-lg {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.container-mid {
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.container-sm {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.row {
	margin-left: -10px;
	margin-right: -10px; 
}

.row:after {
	content: "";
	display: table;
	clear: both; 
}

.row-sm {
	margin-left: -10px;
	margin-right: -10px; 
}

.row-sm:after {
	content: "";
	display: table;
	clear: both; 
}

.row-lg {
	margin-left: -10px;
	margin-right: -10px; 
}

.row-lg:after {
	content: "";
	display: table;
	clear: both; 
}

.gutter {
	padding-left: 10px;
	padding-right: 10px; 
}

.gutter-sm {
	padding-left: 5px;
	padding-right: 5px; 
}

.gutter-lg {
	padding-left: 20px;
	padding-right: 20px; 
}

.col {
	float: left;
	padding-left: 10px;
	padding-right: 10px; 
}

.col-sm {
	float: left;
	padding-left: 10px;
	padding-right: 10px; 
}

.col-lg {
	float: left;
	padding-left: 10px;
	padding-right: 10px; 
}

.col-12 { width: 100%; }
.col-11 { width: 91.66667%; }
.col-10 { width: 83.33333%; }
.col-9 { width: 75%; }
.col-8 { width: 66.66667%; }
.col-7 { width: 58.33333%; }
.col-6 { width: 50%; }
.col-5 { width: 20%; }
.col-4 { width: 33.33333%; }
.col-3 { width: 25%; }
.col-2 { width: 16.66667%; }
.col-1 { width: 8.33333%; }

@media (min-width: 640px) {
	.col-12-sm { width: 100%; }
	.col-11-sm { width: 91.66667%; }
	.col-10-sm { width: 83.33333%; }
	.col-9-sm { width: 75%; }
	.col-8-sm { width: 66.66667%; }
	.col-7-sm { width: 58.33333%; }
	.col-6-sm { width: 50%; }
	.col-5-sm { width: 41.66667%; }
	.col-4-sm { width: 33.33333%; }
	.col-3-sm { width: 25%; }
	.col-2-sm { width: 16.66667%; }
	.col-1-sm { width: 8.33333%; }
}

@media (min-width: 940px) {
	.col-12-mid { width: 100%; }
	.col-11-mid { width: 91.66667%; }
	.col-10-mid { width: 83.33333%; }
	.col-9-mid { width: 75%; }
	.col-8-mid { width: 66.66667%; }
	.col-7-mid { width: 58.33333%; }
	.col-6-mid { width: 50%; }
	.col-5-mid { width: 41.66667%; }
	.col-4-mid { width: 33.33333%; }
	.col-3-mid { width: 25%; }
	.col-2-mid { width: 16.66667%; }
	.col-1-mid { width: 8.33333%; } 
	.container-full-spaced {
		padding-left: 80px;
		padding-right: 80px;
	}
}

@media (min-width: 1200px) {
	.col-12-lg { width: 100%; }
	.col-11-lg { width: 91.66667%; }
	.col-10-lg { width: 83.33333%; }
	.col-9-lg { width: 75%; }
	.col-8-lg { width: 66.66667%; }
	.col-7-lg { width: 58.33333%; }
	.col-6-lg { width: 50%; }
	.col-5-lg { width: 20%; }
	.col-4-lg { width: 33.33333%; }
	.col-3-lg { width: 25%; }
	.col-2-lg { width: 16.66667%; }
	.col-1-lg { width: 8.33333%; } 
}

.flex {
	display: -webkit-flex;
	display: flex; }

.flex-align-center {
	-webkit-align-items: center;
	align-items: center; }

.flex-align-start {
	-webkit-align-items: flex-start;
	align-items: flex-start; }

.flex-align-end {
	-webkit-align-items: flex-end;
	align-items: flex-end; }

.justify-content-start {
	-webkit-justify-content: start;
	justify-content: start;}

.justify-content-end {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;}

.justify-content-center {
	-webkit-justify-content: center;
	justify-content: center; }

.justify-content-between {
	-webkit-justify-content: space-between;
	justify-content: space-between; }

.flex-align-baseline {
	-webkit-align-items: baseline;
	align-items: baseline; }

.flex-1 {
	-webkit-flex: 1;
	flex: 1; }

.flex-direction-column {
	-webkit-flex-direction: column;
	flex-direction: column; }

.flex-direction-row {
	-webkit-flex-direction: row;
	flex-direction: row; }

.gap-5 { gap: 5px; }
.gap-10 { gap: 10px; }
.gap-15 { gap: 15px; }

.gap-20 {
	display: flex;
	gap: 20px;
}

.gap-25 { gap: 25px; }
.gap-30 { gap: 30px; }

.flex-wrap {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap; }

.float-left {
	float: left; }

.float-right {
	float: right; }

.animated {
	-webkit-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	-o-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both; }

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite; }

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%); }
	100% {
		-webkit-transform: translateY(0); } }

@-moz-keyframes slideDown {
	0% {
		-moz-transform: translateY(-100%); }
	100% {
		-moz-transform: translateY(0); } }

@-o-keyframes slideDown {
	0% {
		-o-transform: translateY(-100%); }
	100% {
		-o-transform: translateY(0); } }

@keyframes slideDown {
	0% {
		transform: translateY(-100%); }
	100% {
		transform: translateY(0); } }

.animated.slideDown {
	-webkit-animation-name: slideDown;
	-moz-animation-name: slideDown;
	-o-animation-name: slideDown;
	animation-name: slideDown; }

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(0); }
	100% {
		-webkit-transform: translateY(-100%); } }

@-moz-keyframes slideUp {
	0% {
		-moz-transform: translateY(0); }
	100% {
		-moz-transform: translateY(-100%); } }

@-o-keyframes slideUp {
	0% {
		-o-transform: translateY(0); }
	100% {
		-o-transform: translateY(-100%); } }

@keyframes slideUp {
	0% {
		transform: translateY(0); }
	100% {
		transform: translateY(-100%); } }

.animated.slideUp {
	-webkit-animation-name: slideUp;
	-moz-animation-name: slideUp;
	-o-animation-name: slideUp;
	animation-name: slideUp; }

/* TYPOGRAPHY */
strong, b, .font-bold {
	font-weight: 700; }

em, i, .font-italic {
	font-style: italic; }

.font-underline {
	text-decoration: underline; }

.font-strike-through {
	text-decoration: line-through; }

/* Font Family Classes */
.font-family-1, 
.font-titillium-web { 
	font-family: 'Titillium Web', sans-serif; 
}

.font-family-2, 
.font-cormorant { 
	font-family: 'Cormorant', serif; 
}

.font-black {
	font-weight: 900; }

.font-light {
	font-weight: 300; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5,  h6, .h6{
	line-height:1.25;
	font-family: 'Cormorant', serif;
}

h1, .h1 {
	font-size: 32px;
	color: #262626;
	font-weight:normal;
	margin-bottom: 20px;
	margin-top:40px;
}
.heading-block h1, .heading-block .h1 {
	margin-bottom: 0; }

h2, .h2 {
	font-size: 28px;
	line-height: 32px;
	color: #141414;
	font-weight:700;
	margin-bottom: 20px;
	margin-top:24px;
}
.heading-block h2, .heading-block .h2 {
	margin-bottom: 0; }

h3, .h3 {
	font-size: 24px;
	color: #141414;
	font-weight:700;
	margin-top:20px;
}
.heading-block h3, .heading-block .h3 {
	margin-bottom: 0; }

h4, .h4 {
	font-size: 20px;
	color: #141414;
	font-weight:700;
	margin-top:20px;
}
.heading-block h4, .heading-block .h4 {
	margin-bottom: 0; }

h5, .h5 {
	font-size: 110%; }
.heading-block h5, .heading-block .h5 {
	margin-bottom: 0; }

h5 { 
	color: #141414;
	margin-bottom: 20px; 
}

h6, .h6 { font-size: 90%; }
.heading-block h6, .heading-block .h6 { margin-bottom: 0; }

h6 { color: #141414; }
h6 { margin-bottom: 20px; }


.heading-title {
	color: #141414;
	font-family: 'Cormorant', serif;
	font-weight: 700;
	margin: 0 0 10px 0; 
}

.prod-option .heading-title{
	font-family: 'Cormorant', serif;
	font-size: 16px;
}

.heading-sm {
	color: #141414;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase; }

font-size-base {
	font-size: 15px; }

font-size-sm {
	font-size: 90%; }

font-size-xs {
	font-size: 80%; }

font-size-lg {
	font-size: 110%; }

font-size-xl {
	font-size: 120%; }

a {
	text-decoration: none;
	color: #000;
	transition: all 0.2s linear; }
a:hover, a:focus, a:active {
	color: #ebca0d;
	text-decoration: none;
	transition: all 0.2s linear; }
a:focus {
	outline: none; }

ul, ol {
	margin-bottom: 15px;
	list-style-position: inside;
	padding-left: 10px; }

.blog-body-content ul { list-style-position:outside; }
.blog-body-content ul { list-style-type: square; }

ol li { margin-bottom: 10px; }
ul ul, ol ul { padding-left: 20px; }
ol { list-style-type: decimal; }

.margin-reset { margin: 0; }

.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.center-element {
	margin-left: auto;
	margin-right: auto; 
}

.center-element-inline {
	display: block;
	margin-left: auto;
	margin-right: auto; 
}

.vertical-center, .dropdown-parent:before, .icon-btn-right, .icon-btn-left, .alert-info:after, .alert-error:after, .alert-warning:after, .alert-success:after, .alert-close:before, .lSPrev, .lSNext {
	position: absolute;
	top: 50%;
	transform: translateY(-50%); }

.dead-center, .icon-round {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%); 
}

.vertical-i-top {
	display: inline-block;
	vertical-align: top; 
}

.vertical-i-middle, .input-checkbox, .radio-checkbox, .input-checkbox-label, .radio-checkbox-label, .input-checkbox + .input-checkbox-label:before, .input-radio + .input-radio-label:before, .form-label-inline, .form-input-inline {
	display: inline-block;
	vertical-align: middle; }

.spacing-v {
	padding-top: 10px;
	padding-bottom: 10px; 
}

.spacing-2-v {
	padding-top: 20px;
	padding-bottom: 20px; 
}

.spacing-3-v {
	padding-top: 30px;
	padding-bottom: 30px; }

.spacing-4-v {
	padding-top: 40px;
	padding-bottom: 40px; }

.spacing-5-v {
	padding-top: 50px;
	padding-bottom: 50px; }

.spacing-6-v {
	padding-top: 60px;
	padding-bottom: 60px; }

.spacing-half-v {
	padding-top: 5px;
	padding-bottom: 5px; }

.spacing-h, .widget-update-number {
	padding-left: 10px;
	padding-right: 10px; }

.spacing-2-h {
	padding-left: 20px;
	padding-right: 20px; }

.spacing-3-h {
	padding-left: 30px;
	padding-right: 30px; }

.spacing-4-h {
	padding-left: 40px;
	padding-right: 40px; }

.spacing-5-h {
	padding-left: 50px;
	padding-right: 50px; }

.spacing-6-h {
	padding-left: 60px;
	padding-right: 60px; }

.spacing-half-h {
	padding-left: 5px;
	padding-right: 5px; 
}

.spacing { padding: 10px; }
.spacing-2 { padding: 20px; }
.spacing-3 { padding: 30px; }
.spacing-4 { padding: 40px; }
.spacing-5 { padding: 50px; }
.spacing-6 { padding: 60px; }
.spacing-half { padding: 5px; }

.show { display: block; }
.show-inline { display: inline-block; }
.hide { display: none; }

@media (max-width: 639px) {
	.hide-sm-max {
		display: none !important; } }

.visibility-hidden {
	visibility: hidden; }

img, video, svg {
	max-width: 100%;
	height: auto; }

svg {
	max-height: 100%; }

.full-width {
	width: 100%;
	display: block; }

hr {
	border: 0;
	height: 1px;
	background: #e8e7ec; }

.line-separator-dotted {
	position: relative;
	position: relative;
	text-align: center;
	margin: 20px 0;
	color: #d1d1d1; }

.separator-text {
	position: relative;
	background: #fff;
	display: inline-block;
	padding: 3px 10px;
	z-index: 1; }

.separator {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 44%;
	width: 100%;
	height: 2px;
	margin: 0 auto;
	border: 1px dotted #d1d1d1; 
}

.border {
	border: 1px solid #d1d1d1; }

.icon-left {
	margin-right: 10px; }

.icon-right {
	margin-left: 10px; }

.icon-round-wrap {
	border: 1px solid;
width: 36px;
	height: 36px;
	position: relative;
	display: inline-block;
	font-size: 24px; }

.tab-each {
	color: inherit;
	border-bottom: 1px solid #888;
	font-family: 'Cormorant', serif;
	padding: 10px;
	float: left;
	font-weight: 700; }
.tab-each:hover {
	color: #ebca0d; }
@media (min-width: 640px) {
	.tab-each {
		padding: 10px 20px; } }

.tab-each-active {
	border-bottom: 3px solid #ebca0d;
	position: relative;
	top: -1px; }
.tab-each-active:hover {
	color: #888;
	cursor: default; }

.tab-content-block {
	padding: 20px; }

.tab-alt-each {
	color: inherit;
	border: 1px solid transparent;
	font-family: 'Cormorant', serif;
	padding: 10px;
	float: left;
	position: relative;
	top: 2px; }
.tab-alt-each:hover { color: #000; }

@media (min-width: 940px) {
	.tab-alt-each { padding: 10px 20px; } 
}

.tab-alt-each-active {
	background-color: #fff;
	border: 1px solid #d1d1d1;
	border-bottom: none; }
.tab-alt-each-active:hover {
	color: #888;
	cursor: default; }

.tab-alt-content-block {
	border: 1px solid #d1d1d1;
	padding: 30px 20px; }

.breadcrumb-block {padding: 10px 0; }

.breadcrumb-each {
	color: #007AA3;
	font-size: 12px;
	line-height: 14px;
	padding: 0 12px 0 0;
	font-family: 'Titillium Web', sans-serif;
	position:relative;
}
.breadcrumb-each:after {
	content: "";
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10' fill='none'%3e%3cpath d='M5.84086 5.32765L1.44079 9.7277C1.22858 9.93991 0.884535 9.93991 0.672348 9.7277L0.159153 9.2145C-0.0526957 9.00265 -0.0531032 8.65931 0.158247 8.44696L3.64538 4.94342L0.158247 1.43989C-0.0531032 1.22755 -0.0526957 0.884201 0.159153 0.672353L0.672348 0.159158C0.884558 -0.0530526 1.22861 -0.0530526 1.44079 0.159158L5.84084 4.5592C6.05305 4.77139 6.05305 5.11544 5.84086 5.32765Z' fill='%23262626'/%3e%3c/svg%3e") no-repeat;
	background-size: 90% auto;
	width:4px;
	height:6px;
	margin-left: 5px; 
	position:absolute;
	top:6px;

}
.breadcrumb-each:last-of-type:after {
	content: ""; 
	background:none;
}

.breadcrumb-each-active {
	color: #262626;
	cursor: default; }
.breadcrumb-each-active:hover {
	color: inherit; }

.dropdown-wrap {
	position: relative;
	min-width: 180px; }

.dropdown-parent {
	border: 1px solid #E8E7EC;
	padding: 15px 30px;
	position: relative;
	cursor: pointer; 
font-size:16px;
	font-family: 'Cormorant', serif;
	line-height:18px;
	font-weight:500;
}
.border-remove-radius{border-radius: 8px 8px 0 0; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);}
.border-remove-radius:before{transform: rotate(180deg) translateY(50%);}

.dropdown-parent:before {
	right: 2px;
	padding: 10px;
	font-family: "icomoon";
	content: '\e914';
	font-weight: bold;
	font-size: 20px;}

.dropdown-children {
	display: none;
	position: absolute;
	border: 1px solid #E8E7EC;
border-top:0;
	right: 0;
	left: 0;
	z-index: 101;
}

.dropdown-child {
	background-color: #fff;
	border-top-color: transparent;
	padding: 10px; }

@media (min-width: 640px) {
	.paginate-block {
		font-size: 120%; } }

.paginate-text {
	display: block;
	text-align: right;
	padding: 0 0 5px 0; }

.paginate-each {
	color: inherit;
	border: 1px solid #d1d1d1;
	text-align: center;
	padding: 5px 10px;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 30px; }
.paginate-each:hover {
	color: inherit;
	background-color: #e8e7ec; }
.paginate-each .icon-play2 {
	font-size: 80%; }

.paginate-each-active {
	background-color: #e8e7ec;
	cursor: default; }

.paginate-alt-block {
	font-family: 'Cormorant', serif;
	font-size: 90%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap; }

.paginate-alt-each {
	color: inherit;
	border: 1px solid #d1d1d1;
	padding: 10px 12px;
	line-height: 1;
	display: inline-block;
	vertical-align: middle; }
.paginate-alt-each:hover {
	color: inherit;
	background-color: #e8e7ec; }

.paginate-alt-each-active {
	color: #fff;
	border-color: #262626;
	background-color: #262626; }
.paginate-alt-each-active:hover {
	color: #fff;
	background-color: #262626;
	cursor: default; }

.swatch-each-detail {
	border: 1px solid #d1d1d1;
	background-color: #fff;
	visibility: hidden;
	position: absolute;
	top: -20px;
	left: -20px;
	padding: 3px;
	transition: all 0.2s ease-in;
	z-index: 1; }

.swatch-each {
	text-align: center;
	display: block;
	position: relative;
	cursor: pointer; }
.swatch-each:hover .swatch-each-detail {
	color: #888;
	visibility: visible;
	height: auto;
	width: auto;
	top: -40px;
	transition: all 0.2s ease-in; }

.swatch-each-view {
	font-weight: 700;
	font-size: 90%;
	white-space: nowrap;
	padding: 5px; }
.swatch-each-view:hover {
	color: #ebca0d; }

.star-each {
	font-size: 20px;
	color: #d1d1d1;
	display: inline-block; }

.star-each-filled {
	color: #ebca0d; }

.text-shadow {
	text-shadow: 2px 2px 2px rgba(38, 38, 38, 0.2); }

.banner-block {
	position: relative; }

.banner-content {
	text-align: center;
	z-index: 10;
	width: 100%;
	margin-bottom: 10px; }
@media (min-width: 640px) {
	.banner-content {
		margin-bottom: 0; } }

@media (min-width: 640px) {
	.banner-content-vertical-center {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%); } }

@media (min-width: 640px) {
	.banner-content-bottom {
		position: absolute;
		bottom: 70px;
		left: 0;
		right: 0; } }

@media (max-width: 639px) {
	.banner-heading, .banner-sub-heading, .responsive-bnw-color { color: #141414; }
	.banner-heading { margin-top: 20px; }
}

@media (max-width: 939px) {
	.ad-block-inner {
		-webkit-flex-direction: column;
		flex-direction: column; 
	} 
}

@media (min-width: 940px) {
	.ad-block-inner {
		align-items: center; 
	} 
}

.img-ad-ex-display { align-self: flex-end; }

.icon-close-border {
	border: 1px solid #d1d1d1;
	padding: 5px; 
}

@font-face {
	font-family: 'icomoon';
	src: local('icomoon'), url("/site-assets/font-icons/fonts/icomoon.eot?uo8nu");
	src: local('icomoon'), url("/site-assets/font-icons/fonts/icomoon.eot?uo8nu#iefix") 
		format("embedded-opentype"), url("/site-assets/font-icons/fonts/icomoon.ttf?uo8nu") 
		format("truetype"), url("/site-assets/font-icons/fonts/icomoon.woff?uo8nu") 
		format("woff"), url("/site-assets/font-icons/fonts/icomoon.svg?uo8nu#icomoon") 
		format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

.icon-alert-circle:before {
	content: "\e900"; }

.icon-align-justify:before {
	content: "\e901"; }

.icon-arrow-down:before {
	content: "\e902"; }

.icon-arrow-down-circle:before {
	content: "\e903"; }

.icon-arrow-down-left:before {
	content: "\e904"; }

.icon-arrow-left:before {
	content: "\e905"; }

.icon-arrow-left-circle:before {
	content: "\e906"; }

.icon-arrow-right:before {
	content: "\e907"; }

.icon-arrow-right-circle:before {
	content: "\e908"; }

.icon-arrow-up:before {
	content: "\e909"; }

.icon-arrow-up-circle:before {
	content: "\e90a"; }

.icon-at-sign:before {
	content: "\e90b"; }

.icon-award:before {
	content: "\e90c"; }

.icon-bell:before {
	content: "\e90d"; }

.icon-bell-off:before {
	content: "\e90e"; }

.icon-bookmark:before {
	content: "\e90f"; }

.icon-briefcase:before {
	content: "\e910"; }

.icon-calendar:before {
	content: "\e911"; }

.icon-camera:before {
	content: "\e912"; }

.icon-check:before {
	content: "\e913"; }

.icon-chevron-down:before {
	content: "\e914"; }

.icon-chevron-left:before {
	content: "\e915"; }

.icon-chevron-right:before {
	content: "\e916"; }

.icon-chevron-up:before {
	content: "\e917"; }

.icon-clipboard:before {
	content: "\e919"; }

.icon-clock:before {
	content: "\e91a"; }

.icon-credit-card:before {
	content: "\e956"; }

.icon-delete:before {
	content: "\e91c"; }

.icon-download:before {
	content: "\e91d"; }

.icon-edit:before {
	content: "\e91e"; }

.icon-edit-2:before {
	content: "\e91f"; }

.icon-file:before {
	content: "\e920"; }

.icon-file-minus:before {
	content: "\e921"; }

.icon-file-plus:before {
	content: "\e922"; }

.icon-flag:before {
	content: "\e923"; }

.icon-globe:before {
	content: "\e952"; }

.icon-heart:before {
	content: "\e924"; }

.icon-help-circle:before {
	content: "\e925"; }

.icon-image:before {
	content: "\e926"; }

.icon-link:before {
	content: "\e927"; }

.icon-lock:before {
	content: "\e928"; }

.icon-log-in:before {
	content: "\e929"; }

.icon-mail:before {
	content: "\e92a"; }

.icon-map-pin:before {
	content: "\e92b"; }

.icon-maximize-2:before {
	content: "\e92c"; }

.icon-menu:before {
	content: "\e91b"; }

.icon-message-circle:before {
	content: "\e92d"; }

.icon-message-square:before {
	content: "\e92e"; }

.icon-minus:before {
	content: "\e92f"; }

.icon-minus-circle:before {
	content: "\e930"; }

.icon-minus-square:before {
	content: "\e931"; }

.icon-monitor:before {
	content: "\e932"; }

.icon-more-horizontal:before {
	content: "\e933"; }

.icon-move:before {
	content: "\e934"; }

.icon-paperclip:before {
	content: "\e935"; }

.icon-pause:before {
	content: "\e936"; }

.icon-phone:before {
	content: "\e937"; }

.icon-play:before {
	content: "\e938"; }

.icon-plus:before {
	content: "\e939"; }

.icon-plus-circle:before {
	content: "\e93a"; }

.icon-plus-square:before {
	content: "\e93b"; }

.icon-rotate-ccw:before {
	content: "\e93c"; }

.icon-rotate-cw:before {
	content: "\e93d"; }

.icon-search:before {
	content: "";
	background:url('https://uxui.fcilondon.co.uk/site-assets/images/search-icon.svg') no-repeat center center;
	width:16px;
	height:18px;
	position:absolute;
	top:0;
	left:0;
}

.icon-settings:before {
	content: "\e93f"; }

.icon-share:before {
	content: "\e940"; }

.icon-shopping-cart:before {
	content: "\e918"; }

.icon-square:before {
	content: "\e941"; }

.icon-trash:before {
	content: "\e942"; }

.icon-trash-2:before {
	content: "\e943"; }

.icon-truck2:before {
	content: "\e944"; }

.icon-unlock:before {
	content: "\e945"; }

.icon-user:before {
	content: "\e953"; }

.icon-user-check:before {
	content: "\e946"; }

.icon-user-minus:before {
	content: "\e947"; }

.icon-user-plus:before {
	content: "\e948"; }

.icon-user-x:before {
	content: "\e949"; }

.icon-users:before {
	content: "\e94a"; }

.icon-video:before {
	content: "\e94b"; }

.icon-watch:before {
	content: "\e94c"; }

.icon-x:before {
	content: "\e94d"; }

.icon-x-circle:before {
	content: "\e94e"; }

.icon-x-square:before {
	content: "\e94f"; }

.icon-zoom-in:before {
	content: "\e950"; }

.icon-zoom-out:before {
	content: "\e951"; }

.icon-shopping_cart:before {
	content: "\e8cc"; }

.icon-remove-user:before {
	content: "\e954"; }

.icon-user2:before {
	content: "\e955"; }

.icon-instagram1:before {
	content: "\e957"; }

.icon-info:before {
	content: "\e958";}  

.icon-star:before {
	content: "\f005"; }

.icon-star-o:before {
	content: "\f006"; }

.icon-play2:before {
	content: "\f04b"; }

.icon-twitter:before {
	content: "\f099"; }

.icon-facebook:before {
	content: "\f09a"; }

.icon-truck:before {
	content: "\f0d1"; }

.icon-caret-left:before {
	content: "\f0d9"; }

.icon-caret-right:before {
	content: "\f0da"; }

.icon-mobile:before {
	content: "\f10b"; }

.icon-star-half-empty:before {
	content: "\f123"; }

.icon-star-half-full:before {
	content: "\f123"; }

.icon-star-half-o:before {
	content: "\f123"; }

.icon-youtube-play:before {
	content: "\f16a"; }

.icon-facebook-official:before {
	content: "\f230"; }

.icon-pinterest-p:before {
	content: "\f231"; }

.icon-instagram:before {
	content: "\ea92"; }

.icon-whatsapp:before {
	content: "\ea93";
}

.icon-whatsapp1:before {
	content: "\e959";
}

/* Flaticons css */
@font-face {
	font-family: "Flaticon";
	src: url("/site-assets/font-icons/flaticon/Flaticon.eot");
	src: url("/site-assets/font-icons/flaticon/Flaticon.eot?#iefix") format("embedded-opentype"),
		url("/site-assets/font-icons/flaticon/Flaticon.woff2") format("woff2"),
		url("/site-assets/font-icons/flaticon/Flaticon.woff") format("woff"),
		url("/site-assets/font-icons/flaticon/Flaticon.ttf") format("truetype"),
		url("/site-assets/font-icons/flaticon/Flaticon.svg#Flaticon") format("svg");
	font-weight: normal;
	font-style: normal;
}
/* flat icons */
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: Flaticon;
	font-weight:100;
	font-style: normal;
}
.flaticon {color: #000;}
.flaticon-calendar:before { content: "\f101"; }
.flaticon-clock:before { content: "\f102"; }
.flaticon-couch:before { content: "\f103"; }
.flaticon-frame:before { content: "\f104"; }
.flaticon-heart:before { content: "\f105"; }
.flaticon-interior-design:before { content: "\f106"; }
.flaticon-interior:before { content: "\f107"; }
.flaticon-list:before { content: "\f108"; }
.flaticon-order:before { content: "\f109"; }
.flaticon-planning:before { content: "\f10a"; }
.flaticon-profile:before { content: "\f10b"; }
.flaticon-settings:before { content: "\f10c"; }
.flaticon-sofa:before { content: "\f10d"; }
.flaticon-study:before { content: "\f10e"; }
.flaticon-sunbed:before { content: "\f10f"; }

/* flat icons css ends */

.btn, .btn-black, .btn-peach, .btn-beige, .btn-fb, .btn-hollow, .btn-clear, .btn-reset, button, input[type="submit"], .widget-update-units {
font-family: 'Cormorant', serif;
	font-size: 15px;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	padding: 12px 30px;
	display: inline-block;
	outline: none;
	cursor: pointer;
	transition: all .2s ease-in; 
}

.btn:hover, .btn-black:hover, .btn-peach:hover, .btn-beige:hover, .btn-fb:hover, .btn-hollow:hover, .btn-clear:hover, .btn-reset:hover, button:hover, input:hover[type="submit"], .widget-update-units:hover, .btn:focus, .btn-black:focus, .btn-peach:focus, .btn-beige:focus, .btn-fb:focus, .btn-hollow:focus, .btn-clear:focus, .btn-reset:focus, button:focus, input:focus[type="submit"], .widget-update-units:focus {
	transition: all .2s ease-in; 
}

input:hover[type="submit"] {
	background-color: #d7db72;
	border: 2px solid #d7db72;
}
@media (max-width: 639px) {
	.btn, .btn-black, .btn-peach, .btn-beige, .btn-fb, .btn-hollow, .btn-clear, .btn-reset, button, input[type="submit"], .widget-update-units {
		font-size: 80%;
		padding-left: 10px;
		padding-right: 10px; } }

.btn {
	color: #262626;
	background-color: #e8e7ec;
	border: 1px solid #e8e7ec; }
.btn:hover, .btn:focus {
	color: #333333;
	background-color: #dad9e1;
	border-color: #dad9e1; }

.btn-black {
	color: #fff;
	background-color: #262626;
	border: 1px solid #262626; 
}

.btn-black:hover, .btn-black:focus {
	color: white;
	background-color: #191919;
	border-color: #191919; 
}

.btn-black-ward {
	color: #fff;
	background-color: #262626;
	border: 0 none;
	font-weight: bold;
	padding: 12px 20px;
	font-size: 18px;
	text-transform: none;
	text-decoration: none;
}

.btn-peach {
	color: #262626;
	background-color: #f9e5ca;
	border: 1px solid #f9e5ca; }
.btn-peach:hover, .btn-peach:focus {
	color: #333333;
	background-color: #f6dab3;
	border-color: #f6dab3; }

.btn-beige {
	color: #fff;
	background-color: #d7bd72;
	border: 1px solid #d7bd72; }
.btn-beige:hover, .btn-beige:focus {
	color: white;
	background-color: #d1b45e;
	border-color: #d1b45e; }

.btn-fb {
	color: #fff;
	background-color: #1d5a9b;
	border: 1px solid #1d5a9b; }
.btn-fb:hover, .btn-fb:focus {
	color: white;
	background-color: #194e86;
	border-color: #194e86; }

.btn-icon {
	position: relative; }
@media (max-width: 639px) {
	.btn-icon .icon-btn-right, .btn-icon .icon-btn-left {
		font-size: 90%; } }
@media (min-width: 640px) {
	.btn-icon {
		padding-left: 40px;
		padding-right: 40px; } }

.icon-btn-right {
	right: 5px; }
@media (min-width: 640px) {
	.icon-btn-right {
		right: 10px; } }

.icon-btn-left {
	left: 5px; }
@media (min-width: 640px) {
	.icon-btn-left {
		left: 10px; } }

.btn-hollow {
	font-family: 'Cormorant', serif;
	color: #bdbdbd;
	background-color: transparent;
	border: 1px solid #d1d1d1; }
.btn-hollow:hover, .btn-hollow:focus {
	color: #cacaca;
	background-color: rgba(0, 0, 0, 0);
	border-color: #c4c4c4; }

.btn-clear {
	color: #888;
	background-color: transparent;
	border: 1px solid transparent; }
.btn-clear:hover, .btn-clear:focus {
	color: #959595;
	background-color: rgba(0, 0, 0, 0);
	border-color: rgba(0, 0, 0, 0); }

.btn-sm {
	font-size: 90%;
	padding: 8px 20px 5px; }

.btn-lg {
	font-size: 130%;
	padding: 15px 50px; }

.btn-reset {
	color: #888;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0; }
.btn-reset:hover, .btn-reset:focus {
	color: #959595;
	background-color: rgba(0, 0, 0, 0);
	border-color: rgba(0, 0, 0, 0); }

input, select {
}

input[type="submit"].btn {
	-webkit-appearance: none; }

select {
	background-image: none !important; }

label {
	font-family: 'Cormorant', serif;
	display: block;
	margin-bottom: 5px; }

.label-inline {
	display: inline-block;
	vertical-align: middle; }

.label-required:after {
	content: "*";
	color: #e42118;
	font-size: 22px;
	line-height: 0.4;
	padding: 0 0 0 5px;
	position: relative;
	top: 2px; }

input, textarea, select, .cs-skin-elastic {
	font-family: 'Cormorant', serif;
	font-size: 15px; }

input, textarea, select, button {
	color: #000;
	background-color: #fff;
	border: 1px solid #d1d1d1;
font-family: 'Cormorant', serif;
	font-weight: 400;
	line-height: 1.4;
	padding: 12px 10px;
	transition: all 0.2s ease-in; }
input:focus, textarea:focus, select:focus, button:focus {
	border: 1px solid #141414;
	outline: 0;
	transition: all 0.2s linear; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, button::-webkit-input-placeholder {
	font-family: 'Cormorant', serif;
	color: #000000; }
input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, button::-moz-placeholder {
	font-family: 'Cormorant', serif;
	color: #000000; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder, button:-ms-input-placeholder {
	font-family: 'Cormorant', serif;
	color: #000000; }

.input-text, .input-icon-wrap {
	display: block;
	width: 100%;
  }
@media (max-width: 639px) {
	.input-text, .input-icon-wrap {
		font-size: 90%; } }

.input-icon-wrap {
	color: #888;
	background-color: #fff;
	border: 1px solid #d1d1d1;
font-family: 'Cormorant', serif;
	font-weight: 400;
	line-height: 1.4;
	padding: 12px 10px;
	transition: all 0.2s ease-in;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: baseline;
	align-items: baseline; }
.input-icon-wrap:focus {
	border: 1px solid #141414;
	outline: 0;
	transition: all 0.2s linear; }
.input-icon-wrap::-webkit-input-placeholder {
	font-family: 'Cormorant', serif;
	color: #000000; }
.input-icon-wrap::-moz-placeholder {
	font-family: 'Cormorant', serif;
	color: #000000; }
.input-icon-wrap:-ms-input-placeholder {
	font-family: 'Cormorant', serif;
	color: #000000; }
.input-icon-wrap input {
	border: none;
	padding-top: 0;
	padding-bottom: 0; }

.input-sm {
	font-size: 90%;
	padding: 8px 20px 5px; }
.input-sm.cs-skin-elastic {
	padding: unset;
	font-size: unset; }
.input-sm .cs-placeholder {
	font-family: 'Titillium Web', sans-serif;
	font-size: 90%;
	padding: 8px 20px 5px; 
}

textarea {
	vertical-align: top;
	min-height: 150px;
	resize: vertical; }

.input-error {
	border-color: #e42118; }

input[type="checkbox"], input[type="radio"] {
	display: inline-block;
	width: auto; }

input[type="submit"].btn-black-beige {
	color: #d7bd72;
	background-color: #141414;
	border: 2px solid #d7bd72;
	font-family: 'Titillium Web', sans-serif;
}

button:hover, button:focus, input[type="submit"]:hover, input[type="submit"]:focus {
	color: #333333;
	background-color: #dad9e1;
	border-color: #dad9e1; }

.input-checkbox, .input-radio {
	opacity: 0;
	position: absolute; }
.input-checkbox:focus + .input-checkbox-label, .input-checkbox:focus + .input-radio-label, .input-radio:focus + .input-checkbox-label, .input-radio:focus + .input-radio-label {
	outline: 1px solid #f2f2f2; }

.input-checkbox, .radio-checkbox, .input-checkbox-label, .radio-checkbox-label {
	cursor: pointer; }

.input-checkbox-label, .input-radio-label {
	position: relative;
	cursor: pointer; }

label.input-checkbox-label, label.input-radio-label {
	margin-bottom: 0; }

.input-checkbox + .input-checkbox-label:before, .input-radio + .input-radio-label:before {
	background: #fff;
	border: 1px solid #d1d1d1;
	content: "";
	font-size: 15px;
	line-height: 1.1;
	width: 14px;
	height: 14px;
	padding: 2px;
	text-align: center;
	margin-right: 10px;
	position: relative;
	top: -1px;
	transition: background 0.1s ease-in; }

.input-checkbox:checked + .input-checkbox-label:before {
	content: "\e913";
	font-family: "icomoon";
	background: #262626;
	color:#ffffff;
	transition: background 0.1s ease-in; }

.input-radio + .input-radio-label:before {
}

.input-radio:checked + .input-radio-label:before {
	background: #e8e7ec;
	-webkit-box-shadow: inset 0 0 0 4px #fff;
transition: all 0.2s ease-in; }

.field-block {
	padding-bottom: 16px; }

#pricerequest .field-block {
	padding-bottom: 10px; }

.form-text-success, .form-text-info, .form-text-warning, .form-text-error {
	font-family: 'Cormorant', serif;
	font-size: 80%;
	margin: 5px 0 0 0; }

.form-text-success {
	color: #2aa02a; }

.form-text-info {
	color: #2f5d71; }

.form-text-warning {
	color: #f56724; }

.form-text-error {
	color: #e42118; }

.form-label-inline, .form-input-inline {
	width: auto; }

.form-label-inline {
	width: 150px;
	margin-right: 30px; }

.form-disabled, input[disabled], select[disabled], textarea[disabled], button[disabled], input[disabled] + .input-checkbox-label, input[disabled] + .input-radio-label {
	cursor: not-allowed;
	background-color: #d1d1d1;
	border-color: #d1d1d1; }

.search-widget-block {
	background-color: #fff;
	border: 1px solid #d1d1d1;
	padding: 17px 10px 0 0;
	max-width: 500px;
	margin: 0 auto;
	position: relative; }
.search-widget-block .input-text, .search-widget-block .cs-placeholder {
	border: 0; }
@media (min-width: 640px) {
	.search-widget-block {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap; } }
.search-widget-block .cs-select .cs-options {
	font-size: 90%;
	width: calc(100% + 2px);
	left: -1px; }

.search-widget-each {
	position: relative; }
@media (min-width: 640px) {
	.search-widget-each:nth-of-type(2):after {
		content: "";
		width: 1px;
		background-color: #d1d1d1;
		position: absolute;
		left: 0;
		top: -17px;
		bottom: 0; } }
@media (max-width: 639px) {
	.search-widget-each {
		margin-top: 20px;
		width: 100%; } }
.search-widget-each .cs-placeholder {
	padding-left: 10px; }

.search-widget-each-input .input-sm {
	padding-right: 10px;
	padding-left: 10px; }

@media (max-width: 639px) {
	.search-widget-each-input {
		padding-right: 20px; } }

@media (min-width: 640px) {
	.search-widget-each-input {
		-webkit-flex: 1;
		flex: 1; } }

.search-widget-label {
	color: #bdbdbd;
	font-weight: 700;
	font-family: 'Cormorant', serif;
	font-size: 80%;
	position: absolute;
	left: 10px;
	top: -14px;
	z-index: 101; }

.btn-search-widget {
	font-size: 22px;
	cursor: pointer; }
@media (max-width: 639px) {
	.btn-search-widget {
		position: absolute;
		right: 10px;
		bottom: 10px;
		background-color: #fff; } }

.widget-update-units {
	color: #262626;
	background-color: #e8e7ec;
	border: 1px solid #e8e7ec; }
.widget-update-units:hover, .widget-update-units:focus {
	color: #333333;
	background-color: #dad9e1;
	border-color: #dad9e1; }
.widget-update-units a {
	color: #888; }
.widget-update-units a:hover, .widget-update-units a:focus {
	color: #141414; }
.widget-update-units:hover, .widget-update-units:focus {
	background-color: #e8e7ec; }

.widget-update-units.btn-sm {
	padding-left: 10px;
	padding-right: 10px; }

.widget-update-units-alt {
	background-color: #fff; }
.widget-update-units-alt:hover, .widget-update-units-alt:focus {
	background-color: #fff; }

.alert, .alert-info, .alert-error, .alert-warning, .alert-success {
	color: #fff;
	background-color: #2f5d71;
text-align: center;
	padding: 10px 30px;
	margin-bottom: 10px;
	position: relative;
	z-index: 200; }

.alert-info:after, .alert-error:after, .alert-warning:after, .alert-success:after {
	font-family: "icomoon";
	font-size: 18px;
	left: 10px; }

.alert-info {
	background-color: #2f5d71; }
.alert-info:after {
	content: "\e900"; }

.alert-error {
	background-color: #e42118; }
.alert-error:after {
	content: "\e94e"; }

.alert-warning {
	background-color: #f56724; }
.alert-warning:after {
	content: "\e930"; }

.alert-success {
	background-color: #2aa02a; }
.alert-success:after {
	content: "\e913"; }

.alert-close {
	cursor: pointer; }
.alert-close:before {
	content: "\e94d";
	font-family: "icomoon";
	font-size: 20px;
	font-weight: 700;
	right: 10px; }

/*! lightslider - v1.1.6 - 2016-10-25
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2016 Sachin N; Licensed MIT */
/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/
.lSSlideOuter {
	overflow: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; }

.lightSlider:before, .lightSlider:after {
	content: " ";
	display: table; }

.lightSlider {
	overflow: hidden;
	margin: 0; }

.lSSlideWrapper {
	max-width: 100%;
	overflow: hidden;
	position: relative; }

.lSSlideWrapper > .lightSlider:after {
	clear: both; }

.lSSlideWrapper .lSSlide {
	-webkit-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-transition: all 1s;
	-webkit-transition-property: -webkit-transform,height;
	-moz-transition-property: -moz-transform,height;
	transition-property: transform,height;
	-webkit-transition-duration: inherit !important;
	transition-duration: inherit !important;
	-webkit-transition-timing-function: inherit !important;
	transition-timing-function: inherit !important; }

.lSSlideWrapper .lSFade {
	position: relative; }

.lSSlideWrapper .lSFade > * {
	position: absolute !important;
	top: 0;
	left: 0;
	z-index: 9;
	margin-right: 0;
	width: 100%; }

.lSSlideWrapper.usingCss .lSFade > * {
	opacity: 0;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-duration: inherit !important;
	transition-duration: inherit !important;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-timing-function: inherit !important;
	transition-timing-function: inherit !important; }

.lSSlideWrapper .lSFade > *.active {
	z-index: 10; }

.lSSlideWrapper.usingCss .lSFade > *.active {
	opacity: 1; }

/** /!!! End of core css Should not edit !!!/**/
/* Pager */
.lSSlideOuter .lSPager.lSpg {
	margin: 10px 0 0;
	padding: 0;
	text-align: center; }

.lSSlideOuter .lSPager.lSpg > li {
	cursor: pointer;
	display: inline-block;
	padding: 0 5px; }

.lSSlideOuter .lSPager.lSpg > li a {
	background-color: #222222;
	background-color: transparent;
	border: 1px solid #262626;
display: inline-block;
	height: 8px;
	height: 12px;
	overflow: hidden;
	text-indent: -999em;
	width: 8px;
	width: 12px;
	position: relative;
	z-index: 99;
	-webkit-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s; }

.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
	background-color: #428bca;
	background-color: #262626; }

.lSSlideOuter .media {
	opacity: 0.8; }

.lSSlideOuter .media.active {
	opacity: 1; }

/* End of pager */
/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
	list-style: none outside none;
	padding-left: 0;
	margin: 0;
	overflow: hidden;
	transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	-ms-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate3d(0px, 0px, 0px);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; }

.lSSlideOuter .lSPager.lSGallery li {
	overflow: hidden;
	border: 0.5px solid #E8E7EC;
	-webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
	transition: border-radius 0.12s linear 0s 0.35s linear 0s; }

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
	border:1px solid #2F5D71; }

.lSSlideOuter .lSPager.lSGallery img {
	display: block;
	height: auto;
	max-width: 100%; }

.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
	content: " ";
	display: table; }

.lSSlideOuter .lSPager.lSGallery:after {
	clear: both; }

/* End of Gallery*/
/* slider actions */
.lSAction > a {
	display: block;
	top: 40%;
	cursor: pointer;
	position: absolute;
	z-index: 99; 
	width:40px;
	height:56px;
}

.lSAction > a:hover:before {
	transform: scale(1.2);
	transition: all 0.2s linear; }
.lSPrev:before, .lSNext:before {
	content: '';
	/*font-family: "icomoon";
	font-size: 25px;font-weight:bold; color: #fff;*/
	position:absolute;
	display: inline-block;
	transition: all 0.2s linear;
	width: 40px;
	height: 56px;
}

.lSPrev:before {
	/*content: '\e915';*/ 
	background: url(../images/left-arrow_slider.svg);
	right: auto;
	left: 0;	
}

.lSNext {
	right: 0px; }
.lSNext:before {
	/*content: '\e916';*/
	background: url(../images/right-arrow_slider.svg);
	right: 0;
	left: auto;	
}

.lSAction > a.disabled {
	pointer-events: none; }

.cS-hidden {
	height: 1px;
	opacity: 0;
	filter: alpha(opacity=0);
	overflow: hidden; }

/* vertical */
.lSSlideOuter.vertical {
	position: relative; }

.lSSlideOuter.vertical.noPager {
	padding-right: 0px !important; }

.lSSlideOuter.vertical .lSGallery {
	position: absolute !important;
	right: 0;
	top: 0; }

.lSSlideOuter.vertical .lightSlider > * {
	width: 100% !important;
	max-width: none !important; }

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
	left: 50%;
	margin-left: -14px;
	margin-top: 0; }

.lSSlideOuter.vertical .lSAction > .lSNext {
	background-position: 31px -31px;
	bottom: 10px;
	top: auto; }

.lSSlideOuter.vertical .lSAction > .lSPrev {
	background-position: 0 -31px;
	bottom: auto;
	top: 10px; }

/* vertical */
/* Rtl */
.lSSlideOuter.lSrtl {
	direction: rtl; }

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
	padding-left: 0;
	list-style: none outside none; }

.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
	padding-right: 0; }

.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
	float: left; }

.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {
	float: right !important; }

/* Rtl */
@-webkit-keyframes rightEnd {
	0% {
		left: 0; }
	50% {
		left: -15px; }
	100% {
		left: 0; } }

@keyframes rightEnd {
	0% {
		left: 0; }
	50% {
		left: -15px; }
	100% {
		left: 0; } }

@-webkit-keyframes topEnd {
	0% {
		top: 0; }
	50% {
		top: -15px; }
	100% {
		top: 0; } }

@keyframes topEnd {
	0% {
		top: 0; }
	50% {
		top: -15px; }
	100% {
		top: 0; } }

@-webkit-keyframes leftEnd {
	0% {
		left: 0; }
	50% {
		left: 15px; }
	100% {
		left: 0; } }

@keyframes leftEnd {
	0% {
		left: 0; }
	50% {
		left: 15px; }
	100% {
		left: 0; } }

@-webkit-keyframes bottomEnd {
	0% {
		bottom: 0; }
	50% {
		bottom: -15px; }
	100% {
		bottom: 0; } }

@keyframes bottomEnd {
	0% {
		bottom: 0; }
	50% {
		bottom: -15px; }
	100% {
		bottom: 0; } }

.lSSlideOuter .rightEnd {
	-webkit-animation: rightEnd 0.3s;
	animation: rightEnd 0.3s;
	position: relative; }

.lSSlideOuter .leftEnd {
	-webkit-animation: leftEnd 0.3s;
	animation: leftEnd 0.3s;
	position: relative; }

.lSSlideOuter.vertical .rightEnd {
	-webkit-animation: topEnd 0.3s;
	animation: topEnd 0.3s;
	position: relative; }

.lSSlideOuter.vertical .leftEnd {
	-webkit-animation: bottomEnd 0.3s;
	animation: bottomEnd 0.3s;
	position: relative; }

.lSSlideOuter.lSrtl .rightEnd {
	-webkit-animation: leftEnd 0.3s;
	animation: leftEnd 0.3s;
	position: relative; }

.lSSlideOuter.lSrtl .leftEnd {
	-webkit-animation: rightEnd 0.3s;
	animation: rightEnd 0.3s;
	position: relative; }

/*/  GRab cursor */
.lightSlider.lsGrab > * {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab; }

.lightSlider.lsGrabbing > * {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: -o-grabbing;
	cursor: -ms-grabbing;
	cursor: grabbing; }

/*!
* jQuery Accordion 0.0.1
* (c) 2014 Victor Fernandez <victor@vctrfrnndz.com>
* MIT Licensed.
*/
/* Requirements */
[data-accordion] [data-content] {
	font-family: 'Cormorant', serif;
	overflow: hidden;
	max-height: 0; }

/* Basic Theme */
[data-accordion]:first-of-type [data-control] {
	border-top: 1px solid #d1d1d1; }

[data-control] {
	font-family: 'Cormorant', serif;
	border-bottom: 1px solid #d1d1d1; }

[data-control],
[data-content] > * {
	padding: 10px 20px 10px 10px;
	position: relative; }

[data-content] [data-accordion] {
	border: 0;
	padding: 0; }

[data-accordion] [data-control] {
	position: relative;
	padding: 12px 40px 12px 10px;
	cursor: pointer; }

[data-accordion] > [data-control]:after {
	content: "\e939";
	font-family: "icomoon";
	position: absolute;
	right: 10px;
	top: 12px; }

[data-accordion].open > [data-control]:after {
	content: "\e92f"; }

.accordion-sort-filter .active {
	color: #e42118; }
.accordion-sort-filter .active:after {
	position: absolute;
	content: "\e94e";
	font-family: "icomoon";
	right: 10px;
	top: 10px;
	cursor: pointer; }

.rbox-overlay {
	text-align: center;
	background: #262626;
	background: rgba(38, 38, 38, 0.8);
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	transition: opacity 0.25s ease; }

.rbox-overlay--show {
	opacity: 1;
	z-index: 11000; }

.rbox-overlay--short {
	align-items: flex-start;
	position: absolute; }

.rbox-wrap {
	margin: 20px;
	max-width: 90%;
	position: relative;
	display: inline-block; }

.rbox-wrap--inline, .rbox-wrap--html, .rbox-wrap--ajax {
	background: #fff;
	text-align: left;
	padding: 10px;
flex-grow: 1; }
.rbox-overlay-mid .rbox-wrap--inline, .rbox-overlay-mid .rbox-wrap--html, .rbox-overlay-mid .rbox-wrap--ajax {
	max-width: 940px; }
.rbox-overlay-sm .rbox-wrap--inline, .rbox-overlay-sm .rbox-wrap--html, .rbox-overlay-sm .rbox-wrap--ajax {
	max-width: 640px; }
.rbox-inline-swatch .rbox-wrap--inline {
	max-width: 840px; }
.rbox-wrap--inline .rbox-close, .rbox-wrap--html .rbox-close, .rbox-wrap--ajax .rbox-close {
	position: absolute;
	top: -18px;
	right: -14px; }

.rbox-wrap--iframe {
	max-width: 940px;
	width: 100%; }

.rbox {
	padding: 10px;
	position: relative; }

.rbox-next, .rbox-prev, .rbox-close {
	font-family: "icomoon";
	text-decoration: none;
	padding: 10px;
	position: fixed;
	right: -5px;
	font-size: 26px; }

.rbox-close {
	color: #bdbdbd;
	top: -5px; }
@media (min-width: 640px) {
	.rbox-close {
		right: 0; } }
.rbox-close:hover {
	color: #ebca0d; }

.rbox-next, .rbox-prev {
	color: #fff;
	right: 1px; }
.rbox-next:hover, .rbox-next:focus, .rbox-prev:hover, .rbox-prev:focus {
	color: #ebca0d; }

.rbox-next {
	top: 40px; }

.rbox-prev {
	top: 85px; }

/* Default custom select styles */
div.cs-select {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-align: left;
	background: #fff;
	z-index: 100;
	width: 100%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; }

div.cs-select:focus {
	outline: none;
	/* For better accessibility add a style for this in your skin */ }

.cs-select select {
	display: none; }

.cs-select span {
	display: block;
	position: relative;
	cursor: pointer;
	padding: 12px 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; }

/* Placeholder and selected option */
.cs-select > span {
	padding-right: 3em; }

.cs-select .cs-placeholder{font-weight:400; border-radius: 5px;}

.cs-placeholder {
	border: thin solid #d1d1d1;
}

.cs-select > span::after,
.cs-select .cs-selected span::after {
	speak: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

.cs-select > span::after {
	content: '\25BE';
	right: 5px; }

.cs-select .cs-selected span::after {
	content: '\2713';
	margin-left: 1em; }

.cs-select.cs-active > span::after {
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg); }

div.cs-active {
	z-index: 200; }

/* Options */
.cs-select .cs-options {
	position: absolute;
	overflow: hidden;
	width: 100%;
	background: #fff;
	visibility: hidden; }

.cs-select.cs-active .cs-options {
	visibility: visible; }

.cs-select ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%; }

.cs-select ul span {
	padding: 1em; }

.cs-select ul li.cs-focus span {
	background-color: #ddd; }

/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
	padding-left: 1em; }

.cs-select li.cs-optgroup > span {
	cursor: default; }

div.cs-skin-elastic {
	background: transparent; }

.cs-skin-elastic > span {
	background-color: #fff;
	z-index: 100; }

.cs-skin-elastic > span:after {
	font-family: "icomoon";
	content: '\e914';
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden; 
	font-size: 20px;
}

.cs-skin-elastic .cs-options {
	overflow: visible;
	background: transparent;
	opacity: 1;
	visibility: visible;
	pointer-events: none;
	margin-top: -1px;
	z-index: 101; }

.cs-skin-elastic.cs-active .cs-options {
	pointer-events: auto;
	border: 1px solid #d1d1d1;
	border-top: 0; }

.cs-skin-elastic .cs-options > ul::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-transform: scale3d(1, 0, 1);
	transform: scale3d(1, 0, 1);
	background: #fff;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s; }

.cs-skin-elastic.cs-active .cs-options > ul::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition: none;
	transition: none;
	-webkit-animation: expand 0.6s ease-out;
	animation: expand 0.6s ease-out; }

.cs-skin-elastic .cs-options ul li {
	opacity: 0;
	-webkit-transform: translate3d(0, -25px, 0);
	transform: translate3d(0, -25px, 0);
	-webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
	transition: opacity 0.15s, transform 0.15s;
	margin-bottom: 0; }

.cs-skin-elastic.cs-active .cs-options ul li {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	-webkit-transition: none;
	transition: none;
	-webkit-animation: bounce 0.6s ease-out;
	animation: bounce 0.6s ease-out; }

/* Optional delays (problematic in IE 11/Win) */
/*
.cs-skin-elastic.cs-active .cs-options ul li:first-child {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}

.cs-skin-elastic.cs-active .cs-options ul li:nth-child(2) {
-webkit-animation-delay: 0.15s;
animation-delay: 0.15s;
}

.cs-skin-elastic.cs-active .cs-options ul li:nth-child(3) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}

.cs-skin-elastic.cs-active .cs-options ul li:nth-child(4) {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
} 

/* with more items, more delays declarations are needed */
.cs-skin-elastic .cs-options span {
	background-repeat: no-repeat;
	background-position: 1.5em 50%;
	background-size: 2em auto;
	padding: 0.8em 1em 0.8em 1em; }

.cs-skin-elastic .cs-options span:hover,
.cs-skin-elastic .cs-options li.cs-focus span,
.cs-skin-elastic .cs-options .cs-selected span {
	color: #000;
	background: #e8e7ec; }

.cs-skin-elastic .cs-options .cs-selected span::after {
	content: ''; }

@-webkit-keyframes expand {
	0% {
		-webkit-transform: scale3d(1, 0, 1); }
	25% {
		-webkit-transform: scale3d(1, 1.2, 1); }
	50% {
		-webkit-transform: scale3d(1, 0.85, 1); }
	75% {
		-webkit-transform: scale3d(1, 1.05, 1); }
	100% {
		-webkit-transform: scale3d(1, 1, 1); } }

@keyframes expand {
	0% {
		-webkit-transform: scale3d(1, 0, 1);
		transform: scale3d(1, 0, 1); }
	25% {
		-webkit-transform: scale3d(1, 1.2, 1);
		transform: scale3d(1, 1.2, 1); }
	50% {
		-webkit-transform: scale3d(1, 0.85, 1);
		transform: scale3d(1, 0.85, 1); }
	75% {
		-webkit-transform: scale3d(1, 1.05, 1);
		transform: scale3d(1, 1.05, 1); }
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1); } }

@-webkit-keyframes bounce {
	0% {
		-webkit-transform: translate3d(0, -25px, 0);
		opacity: 0; }
	25% {
		-webkit-transform: translate3d(0, 10px, 0); }
	50% {
		-webkit-transform: translate3d(0, -6px, 0); }
	75% {
		-webkit-transform: translate3d(0, 2px, 0); }
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		opacity: 1; } }

@keyframes bounce {
	0% {
		-webkit-transform: translate3d(0, -25px, 0);
		transform: translate3d(0, -25px, 0);
		opacity: 0; }
	25% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0); }
	50% {
		-webkit-transform: translate3d(0, -6px, 0);
		transform: translate3d(0, -6px, 0); }
	75% {
		-webkit-transform: translate3d(0, 2px, 0);
		transform: translate3d(0, 2px, 0); }
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1; } }

.cs-skin-elastic-bg .cs-placeholder {
	border-color: #e8e7ec; }

.cs-skin-elastic-bg > span {
	background-color: #e8e7ec; }

* {
	box-sizing: border-box; }

html, body {
	width: 100%;
	height: 100%; }

body {
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.4;
	color: #888;
	background-color: #fff;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	overflow-x: hidden;
}

/* LAYOUT */
.main {
	margin-top: 40px !important;
	font-family: 'Titillium Web', sans-serif;
	-webkit-flex: 1;
	flex: 1; }

/* changes done by santosh*/
.footer{
	border-top: 1px solid #E8E7EC;
	padding-top:5px;
	padding-bottom:10px;
}
@media (max-width: 639px) {
	.footer {
		text-align: center; } }

@media (max-width: 639px) {
	.footer-wrap-block > .col {
		float: none; } }

@media (min-width: 640px) {
	.footer-wrap-block {
		display: -webkit-flex;
		display: flex;
	} }

.footer-link-block {
	font-size: 80%;
	font-weight: 700; }
.footer-link-block a {
	border-bottom: 2px solid transparent; }
.footer-link-block a:hover {
	border-color: #141414; }

@media (min-width: 640px) {
	.footer-social-block {
		text-align: right; } }

.footer-subscribe-block .btn-sm {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0; }

/* LIST: ARTICLES */
.article-list-block {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap; }

.article-list-date {
	color: #bdbdbd;
	text-transform: uppercase;
	font-family: 'Cormorant', serif; }

.article-list-each {
	margin: 0 0 20px 0; }

.article-list-img {
	display: block;
	width: 100%;
	margin: 0 0 5px 0; }

.article-list-title {
	font-size: 150%;
	font-family: 'Titillium Web', sans-serif;
	margin: 5px 0 0 0; 
}

/* LIST: PRODUCTS */
.product-list-block {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap; }

.product-list-each {
	position: relative;
	margin: 0 0 30px 0; }
.product-list-each:hover .product-hover-block {
	opacity: 1;
	visibility: visible;
	transition: all 0.2s ease-in; }

.product-sticky-block {
	position: absolute;
	left: 10px;
	top: 10px;
	padding-left: 10px; }

.product-list-block--compound .product-list-content {
	padding: 10px; }

.product-list-img-wrap {
	background-color: #f5f5f5; }

.product-list-img {
	display: block;
	width: 100%;
	margin: 0 0 5px 0; }

.product-list-content {
	font-family: 'Titillium Web', sans-serif; 
	font-size:12px; 
	line-height: 16px; 
	margin-top:8px; 
	color: #141414;
}

.product-list-content .slider-inner-title{ 
	font-weight:600; 
	color:#262626; 
	margin-bottom:4px;
}
.lslide a:hover .slider-inner-title{ color:#EBCA0D; }
.product-hover-block {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 10px;
	right: 20px;
	transition: all 0.2s ease-in; }
.product-hover-block .product-hover-btn {
	padding-right: 10px;
	padding-left: 10px; }

/* LIST: PRODUCT BACKGROUND */
.product-bg-list-block {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap; }

.product-bg-list-each {
	margin: 0 0 20px 0; }

.product-bg-list-img {
	display: block;
	width: 100%; }

.product-bg-list-content {
	color: #888;
	font-family: 'Cormorant', serif;
	background-color: #e8e7ec;
	text-align: center;
	padding: 20px; }

/* LIST: PRODUCT CARD TYPE */
.product-card-list-block {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	word-wrap: break-word; }

.product-card-list-wrap {
	display: -webkit-flex;
	display: flex; }

.product-card-list-each {
	background-color: #f5f5f5;
	padding: 10px;
	margin: 0 0 20px 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column; }

.product-card-list-img {
	padding: 10px 10px 20px 10px; }

.product-card-list-content {
	margin-top: auto; }
.product-card-list-content .star-each {
	font-size: 10px; }

/* WIDGET: SORT */
.cs-select-sort .cs-placeholder {
	font-weight: 700;
	text-transform: uppercase; }

/* PAGE: LOGIN */
.login-block {
	max-width: 400px;
	margin: 0 auto; }

/* PAGE: HOME */
.btn-banner-shop {
	position: absolute;
	bottom: 20px;
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	z-index: 1; }
.btn-banner-shop .btn-hollow {
	color: #fff;
	border-color: #fff; }

.btn-info-sign {
	background-color: #fff; }
.btn-info-sign:hover, .btn-info-sign:focus {
	border-color: #d1d1d1; }

.form-ad-block {
	/*  .embed-responsive {
	-webkit-flex: 0 0 100%;
	flex: 0 0 100%; //otherwise flex video disappears!
}
	*/ }
@media (min-width: 940px) {
	.form-ad-block {
		display: -webkit-flex;
		display: flex; }
	.form-ad-block > .col {
		display: -webkit-flex;
		display: flex; } }

.ad-block {
	width: 100%; }

/* PAGE: PRODUCTS */
.product-desc-content-col {
	position: sticky;
	top: -1px; }

@media (max-width: 939px) {
	.product-desc-content {
		margin-top: 20px;
	} }

.product-desc-logo {
	float: right; }
@media (max-width: 639px) {
	.product-desc-logo {
		max-width: 125px; } }

.product-delivery-block {
	color: #d1d1d1;
	margin: 10px 0;
	display: -webkit-flex;
	display: flex;
	align-items: center; }

.product-delivery-icon {
	font-size: 22px;
	transform: rotateY(180deg);
	display: inline-block;
	vertical-align: middle; }

.star-block-product-custom .star-each {
	font-size: 16px; }

@media (max-width: 639px) {
	.btn-trade-tech {
		font-size: 70%; } }

/* PAGE: BRANDS */
.alphabet-block {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap; }
@media (min-width: 640px) {
	.alphabet-block {
		-webkit-justify-content: space-between;
		justify-content: space-between; } }
@media (min-width: 1200px) {
	.alphabet-block {
		font-size: 140%; } }
.alphabet-block .col-sm {
	margin: 5px 0;
	padding: 0 5px; }
@media (max-width: 639px) {
	.alphabet-block .col-sm {
		width: 25%;
		text-align: center; } }

.alphabet-each {
	border-bottom: 1px solid transparent; }
.alphabet-each:hover, .alphabet-each:focus {
	color: #ebca0d; }
@media (max-width: 639px) {
	.alphabet-each {
		width: 25%; } }

.alphabet-each-active {
	color: #888;
	border-color: #ebca0d;
	cursor: default; }

@media (min-width: 940px) {
	.brand-list-block {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap; } }

.brand-each {
	color: #bdbdbd;
	font-weight: 700; }
@media (max-width: 639px) {
	.brand-each {
		text-align: center;
		display: block; } }

/* PAGE: BRANDS: EACH TITLE */
.brands-each-title {
	border-bottom: 1px solid #d1d1d1;
	font-size: 190%;
	text-transform: uppercase;
	text-align: center;
	padding: 0 0 10px 0; 
	font-family: 'Titillium Web', sans-serif;
	color: #141414;
}

/* PAGE: CART */
.checkout-each-order-summary {
	margin-bottom: 10px; }
@media (min-width: 640px) {
	.checkout-each-order-summary {
		display: flex;
		align-items: baseline; } }

.cart-view-details {
	font-size: 90%;
	margin-left: 28px; }
@media (min-width: 640px) {
	.cart-view-details {
		margin-left: 48px; } }

.cart-basket-price-col {
	align-self: flex-end; }

@media (min-width: 640px) {
	.checkout-order-item-no {
		margin-left: auto; } }

@media (max-width: 639px) {
	.cart-basket-label-block {
		display: none; } }

.cart-basket-each-wrap {
	border-bottom: 1px solid #d1d1d1;
	padding: 10px 0; }
@media (max-width: 639px) {
	.cart-basket-each-wrap .col {
		padding-left: 3px;
		padding-right: 3px; } }

.cart-basket-each {
	position: relative;
	-webkit-align-items: center;
	align-items: center; }
.cart-basket-each:last-of-type {
	border-bottom: none; }
.cart-basket-each .icon-close-border {
	display: inline-block; }
.cart-basket-each .icon-close-border:hover {
	color: #e42118; }

.cart-basket-each-img {
	display: block; }
@media (max-width: 639px) {
	.cart-basket-each-img {
		width: 60px; } }

@media (min-width: 640px) {
	.cart-basket-close-wrap {
		display: flex;
		align-items: center; } }

.cart-basket-each-price {
	display: block;
	text-align: right; }

@media (min-width: 640px) {
	.cart-basket-form {
		display: flex; } }

@media (max-width: 639px) {
	.cart-basket-form input {
		font-size: 90%;
		padding: 8px 20px 5px; } }

@media (max-width: 639px) {
	.cart-basket-form button, .cart-basket-form btn {
		font-size: 90%;
		padding: 8px 20px 5px; } }

@media (max-width: 639px) {
	.btn-checkout {
		width: 100%; } }

@media (min-width: 640px) {
	.btn-checkout {
		float: right; } }

/* PAGE: WARDROBE */
.wardrobe-calculator-wrap {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	overflow: hidden;
	width: 200%; }

.wardrobe-calculator-measure, .wardrobe-calculator-contact {
	width: 50%;
	transition: all 0.2s ease-in; }

.wardrobe-calculator-animate {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%); }

/* PAGE: CONTACT */
@media (min-width: 1200px) {
	.contact-block {
		display: -webkit-flex;
		display: flex; }
	.contact-block > .col {
		display: -webkit-flex;
		display: flex; } }

.contact-each {
	background-color: black;
	padding: 20px;
	width: 100%; }
@media (max-width: 939px) {
	.contact-each {
		margin-bottom: 20px; } }

/* PAGE: CHECKOUT */
.checkout-each-block {
	background-color: #f5f5f5;
	padding: 20px; }

/* PAGE: INTERIOR DESIGN */
.slider-interior-design-block {
	position: relative;
	margin: 0 0 20px 0; }
@media (min-width: 940px) {
	.slider-interior-design-block .lSPager {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 10px;
		margin: 0; }
	.slider-interior-design-block .lSSlideOuter .lSPager.lSpg > li, .slider-interior-design-block .lSSlideOuter .lSPager.lSpg > li a {
		display: block; } }

@media (min-width: 940px) {
	.interior-carousel-row {
		display: flex; } }

@media (min-width: 940px) {
	.interior-carousel-content-col {
		display: flex; } }

/* PAGE: THANK YOU: SUCCESSFUL ORDER */
.thank-you-block {
	text-align: center;
	border: 1px solid #d1d1d1; }
.thank-you-block h1 {
	font-size: 300%; }

.thank-you-info {
	background-color: #f5f5f5;
	font-size: 140%;
	position: relative; }
@media (min-width: 940px) {
	.thank-you-info:first-of-type:before {
		content: "";
		background-color: #d1d1d1;
		width: 1px;
		height: 100%;
		height: calc(100% - 30px);
		position: absolute;
		right: 49%;
		right: calc(100% - (50% - 1px));
		top: 15px; } }
.thank-you-info > .col {
	padding: 30px; }

/* PAGE: BLOG */
.blog-list-block[data-columns]::before {
	content: '4 .col.col-6-sm.col-4-mid.col-3-lg'; }

.blog-list-block .article-list-each {
	display: block;
	margin: 0 0 30px 0; }

.categories-wrap {
	border-bottom: 1px solid #d1d1d1; }

.categories-block {
	color: #262626; }

.category-each, .dropdown-wrap--blog-category-lg {
	font-size: 80%;
	margin: 0 0 20px 0;
	display: block; }
@media (max-width: 939px) {
	.category-each, .dropdown-wrap--blog-category-lg {
		display: none; } }
@media (min-width: 940px) {
	.category-each, .dropdown-wrap--blog-category-lg {
		margin: 0 0 0 30px;
		display: inline-block; } }

.category-each:first-of-type {
	margin-left: 0; }

.category-each:hover, .category-each:focus {
	color: #262626; }

.category-each--label {
	margin-right: 30px; }

.dropdown-wrap--blog-category-lg {
	min-width: 0; }
@media (min-width: 940px) {
	.dropdown-wrap--blog-category-lg .dropdown-parent, .dropdown-wrap--blog-category-lg .dropdown-child {
		border: none; } }

@media (min-width: 940px) {
	.dropdown-wrap--blog-category-sm {
		display: none; } }

.input-icon--category {
	border-color: transparent;
	padding: 10px 5px; }
@media (min-width: 640px) {
	.input-icon--category {
		padding: 5px; } }
.input-icon--category input {
	font-size: 90%;
	font-weight: 700;
	text-transform: uppercase;
	text-align: right; }

/* PAGE: ACCOUNT: DASHBOARD */
.avatar-account {
	display: inline-block;
overflow: hidden;
}
.dashboard-block {
	border: 1px solid #d1d1d1;
	padding: 10px;
	margin-bottom: 20px;
	min-height: 98px;
	display: block; }
.dashboard-block:hover {
	background-color: #f5f5f5; }

.dashboard-icon {
	font-size: 44px; }

/* PAGE: ACCOUNT: ORDERS */
.input-icon-wrap--orders button {
	line-height: 1; }

/* COMMON HELPERS */
.cols50 {
	float: left;
	width: 50%; }

.cols33 {
	float: left;
	width: 33.33%; }

.cols25 {
	float: left;
	width: 25%; }

.cols75 {
	float: left;
	width: 75%; }

/* Search Form Styles */
.searchform > * {
	float: left; }

/*brands each page link to architonic banner style*/
.banner-brand-vertical-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%); }
.btn-banner-brand {
	position: absolute;
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	z-index: 1; }
.btn-banner-brand .btn-hollow {
	color: #fff;
	border-color: #fff; }

/* MA's wardrobe style */	
.thick-h1, .thick-h2, .thick-h3, .block-text, .calct-para { font-family: 'Cormorant', serif; }
.thick-h1 { font-weight: 800; font-size: 40px; line-height: 60px;}
.thick-h2 { font-weight: 800; font-size: 30px; line-height: 48px;}
.thick-h3 { font-weight: 800; font-size: 24px; line-height: 32px;}
.block-text { margin: 16px 0px; font-weight: 300; font-size: 18px; line-height: 32px; color: #18191F;}
.calct-para { margin: 16px 0px; font-weight: 300; font-size: 18px; line-height: 32px;}
.block-text a { text-decoration: underline;}
/* wardrobe calculator */
.wardrobe-calulator .calculator-container h3, .wardrobe-calulator p.calct-para { color: #fff !important; }
.wardrobe-calulator .calculator-container h3 { margin-bottom:11px ; }
.cs-select span{ color: #000; }
.calculator-container .wardrobe-calculator-block{ background: #000; }
.wardrobe-calulator .checkbox-head{ font-size: 18px; margin-bottom: 20px; }
.wardrob-checks-box .input-checkbox-label{ font-size: 13px; outline: 0 !important; }
.wardrob-checks-box .input-checkbox-label:focus{ outline: 0 !important; }
.wardrobe-calulator .input-checkbox + .input-checkbox-label:before, 
.wardrobe-calulator .input-radio + .input-radio-label:before{ background: #000; border-radius: 50%; border-color: #fff; }
.signupboxs-lp { background: #F4F5F7; }
.signupboxs-lp > .container { background: #fff; border: thin solid #ccc; padding: 20px; }
.book-btns:hover, .book-btns:focus{ background-color: #1a9b86; color: #fff; }
.cta-inr-box { padding: 30px; margin-bottom: 20px; height: 100%;}
.cta-inr-box .block-text { min-height: 70px; }
.contact-img {
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #eaeaea;
}
@media only screen and (max-width: 450px) {
	.thick-h1 { font-size: 30px; line-height: 40px; }
	.thick-h2 { font-size: 25px; line-height: 30px;}
	.thick-h3 { font-size: 20px; line-height: 25px;}
	.block-text { font-size: 15px; line-height: 30px;}
}

.cta-btn-white {
	width: 100%;
	max-width: 240px;
	display: inline-block;
	line-height: 45px;
	text-align: center;
	height: 50px;
	font-size: 16px;
	font-weight: bold;
	background: #ffffff;
margin-bottom: 10px;
	color: #000;
	padding: 0 10px;
	border: 1px solid #000;
	background-color: transparent;
	max-width: 300px;
}

.cta-btn-white:hover {
	background: #000;
	color: #fff;
	border-color: #fff;
}

@media (max-width: 768px){
	.cta-btn-white {
		height: 60px;
		line-height: 55px;
		max-width: initial;
		width: 98.5%;
		margin-right: 15px;}
}
p, .p, .blog-body-content ul li{font-size: 15px; line-height: 24px; color:#141414; font-weight: 400; margin-top:18px;}
.blog-body-content ul li{margin-top:12px;}
.small-body{font-size: 16px; line-height: 20px; color:#4e4e4e; font-weight: 400; margin-top:12px;}
.ex-small-body{font-size: 14px; line-height: 20px; color:#4e4e4e; font-weight: 400; margin-top:12px;}
/*desktop view santosh*/
@media (min-width: 601px) {
	.input-icon--category input {font-size: 80%; } 
	h1, .h1 {font-size: 40px;margin-top:48px;}
	h2, .h2 {font-size: 32px;margin-top:32px;margin-bottom:32px;}
	h3, .h3 {font-size: 28px;margin-top:28px;}
	h4, .h4 {font-size: 24px;margin-top:24px;}
	p, .p, .blog-body-content ul li{font-size: 20px;margin-top:24px; line-height:30px;}
	.blog-body-content ul{margin-top:24px;}
	.blog-body-content ul li{margin-top:20px;}
	.small-body{font-size: 18px; line-height: 24px;}
	.ex-small-body{font-size: 16px; line-height: 24px;}
	.breadcrumb-each {padding: 0 22px 0 0; font-size:14px; line-height:18px;}
	.breadcrumb-each::after {margin-left:8px; width:6px; height:10px; background-size: 100% auto;}
	body{padding-left:0; padding-right:0;}
	.main {margin-top:136px;}
	.breadcrumb-block {padding: 16px 0; }
	.field-block {padding-bottom: 24px; }
	.product-list-content {font-size:16px; line-height: 18px; margin-top:16px;}
	.product-list-content .slider-inner-title{margin-bottom:8px;}
	.cs-select span{padding:16px 24px;}
	.lSSlideOuter .lSPager.lSGallery li {
		border: 1px solid #E8E7EC;}
	.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
		border:2px solid #2F5D71; }
}

/* Redesign styles */
.heading-section-mob {
	width: 100vw;
	margin: 0;
	padding: 0;
}


.btn-beige-block-black-sm {
	box-sizing: border-box;
	width: 232px;
	background: #000000;
	border: 2px solid #D7BD72;
color: #D7BD72;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	margin-top: 20px;
	margin-bottom: 30px;
	height: 61.7px;
}

.h3-sm {
	color: white;
	font-family: 'Titillium Web', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
}

.h1-sm {
	color: white;
	font-family: 'Cormorant', serif;
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 36px;
	text-align: center;
}

.py-98 {
	padding-top: 98px;
	padding-bottom: 98px;
}

.img-35-years {
	height: 119px;
	width: 252px;
}

.card-text-heading {
	position: absolute;
	top: 32px;
	left: 16px;
	color: #FFF;
	font-family: 'Titillium Web', sans-serif;
	font-style: normal;
	font-weight: 700;
	line-height: 28px;
}

.card-text-subheading {
	position: absolute;
	top: 72px;
	left: 16px;
	color: #FFF;
	font-family: 'Titillium Web', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
}

.card-container:hover .card-text-heading:after {
	content: "";
	background-image: url("/site-assets/images/white-arrow.svg");
	background-size: 16px 16px;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 0;
	left: 110%;
	top: 77%;
	transform: translateY(-50%);
}

.card-container:hover .card-text-subheading {
	display: block;
}

.card-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}

.card-container {
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 20px;
	height: 256px;
}

.card-container img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.card-text-heading {
	font-family: 'Titillium Web', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
}

.card-text-subheading {
	font-family: 'Titillium Web', sans-serif;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	display: none;
}

.card-container .card-text-heading {
	position: absolute;
	top: 10px;
	left: 10px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

.card-container .card-text-subheading {
	position: absolute;
	top: 72px;
	left: 10px;
	font-size: 12px;
	color: #fff;
}

@media (max-width: 768px) {
	.card-grid {
		grid-template-columns:repeat(2, 1fr);
	}
}

.card-container {
	position: relative;
}

.card-container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.25);
}

.card-container:hover::before {
	background-color: rgba(0, 0, 0, 0.5);
}


.btn-new-beige {
	padding: 14px 12px 12px 12px;
	background-color: #d7bd72;
color: #262626;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	border: 2px solid #d7bd72;
}

.btn-new-beige:hover {
	background-color: #d7bd72;
	border: 2px solid #d7bd72;
}

.btn-new-beige:active {
	background-color: #d7bd72;
}

.btn-black-beige {
	padding: 12px 12px 12px 12px;
	background: #000000;
	border: 2px solid #D7BD72;
font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
}

.btn-black-beige:hover {
	color: #141414;
	background-color: #D7BD72;
	border: 2px solid #D7BD72;
}

.btn-black-beige:hover img {
	filter: brightness(0) saturate(100%);
}

.quote-text {
	position: relative;
}

.quote-text::before {
	content: "";
	position: absolute;
	top: -35px;
	left: 12px;
	width: 79px;
	height: 79px;
	background-image: url('/site-assets/images/quotes-start.svg');
	background-size: cover;
}

.quote-text::after {
	content: "";
	position: absolute;
	bottom: -35px;
	right: 18px;
	width: 79px;
	height: 79px;
	background-image: url('/site-assets/images/quotes-end.svg');
	background-size: cover;
}

.beige-heading {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	color: #d7bd72;
}

.new-subheading {
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	padding-bottom: 18px;
}

/* Premium products */
.products-card-container {
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 20px;
	height: 148px;
}

.products-card-container:hover .card-text-heading:after {
	content: "";
	background-image: url("/site-assets/images/white-arrow.svg");
	background-size: 16px 16px;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 0;
	left: 110%;
	top: 64%;
	transform: translateY(-50%);
}

.products-card-container:hover .card-text-subheading {
	display: block;
}

.products-card-container img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.products-card-container .card-text-heading {
	position: absolute;
	top: 30%;
	left: 50%;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	transform: translate(-50%, -50%);
	width: max-content;
	text-align: center;
}

.products-card-container .card-text-subheading {
	position: absolute;
	top: 40%;
	left: 0;
	font-size: 12px;
	color: #fff;
	text-align: center;
	width: -moz-available;   
	width: -webkit-fill-available;
}

.products-card-container {
	position: relative;
}

.products-card-container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.25);
}

.products-card-container:hover::before {
	background-color: rgba(0, 0, 0, 0.5);
}

.mt-18 { margin-top: 18px; }
.mb-18 { margin-bottom: 18px; }
.ml-18 { margin-left: 18px; }
.mr-18 { margin-right: 18px; }
.mt-20 { margin-top: 20px; }
.mb-20 { margin-bottom: 20px; }
.ml-20 { margin-left: 20px; }
.mr-20 { margin-right: 20px; }
.p-0 { padding: 0px 0px 0px 0px; }
.pt-18 { padding-top: 18px; }
.pb-18 { padding-bottom: 18px; }
.pl-18 { padding-left: 18px; }
.pr-18 { padding-right: 18px; }
.pr-20 { padding-right: 20px; }
.pl-20 { padding-left: 20px; }
.font-size-12 { font-size: 12px; }
.font-size-15 { font-size: 15px; }
.font-size-24 { font-size: 24px; }
.font-weight-400 { font-weight: 400; }
.font-weight-600 { font-weight: 600; }
.font-weight-700 { font-weight: 700; }

.reinput::placeholder {
	font-family: 'Titillium Web', sans-serif;
	color: #888888;
	font-size: 12px;
}

input[type="submit"].btn-new-beige, input[type="submit"].btn-black-beige:hover {
	background-color: #d7bd72;
	color: #141414;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	border: 2px solid #d7bd72;
}

.pos-rel { position: relative; }
.pos-abs { position: absolute; }
.dark-tint { background-color: rgba(0, 0, 0, 0.5); }

.carousel-image {
	filter: brightness(50%);
}

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

/* Base Header - NO border when transparent */
header {
	border-bottom: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: transparent;
	z-index: 210;
	transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* Remove any borders and padding from header sections */
#header-top {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

/* Top Bar - Always Dark - NO extra padding */
.header-top-wrap {
	background-color: #141414;
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

#top-nav {
	background-color: #141414;
	padding: 0;
	text-align: right;
	font-size: 0.8em;
	margin: 0;
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

#top-nav li {
	display: inline-block;
	margin-bottom: 0;
}

#top-nav a {
	color: #fff;
	padding: 12px 12px;
	display: inline-block;
	font-family: 'Titillium Web', sans-serif;
	transition: background-color 0.3s ease;
}

#top-nav a:hover {
	background-color: rgba(255, 255, 255, 0.2);
	color: #fff;
}

#top-nav .fci-logo {
	float: left;
	margin-right: 10px;
	display: flex;
	align-items: center;
	padding-left: 0;
}

#header-top .fci-logo img {
	width: 47px;
}

/* Main Navigation - Transparent by default with WHITE text */
#header-nav {
	background-color: transparent;
	display: flex;
	align-items: center;
	font-family: 'Titillium Web', sans-serif;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	transition: background-color 0.3s ease;
	border-bottom: none;
}

#header-nav::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100vw;
	height: 1px;
	background: rgba(255, 255, 255, 0.4);
}

#header-nav a {
	color: #fff !important;
	transition: color 0.3s ease;
}

#header-nav a:hover {
	color: #ebca0d !important;
}

.main-nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 1;
}

.main-nav nav > ul {
	margin-bottom: 0;
}

.main-nav li {
	display: inline-block;
	margin-bottom: 0;
}

.main-nav li a {
	padding: 31px 16px;
	display: inline-block;
	font-size: 16px;
	color: #fff !important;
	border-bottom: 3px solid transparent;
	transition: all 0.3s ease;
}

.main-nav li a:hover {
	color: #ebca0d !important;
	border-bottom-color: #ebca0d;
}

.main-nav li:last-child a {
	padding-right: 0;
}

/* Icon Links */
.icon-links {
	display: flex;
	align-items: center;
	margin-left: auto;
	padding: 10px 0;
}

.icon-links li {
	display: inline-block;
}

.icon-links li a {
	font-size: 1.2em;
	padding: 16px 0 16px 17px;
	min-height: 64px;
	color: #fff !important;
}

.icon-links li a:hover {
	color: #ebca0d !important;
}

/* Logo */
#header-nav .fci-logo {
	display: flex;
	align-items: center;
	padding-left: 0;
}

#header-nav .fci-logo img {
	width: 54px;
}

/* Header Cart */
.header-cart-wrap {
	position: relative;
}

.header-cart-number {
	background-color: #f5f5f5;
font-family: 'Cormorant', serif;
	font-size: 12px;
	padding: 6px 8px 5px;
	position: absolute;
	top: 5px;
}

/* Search Form */
.header-nav-form .cs-skin-elastic,
.header-nav-form input {
	font-size: 14px;
}

.header-nav-form .input-icon-wrap {
	border-left: 0;
	height: 42px;
	align-items: center;
}

.header-nav-form .input-icon-wrap button.icon-search {
	border: none;
	font-weight: bold;
	position: absolute;
	right: 16px;
	height: 18px;
	width: 17px;
	top: 11px;
}

.header-nav-form .cs-select.cs-skin-elastic {
	border-right: 0;
	min-width: 180px;
}

/* When Scrolled - Grey background with BLACK text and BOTTOM BORDER */
header.headroom--not-top {
	background-color: #e8e7ec;
	border-bottom: 1px solid #d1d1d1;
}

header.headroom--not-top #header-top {
	border-bottom: none;
	padding-bottom: 0;
}

header.headroom--not-top .header-top-wrap {
	padding-bottom: 0;
}

header.headroom--not-top #header-nav {
	background-color: #e8e7ec;
	padding-bottom: 0;
}

header.headroom--not-top #header-nav a {
	color: #000 !important;
}

header.headroom--not-top .main-nav li a {
	color: #000 !important;
}

header.headroom--not-top .main-nav li a:hover {
	color: #ebca0d !important;
}

header.headroom--not-top .icon-links a {
	color: #000 !important;
}

header.headroom--not-top .icon-links a:hover {
	color: #ebca0d !important;
}

/* Sub Navigation Dropdown */
.sub-nav {
	position: absolute;
	background: #fff;
	text-align: left;
	padding: 0;
margin-top: 16px;
	top: -402px;
	transition: top 300ms ease;
	z-index: -1;
	border-top: 1px solid #eee;
	max-width: 1200px;
	left: 0;
	right: 0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.main-nav li:hover .sub-nav {
	top: 83px;
}

.sub-nav .col-6 > a > img {
	width: 100%;
	max-width: 600px;
}

.sub-nav .col-6 > a {
	display: none;
	padding: 0;
}

.sub-nav .col-6 > a:first-child {
	display: block;
}

.sub-nav .col-3 > ul {
	margin-top: 18px;
	padding-top: 10px;
}

.sub-nav .col-3:last-child > ul {
	display: none;
	border-left: 5px solid #eee;
	min-height: 286px;
}

.sub-nav .col-3 > ul li a {
	display: inline-block;
	margin: 0;
	color: #aaa !important;
	width: 100%;
	padding: 5px 10px;
	line-height: 1em;
}

.sub-nav .col-3 > ul li a:hover,
.sub-nav .col-3 > ul li a.active-nav {
	color: #4e4e4e !important;
	background: #eee;
}

.sub-nav li {
	list-style-type: none;
}

.sub-nav > ul {
	text-align: center;
	border-top: 1px solid #eee;
	padding: 0;
	font-weight: bold;
	margin-top: 0;
}

.sub-nav > ul li {
	display: inline-block;
	border-right: 1px solid #ccc;
	padding: 0;
}

.sub-nav > ul li > a {
	padding: 10px;
	display: inline-block;
}

.sub-nav > ul li:last-child {
	border-right: none;
}

/* Mobile Menu */
.menu-link {
	cursor: pointer;
	color: #fff !important;
}

header.headroom--not-top .menu-link {
	color: #000 !important;
}

.main-nav-sm {
	background: #141414;
	width: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	height: 100vh;
	overflow-y: auto;
	left: 0;
	z-index: 1000;
	display: none;
	transition: all 0.3s ease;
}

.main-nav-sm.main-nav-sm-open {
	display: block;
}

.main-nav-sm-close {
	font-size: 20px;
	text-align: right;
	padding: 5px;
	padding-right: 0;
	display: block;
	float: right;
	cursor: pointer;
	transition: all 0.2s ease;
}

.main-nav-sm-close:hover {
	color: #fff;
}

.nav-sm li {
	position: relative;
	margin-bottom: 0;
}

.nav-sm > li {
	text-transform: uppercase;
}

.nav-sm > li a {
	padding: 16px 20px;
	font-weight: 400;
}

.nav-sm li a {
	display: block;
	width: 100%;
	padding: 2px 0;
	text-transform: none;
	font-size: 1rem;
	color: #ffffff;
}

.nav-sm li a:hover {
	color: #D7BD72;
}

.nav-sm li.clicked > a {
	font-weight: 600;
	color: #fff;
}

.nav-sm li.has_ul > a:after {
	content: "\e914";
	font-family: "icomoon";
	right: 16px;
	position: absolute;
	padding-left: 5px;
	font-weight: bolder;
	top: 20px;
}

.nav-sm li.clicked > a:after {
	content: "\e917";
}

.nav-sm ul {
	display: none;
	z-index: 20;
	padding: 0 10px;
	min-width: 140px;
	text-transform: initial;
}

.nav-sm ul ul {
	position: static;
	padding: 0;
}

/* ========================================
FCI LONDON HEADER CUSTOMIZATIONS
======================================== */

/* FCI London Header Show/Hide Classes */
.header-nav .icon-links, .list-item-nav .drop-down.show {display:block !important}
.list-item-nav .drop-down {display:none !important}

/* Top Navigation Customizations */
#top-nav .top-nav-tel.flex, #top-nav .top-nav-tel.flex a.flex{display:flex}
#top-nav .top-nav-tel.flex a.flex:last-child svg{margin-right:0;}
#top-nav .top-nav-tel.flex a.flex span.sm-hide{margin-right:22px}
#top-nav li a{font-size:14px;}
#top-nav .dropdown-wrap, #top-nav .dropdown-wrap strong {color:red; font-weight:bold;}
#top-nav .dropdown-wrap { min-width: auto; }
#top-nav .dropdown-parent { border:none;padding:0 20px 0 10px; }
#top-nav .dropdown-children { min-width: 110px; left: -50px; font-size: 1.1em; padding: 0;}
#top-nav .dropdown-children a { width: 100%; letter-spacing: 1px;}
#top-nav .dropdown-child {padding: 0;}
#top-nav .dropdown-children a:hover {background:#f3f3f3;border-color:#1d8272}

/* Header Nav Customizations */
/* Header Nav Customizations */
@media (min-width: 1200px) {
  #header-nav { height: 30px; }
}

/* MOBILE header should look like old (logo left + icons right) */
@media (max-width: 1199px) {
  #header-nav {
    height: 64px;
    padding: 8px 0;
  }

  /* your mobile logo sizing like old */
  #header-nav .fci-logo img {
    width: 50px;
  }
}
#header-nav form { display: flex; flex: 1; }
#header-nav .header-nav-form.flex { cursor: pointer;}

/* Header Nav Form */
.header-nav-form{width:100%}
.header-nav-form {margin-left: 48px; min-width: 280px;}
.header-nav-form .input-icon-wrap { border: 1px solid #4E4E4E; }

/* Main Nav Customizations */
.main-nav .parent-nav{min-height:75px;}
.main-nav .icon-caret-left{transform:rotate(-90deg); left:2px; top:2px;}
#header-nav .main-nav .list-dd > ul > li a{padding:5px 0;}

/* FCI Logo */
.fci-logo :hover{color:#4E4E4E;}
.fci-logo .logo-text{margin-left:16px; color:#4E4E4E; line-height:1.2;}

/* Mobile Menu */
.mobile-menu-title{padding:20px;}
.mobile-menu-title .menu-name{flex: 1 0 auto; font-size:18px;line-height: 24px;font-weight: 600;}

/* Page Header */
#page-header #top-nav .tel-email-head{float:right;}
.page-header{padding-left:10px;padding-right:10px;}

/* Wishlist Button */
.main-nav-sm .wishlist-btn{padding:1px 20px 0;}
.wishlist-btn .btn-icon{ width: 100%; font-size: 1rem; font-weight: 400; border-radius: 3px; background: transparent; gap: 12px; border: 1px solid #4E4E4E;padding:14px; transition: all 1000ms cubic-bezier(0.075, 0.82, 0.165, 1);}
.wishlist-btn .btn-icon:hover{border-color:#ffffff;}

/* Mobile Nav Styles */
.main-nav-sm .nav-sm {padding:16px 0 0;}
.nav-sm .clicked ul{padding-right:0; padding-left:20px;background: #1F1F1F; border-left:4px solid #354346}
.nav-sm .clicked ul li ul{margin-left: -8px;margin-right: -5px; border-left:0 none;}
.nav-sm .clicked ul li a{color:#D1D1D1}

/* Search Info Box */
.search-info-box{height:100vh;margin-top:118px; z-index:99; display:none;margin-left:-10px; margin-right:-10px;}
.search-shadow{opacity: 0.2; background: #141414; width:100%; position:fixed; left:0; top:0; bottom:0; right:0;z-index:9; display:none;}
.search-info-box .search-close-btn{right:16px; top:16px; position:absolute;}
.search-info-box .search-icon{margin-bottom:12px;}
.search-info-box .search-icon svg{width:24px; height:24px;}
.search-info-box .center-search-info{color:#4e4e4e;width:100%; max-width:235px; margin:65px auto 100px auto;}
#top-nav .show-m .fci-logo{padding-top:20px;}

/* Search Term & Dropdowns */
#search-term {cursor: pointer; }
#search-dd, #service-list-dd, #cat-list-dd { margin-top: 168px; display: none; width:100%; border-bottom:1px solid #d4d4d4}
#search-dd li, #pagelist-dd li { list-style-type: none; }
#search-dd > ul {text-align: center;border-top: 1px solid #eee;padding:0;font-weight:bold;margin-top:0}
#search-dd > ul li { display: inline-block; border-right: 1px solid #ccc;padding: 0}
#search-dd > ul li > a {padding: 10px;display: inline-block; }
#search-dd > ul li:last-child {border-right: none; }
#autocomplete-list-dd {padding-bottom: 30px;border-bottom:thin solid #ccc;}
.list-dd > ul {display: inline-block;vertical-align:top;min-width:220px;padding-left:24px;}
.list-dd > ul > li:first-child {font-size:larger;font-weight:bold;margin-bottom:16px;}
.list-dd > ul > li{list-style-type:none; margin-bottom: 12px;}
#search-dd ul a {width:100%;display:inline-block;cursor: pointer;transition: none;}
#autocomplete-prodlist-dd {margin-bottom: 20px;}
#autocomplete-list-dd .swatch-each > img {height: 130px;}
#autocomplete-list-dd .swatch-each-detail {
	max-height: 60px;top: 130px;left: auto;border: 0;visibility: visible;overflow:hidden}
#autocomplete-list-dd .swatch-each-detail .swatch-each-view {white-space: normal;font-weight: normal;}

/* Menu Trigger */
#menu-trigger {width:180px;display:inline-block;white-space:nowrap;}
#menu-trigger > label {display:inline;cursor:pointer;color:#000;}
#menu-trigger > span {vertical-align:middle;}
#full-story-content { display:none }

/* Yellow Hover Links for Header */
#top-nav li a:hover, #top-nav li a:hover svg>path, #header-nav .main-nav li a:hover, a.yellow-link:hover{color:#EBCA0D !important; fill:#EBCA0D;}

/* ========================================
HEADER MEDIA QUERIES
======================================== */

/* Mobile/Desktop Breakpoints */
@media (max-width: 1199px) {
	.main-nav,
	.header-nav-form {
		display: none;
	}

	#top-nav li:not(.top-nav-tel) {
		display: none;
	}

	#top-nav .top-nav-tel a {
		padding-left: 0;
	}
}

@media (min-width: 1200px) {
	.menu-link {
		display: none;
	}

	#header-nav {
		padding: 0;
	}
}

@media (min-width: 601px) {
	.main {
		margin-top: 120px;
	}

	#top-nav li a {
		padding: 12px 12px;
	}

	#top-nav li.top-nav-tel a {
		padding: 10px 12px;
	}

	#top-nav li.top-nav-tel a:first-child {
		padding-left: 0;
	}

	#top-nav li:last-child a {
		padding-right: 0;
	}
	
	/* FCI London Desktop Customizations */
	.header-nav .header-nav-form {margin-left:0;}
	.search-info-box .center-search-info{max-width:550px; margin-top: 128px;}
	.search-info-box .search-icon{margin-bottom:24px;}
	.search-info-box .search-icon svg{width:32px; height:32px;}
	#top-nav .top-nav-tel.flex a.flex:last-child svg, #top-nav .top-nav-tel.flex a.flex:first-child svg{margin-right:12px;}
	.page-header{padding-left:0px;padding-right:0px;}
	#header-nav{height:80px;}
	.search-info-box{margin-left:0px; margin-right:0px;}
}

@media (max-width: 600px) {
	.main {
		margin-top: 56px;
	}
}

@media (min-width: 992px) {
	.search-info-box{margin-top:138px;}
}

@media (min-width: 1196px) {
	.header-nav .icon-links{display:none;}
	.header-nav-form{width:auto;}
	#page-header #top-nav .tel-email-head{float:left;}
	.search-info-box{padding-bottom:50vh}
}

@media (max-width: 1199px) { 
	.header-nav-form { display: flex; } 
}

@media only screen and (max-width: 500px) {
	.header-nav-form {min-width: 100%; margin-left:0;}
}

@media only screen and (max-width: 540px) {
	.header-cart-wrap { display:none; }
	#header-nav .icon-links li a { font-size: 2.2em; }
	.icon-links { padding: 5px 0; }
}

@media screen and (max-width: 414px) {
	#top-nav li.mob-trade{display:inline-block;}
	#top-nav li:not(.mob-trade) { display: none;}
}

/* Mobile and desktop menu Custom by VIS */

@media (max-width: 1199px) {

  .header-nav-wrap .container{
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #header-nav{
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 8px 10px !important; 
    gap: 10px !important;
  }

  #header-nav > a.fci-logo.show-m{
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #header-nav > a.fci-logo:not(.show-m){
    display: none !important;
  }

  #header-nav > form.header-search-form{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  #header-nav > form.header-search-form input{
    width: 100% !important;
    min-width: 0 !important;
	font-family: 'Titillium Web', sans-serif;
  }

  #header-nav > .icon-links.show-m{
    margin-left: auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  #header-nav .icon-links.show-m nav ul{
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  #header-nav .icon-links.show-m nav ul li{
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
  }

  #header-nav .icon-links.show-m nav ul li a{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 64px !important;
    min-height: 64px !important;
    padding: 0 6px !important;
    line-height: 1 !important;
  }

  #header-nav .icon-links.show-m nav ul li a svg{
    display: block !important;
  }
}

@media (max-width: 1199px) {

  #page-header .icon-links.show-m svg path{
    fill: #ffffff !important;
  }

  #page-header.scrolled .icon-links.show-m svg path{
    fill: #000000 !important;
  }

}

@media (max-width: 1199px) {

  .show-m { display: inline-flex !important; }
  .m-hide { display: none !important; } 

  #top-nav{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 40px !important;
    padding: 0 10px !important;
  }

  #top-nav .top-nav-tel{
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
  }

  #top-nav .top-nav-right{
    margin-left: auto !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  #top-nav .top-link{
    margin-left: 14px !important;
  }

  #top-nav .top-link a{
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 34px !important;
    text-decoration: none !important;
  }
}
@media (max-width: 1199px) {
  header#page-header.page-header{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 1199px) {

  .main-nav-sm{
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0,0,0,0.4);
  }
  .main-nav-sm.main-nav-sm-open{
    display: block !important;
  }

  .main-nav-sm > .nav-sm{
    position: absolute;
    top: 0;
    right: 0;
    width: 50vw;                 
    max-width: 320px;            
    min-width: 260px;
    height: 100vh;
    background: #000;   
    overflow-y: auto;
    padding: 14px;
}

  .main-nav-sm-close{
    position: absolute;
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
background: rgba(255,255,255,0.15);
    cursor: pointer;
    z-index: 10;
  }
  .main-nav-sm-close img{
    width: 18px;
    height: 18px;
  }

  .main-nav-sm ul.nav-sm{
    margin: 0 !important;
    padding: 56px 0 0 !important;
    list-style: none;
    background: #000 !important;
  }

  .main-nav-sm ul.nav-sm li{
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }
  .main-nav-sm ul.nav-sm li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 8px;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
  }
}
  /* Menu items turning black when expands */
@media (min-width: 1200px) {

  #header-nav .main-nav nav > ul > li:focus-within > a.parent-nav{
    color: #000 !important;
  }

  body:has(#search-dd.show, #service-list-dd.show, #cat-list-dd.show, #search-dd[style*="display: block"], #service-list-dd[style*="display: block"], #cat-list-dd[style*="display: block"])
  #header-nav .main-nav nav > ul > li > a.parent-nav{
    color: #000 !important;
  }
}

@media (min-width: 1200px) {

  .fci-logo .logo-text {
    color: #fff !important;
  }

  .page-header.is-scrolled .fci-logo .logo-text {
    color: #000 !important;
  }

  .page-header.scrolled .fci-logo img {
    filter: brightness(0);
  }

  body:has(
    #search-dd.show,
    #service-list-dd.show,
    #cat-list-dd.show,
    #search-dd[style*="display: block"],
    #service-list-dd[style*="display: block"],
    #cat-list-dd[style*="display: block"]
  )
  .fci-logo .logo-text {
    color: #000 !important;
  }

  body:has(
    #search-dd.show,
    #service-list-dd.show,
    #cat-list-dd.show,
    #search-dd[style*="display: block"],
    #service-list-dd[style*="display: block"],
    #cat-list-dd[style*="display: block"]
  )
  .fci-logo img {
    filter: brightness(0);
  }
}


@media (max-width: 1199px) {

  .page-header.is-scrolled .fci-logo img {
    filter: brightness(0);
  }

}


#search-dd.search-dd-new{
	display:none;
	position: fixed;
	left: 0;
	right: 0;
	/* Adjust if your header height changes */
	top: 118px;
	z-index: 9998;
	margin-top: 0;
	border: 0;
	background: #fff;
}

#header-nav .input-icon-wrap{ position: relative; }
#header-nav #clearSearch{
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	display: none;
	font-size: 18px;
	color: #4E4E4E;
}

#search-dd.search-dd-new .main-layout{
	max-width: 100%;
	margin: 0 auto;
}

@media (max-width: 1199px){
	#search-dd.search-dd-new{ top: 80px; }
}

/* ===== MAIN LAYOUT ===== */
	#search-dd.search-dd-new .main-layout {
		display: none;
		opacity: 0;
		transition: opacity 0.3s ease;
		background: transparent;
		max-width: 100%;
		margin: 0 auto;
		overflow: visible;
	}

	#search-dd.search-dd-new .main-layout.show {
		opacity: 1;
	}

	#search-dd.search-dd-new .layout-container {
		padding: 30px 20px;
		max-width: 1360px;
		margin: 0 auto;
	}

	#search-dd.search-dd-new .content-wrapper {
		display: flex;
		gap: 40px;
		align-items: flex-start;
	}

	/* ===== SIDEBAR ===== */
	#search-dd.search-dd-new .sidebar {
		width: 200px;
		flex-shrink: 0;
	}

	#search-dd.search-dd-new .pages-section {
		margin-bottom: 20px;
	}

	#search-dd.search-dd-new .sidebar-title {
		font-size: 28px;
		text-transform: none;
		color: #141414;
		margin-bottom: 4px;
		padding-bottom: 10px;
		font-weight: 600;
		letter-spacing: 0;
		font-family: 'Cormorant', serif;
		line-height: 1;
		text-align: left;
	}

	#search-dd.search-dd-new .pages-list {
		list-style: none;
		padding: 0;
		margin: 0;
		text-align: left;
	}

	#search-dd.search-dd-new .pages-list li {
		border-bottom: 1px solid #f0f0f0;
		margin-bottom: 0;
	}

	#search-dd.search-dd-new .pages-list li:last-child {
		border-bottom: none;
	}

	#search-dd.search-dd-new .pages-list a {
		color: #666;
		font-size: 13px;
		display: block;
		padding: 12px 0;
		transition: all 0.2s ease;
	}

	#search-dd.search-dd-new .pages-list a:hover {
		color: #141414;
		padding-left: 8px;
		background-color: rgba(0, 0, 0, 0.05);
	}


	#search-dd.search-dd-new .btn-showroom:hover {
		background: rgba(0, 0, 0, 0.8);
		color: #fff;
	}

	/* ===== MAIN CONTENT ===== */
	#search-dd.search-dd-new .main-content {
		flex: 1;
		min-width: 0;
	}

	#search-dd.search-dd-new .content-section {
		margin-bottom: 20px;
	}

	#search-dd.search-dd-new .content-section:last-child {
		margin-bottom: 0;
	}

	#search-dd.search-dd-new .section-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 10px;
		gap: 20px;
	}

	#search-dd.search-dd-new .section-title {
		font-size: 28px;
		margin: 0;
		color: #141414;
		font-weight: 600;
		line-height: 1;
		font-family: 'Cormorant', serif;
	}

	.btn-showroom,
	.view-all-btn,
	#search-dd.search-dd-new .ai-mic-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 200px;
		min-width: 200px;
		max-width: 200px;
		padding: 10px 10px;
		background: #141414;
		color: #fff;
		border: none;
cursor: pointer;
		font-weight: 600;
		font-size: 13px;
		text-align: center;
		text-transform: none;
		letter-spacing: 0.5px;
		transition: all 0.3s ease;
		white-space: nowrap;
	}

	#search-dd.search-dd-new .btn-showroom {
		flex-direction: column;
		gap: 0;
	}

	#search-dd.search-dd-new .view-all-btn {
		gap: 6px;
		flex-shrink: 0;
	}

	#search-dd.search-dd-new .ai-mic-btn {
		gap: 10px;
		flex-shrink: 0;
	}

	/* ===== NO RESULTS MESSAGE ===== */
	#search-dd.search-dd-new .no-results-message {
		text-align: center;
		padding: 40px 20px;
		margin-bottom: 30px;
		background: #fafafa;
}

	#search-dd.search-dd-new .no-results-message .icon-search {
		font-size: 50px;
		display: block;
		margin: 0 auto 15px;
	}

	#search-dd.search-dd-new .no-results-message .icon-search::before {
		display: none;
	}

	#search-dd.search-dd-new .no-results-message h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	#search-dd.search-dd-new .no-results-message p {
		color: #666;
		font-size: 14px;
		margin-bottom: 6px;
	}

	#search-dd.search-dd-new .no-results-message .suggestion {
		margin-top: 10px;
		font-size: 13px;
		font-style: italic;
	}

	/* ===== CAROUSEL WRAPPER ===== */
	#search-dd.search-dd-new .trending-carousel-wrapper {
		position: relative;
	}

	#search-dd.search-dd-new .trending-carousel {
		display: flex;
		gap: 20px;
		overflow-x: auto;
		scroll-behavior: smooth;
		scrollbar-width: none;
		padding: 10px 0;
		cursor: grab;
		text-align: left;
	}

	#search-dd.search-dd-new .trending-carousel:active {
		cursor: grabbing;
	}

	#search-dd.search-dd-new .trending-carousel::-webkit-scrollbar {
		display: none;
	}

	#search-dd.search-dd-new .trending-carousel.active-drag {
		user-select: none;
	}

	/* ===== CAROUSEL NAV BUTTONS ===== */
	#search-dd.search-dd-new .carousel-nav-btn {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 40px;
		height: 40px;
		background: transparent;
		border: 1px solid #e8e7ec;
display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		z-index: 10;
		transition: all 0.3s ease;
line-height: 1;
		padding: 0;
	}

	#search-dd.search-dd-new .carousel-nav-btn [class^="icon-"] {
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
	}

	#search-dd.search-dd-new .carousel-nav-btn:hover {
		background: rgba(0, 0, 0, 0.9);
		border-color: rgba(0, 0, 0, 0.9);
		transform: translateY(-50%) scale(1.05);
	}

	#search-dd.search-dd-new .carousel-prev {
		left: -20px;
	}

	#search-dd.search-dd-new .carousel-next {
		right: -20px;
	}

	#search-dd.search-dd-new .carousel-nav-btn:disabled {
		opacity: 0.3;
		cursor: not-allowed;
		pointer-events: none;
	}

	/* ===== PRODUCT CARDS ===== */
	#search-dd.search-dd-new .trending-card {
		flex: 0 0 190px;
		background: #fff;
		border: 1px solid #e8e7ec;
overflow: visible;
		transition: all 0.3s ease;
		display: block;
	}

	#search-dd.search-dd-new .trending-card:hover {
transform: translateY(-4px);
		border-color: rgba(0, 0, 0, 0.3);
	}

	#search-dd.search-dd-new .trending-card img {
		width: 100%;
		height: 160px;
		object-fit: cover;
		display: block;
		transition: transform 0.3s ease;
	}

	#search-dd.search-dd-new .trending-card:hover img {
		transform: scale(1.04);
	}

	#search-dd.search-dd-new .trending-info {
		padding: 5px;
		border-top: 1px solid #f5f5f5;
	}

	#search-dd.search-dd-new .trending-info h4 {
		font-size: 16px;
		color: #141414;
		margin: 0 0 4px 0;
		font-weight: 400;
		font-family: 'Titillium Web', sans-serif;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#search-dd.search-dd-new .product-price {
		font-size: 13px;
		color: #888;
		margin: 0;
		font-family: 'Titillium Web', sans-serif;
	}

	/* ===== VIEW ALL BUTTON ===== */

	#search-dd.search-dd-new .view-all-btn:hover {
		background: rgba(0, 0, 0, 0.8);
		color: #fff;
	}

	/* ===== AI STYLIST BLOCK ===== */
	#search-dd.search-dd-new .ai-concierge-block {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 20px;
		padding: 24px;
		background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);
		border: 1px solid #e8e7ec;
}

	#search-dd.search-dd-new .ai-text {
		flex: 1;
	}

	#search-dd.search-dd-new .ai-text h3 {
		font-size: 24px;
		margin-bottom: 8px;
		text-align: left;
	}

	#search-dd.search-dd-new .ai-text p {
		font-size: 14px;
		color: #666;
		margin: 0;
	}

	#search-dd.search-dd-new .ai-mic-btn:hover {
		background: rgba(0, 0, 0, 0.8);
		color: #fff;
		transform: translateY(-2px);
	}

	/* ===== RESPONSIVE ===== */
	@media (max-width: 968px) {
		#search-dd.search-dd-new .content-wrapper {
			flex-direction: column;
		}

		#search-dd.search-dd-new .sidebar {
			width: 100%;
		}

		#search-dd.search-dd-new .ai-concierge-block {
			flex-direction: column;
			text-align: center;
		}

		#search-dd.search-dd-new .ai-mic-btn {
			width: 100%;
		}

		#search-dd.search-dd-new .carousel-prev {
			left: -10px;
		}

		#search-dd.search-dd-new .carousel-next {
			right: -10px;
		}
	}

	@media (max-width: 640px) {
		#search-dd.search-dd-new .layout-container {
			padding: 20px;
		}

		#search-dd.search-dd-new .search-input {
			font-size: 14px;
			padding: 12px 40px 12px 38px;
		}

		#search-dd.search-dd-new .search-icon-left {
			left: 28px;
		}

		#search-dd.search-dd-new .search-icon-clear {
			right: 28px;
		}

		#search-dd.search-dd-new .section-title {
			font-size: 22px;
		}

		#search-dd.search-dd-new .trending-card {
			flex: 0 0 150px;
		}

		#search-dd.search-dd-new .trending-card img {
			height: 150px;
		}

		#search-dd.search-dd-new .trending-info h4 {
			font-size: 12px;
		}

		#search-dd.search-dd-new .product-price {
			font-size: 11px;
		}

		#search-dd.search-dd-new .ai-concierge-block {
			flex-direction: column;
			text-align: center;
		}

		#search-dd.search-dd-new .ai-mic-btn {
			width: 100%;
		}

		#search-dd.search-dd-new .ai-mic-btn .btn-text {
			display: none;
		}

		#search-dd.search-dd-new .carousel-prev {
			left: -8px;
		}

		#search-dd.search-dd-new .carousel-next {
			right: -8px;
		}
	}

#search-dd {
    background: transparent !important;
padding: 0 !important;
    border: none !important;
}

.search-info-box .center-search-info,
.search-info-box .search-icon,
.search-info-box p {
  display: none !important;
}

#search-dd.search-dd-new{
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
  background: transparent !important;
}
.search-shadow{ display:none !important; }
.search-shadow {
  pointer-events: none;
  z-index: 1;
}
.search-info-box {
  position: relative;
  z-index: 2;
}

#search-dd.search-dd-new #noResultsMessage p,
#search-dd.search-dd-new #noResultsMessage #noResultsText,
#search-dd.search-dd-new #noResultsMessage .suggestion {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  color: #666 !important;
}

#search-dd.search-dd-new .ai-concierge-block .ai-text p {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  text-align: left;
}

#search-dd.search-dd-new .ai-concierge-block .ai-mic-btn .btn-text {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  text-align: left;
}

html body #search-dd.search-dd-new.is-open{
  top: 200px !important;  
}

@media (max-width: 1199px){
  html body #search-dd.search-dd-new.is-open{
    top: 190px !important;
  }
}

html body #search-dd.search-dd-new.is-open .layout-container{
  padding-top: 150px; 
}


#search-dd .trending-card{
  display: block;               
  overflow: hidden;              
  border-radius: 12px;            
  transform: translateZ(0);       
  transition: transform 220ms ease, box-shadow 220ms ease;
  will-change: transform;
}


#search-dd .trending-card:hover{
  transform: scale(1.04);
  box-shadow: 0 12px 30px rgba(0,0,0,0.18);
  z-index: 5;
  position: relative;
}


#search-dd .trending-card img{
  display: block;
  width: 100%;
  height: auto;
  transform: none !important;
  transition: none !important;
}


#search-dd .trending-card{
  position: relative;
  overflow: hidden;  
  border-radius: 14px; 
  background: #fff;
  transition: transform 220ms ease, box-shadow 220ms ease;
}


#search-dd .trending-card:hover{
  transform: scale(1.04);
  box-shadow: 0 14px 34px rgba(0,0,0,0.18);
  z-index: 10;
}


#search-dd .trending-card .image-wrap,
#search-dd .trending-card figure,
#search-dd .trending-card .img-wrap{
  overflow: hidden;
  border-radius: inherit;
}


#search-dd .trending-card img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: inherit;   
  transform: none !important;
}


#trendingSection .trending-card{
  display: flex;
  flex-direction: column;
}

#trendingSection .trending-card img{
  width: 100%;
  flex: 1 1 auto;
  object-fit: cover;
  display: block;
}

#trendingSection .trending-info h4{
  display: none !important;
}

#trendingSection .trending-info .product-name-bottom{
  color: #000 !important;  
  margin: 0 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}