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

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}

body {
	line-height: 1
}

ol, ul {
	list-style: none
}

blockquote, q {
	quotes: none
}

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

table {
	border-collapse: collapse;
	border-spacing: 0
}

html {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .004)
}

a, button, input, textarea {
	outline: transparent
}

textarea {
	resize: none
}

.browserupgrade {
	padding: 12px;
	text-align: center;
	line-height: 24px
}

@-webkit-keyframes fade-in {
	0% {
		visibility: visible
	}

	100% {
		opacity: 1;
		visibility: visible
	}
}

@keyframes fade-in {
	0% {
		visibility: visible
	}

	100% {
		opacity: 1;
		visibility: visible
	}
}

@-webkit-keyframes fade-in-remove {
	0% {
		opacity: 1
	}

	99% {
		opacity: 0;
		-webkit-transform: scale(.9, .9);
		transform: scale(.9, .9)
	}

	100% {
		-webkit-transform: scale(0, 0);
		transform: scale(0, 0)
	}
}

@keyframes fade-in-remove {
	0% {
		opacity: 1
	}

	99% {
		opacity: 0;
		-webkit-transform: scale(.9, .9);
		transform: scale(.9, .9)
	}

	100% {
		-webkit-transform: scale(0, 0);
		transform: scale(0, 0)
	}
}

@-webkit-keyframes scale-infinite {
	0% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}

	50% {
		-webkit-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2)
	}

	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

@keyframes scale-infinite {
	0% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}

	50% {
		-webkit-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2)
	}

	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

@-webkit-keyframes items-background-fade-in {
	0% {
		background: 0 0
	}

	100% {
		background: #f2f1ef
	}
}

@keyframes items-background-fade-in {
	0% {
		background: 0 0
	}

	100% {
		background: #f2f1ef
	}
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	height: 100%
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	height: 100%
}

.slick-track:after, .slick-track:before {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	background-color: #000;
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block;
	margin: 0 auto
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

html *, html :after, html :before {
	box-sizing: border-box
}

.row {
	width: 100%;
	position: relative
}

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

.row:after {
	clear: both
}

#header .inner {
	opacity: 0;
	visibility: hidden;
	-webkit-animation: fade-in 0s 50ms forwards;
	animation: fade-in 0s 50ms forwards;
	transition: all .3s ease-in
}

#footer, .module--cross-content {
	opacity: 0;
	visibility: hidden;
	-webkit-animation: fade-in 0s .8s forwards;
	animation: fade-in 0s .8s forwards
}

#main {
	/*padding-top: 124px;*/
	padding-top: 108px;
}

.pg-home #main {
	opacity: 0;
	visibility: hidden;
	-webkit-animation: fade-in 0s .6s forwards;
	animation: fade-in 0s .6s forwards
}

.pg-about #main, .pg-artist #main, .pg-artists #main, .pg-collection #main, .pg-collections #main, .pg-gifts #main, .pg-gifts-category #main, .pg-shop #main {
	opacity: 0;
	visibility: hidden;
	-webkit-animation: fade-in 0s .3s forwards;
	animation: fade-in 0s .3s forwards
}

.pg-jewellery #main, .pg-jewellery-category #main, .pg-product #main {
	opacity: 0;
	visibility: hidden;
	-webkit-animation: fade-in 0s .7s forwards;
	animation: fade-in 0s .7s forwards
}

.pg-artists .page, .pg-collection .page, .pg-collections .page, .pg-gifts .page, .pg-gifts-category .page, .pg-jewellery .page, .pg-jewellery-category .page {
	-webkit-animation: items-background-fade-in 6s 1s forwards;
	animation: items-background-fade-in 6s 1s forwards
}

.row-2--artist {
	-webkit-animation: items-background-fade-in 6s 1s forwards;
	animation: items-background-fade-in 6s 1s forwards
}

.spinner {
	background: url(/assets/ui/spinner.gif) no-repeat;
	width: 60px;
	height: 64px;
	margin: 96px 0 168px
}

.counter {
	position: absolute;
	margin-top: 3px;
	padding-left: 6px;
	opacity: 0;
	-webkit-animation: fade-in 2s 1s forwards;
	animation: fade-in 2s 1s forwards
}

.curved-box-shadow {
	position: absolute;
	bottom: 12px;
	height: 40px;
	width: 100%;
	left: 0
}

.cbs__inner {
	position: relative
}

.cbs__inner:after, .cbs__inner:before {
	z-index: -1;
	position: absolute;
	content: "";
	top: 80%;
	bottom: 0;
	left: 2px;
	width: 50%;
	height: 40px;
	box-shadow: 0 15px 10px 0 #ccc;
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
	display: block
}

.cbs__inner:after {
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 2px;
	left: auto
}

html {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	color: #444
}

body, input, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit
}

strong {
	font-weight: 700
}

em {
	font-style: italic
}

a {
	text-decoration: none;
	color: orange
}

a:hover {
	text-decoration: underline
}

.h1--serif {
	font-family: Georgia, serif;
	font-size: 36px;
	line-height: 40px;
	font-weight: 100;
	color: #bbb0ac;
	text-align: center;
	margin: 18px 0 12px;
	padding: 0 36px 0 12px
}

.h1--jewellery.h1--serif, .h1--collections.h1--serif, .h1--gifts.h1--serif, .h1--artists.h1--serif {
	color: #443f38
}

.h1--serif.h1-checkout {
	font-size: 30px;
	color: #575b5e;
	text-transform: uppercase;
	margin: 36px 0 0
}

.user--tf__header {
	background-image: url(/assets/images/Account-BG-Image-01-crop.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 20px 0 55px
}

.h1--serif.h1-user {
	font-size: 30px;
	color: #575b5e;
	text-transform: uppercase;
	padding: 30px 0 10px;
	margin: 0
}

.h1--serif .counter {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 14px
}

.h2--serif {
	font-family: Georgia, serif;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	color: #443f38;
	margin: 12px auto;
	padding: 0 30px 0 12px
}

.h2--serif a {
	color: inherit
}

.h2--serif a:hover {
	text-decoration: none
}

.h2--serif a:hover .counter, .h2--serif a:hover .more {
	color: #71625d
}

.h2--serif .counter {
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	transition: all .3s ease-out
}

.h2--serif .more {
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	transition: all .3s ease-out
}

.artists--featured-items .h2--serif, .home--featured-items .h2--serif {
	padding-right: 12px
}

@media only screen and (min-width:740px) {

	.h1--serif, 	.h2--serif {
		padding: 0
	}

	.h1--serif {
		margin-top: 36px
	}
}

.h1--collections {
	padding-right: 12px
}

.h2--artists p, .h2--collections p, .h2--gifts p {
	font-size: 20px;
	line-height: 23px;
	font-weight: 300;
	color: #3e3d40
}

.h2--collections .quote-author {
	font-size: 15px;
	line-height: 19px;
	font-weight: 300;
	color: #3e3d40
}

.h3--collections {
	font-size: 15px;
	line-height: 19px;
	font-weight: 600;
	font-style: italic
}

.generic--tf__header {
	text-align: center
}

.generic--tf__header .header__title {
	color: #907972
}

.generic--tf__header .header__subtitle p {
	font-size: 17px;
	line-height: 21px;
	font-weight: 300;
	color: #62686b
}

.generic--tf__header.contact--tf__header {
	max-width: 750px;
}

.generic--tf__header.contact--tf__header .header__subtitle p {
	padding-bottom: .5rem;
	font-weight: 400;
	line-height: 24px;

}

.generic--tf__header .header__subtitle p b, .generic--tf__header .header__subtitle p strong {
	font-weight: bold;
}

.anniversary--tf__header {
	text-align: center
}

.anniversary--tf__header .header__title {
	color: #907972
}

.anniversary--tf__header .header__subtitle p {
	font-size: 17px;
	line-height: 21px;
	font-weight: 300;
	color: #62686b
}

.anniversary--tf__header.contact--tf__header {
	max-width: 750px;
}

.anniversary--tf__header.contact--tf__header .header__subtitle p {
	padding-bottom: .5rem;
	font-weight: 400;
	line-height: 24px;

}

.anniversary--tf__header .header__subtitle p b, .anniversary--tf__header .header__subtitle p strong {
	font-weight: bold;
}


#header a, #header li {
	color: inherit
}

#nav-main {
	color: #454a4c;
	font-size: 17px;
	font-weight: 300
}

#nav-main ul li ul li {
	font-size: 15px;
	line-height: 1.5
}

#nav-lang, #nav-secondary, .header__search, .nav-main--toggle-text {
	color: #454a4c;
	font-size: 15px
}

.hs__search-label {
	font-size: 14px
}

.row-1--footer {
	font-size: 12px;
	line-height: 16px;
	color: #58585a
}

.row-1--footer a {
	color: inherit
}

.row-1--footer {
	font-size: 12px;
	line-height: 16px;
	color: #58585a
}

.row-1--footer a, .row-1--footer li {
	color: #58585a
}

.item a {
	color: inherit
}

.item__meta {
	font-size: 10px;
	line-height: 14px;
	text-transform: uppercase
}

.item__title {
	font-weight: 700;
	font-size: 12px
}

.item__collection {
	font-weight: 600
}

.wrap, body, html {
	height: 100%
}

#footer, #header, #main {
	width: 100%;
	position: relative;
	z-index: 1
}

#footer:after, #footer:before, #header:after, #header:before, #main:after, #main:before {
	content: "";
	display: table
}

#footer:after, #header:after, #main:after {
	clear: both
}

#header {
	z-index: 2
}

#header .inner {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	min-height: 60px
}

#footer .inner {
	max-width: 1600px;
	display: flex;
	width: 100%;
	justify-content: center;
	margin: 0 auto;
	align-items: center;
	flex-direction: column;
}

#footer .inner.social {
	display: grid;
	place-content: center
}

#header .inner:after {
	content: " ";
	display: block;
	clear: both
}

#main {
	min-height: 600px
}

.footer-bottom {
	display: flex;
	padding: 15px;
	flex-direction: column;
	align-items: center
}

.cards {
	display: flex;
	justify-content: center;
	max-width: 550px;
	width: 100%;
	margin: 30px auto 0px;
}

.cards img {
	max-width: 515px;
	width: 100%;
	max-height: 55px;
	height: 100%;
}

@media only screen and (max-width:740px) {
	.cards {
		flex-wrap: wrap
	}

	.cards div {
		width: 80px;
		height: 90px
	}
}

.cards .cc-visa {
	background-image: url(/assets/cc/visa_hover.svg)
}

.cards .cc-mastercard {
	background-image: url(/assets/cc/mastercard_hover.svg)
}

.cards .cc-maestro {
	background-image: url(/assets/cc/maestro_hover.svg)
}

.cards .cc-americanexpress {
	background-image: url(/assets/cc/americanexpress_hover.svg)
}

.cards .cc-diners {
	background-image: url(/assets/cc/diners_hover.svg)
}

.cards .cc-bancontact {
	background-image: url(/assets/cc/bancontact_hover.svg)
}

.footer-bottom ul {
	display: flex
}

.footer-bottom ul li:not(:last-child)::after {
	content: "|";
	margin: 0 4px 0 1px;
	display: inline-block
}

.footer-bottom ul li a {
	color: #58585a;
	text-transform: uppercase
}

.search-active {
	overflow: hidden
}

.no-touchevents .search-active .wrap {
	margin-right: 15px
}

#header {
	background: #f6f6f6;
	border-bottom: 1px dotted #ccc;
	border-image-source: url(/assets/ui/graphic-border-dotted.svg);
	border-image-repeat: repeat;
	border-image-width: 0 0 1;
	border-image-slice: 1;
	position: fixed;
	margin-top: 6.25rem;
	transform: translateY(-6.25rem);
	transition: all .4s cubic-bezier(.645, .045, .355, 1);
	top: 0
}

#header .inner {
	position: relative
}

#header .cl-b {
	position: relative
}

#header .cl-c {
	position: relative;
	float: right;
	border-left: 1px solid #b1b3b4;
	padding-left: 10px
}

#header .cl-d {
	display: none
}

#header .cl-e {
	float: right
}

.header__top-decoration {
	height: 7px;
	width: 100%;
	background: #af9f98;
	position: relative;
	z-index: 140
}

.header__brand {
	background-image: url(/assets/brand/drops-logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	width: 180px;
	height: 78px;
	display: block;
	margin: 0 auto;
	position: relative;
	top: 8px;
	z-index: 3;
	transition: height .3s ease-in, width .3s ease-in, top .3s ease-in
}

.header__brand:hover {
	background-position: -189px 0
}

#nav-main {
	float: left
}

#nav-main .nav-main--toggle {
	display: inline-block;
	cursor: pointer
}

#nav-main .nav-main--toggle-icon {
	display: inline-block;
	padding: 4px 12px 0
}

#nav-main .nav-main--toggle-icon span {
	height: 3px;
	width: 26px;
	background: #ae9e97;
	display: block;
	margin: 5px 0
}

#nav-main .nav-main--toggle-text {
	display: inline-block;
	position: relative;
	top: -10px;
	padding-right: 12px;
	font-weight: 700
}

#nav-main .nav-main--list>ul {
	-webkit-transform: scale(.9, .9);
	transform: scale(.9, .9);
	visibility: hidden;
	position: absolute;
	top: 40px;
	opacity: 0;
	z-index: 100;
	transition: all .3s cubic-bezier(.645, .045, .355, 1);
	border-top: 3px solid #917a73;
	border-bottom: 3px solid #917a73;
	background: rgba(255, 255, 255, .8);
	padding: 12px 0;
	width: 100%
}

#nav-main .nav-main--list>ul>li {
	position: relative
}

#nav-main .nav-main--list>ul>li>a {
	display: block;
	padding: 6px 18px
}

#nav-main .nav-main--list>ul>li>ul {
	display: none
}

#nav-main.is-visible .nav-main--toggle-icon span {
	background: #8c766d
}

#nav-main.is-visible .nav-main--toggle-text {
	color: #8c766d
}

#nav-main.is-visible ul {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	visibility: visible;
	opacity: 1
}

.header__search {
	line-height: 36px;
	position: relative;
	cursor: pointer;
	margin-right: 5px
}

@media only screen and (max-width:475px) {
	.header__search ul {
		display: flex
	}
}

.header__search li {
	float: left
}

.hs__search-icon {
	width: 45px;
	height: 36px;
	border-right: 1px solid #b1b3b4;
	padding: 0 12px
}

.hs__search-icon svg {
	width: 100%;
	height: 100%
}

.hs__user-icon {
	width: 48px;
	height: 36px;
	padding: 0;
	margin-left: 5px
}

.hs__user-icon svg {
	width: 100%;
	height: 100%
}

.hs__cart-icon {
	width: 48px;
	height: 36px;
	padding: 0;
	position: relative
}

.icon-dark {
	fill: #b8aba8;
	transition: fill .3s ease
}

svg:hover .icon-dark {
	fill: #fff;
	transition: fill .3s ease
}

.icon-white {
	fill: #fff
}

svg:hover .icon-white {
	fill: #b8aba8
}

.hs__cart-icon svg {
	width: 100%;
	height: 100%
}

.hs__search-label {
	padding-left: 12px;
	display: none
}

.hs__search-field {
	padding: 0 12px 0 4px;
	display: none
}

.hs__search-field .dotted-line {
	border-bottom: 1px dotted #ccc;
	border-image-source: url(/assets/ui/graphic-border-dotted.svg);
	border-image-repeat: repeat;
	border-image-width: 0 0 1;
	border-image-slice: 1;
	display: inline-block;
	width: 100%;
	position: relative;
	top: -1px
}

#nav-secondary li {
	display: inline-block;
	margin-right: 4px
}

#nav-secondary li::after {
	content: "";
	background: url(/assets/ui/icon-bullet-2.svg) no-repeat;
	width: 8px;
	height: 8px;
	display: inline-block;
	margin-left: 3px;
	position: relative;
	top: 1px
}

#nav-lang {
	float: right;
	line-height: 36px;
	margin-right: 12px
}

#nav-lang li {
	display: inline-block
}

#nav-lang li:first-child::after {
	content: " /"
}

#nav-lang li.active {
	font-weight: 700
}

@media only screen and (max-width:475px) {
	#header .cl-a {
		transform: scale(.8);
		width: 160px;
		margin-right: 10px
	}
}

@media only screen and (min-width:320px) {
	#header .inner {
		display: flex;
		align-items: center;
		padding: 0 16px;
		height: 112px;
		margin: 0 auto
	}

	#header .cl-a {
		height: 112px;
		width: 180px;
		margin-right: 24px;
		padding-left: 0;
		border: none
	}

	#header .cl-b {
		flex-grow: 1
	}

	#header .cl-c {
		order: 5;
		float: none
	}

	#header .cl-d {
		order: 4
	}

	#header .cl-e {
		order: 3;
		float: none
	}

	.header__top-decoration {
		height: 14px
	}

	.header__brand {
		top: 22px
	}

	.hs__search-field {
		border-right: 1px solid #b1b3b4;
		width: 84px
	}

	#nav-main {
		float: none
	}

	#nav-main .nav-main--toggle {
		left: 24px
	}

	#nav-main .nav-main--list>ul {
		top: 48px;
		width: auto
	}

	#nav-lang {
		margin-right: 0
	}
}

@media only screen and (min-width:1040px) {
	#header .cl-a {
		margin-right: 48px;
		height: 112px;
		width: 180px;
		margin-right: 24px;
		padding-left: 0;
		border: none
	}

	#nav-main .nav-main--toggle {
		display: none
	}

	#header .inner {
		display: flex;
		align-items: center;
		padding: 0 36px;
		height: 112px;
		margin: 0 auto
	}

	#nav-main .nav-main--list>ul {
		-webkit-transform: none;
		transform: none;
		padding: 0;
		background: 0 0 !important;
		border: none;
		width: auto;
		transition: none !important;
		visibility: visible;
		opacity: 1;
		position: relative;
		top: auto
	}

	#nav-main .nav-main--list>ul>li {
		display: inline-block
	}

	#nav-main .nav-main--list>ul>li::before {
		content: "";
		background: url(/assets/ui/icon-bullet-2.svg) no-repeat;
		width: 6px;
		height: 7px;
		display: inline-block;
		margin: 0 6px 0 6px
	}

	#nav-main .nav-main--list>ul>li:hover::before {
		background: url(/assets/ui/icon-bullet-1.svg) no-repeat
	}

	#nav-main .nav-main--list>ul>li:hover>a {
		color: #846963
	}

	#nav-main .nav-main--list>ul>li:first-child::before {
		background: 0 0
	}

	#nav-main .nav-main--list>ul>li>a {
		display: inline;
		padding: 0;
		text-decoration: none
	}

	#nav-main .nav-main--list>ul>li>ul {
		display: block;
		position: absolute;
		left: 6px;
		padding-top: 12px;
		-webkit-transform: scale(.9);
		transform: scale(.9);
		opacity: 0;
		visibility: hidden;
		transition: all .3s ease-out
	}

	#nav-main .nav-main--list>ul>li:hover>ul {
		opacity: 1;
		visibility: visible;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	#nav-main .nav-main--list>ul>li>ul>li {
		padding: 0;
		background: rgba(255, 255, 255, .9);
		white-space: nowrap
	}
	#nav-main .nav-main--list>ul>li>ul.about-mnu {
	    width: 200px;
	}
	#nav-main .nav-main--list>ul>li>ul.about-mnu>li {
		white-space: unset;
		padding-bottom: 5px;
	}
	#nav-main .nav-main--list>ul>li>ul.about-mnu>li>a {
		line-height: 1.1;
	}
	#nav-main .nav-main--list>ul>li>ul>li:first-child {
		border-top: 3px solid #917a73;
		padding-top: 13px
	}

	#nav-main .nav-main--list>ul>li>ul>li:last-child {
		border-bottom: 3px solid #917a73;
		padding-bottom: 12px
	}

	#nav-main .nav-main--list>ul>li>ul>li>a {
		padding: 0 18px;
		font-size: 15px;
		line-height: 1.4;
		display: block;
		color: #846963
	}

	.hs__search-field, 	.hs__search-label {
		display: none
	}
}

@media only screen and (min-width:1280px) {
	#header .cl-d {
		display: block
	}

	.hs__search-field, 	.hs__search-label {
		display: block
	}
}

#footer {
	border-top: 1px dotted #ccc;
	border-image-source: url(/assets/ui/graphic-border-dotted.svg);
	border-image-repeat: repeat;
	border-image-width: 1 0 0;
	border-image-slice: 1;
	padding-top: 4px
}

.row-1--footer {
	background: #f5f5f5;
	padding: 0 12px
}

.row-1--footer {
	background: #f5f5f5;
	line-height: 18px;
	padding: 12px 48px;
	text-align: center;
	overflow: hidden
}

.footer--2 .inner {
	min-height: 100px;
	padding-bottom: 25px
}

.footer__brand {
	height: 64px;
	width: 140px;
	position: relative
}

.footer__brand svg {
	height: 100%;
	width: 100%
}

.footer__brand use {
	fill: #58585a
}

.footer__brand use path {
	fill: inherit
}

.footer__contact-info {
	position: relative;
	white-space: nowrap;




}

.footer__contact-info address {
	float: left;
	margin-right: 4px;
	font-size: 13px
}

#nav-footer li {
	text-transform: uppercase;
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
}

#nav-footer li:not(:last-child)::after {
	content: "|";
	margin: 0 4px 0 1px;
	display: inline-block
}

.footer-social {
	display: flex;
	justify-content: center;
	margin-top: .5rem;
	width: 100%
}

.footer-social svg {
	width: 52px;
	height: 52px;
	margin: 0 .375rem;
	color: #c1b5b4;
	display: block;

}

.social a use {
	fill: #c1b5b4;
	transition: all .5s ease-in;
}

.social a:hover use {
	fill: #8c9091;
}

.social h3 {
	font-size: 32px;
	font-weight: 300;
	color: #443F38;
	padding: 50px 0 35px
}

.inner.social {
	flex-direction: column
}

.footer-social a:hover svg {
	color: #ddd
}

#nav-footer {
	display: flex;
	margin-top: 20px;
}

#nav-footer li:not(:last-child)::after {
	content: "|";
	margin: 0 2px 0 2px;
	display: inline-block
}

@media only screen and (min-width:740px) {
	.row-1--footer {
		padding: 0 48px
	}

	.row-1--footer {
		display: flex;
		justify-content: flex-end
	}

	.row-1--footer .inner {
		display: flex;
		align-items: center;
		justify-content: flex-end
	}

	.row-1--footer .copy::after {
		content: "|";
		margin: 0 4px 0 1px;
		display: inline-block
	}

	.footer-social {
		margin-top: 0
	}
}

.module {
	position: relative
}

.module--topfold {
	width: 100%;
	overflow: hidden;
	margin-top: 3px
}

.mtf__bg {
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.mtf__bg-drop {
	background-image: url(/assets/ui/graphic-drop-bg.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 90%;
	height: 200%;
	position: absolute;
	top: -15%;
	left: 50%;
	z-index: 2;
	margin-left: -45%;
	display: none
}

.generic--topfold {
	height: auto !important;
	margin-bottom: 3px
}

.generic--tf__header {
	position: relative;
	z-index: 2;
	max-width: 640px;
	margin: 0 auto;
	margin-bottom: 24px;
	padding: 0 12px
}

.generic--tf__bg-drop {
	background-size: cover;
	left: 40%;
	top: -40%;
	width: 100%
}

@media only screen and (min-width:740px) {
	.module--topfold {
		height: 480px
	}
}

@media only screen and (min-width:1040px) {
	.mtf__bg-drop {
		display: block
	}
}

.module--cross-content {
	width: 100%;
	background: #eae9e8;
	justify-content: center;
	padding: 24px 24px 12px;
	flex-wrap: wrap;
	display: flex
}

.module--cross-content .box {
	width: 275px;
	height: 220px;
	background: #F9F7F7;
	margin: 0 6px 12px;
	position: relative
}

.module--cross-content .box:hover .box__image .inner {
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.module--cross-content .box .box__title {
	transition: color .5s ease-in
}

.module--cross-content .box:hover .box__title {
	color: #91756e
}

.module--cross-content .box__link {
	height: 100%
}

.module--cross-content .box__meta {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 130px;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.module--cross-content .box__title {
	color: #62686b;
	font-size: 27px;
	line-height: 31px;
	font-family: Georgia, serif;
	text-align: center;
	padding: 12px
}

.module--cross-content .box__image {
	height: 90px;
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0
}

.module--cross-content .box__image .inner {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
	transition: -webkit-transform 6s ease-out;
	transition: transform 6s ease-out;
	transition: transform 6s ease-out, -webkit-transform 6s ease-out
}

.module--cross-content .box--gifts .box__meta {
	top: 0;
	bottom: auto;
	height: 80px
}

.module--cross-content .box--gifts .box__image {
	bottom: 0;
	top: auto;
	height: 100%
}

.module--cross-content .box--contact {
	display: none
}

.pg-about .module--cross-content .box--concept {
	display: none
}

.pg-about .module--cross-content .box--contact {
	display: block;
	order: 1
}

.pg-about .module--cross-content .box--gifts {
	order: 2
}

.pg-about .module--cross-content .box--shop {
	order: 3
}

.pg-shop .module--cross-content .box--shop {
	display: none
}

.pg-shop .module--cross-content .box--contact {
	display: block
}

.pg-gifts .module--cross-content .box--gifts, .pg-gifts-category .module--cross-content .box--gifts {
	display: none
}

.pg-gifts .module--cross-content .box--contact, .pg-gifts-category .module--cross-content .box--contact {
	display: block
}

.nav--inline-bullets {
	text-align: center;
	padding: 0 12px
}

.nav--inline-bullets ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}

.nav--inline-bullets li {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	display: flex;
	align-items: center
}

.nav--inline-bullets li.is-active {
	font-weight: 600
}

.nav--inline-bullets li::after {
	content: "";
	background: url(/assets/ui/icon-bullet-1.svg) no-repeat;
	width: 6px;
	height: 6px;
	display: inline-block;
	margin-left: 12px;
	margin-right: 12px;
	position: relative;
	top: 0
}

.nav--inline-bullets li:last-child::after {
	display: none
}

.nav--inline-bullets a {
	color: #3e3d40
}

.nav--inline-bullets.caps li {
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	display: flex;
	align-items: center
}

.paging {
	clear: both;
	padding: 6px 0;
	text-align: center
}

.paging a {
	display: inline-block;
	margin-left: 12px
}

.button--scroll-top {
	position: fixed;
	right: 12px;
	bottom: 12px;
	z-index: 2000;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	transition: all 1.2s ease-out;
	border-radius: 50%;
	background: rgba(255, 255, 255, .8)
}

.button--scroll-top .inner {
	background: url(/assets/ui/icon-arrow-top.svg) no-repeat;
	background-size: contain;
	width: 19px;
	height: 16px;
	margin: 12px
}

.button--scroll-top.is-visible {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.items {
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 1280px
}

.item {
	position: relative;
	width: 140px;
	height: 140px;
	margin: 0 6px 12px;
	border: 1px dotted #ccc;
	border-image-source: url(/assets/ui/graphic-border-dotted.svg);
	border-image-repeat: repeat;
	border-image-width: 1;
	border-image-slice: 1;
	background: #fff;
	opacity: 0;
	-webkit-animation: fade-in .4s .4s forwards;
	animation: fade-in .4s .4s forwards
}

.item__img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	background-color: #fff
}

.item__img img {
	max-width: 100%;
	max-height: 100%
}

.item__meta {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 12px;
	background: rgba(245, 245, 245, .8);
	text-align: center;
	transition: all .6s ease-out;
	opacity: 0;
	overflow: hidden
}

.item__link {
	text-decoration: none;
}

.promo-link {
	text-indent: -100000px;
}

.item__collection {
	margin-bottom: 4px
}

.item__title {
	margin-bottom: 4px
}

.item__subtitle {
	margin-bottom: 4px;
	display: none;
	font-size: 12px;
	font-weight: 300
}

.item__price {
	font-size: 12px;
	font-weight: 300
}

.no-touchevents .item:hover .item__meta, .touchevents .item.is-touched .item__meta {
	opacity: 1
}

.item--artist-collection .item__meta {
	height: 100%
}

.item--artist-collection .item__meta a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-decoration: none;
	height: 100%
}

.item--artist-collection .item__title {
	font-size: 32px;
	line-height: 36px;
	font-weight: 100;
	color: #565a5d
}

.items--featured {
	max-width: 960px
}

.item--featured .item__artist {
	font-weight: 600;
	margin-bottom: 4px
}

.item--featured .item__collection {
	font-weight: 400
}

.item--collection {
	font-family: Georgia, serif;
	font-weight: 600;
	overflow: hidden
}

.item--collection .item__content {
	position: absolute;
	z-index: 2;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0
}

.item--collection .item__img {
	width: 100%;
	height: 55%;
	position: absolute;
	bottom: 0;
	z-index: 5;
	background: #fff
}

.item--collection .item__meta {
	height: 45%;
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 10;
	opacity: 1;
	background: 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.item--collection .item__link {
	height: 100%;
	width: 100%;
	display: block
}

.item--collection .item__title {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 18px;
	color: #907972;
	transition: color 1.5s ease-out;
	font-weight: 500
}

.item--collection .item__viewmore {
	font-size: 11px;
	line-height: 12px;
	color: #44494b;
	transition: color 1.5s ease-out;
	display: none
}

.item--collection:hover .item__bg-img {
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.item--collection:hover .item__meta--bg-img {
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2)
}

.item--collection .item__link:hover .item__title {
	color: #7a6561
}

.item--collection .item__link:hover .item__viewmore {
	color: orange
}

.item--collection.item--bg .item__meta {
	background: rgba(255, 255, 255, .8)
}

.item--collection.item--bg .item__meta--bg-img {
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: -webkit-transform 6s ease-out;
	transition: transform 6s ease-out;
	transition: transform 6s ease-out, -webkit-transform 6s ease-out
}

.item--collection.item--fullimg .item__img {
	height: 100%
}

.item--collection.item--wide.item--bg .item__bg-img {
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	transition: -webkit-transform 6s ease-out;
	transition: transform 6s ease-out;
	transition: transform 6s ease-out, -webkit-transform 6s ease-out
}

.item--collection.item--wide.item--fullimg .item__img {
	height: 100%
}

.item--collection.item--wide.item--split .item__content {
	background: #fff
}

.item--promo {
	background: #bcb1ad;
	text-align: center;
	border: none;
	color: #fff
}

.item--promo .item__link {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
	width: 0;
	height: 0
}

.item--promo .item__title {
	font-size: 18px;
	line-height: 22px;
	font-weight: 100;
	margin: 18px 0 6px;
	padding: 0 12px
}

.item--promo .item__description {
	font-size: 11px;
	line-height: 15px;
	font-family: Georgia, serif;
	margin: 0 auto 12px;
	padding: 0 12px;
	display: none
}

.item--promo .item__img {
	background-color: transparent
}

.item--promo .item__brand {
	position: absolute;
	bottom: 12px;
	width: 100%;
	height: 67px;
	background: url(/assets/brand/logo-plain-text.svg) no-repeat;
	background-size: 50% auto;
	background-position: 50% 100%
}

.item--promo:hover .item__img .inner {
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.item--promo.is-active .item__link {
	width: 100%;
	height: 100%
}

.item--promo.item--wide {
	width: 292px
}

.item--promo.item--wide .item__content {
	width: 50%;
	float: left
}

.item--promo.item--wide .item__img {
	display: block;
	width: 50%;
	float: left;
	overflow: hidden;
	background-size: cover
}

.item--promo.item--wide .item__img .inner {
	background-repeat: no-repeat;
	background-size: cover;
	transition: -webkit-transform 6s ease-out;
	transition: transform 6s ease-out;
	transition: transform 6s ease-out, -webkit-transform 6s ease-out;
	width: 100%;
	height: 100%
}

.item--promo.item--wide .item__brand {
	width: 50%
}

@media only screen and (min-width:740px) {
	.item {
		width: 280px;
		height: 280px;
		margin: 0 12px 24px
	}

	.item__subtitle {
		display: block
	}

	.item--collection .item__title {
		margin-bottom: 24px;
		font-size: 20px;
		line-height: 24px;
		white-space: normal
	}

	.item--collection .item__viewmore {
		font-size: 11px;
		line-height: 14px;
		display: block
	}

	.item--collection.item--wide {
		width: 584px
	}

	.item--collection.item--wide .item__content {
		width: 50%
	}

	.item--collection.item--wide.item--fullimg .item__content {
		right: 25%
	}

	.item--collection.item--wide.item--split .item__content {
		right: 25%
	}

	.item--promo .item__title {
		font-size: 36px;
		line-height: 40px;
		margin: 24px 0 12px;
		padding: 0 12px;
		white-space: normal
	}

	.item--promo .item__description {
		font-size: 14px;
		line-height: 20px;
		max-width: 60%;
		margin: 0 auto 24px;
		padding: 0 12px;
		display: block
	}

	.item--promo .item__brand {
		bottom: 18px
	}

	.item--promo.item--wide {
		width: 584px
	}

	.items--fluid.items--jewellery .item--wide {
		width: 584px
	}

	.items--fluid.items--jewellery .item--wide .item__img img {
		max-height: 200%;
		height: 200%;
		width: 100%;
		margin-top: -25%
	}

	.items--fluid.items--jewellery .item--tall {
		height: 584px
	}

	.items--fluid.items--jewellery .item--tall .item__img img {
		max-width: 200%;
		width: 200%;
		margin-left: -50%
	}

	.items--fluid.items--jewellery .item--wide.item--tall .item__img img {
		max-width: 100%;
		max-height: 100%;
		width: 100%;
		height: 100%;
		margin: 0
	}
}

.search-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, .95);
	overflow-y: scroll;
	overflow-x: hidden;
	border-bottom: 7px solid #ae9e97;
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-overflow-scrolling: touch
}

.search-active .search-overlay {
	z-index: 1000;
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transition: opacity .6s ease-out
}

.search-active .search-overlay .search-page--product-filters {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transition: all .8s ease-out
}

.search-page {
	width: 100%;
	height: 100%
}

.search-page .inner {
	padding: 0;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	position: relative
}

.search-page .inner:after {
	content: " ";
	display: block;
	clear: both
}

#st-results-container {
	min-height: 200px;
	display: flex;
	flex-wrap: wrap;
}

.search-page__top-decoration {
	height: 7px;
	width: 100%;
	background: #ae9e97
}

.search-page__brand {
	background-image: url(/assets/brand/drops-logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	width: 180px;
	height: 78px;
	display: block;
	position: relative;
	top: 8px;
	cursor: pointer;
	margin: 0 auto 36px
}

.search-page__exit {
	width: 21px;
	height: 24px;
	position: absolute;
	z-index: 20;
	right: 12px;
	top: 12px;
	background: url(/assets/ui/icon-button-close.svg) no-repeat;
	background-position: center;
	cursor: pointer;
	padding: 18px
}

.search-page__form {
	text-align: center
}

.search-page__searchfield {
	width: 100%;
	border: 0;
	text-align: center;
	background: 0 0;
	font-size: 22px;
	line-height: 22px;
	font-family: Georgia, serif;
	color: #444;
	margin-bottom: 6px
}

.search-page__searchfield::-webkit-input-placeholder {
	color: #444
}

.search-page__searchfield:-ms-input-placeholder {
	color: #444
}

.search-page__searchfield::-ms-input-placeholder {
	color: #444
}

.search-page__searchfield::placeholder {
	color: #444
}

.search-page--product-filters {
	position: relative;
	z-index: 2;
	border-bottom: 1px solid #bbb0ac;
	text-align: center;
	margin: 0 0 24px;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1)
}

.search-page--filters {
	line-height: 20px;
	padding: 4px 0 1px;
	border-top: 1px dotted #ccc;
	border-image-source: url(/assets/ui/graphic-border-dotted.svg);
	border-image-repeat: repeat;
	border-image-width: 1 0 0;
	border-image-slice: 1;
	display: none
}

.search-page--filters .filterby {
	display: inline-block;
	vertical-align: top;
	margin-right: 12px;
	font-style: italic;
	font-weight: 600;
	font-family: Georgia, serif;
	font-size: 13px;
	padding-bottom: 3px
}

.search-page--filters-display {
	border-top: 1px dotted #ccc;
	border-image-source: url(/assets/ui/graphic-border-dotted.svg);
	border-image-repeat: repeat;
	border-image-width: 1 0 0;
	border-image-slice: 1;
	padding: 4px 12px;
	transition: all .3s ease-out;
	display: none
}

.search-page--filters-display .label {
	font-style: italic;
	font-weight: 600;
	font-family: Georgia, serif;
	font-size: 13px;
	display: inline-block;
	margin-right: 12px
}

.search-page--filters-display .active-filters {
	display: inline-block;
	font-weight: 300;
	line-height: 20px
}

.search-page--filters-display .active-filter {
	cursor: pointer;
	font-size: 13px
}

.search-page--filters-display .active-filter::after {
	content: "-";
	transition: all .3s ease-out;
	color: #57565a;
	font-weight: 400;
	padding: 0 6px
}

.search-page--filters-display .active-filter:last-child::after {
	content: ""
}

.search-page--filters-display .active-filter:hover {
	color: #000
}

.search-page--filters-display .active-filter:hover::after, .search-page--filters-display .active-filter:hover:last-child::after {
	content: "x";
	padding-right: 12px
}

.search-page--filters-display .search__clear-filters {
	cursor: pointer;
	line-height: 20px;
	white-space: nowrap
}

.search-page--filters-display .search__clear-filters:hover {
	color: #000
}

.search-page--filters-display.is-visible, .search-page--filters.is-visible {
	display: block
}

.search-page--results-toolbar {
	text-align: center;
	border-top: 1px dotted #ccc;
	border-image-source: url(/assets/ui/graphic-border-dotted.svg);
	border-image-repeat: repeat;
	border-image-width: 1 0 0;
	border-image-slice: 1;
	padding: 6px 0;
	display: none
}

.search-page--results-toolbar.is-visible {
	display: block
}

.search__total-results {
	font-weight: 300;
	font-size: 13px
}

.search__reset-search {
	cursor: pointer;
	margin-left: 12px
}

.search__reset-search:hover {
	color: #000
}

.search-page--suggestions {
	text-align: center;
	padding-top: 60px
}

.search-page--suggestions.is-hidden {
	display: none
}

.search-suggestions__title {
	font-weight: 300;
	font-size: 13px;
	margin-bottom: 12px
}

.search-suggestions__title .no-results.is-hidden, .search-suggestions__title .no-search.is-hidden {
	display: none
}

.search-suggestions__list {
	font-size: 18px;
	line-height: 22px;
	font-family: Georgia, serif
}

.search-suggestions__list li {
	margin-bottom: 12px
}

.search-suggestions__list li span {
	cursor: pointer
}

.search__no-results {
	display: none;
	font-weight: 300;
	font-size: 13px;
	text-align: center
}

.search__no-results.is-visible {
	display: block
}

.search--dynamic-facets {
	display: inline-block
}

.search-facet {
	display: inline-block;
	margin-right: 12px;
	vertical-align: top;
	position: relative
}

.search-facet:last-child {
	margin-right: 0
}

.no-touchevents .search-facet:hover .arrow, .touchevents .search-facet.is-active .arrow {
	border-top-color: #bbb0ac
}

.no-touchevents .search-facet:hover .facet__options, .touchevents .search-facet.is-active .facet__options {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.facet__label {
	cursor: pointer;
	font-weight: 300;
	font-size: 13px;
	padding-bottom: 3px
}

.facet__label .arrow {
	width: 0;
	height: 0;
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #ccc;
	margin-left: 6px
}

.facet__options {
	text-align: left;
	position: absolute;
	top: 23px;
	z-index: 2;
	background: #fff;
	border-top: 3px solid #777;
	border-bottom: 3px solid #777;
	margin-left: -12px;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(.9, .9);
	transform: scale(.9, .9);
	transition: all .3s ease-out;
	padding: 12px;
	font-family: Georgia, serif;
	line-height: 16px
}

.facet__options li {
	margin-bottom: 4px
}

.facet__options input {
	display: none
}

.facet__options input+label {
	cursor: pointer
}

.facet__options label:hover {
	text-decoration: underline
}

.facet__options input:checked+label {
	font-weight: 700
}

.facet__count {
	font-weight: 400
}

.st-loading-message {
	background: url(/assets/ui/spinner.gif) no-repeat;
	width: 64px;
	height: 64px;
	margin: 60px auto
}

.search-facet--materials .facet__options {
	min-width: 130px
}

@media only screen and (min-width:740px) {
	.search-page .inner {
		padding: 0 36px
	}

	.search-page__top-decoration {
		height: 14px
	}

	.search-page__brand {
		margin: 0;
		top: 22px
	}

	.search-page__searchfield {
		font-size: 28px;
		line-height: 28px
	}

	.search-page__exit {
		right: 24px;
		top: 24px
	}
}

.h1--home {
	text-indent: -10000;
	color: transparent;
	visibility: hidden;
	height: 0;
	width: 0
}

.row-1--home {
	border-bottom: 1px dotted #ccc;
	border-image-source: url(/assets/ui/graphic-border-dotted.svg);
	border-image-repeat: repeat;
	border-image-width: 0 0 1;
	border-image-slice: 1;
	margin-bottom: 3px;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto
}

.row-1--home:after {
	content: " ";
	display: block;
	clear: both
}

.home--featured {
	width: 100%;
	height: 320px;
	overflow: hidden;
	margin: 3px 0
}

.hf--slide {
	position: relative;
	height: 100%;
	width: 100%;
	font-family: Georgia, serif;
}

.hfs--slide-arrow {
	position: absolute;
	z-index: 5;
	top: 12px;
	cursor: pointer;
	transition: opacity .9s .3s ease-out;
	padding: 6px
}

.hfs--slide-arrow.is-hidden, .hfs--slide-arrow.slick-disabled {
	visibility: hidden;
	opacity: 0;
	transition: opacity .6s 0s ease-out
}

.hfs--slide-next {
	right: 12px
}

.hfs--slide-prev {
	left: 12px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	top: 8px
}

.slide-is-open .hfs--slide-prev {
	opacity: 0;
	visibility: hidden
}

.hfs--face-front {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	overflow: hidden;
	transition: all 1s ease-out
}

.hfs--face-front.is-hidden {
	-webkit-transform: scale(2);
	transform: scale(2);
	opacity: 0;
	visibility: hidden;
	background-color: #000
}

.hfs--ff__image-background {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	-webkit-animation: scale-infinite 60s infinite;
	animation: scale-infinite 60s infinite;

}

.hfs--ff__meta {
	position: absolute;
	bottom: 6%;
	left: 0;
	right: 0;
	text-align: center
}

.hfs--ff__meta .inner {
	display: inline-block;
	cursor: pointer
}

.hfs--ff__meta .inner:hover .hfs--ff__image-teaser {
	-webkit-transform: scale(1.1) rotate(-4deg);
	transform: scale(1.1) rotate(-4deg)
}

.hfs--ff__meta .inner:hover .hfs--ff__title {
	text-shadow: 2px 1px 7px rgba(0, 0, 0, .8);

}

.hfs--ff__image-teaser {
	width: 130px;
	height: 138px;
	display: inline-block;
	position: relative;
	top: 0;
	margin-right: -6px;
	transition: -webkit-transform 2s ease-out;
	transition: transform 2s ease-out;
	transition: transform 2s ease-out, -webkit-transform 2s ease-out
}

.hfs--ff__image-teaser img {
	width: 100%;
	height: 100%
}

.hfs--ff__title {
	font-size: 40px;
	line-height: 44px;
	display: inline-block;
	width: 100%;
	color: #fff;
	text-shadow: 2px 1px 10px rgba(0, 0, 0, .4);
	transition: text-shadow .6s ease-out;
}

.hfs--face-back {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transition: all .6s ease-out;
	overflow: hidden;
	background-color: #fff;
}

.hfs--face-back.is-hidden {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0;
	visibility: hidden
}

.hfs--fb__face-close {
	position: absolute;
	z-index: 5;
	left: 12px;
	top: 12px;
	cursor: pointer;
	background: url(/assets/ui/icon-button-close.svg) no-repeat;
	background-size: 16px 17px;
	background-position: center;
	width: 30px;
	height: 31px
}

.hfs--fb__image {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center
}

.hfs--fb__image img {
	max-width: 100%;
	max-height: 80%;
	margin-top: 20%
}

.hfs--fb__meta {
	position: absolute;
	z-index: 2;
	top: 48px;
	width: 100%;
	text-align: center;
	padding: 0 12px
}

.hfs--fb__link {
	max-width: 585px;
	height: 100%;
	display: block;
	margin: 0 auto;
	text-align: center;
	color: inherit
}

.hfs--fb__link:hover {
	text-decoration: none
}

.hfs--fb__link:hover .hfs--fb__title {
	border-color: #222
}

.layout--text-bottom .hfs--fb__meta {
	bottom: 12px;
	top: auto
}

.layout--text-bottom .hfs--fb__image img {
	margin-top: 10%
}

.hfs--fb__title {
	font-size: 32px;
	line-height: 36px;
	display: inline-block;
	border-bottom: 2px solid transparent
}

.hfs--fb__teaser {
	font-size: 14px;
	line-height: 18px;
	font-style: italic;
	color: #666;
	padding: 6px 12px 0
}

.row-2--home {
	font-family: Georgia, serif;
	margin: 4px 0;
	border-bottom: 1px dotted #ccc;
	border-image-source: url(/assets/ui/graphic-border-dotted.svg);
	border-image-repeat: repeat;
	border-image-width: 0 0 1;
	border-image-slice: 1;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto
}

.row-2--home:after {
	content: " ";
	display: block;
	clear: both
}

.row-2--home .inner {
	background: #f5f5f5;
	margin-bottom: 4px
}

.row-2--home .inner:after, .row-2--home .inner:before {
	content: "";
	display: table
}

.row-2--home .inner:after {
	clear: both
}

.row-2--home .box {
	height: 400px;
	overflow: hidden;
	position: relative;
	margin-top: 48px;
	float: left
}

.row-2--home .box .inner {
	position: relative;
	height: 100%;
	overflow: hidden
}

.home--concept-box, .home--anniversary-box {
	width: 100%
}

.home--concept-box .inner, .home--anniversary-box .inner {
	margin: 0 12px
}

.home--concept-box:hover .concept-box__image {
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.concept-box__image, .anniversary-box__image {
	width: 100%;
	height: 400px;
	background-repeat: no-repeat;
	background-size: cover;
	transition: -webkit-transform 6s ease-out;
	transition: transform 6s ease-out;
	transition: transform 6s ease-out, -webkit-transform 6s ease-out;
	background-position: bottom center;
}
.home--concept-box.anniversary_box .concept-box__image {
    height: 350px;
    background-position: center;

}
.home--concept-box.anniversary_box .concept-box__image.holidays_box {
    	height: 400px;
}
.concept-box__title {
	color: #91756e;
	font-size: 20px;
	line-height: 28px;
	padding: 24px 12px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #fff;
	transition: color 1.5s ease-out;
	width: 100%;
}
.concept-box__texts {
    padding: 17px 22px 26px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #fff;
	transition: color 1.5s ease-out;
	width: 100%;
	    text-decoration: none !important;

}
.anniversary_box .concept-box__title {
    position: relative;
    padding: 0 0 0.5rem;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    text-decoration: none;
    	

}
.anniversary_box .concept-box__subtitle {
    color: #91756e;
    font-size: 20px;
    font-style: italic;
    padding: 0 0 1.2rem;
    text-decoration: none;

}
.anniversary_box .concept-box__text {
    color: #91756e;
    font-size: 17px;
    line-height: 1.2;
    text-decoration: none;
    padding-left

}
.concept-box__title p {
	padding-bottom: .5rem;
}

.concept-box__title p b {
	font-weight: bold;
}

.concept-box__title:hover {
	color: #ae9962
}


.anniversary-box__title {
    color: #91756e;
	font-size: 20px;
	line-height: 28px;
	padding: 24px 12px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #fff;
	transition: color 1.5s ease-out;
	width: 100%;
}


.home--gifts-box {
	width: 100%;
	margin-bottom: 48px
}

.home--gifts-box .inner {
	margin: 0 12px;
	background-color: #fff
}

.home--gifts-box:hover .gifts-box__image {
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.gifts-box__link {
	text-decoration: none !important
}

.gifts-box__title {
	color: #91756e;
	font-size: 40px;
	line-height: 1;
	text-align: center;
	margin: 36px 12px 0;
	padding-bottom: 12px;
	position: relative;
	z-index: 2;
	transition: color 1.5s ease-out
}

.gifts-box__title:hover {
	color: #ae9962
}

.gifts-box__subtitle {
	color: #91756e;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	position: relative;
	z-index: 2
}

.gifts-box__image {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 100%;
	position: absolute;
	bottom: 0;
	transition: -webkit-transform 12s ease-out;
	transition: transform 12s ease-out;
	transition: transform 12s ease-out, -webkit-transform 12s ease-out
}

.home--featured-items {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto
}

.home--featured-items:after {
	content: " ";
	display: block;
	clear: both
}

.home--featured-items .inner {
	background: #f2f1ef;
	margin-bottom: 3px;
	padding: 48px 0
}

.home--featured-items .h2--serif {
	margin-top: 0
}

@media only screen and (min-width:460px) {
	.hfs--fb__image img {
		margin-top: 10%
	}

	.layout--text-bottom .hfs--fb__meta {
		bottom: 24px
	}

	.layout--text-bottom .hfs--fb__image img {
		margin-top: 5%
	}

	.home--concept-box {
		width: 50%;
		padding-left: 6%;
		margin-bottom: 12px
	}

	.home--gifts-box {
		width: 50%;
		padding-right: 6%
	}
}

@media only screen and (min-width:740px) {
	.home--featured {
		height: 480px
	}

	.hfs--slide-arrow {
		top: 48px
	}

	.hfs--slide-prev {
		left: 48px;
		top: 44px
	}

	.hfs--slide-next {
		right: 48px
	}

	.slide-is-open .hfs--slide-prev {
		visibility: visible;
		opacity: 1
	}

	.hfs--ff__title {
		font-size: 54px;
		line-height: 58px
	}

	.hfs--ff__meta {
		left: 30%;
		top: 60%;
		text-align: left
	}

	.hfs--ff__title {
		width: auto;
		vertical-align: top;
		position: relative;
		top: 45px
	}

	.hfs--fb__face-close {
		left: auto;
		right: 84px;
		top: 48px
	}

	.hfs--fb__meta {
		top: 36px
	}

	.hfs--fb__title {
		font-size: 50px;
		line-height: 54px
	}

	.hfs--fb__teaser {
		font-size: 18px;
		line-height: 22px;
		padding-top: 12px
	}

	.hfs--fb__image img {
		max-height: 100%;
		margin-top: 0
	}

	.layout--text-bottom .hfs--fb__meta {
		bottom: 12px
	}

	.layout--text-bottom .hfs--fb__image img {
		margin-top: 0
	}

	.row-2--home .box {
		height: 520px
	}

	.concept-box__title {
		font-size: 24px;
		line-height: 32px;
		padding: 24px 36px
	}

	.gifts-box__title {
		font-size: 50px;
		line-height: 1;
		margin: 60px 12px 0
	}

	.gifts-box__subtitle {
		font-size: 24px;
		line-height: 24px
	}
}

@media only screen and (min-width:1040px) {
	.hfs--ff__meta {
		left: 40%
	}

	.home--concept-box {
		padding-left: 12.5%
	}

	.home--gifts-box {
		padding-right: 12.5%
	}
	
	.home--anniversary-box {
		padding-left: 12.5%
	}
}

@media only screen and (min-width:1280px) {
	.hfs--ff__meta {
		left: 50%
	}
}

.pg-jewellery #main, .pg-jewellery-category #main {
	margin-top: 3px
}

.row-heading--jewellery {
	z-index: 2;
	border-bottom: 1px solid #ccc;
	margin: 0 auto 12px;
	max-width: 1195px
}

.h2--jewellery {
	max-width: 1280px;
	opacity: 0;
	-webkit-animation: fade-in .1s 1s forwards;
	animation: fade-in .1s 1s forwards
}

.nav--jewellery-categories {
	padding-bottom: 6px
}

.pg-jewellery-category .nav--jewellery-categories {
	border-bottom: 1px dotted #ccc;
	border-image-source: url(/assets/ui/graphic-border-dotted.svg);
	border-image-repeat: repeat;
	border-image-width: 0 0 1;
	border-image-slice: 1
}

.product-filters {
	text-align: center;
	margin: 6px auto 0;
	max-width: 1195px;
	opacity: 0;
	-webkit-animation: fade-in .1s .9s forwards;
	animation: fade-in .1s .9s forwards
}

.product-filters .filters-selection {
	padding: 0 12px
}

.product-filters .filterby {
	display: inline-block;
	vertical-align: top;
	margin-right: 12px;
	font-style: italic;
	font-weight: 600;
	font-family: Georgia, serif;
	font-size: 13px;
	padding-bottom: 6px
}

.product-filters .filters-form {
	display: inline-block;
	vertical-align: top
}

.product-filters .arrow {
	width: 0;
	height: 0;
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #ccc;
	margin-left: 6px
}

.product-filters .filters-display {
	border-top: 1px dotted #ccc;
	border-image-source: url(/assets/ui/graphic-border-dotted.svg);
	border-image-repeat: repeat;
	border-image-width: 1 0 0;
	border-image-slice: 1;
	padding: 4px 12px;
	transition: all .3s ease-out;
	line-height: 20px
}

.product-filters .filters-display .label {
	font-style: italic;
	font-weight: 600;
	font-family: Georgia, serif;
	font-size: 13px;
	display: inline-block;
	margin-right: 12px
}

.product-filters .filters-display .active-filters {
	display: inline-block;
	font-weight: 300
}

.product-filters .filters-display .active-filter {
	cursor: pointer;
	font-size: 13px;
	white-space: nowrap
}

.product-filters .filters-display .active-filter::after {
	content: "-";
	transition: all .3s ease-out;
	color: #57565a;
	font-weight: 400;
	padding: 0 6px
}

.product-filters .filters-display .active-filter:last-child::after {
	content: ""
}

.product-filters .filters-display .active-filter:hover {
	color: #000
}

.product-filters .filters-display .active-filter:hover::after, .product-filters .filters-display .active-filter:hover:last-child::after {
	content: "x";
	padding-right: 12px
}

.product-filters .filters-display .reset {
	cursor: pointer;
	white-space: nowrap
}

.product-filters .filters-display .reset:hover {
	color: #000
}

.product-filters .filters-display.is-hidden {
	display: none
}

.product-filters fieldset {
	display: inline-block;
	margin-right: 12px;
	text-align: left;
	vertical-align: top
}

.product-filters fieldset legend {
	font-weight: 300;
	font-size: 13px;
	padding-bottom: 7px;
	cursor: pointer
}

.product-filters fieldset ul {
	position: absolute;
	z-index: 2;
	background: #fff;
	padding: 12px;
	border-top: 3px solid #917a73;
	border-bottom: 3px solid #917a73;
	font-family: Georgia, serif;
	margin-left: -12px;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(.9, .9);
	transform: scale(.9, .9);
	transition: all .3s ease-out;
	margin-top: -1px
}

.product-filters fieldset li {
	margin-bottom: 4px
}

.product-filters fieldset label {
	cursor: pointer;
	display: block
}

.product-filters fieldset label:hover {
	text-decoration: underline
}

.no-touchevents .product-filters fieldset:hover legend {
	color: #000
}

.no-touchevents .product-filters fieldset:hover ul {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	max-height: 35rem;
    overflow-y: scroll;
}

.no-touchevents .product-filters fieldset:hover .arrow {
	border-top-color: #bbb0ac
}

.touchevents .product-filters fieldset.is-active legend {
	color: #000
}

.touchevents .product-filters fieldset.is-active ul {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.touchevents .product-filters fieldset.is-active .arrow {
	border-top-color: #bbb0ac
}

.product-filters input[type=checkbox] {
	display: none
}

.product-filters input:checked+label {
	font-weight: 700
}

@media only screen and (min-width:740px) {
	.row-heading--jewellery {
		margin-bottom: 24px
	}
}

.pg-collections #main {
	margin-top: 3px
}

.module--collections-header {
	margin-bottom: 18px;
	text-align: center;
	padding: 0 12px
}

.module--collections-header .nav--all-collections {
	max-width: 960px;
	margin: 0 auto
}

.module--collections-header .nav--all-collections li::after {
	margin-left: 5px;
	margin-right: 4px
}

.h1--collections {
	margin-bottom: 6px
}

.h2--collections {
	margin: 0 auto 12px;
	max-width: 585px
}

.h3--collections {
	margin-bottom: 6px;
	letter-spacing: -.5px
}

@media only screen and (min-width:740px) {
	.module--collections-header {
		margin-bottom: 36px
	}
}

.pg-collection #main {
	margin-top: 3px
}

.row-2--collection {
	max-width: 1280px;
	margin: 0 auto
}

.nav--collections-by-artist li::after {
	margin-left: 5px;
	margin-right: 4px
}

.pg-artists #main {
	margin-top: 3px
}

.row-1--artists {
	margin-bottom: 18px;
	text-align: center;
	padding: 0 12px
}

.row-1--artists #nav-section-artists {
	max-width: 960px;
	margin: 0 auto
}

.row-1--artists #nav-section-artists li {
	font-size: 16px;
	line-height: 30px;
	font-weight: 200
}

.row-1--artists #nav-section-artists li::after {
	margin-left: 6px;
	margin-right: 6px
}

.h2--artists {
	margin: 0 auto 12px;
	max-width: 585px
}

.row-2--artists {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	margin-bottom: 3px
}

.row-2--artists:after {
	content: " ";
	display: block;
	clear: both
}

.artists--fi__title {
	margin: 12px 0
}

@media only screen and (min-width:740px) {
	.row-1--artists {
		margin-bottom: 36px
	}
}

.row-1--artist {
	border-bottom: 1px dotted #ccc;
	border-image-source: url(/assets/ui/graphic-border-dotted.svg);
	border-image-repeat: repeat;
	border-image-width: 0 0 1;
	border-image-slice: 1;
	background: #fff;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto
}

.row-1--artist:after {
	content: " ";
	display: block;
	clear: both
}

.artist--topfold {
	margin-bottom: 3px
}

.artist--tf__nav {
	position: absolute;
	z-index: 3;
	width: 350px;
	height: 100%;
	background-image: url(/assets/ui/graphic-drop-nav.svg);
	background-repeat: no-repeat;
	background-size: 295px 335px;
	background-position: 85% center;
	text-align: center;
	display: none
}

.artist--tf__nav a {
	color: #3e3d40;
	font-size: 13px;
	line-height: 17px;
	padding: 0 0 6px;
	display: inline-block;
	font-weight: 300
}

.artist--tf__nav .is-active a {
	font-weight: 700
}

.artist--tf__nav-title {
	color: #443f38;
	font-size: 14px;
	line-height: 18px;
	padding: 0 0 6px;
	font-weight: 600
}

.artist--tf__content {
	font-family: Georgia, serif;
	position: relative;
	z-index: 4;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .7);
	text-align: center;
	padding-bottom: 24px
}

.artist--tf__title {
	background: rgba(159, 139, 132, .5);
	font-size: 40px;
	line-height: 44px;
	color: #fff;
	padding: 12px 12px
}

.artist--tf__subtitle {
	background: #fff;
	font-size: 22px;
	line-height: 26px;
	font-style: italic;
	color: #443f38;
	padding: 12px 12px
}

.artist--tf__bio {
	font-size: 16px;
	line-height: 22px;
	font-style: italic;
	color: #58585a;
	padding: 12px 12px
}

.row-2--artist {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px
}

.row-2--artist:after {
	content: " ";
	display: block;
	clear: both
}

@media only screen and (min-width:460px) {
	.artist--tf__content {
		left: 50%;
		margin-left: -240px;
		width: 480px
	}

	.artist--tf__title {
		padding: 12px 48px
	}

	.artist--tf__subtitle {
		padding: 12px 36px
	}

	.artist--tf__bio {
		padding: 12px 60px
	}
}

@media only screen and (min-width:1040px) {
	.artist--tf__nav {
		display: flex;
		flex-direction: column;
		justify-content: center
	}
}

.row-2--artist {
	padding: 0 12px
}

.artist--collections__title {
	margin-top: 12px
}

.artist--collections__nav {
	margin: 0 auto 24px;
	max-width: 960px
}

.artist--collections__nav li::after {
	margin-left: 5px;
	margin-right: 4px
}

.pg-product #main {
	margin-top: 3px
}

.product-view--topfold {
	height: auto;
	margin-bottom: 24px;
	overflow: hidden
}

.product-view--topfold .bg-main, .row-1--checkout .bg-main {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(/assets/images/product-view-bg-w480.jpg);
	background-repeat: no-repeat;
	background-size: cover
}

.product-view--topfold .bg-drop, .row-1--checkout .bg-drop {
	background-image: url(/assets/ui/graphic-drop-bg-product.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 90%;
	height: 200%;
	position: absolute;
	top: -15%;
	left: 50%;
	z-index: 2;
	margin-left: -45%;
	opacity: .5;
	display: none
}

.row-1--checkout .bg-drop {
	display: block
}

.product-view {
	margin: 24px auto;
	max-width: 560px;
	position: relative;
	z-index: 2
}

.product-view--img {
	height: auto;
	width: 100%;
	overflow: hidden;
	position: relative
}

.product-view--img {
	background: #fff;
	position: relative;
	width: 100%;
	height: 100%
}

.product-view--img::after {
	display: block;
	content: "";
	padding-bottom: 100%
}

.product-view--img img {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat
}

.product-main-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.img__magnify-boundary {
	position: absolute;
	left: 20%;
	right: 20%;
	top: 20%;
	bottom: 20%;
	z-index: 2
}

.img__magnify-icon {
	position: absolute;
	left: 12px;
	bottom: 12px;
	cursor: pointer;
	z-index: 3;
	display: none
}

.img__magnify-icon::after {
	content: "+";
	border-radius: 50%;
	background: #bbb0ac;
	width: 16px;
	height: 16px;
	display: inline-block;
	text-align: center;
	color: #fff
}

.product-view--content {
	background: rgba(255, 255, 255, .75);
	text-align: center;
	padding: 0 48px;
	position: relative
}

.product-view--content .pvc__price, .product-view--content .pvc__style, .product-view--content .pvc__subtitle, .product-view--content .pvc__title {
	display: none
}

.product-view--content-mobile {
	text-align: center;
	padding: 0 12px
}

.pv--content__top {
	padding: 24px 0
}

.pv--content__bottom {
	display: flex;
	flex-direction: column;
	align-items: center
}

.pv--content__bottom:after, .pv--content__bottom:before {
	content: "";
	display: table
}

.pv--content__bottom:after {
	clear: both
}

.pvc__style {
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	color: #1a171b;
	margin: 12px 0 13px
}

.pvc__title {
	font-size: 27px;
	line-height: 31px;
	font-family: Georgia, serif;
	color: #9f8b84;
	margin-bottom: 6px
}

.pvc__subtitle {
	font-size: 20px;
	line-height: 24px;
	font-family: Georgia, serif;
	color: #6e7174;
	margin-bottom: 6px
}

.pvc__price {
	font-size: 16px;
	line-height: 20px;
	font-family: Georgia, serif;
	font-weight: 700;
	color: #6e7174;
	margin-bottom: 12px
}

.pvc__price.price__message {
	font-size: 12px;
	line-height: 16px
}

.pvc__description {
	font-size: 15px;
	line-height: 20px;
	font-family: Georgia, serif;
	color: #565a5d;
	position: relative;
	z-index: 4
}

.pvc__description p {
	margin-bottom: 10px
}

.pvc__tags {
	font-size: 12px;
	line-height: 15px;
	color: #917a73;
	font-weight: 400
}

.tags__materials, .tags__techniques {
	line-height: 20px;
	text-transform: uppercase
}

.pvc__tags .label {
	font-weight: 600;
	color: #917a73;
	font-size: 12px
}

.pvc__tags .tag::after {
	content: "-";
	padding: 0 2px
}

.pvc__tags .tags__materials .tag:last-child::after, .pvc__tags .tags__techniques .tag:last-child::after {
	content: ""
}

.pvc__quantity-content {
	margin-bottom: 15px
}

.pvc__quantity {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center
}

.pvc__quantity-title {
	font-family: Georgia, serif;
	font-size: 13px;
	color: #c1b5b4
}

.pvc__quantity svg {
	height: 16px;
	width: 25px;
	display: flex
}

.pvc__quantity svg>* {
	fill: #b29f96;
	transition: fill .2s ease-in
}

.pvc__quantity a:hover svg>* {
	fill: #454a4c
}

.up-arrow {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.qty-num {
	font-family: Georgia, serif;
	font-size: 24px;
	color: #6f7275;
	padding: 0 12px;
	line-height: 25px
}

.pvc__order-button {
	font-size: 15px;
	font-weight: 600;
	line-height: 34px;
	height: 32px;
	background: #685957;
	color: #fff;
	width: 260px;
	margin: 0 auto 12px;
	position: relative;
	transition: all .3s ease-out
}

.pvc__order-button:hover {
	color: #fff;
	background: #bcacaa
}

.order-button__title {
	cursor: pointer
}

.order-info-window {
	background: #bbb0ac;
	position: absolute;
	z-index: 5;
	bottom: 32px;
	right: -60px;
	left: -60px;
	-webkit-transform: scale(.9, .9);
	transform: scale(.9, .9);
	opacity: 0;
	visibility: hidden;
	text-align: left;
	padding: 12px;
	transition: all .3s ease-out
}

.order-info-window a {
	color: inherit;
	font-weight: 700
}

.order-info-window.is-visible {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 1;
	visibility: visible
}

.oiw__close {
	position: absolute;
	right: 6px;
	top: 0;
	cursor: pointer;
	padding: 0 6px
}

.oiw__content {
	font-size: 16px;
	line-height: 20px;
	font-family: Georgia, serif;
	padding: 24px 0 12px
}

.oiw__content p {
	margin-bottom: 12px
}

.oiw__product-code {
	width: 160px;
	border: 1px solid #fff;
	font-weight: 700;
	font-size: 24px;
	color: #fff;
	margin: 0 auto;
	text-align: center
}

.oiw__copy-code {
	width: 160px;
	font-size: 14px;
	font-weight: 700;
	color: #907972;
	margin: 0 auto 12px;
	text-align: center;
	background: #fff;
	cursor: pointer
}

.oiw__action {
	width: 160px;
	color: #fff;
	text-decoration: none !important;
	display: block;
	background: #907972;
	text-align: center;
	margin: 0 auto
}

.pvc__order-policy {
	line-height: 27px;
	height: 28px;
	border-top: 1px solid #bbb0ac;
	border-bottom: 1px solid #bbb0ac;
	margin: 0 12px 18px;
	background: #fff;
	position: relative;
	z-index: 10
}

.pvc__order-policy a {
	color: #907972;
	font-weight: 700
}

.pvc__order-policy.is-visible .order-policy__title::after {
	content: "-"
}

.pvc__order-policy.is-visible .order-policy__content {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.order-policy__title {
	font-size: 10px;
	font-weight: 700;
	color: #907972;
	cursor: pointer
}

.order-policy__title::after {
	content: "+";
	padding-left: 4px;
	position: absolute
}

.order-policy__content {
	background: #fff;
	font-size: 11px;
	line-height: 15px;
	text-align: left;
	padding: 0 12px 6px;
	border-bottom: 1px solid #bbb0ac;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(.9, .9);
	transform: scale(.9, .9);
	-webkit-transform-origin: top;
	transform-origin: top;
	transition: all .3s ease-out;
	margin-top: -1px
}

.order-policy__content p {
	margin-bottom: 6px
}

.pvc__product-info {
	font-family: Georgia, serif;
	font-size: 15px;
	font-style: italic;
	padding: 0;
	line-height: 20px
}

.product-availability-info {
	font-weight: 700;
	color: #444;
	text-transform: unset;
	padding: 10px 0
}

.pvc__designer {
	font-family: Georgia, serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: 400;
	color: #6f7275;
	text-transform: uppercase
}

.pvc__designer a {
	color: inherit
}

.pvc__collection {
	font-family: Georgia, serif;
	border-top: 1px dotted #ccc;
	border-image-source: url(/assets/ui/graphic-border-dotted.svg);
	border-image-repeat: repeat;
	border-image-width: 1 0 0;
	border-image-slice: 1;
	padding-top: 4px;
	margin: 4px 0 12px;
	font-size: 11px;
	line-height: 15px;
	font-weight: 400;
	color: #6f7275;
	text-transform: uppercase;
	width: 260px
}

.pvc__collection a {
	color: inherit
}

.pvc__custom-info {
	font-size: 11px;
	line-height: 15px;
	font-weight: 300;
	color: #565a5d;
	margin-bottom: 12px
}

.pvc__social-sharing {
	margin-bottom: 18px;
	margin-top: 20px
}

.ss__icon {
	width: 23px;
	height: 23px;
	display: inline-block;
	margin: 0 6px
}

.ss__icon svg {
	height: 100%;
	width: 100%
}

.ss__icon use {
	fill: #8c9091;
	color: #8c9091
}

.ss__icon use path {
	fill: inherit
}

.ss__icon:hover use {
	fill: #a49590;
	color: #a49590
}

.pvr__title {
	text-align: center;
	margin-bottom: 34px;
	margin-top: 24px;
	line-height: 0;
	position: relative;
	text-transform: uppercase;
	border-bottom: 1px dotted #ccc;
	border-image-source: url(/assets/ui/graphic-border-dotted.svg);
	border-image-repeat: repeat;
	border-image-width: 0 0 1;
	border-image-slice: 1;
	font-weight: 400;
	color: #443f38
}

.pvr__title span {
	background: #fff;
	position: relative;
	z-index: 2;
	padding: 0 12px;
	font-size: 18px
}

@media only screen and (min-width:740px) {
	.product-view--topfold .bg-main {
		background-image: url(/assets/images/product-view-bg-w800.jpg)
	}

	.pvc__order-button {
		margin: 0 30px 12px
	}

	.order-info-window {
		right: -78px;
		left: -78px
	}

	.pvc__order-policy {
		margin: 0 30px 18px
	}

	.order-policy__content {
		padding: 0 12px 6px
	}
}

@media only screen and (min-width:1040px) {
	.product-view--topfold .bg-main {
		background-image: url(/assets/images/product-view-bg-w1200.jpg)
	}

	.product-view--topfold .bg-drop {
		display: block
	}

	.product-view {
		height: 680px;
		max-width: none;
		margin: 48px auto;
		display: flex;
		justify-content: center
	}

	.product-view--img {
		float: left;
		height: 100%;
		width: 680px
	}

	.product-view--img .inner {
		margin: 0
	}

	.product-view--content-mobile {
		display: none
	}

	.product-view--content {
		width: 500px;
		height: 100%;
		float: right;
		overflow: hidden;
	}

	.product-view--content .pvc__price, 	.product-view--content .pvc__style, 	.product-view--content .pvc__subtitle, 	.product-view--content .pvc__title {
		display: block
	}

	.pv--content__bottom {
		position: absolute;
		bottom: 0;
		left: 48px;
		right: 48px;
		display: flex;
		flex-direction: column;
		align-items: center
	}

	.pvc__price, 	.pvc__style, 	.pvc__subtitle, 	.pvc__title {
		display: block
	}
}

@media only screen and (min-width:1280px) {
	.product-view--topfold .bg-main {
		background-image: url(/assets/images/product-view-bg-w1600.jpg)
	}
}

.pg-gifts #main, .pg-gifts-category #main {
	margin-top: 3px
}

.row-heading--gifts {
	text-align: center;
	padding: 0 12px
}

.h1--gifts {
	margin-bottom: 6px
}

.h2--gifts {
	margin: 0 auto 12px;
	max-width: 585px;
	opacity: 0;
	-webkit-animation: fade-in .6s 2s forwards;
	animation: fade-in .6s 2s forwards
}

.row-heading--gifts-category {
	border-bottom: 1px solid #ccc;
	margin-bottom: 24px
}

.nav--gifts-categories {
	margin-bottom: 6px;
	text-transform: uppercase
}

.gifts--topfold-banner {
	height: auto;
	max-width: 1200px;
	margin: 0 auto 18px;
	border-bottom: 1px solid #bbb0ac;
	padding-bottom: 3px
}

.gifts--topfold-banner .gifts--tfb__bg {
	background-size: contain;
	position: relative;
	height: 0;
	padding-bottom: 41.125%
}

.gifts-banner__meta {
	position: absolute;
	right: 15%;
	bottom: 7%;
	z-index: 10;
	color: #fff;
	text-align: center;
	display: none
}

.gifts-banner__title {
	font-size: 42px;
	line-height: 46px;
	font-weight: 100;
	margin-bottom: 12px
}

.gifts-banner__subtitle {
	font-size: 16px;
	line-height: 20px;
	font-family: Georgia, serif;
	max-width: 240px
}

@media only screen and (min-width:740px) {
	.gifts--topfold-banner {
		margin-bottom: 36px;
		background-color: #000;
		padding-bottom: 0
	}

	.gifts-banner__meta {
		display: block
	}
}

.row-1--about {
	border-bottom: 1px dotted #ccc;
	border-image-source: url(/assets/ui/graphic-border-dotted.svg);
	border-image-repeat: repeat;
	border-image-width: 0 0 1;
	border-image-slice: 1
}

.about--topfold {
	margin-bottom: 3px
}

.about--tf__content {
	font-family: Georgia, serif;
	position: relative;
	z-index: 4;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .7);
	text-align: center
}

.about--tf__title {
	background: rgba(159, 139, 132, .5);
	font-size: 40px;
	line-height: 44px;
	color: #fff;
	padding: 12px 12px
}

.about--tf__subtitle {
	background: #fff;
	font-size: 22px;
	line-height: 26px;
	color: #443f38;
	padding: 12px 12px
}

.about--tf__text {
	font-size: 16px;
	line-height: 22px;
	color: #58585a;
	padding: 12px 12px
}

.row-2--about {
	border-bottom: 1px dotted #ccc;
	border-image-source: url(/assets/ui/graphic-border-dotted.svg);
	border-image-repeat: repeat;
	border-image-width: 0 0 1;
	border-image-slice: 1;
	margin-bottom: 3px
}

.about--footer-info {
	background: #e7e6e4;
	color: #443f38;
	font-family: Georgia, serif;
	font-size: 17px;
	line-height: 19px;
	margin: 3px 0
}

.about--footer-info .inner {
	padding: 18px;
	text-align: center;
	max-width: 960px;
	margin: 0 auto
}

.about--footer-info a {
	color: inherit;
	font-weight: 700
}

.about--cross-content .module--cross-content {
	margin-top: 0
}

@media only screen and (min-width:740px) {
	.about--tf__content {
		left: 50%;
		margin-left: -280px;
		width: 560px
	}

	.about--tf__title {
		padding: 12px 48px
	}

	.about--tf__subtitle {
		padding: 12px 36px
	}

	.about--tf__text {
		padding: 12px 60px
	}
}

.pg-shop .module--cross-content {
	margin-top: 3px
}

.row-1--shop {
	border-bottom: 1px dotted #ccc;
	border-image-source: url(/assets/ui/graphic-border-dotted.svg);
	border-image-repeat: repeat;
	border-image-width: 0 0 1;
	border-image-slice: 1
}

.row-1--checkout {
	background: #eae9e8;
	padding: 0 20px
}

.row-1--user {
	background: #f6f6f6
}

.shop--tf__info p img {
	max-width: 100%;
	padding-bottom: 20px
}

.shop--topfold {
	height: auto !important;
	margin-bottom: 3px;
	min-height: 480px;
}

.checkout--topfold, .user--topfold {
	min-height: 600px;
	margin-bottom: 3px
}

.shop--tf__header {
	position: relative;
	z-index: 2;
	max-width: 640px;
	margin: 0 auto;
	margin-bottom: 24px;
	padding: 0 12px
}

.shop--tf__content {
	position: relative;
	z-index: 2;
	max-width: 950px;
	margin: 0 auto 18px;
	background: #fff;
	padding: 18px;
	text-align: center
}

.checkout--tf__content, .user--tf__content {
	position: relative;
	z-index: 2;
	max-width: 770px;
	margin: 0 auto 8px;
	padding: 10px 0;
	text-align: center
}

.shop--tf__image img {
	width: 100%;
	height: auto
}

.shop--tf__info {
	margin-top: 12px;
	font-size: 15px;
	line-height: 19px;
	padding-bottom: 20px
}

.shop--tf__info .info__title {
	font-weight: 600
}

.row-2--contact {
	margin-bottom: 3px;
	border-bottom: 1px dotted #ccc;
	border-image-source: url(/assets/ui/graphic-border-dotted.svg);
	border-image-repeat: repeat;
	border-image-width: 0 0 1;
	border-image-slice: 1
}

.row-2--contact>.inner {
	background: #bbb0ac;
	padding: 24px 0;
	margin-bottom: 3px
}

.contact--tf__map {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	padding: 0 12px;
	margin-bottom: 24px
}

.contact--tf__map .inner {
	position: relative;
	padding: 18px;
	max-width: 600px;
	width: 100%;
	background: #fff;
	height: 100%;
	margin: 0 auto
}

.contact--tf__map .cbs__inner:after, .contact--tf__map .cbs__inner:before {
	box-shadow: 0 15px 10px 0 rgba(0, 0, 0, .4)
}

.contact--map-header:after, .contact--map-header:before {
	content: "";
	display: table
}

.contact--map-header:after {
	clear: both
}

.map-header__heading {
	font-size: 16px;
	line-height: 20px;
	color: #907972;
	font-weight: 600;
	margin-bottom: 12px
}

.map-header__contact-info, .map-header__opening-hours {
	font-size: 13px;
	line-height: 17px;
	color: #555;
	margin-bottom: 12px
}

#contact--map-canvas {
	height: 320px
}

.contact--tf__form {
	width: 100%;
	height: 100%;
	padding: 0 12px
}

.contact--tf__form .inner {
	border: 1px solid #fff;
	max-width: 600px;
	width: 100%;
	height: 100%;
	margin: 0 auto
}

.contact--tf__form .msg--success {
	text-align: center;
	padding: 36px 24px 24px;
	color: #fff;
	font-size: 15px;
	line-height: 19px
}

.contact--tf__form .msg--success p {
	margin-bottom: 12px
}

.contact-form__heading {
	background: #fff;
	color: #907972;
	font-size: 15px;
	line-height: 19px;
	padding: 12px
}

.contact-form {
	padding: 18px
}

.contact-form .col:first-child, .contact-form .row {
	margin-bottom: 12px
}

.contact-form .row.submit {
	margin-top: 24px
}

.contact-form label {
	display: block;
	color: #fff;
	font-family: Georgia, serif;
	font-weight: 700;
	margin: 0 0 4px
}

.contact-form label.error-msg {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: italic;
	margin: 4px 0 0;
	color: red
}

.address-list select, .contact-form input, .contact-form select, .contact-form textarea, .form-field input, .frm-section select, .pv--content__bottom select, .pv--content__top select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 1px solid #fff;
	background: #bbb0ac;
	width: 100%;
	color: #fff;
	padding: 8px;
	transition: all .3s ease-out;
	display: block;
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
	line-height: 19px
}

.contact-form input:hover, .contact-form select:hover, .contact-form textarea:hover {
	background: #c6bdba
}

.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus {
	background: #c6bdba
}

.contact-form input[type=submit] {
	width: auto;
	background: #fff;
	font-size: 17px;
	font-weight: 600;
	color: #907972;
	padding: 6px 24px;
	cursor: pointer;
	margin-bottom: 0
}

.contact-form input[type=submit]:hover {
	color: #574945
}

.contact-form select {
	height: 35px;
	cursor: pointer
}

.contact-form .arrow {
	width: 0;
	height: 0;
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #fff;
	position: absolute;
	top: 34px;
	left: 92%
}

.pg-checkout #footer {
	border: none;
	padding-top: 0
}

@media only screen and (min-width:1040px) {
	.row-2--contact {
		height: 680px
	}

	.row-2--contact>.inner {
		height: 676px;
		margin: 0
	}

	.contact--tf__map {
		width: 50%;
		float: left
	}

	.contact--tf__map .inner {
		float: right
	}

	.contact--map-header .col {
		width: 50%;
		float: left;
		padding-right: 24px
	}

	#contact--map-canvas {
		position: absolute;
		left: 18px;
		right: 18px;
		bottom: 18px;
		top: 130px;
		height: auto
	}

	.contact--tf__form {
		width: 50%;
		float: right
	}

	.contact--tf__form .inner {
		float: left
	}

	.contact-form .col {
		margin-bottom: 0 !important
	}

	.contact-form .col {
		width: 49%;
		float: left
	}

	.contact-form .col.last {
		float: right
	}

	.contact-form input, 	.contact-form select, 	.contact-form textarea {
		margin-bottom: 0
	}

	.contact-form select {
		width: 49%
	}

	.contact-form .arrow {
		left: 44%
	}
}

.msg--error-page {
	padding: 48px;
	max-width: 600px;
	margin: 0 auto;
	text-align: center
}

.msg--error-page h1 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 300;
	margin: 12px 0
}

.msg--error-page h2 {
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;
	margin: 12px 0
}

.msg--error-page p {
	font-size: 15px;
	line-height: 19px;
	font-weight: 400;
	margin: 12px 0
}

.pg-generic .row--content {
	background: #f5f5f5;
	color: #575b5e
}

.pg-generic .row--content .inner {
	max-width: 740px;
	margin: 0 auto;
	padding: 50px 12px 30px
}

.pg-generic .row--content .separator {
	border-bottom: 1px dotted #ccc
}

.pg-generic .row--content h2 {
	padding: 12px 0;
	background: rgba(255, 255, 255, .2);
	text-align: center;
	font-size: 18px;
	line-height: 20px;
	margin: 24px 0 12px
}

.pg-generic .row--content h3 {
	font-family: Georgia, serif;
	font-size: 20px;
	line-height: 23px;
	font-weight: 700;
	margin: 0 0 15px;
	padding-top: 12px
}

.pg-generic .row--content p {
	margin-bottom: 12px;
	font-size: 16px;
	line-height: 21px
}

.pg-generic .row--content h2+h3 {
	border: 0;
	padding-top: 0
}

.generic--topfold {
	padding-bottom: 24px
}

ul.collections-nav>li, ul.designers-nav>li {
	display: flex;
	flex-wrap: nowrap;
	width: auto
}

ul.collections-nav, ul.designers-nav {
	min-width: 370px
}

ul.collections-nav li ul.nav-col, ul.designers-nav li ul.nav-col {
	display: flex;
	flex-direction: column;
	width: 50%;
	padding: 0 20px
}

ul.collections-nav li ul.nav-col li, ul.designers-nav li ul.nav-col li {
	padding: 0;
	line-height: 1.4
}

ul.collections-nav li ul.nav-col li a, ul.designers-nav li ul.nav-col li a {
	color: #846963 !important;
	white-space: break-spaces
}

.hs__wishlist-icon {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 25px;
	height: 25px;
	display: block
}

.inner .hs__wishlist-icon {
	left: 15px;
	top: 15px;
	z-index: 4;
}

.hs__wishlist-icon svg {
	width: 25px;
	height: 25px
}

.hs__wishlist-icon svg {
	transition: all 150ms ease-out;
	fill: #fff
}

.hs__wishlist-icon.active svg, .hs__wishlist-icon:hover svg {
	fill: #b8aba8
}

.gallery {
	position: absolute;
	bottom: 20px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	left: 10px;
	grid-gap: 1em
}

.gallery img {
	border: 1px solid #b8aba8;
	margin: 0 8px;
	width: 75px;
	height: 75px;
	max-height: 75px;
	opacity: .6;
	transition: all .3s ease-in
}

.gallery img:hover {
	opacity: 1
}

@media only screen and (max-width:475px) {
	.gallery {
		bottom: 20px
	}

	.gallery img {
		border: 1px solid #b8aba8;
		margin: 0 8px;
		width: 60px;
		height: 60px;
		max-height: 60px
	}
}

.address-list select::-ms-expand, .frm-section select::-ms-expand, .pv--content__bottom select::-ms-expand, .pv--content__top select::-ms-expand {
	display: none
}

.address-list select:focus, .frm-section select:focus, .pv--content__bottom select:focus, .pv--content__top select:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	outline: 0
}

.address-list select option, .frm-section select option, .pv--content__bottom select option, .pv--content__top select option {
	font-weight: 400
}

.address-list select, .frm-section select, .pv--content__bottom select, .pv--content__top select {
	color: #b29f96;
	background: 0 0;
	border-color: #b29f96;
	text-transform: uppercase;
	font-size: 11px;
	width: auto;
	margin: 0 auto 5px;
	line-height: 12px;
	padding: 8px 26px 8px 5px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12.3px' height='7.9px' viewBox='0 0 12.3 7.9'%3E%3Cpath style='fill:%23B29F96;' d='M6.1,7.9c-0.2,0-0.5-0.1-0.6-0.3L0.2,1.3C-0.1,1-0.1,0.5,0.3,0.2c0.3-0.3,0.8-0.2,1.1,0.1l4.7,5.6 l4.7-5.6c0.3-0.3,0.8-0.4,1.1-0.1c0.3,0.3,0.4,0.8,0.1,1.1L6.7,7.6C6.6,7.8,6.4,7.9,6.1,7.9z'/%3E%3C/svg%3E");
	background-position: 95% center;
	background-repeat: no-repeat;
	width: 120px
}

.checkout-address {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

@media only screen and (max-width:475px) {
	.checkout-address {
		justify-content: center
	}

	.checkout-address .add-address {
		margin-top: 20px
	}
}

.address-list select {
	font-size: 13px;
	color: #575b5e;
	padding: 15px 60px 15px 10px;
	border-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12.3px' height='7.9px' viewBox='0 0 12.3 7.9'%3E%3Cpath style='fill:%23FFFFFF;' d='M6.1,7.9c-0.2,0-0.5-0.1-0.6-0.3L0.2,1.3C-0.1,1-0.1,0.5,0.3,0.2c0.3-0.3,0.8-0.2,1.1,0.1l4.7,5.6 l4.7-5.6c0.3-0.3,0.8-0.4,1.1-0.1c0.3,0.3,0.4,0.8,0.1,1.1L6.7,7.6C6.6,7.8,6.4,7.9,6.1,7.9z'/%3E%3C/svg%3E")
}

.cart {
	position: absolute;
	display: flex;
	flex-direction: column;
	top: -230px;
	right: 0;
	width: 500px;
	min-height: 260px;
	background: #bbb0ac;
	opacity: 0;
	z-index: 0;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.show-cart {
	top: 14px;
	opacity: 1;
	z-index: 999
}

.modal-bg {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(184, 170, 168, .8);
	z-index: 998;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	opacity: 0
}

.show {
	opacity: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.cart-body, .cart-header {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	width: 100%
}

.cart-header {
	height: 54px;
	border-bottom: 1px solid #fff
}

.cart-body {
	padding: 20px;
	min-height: 128px;
	flex-direction: column
}

.cart-body h2 {
	font-size: 25px;
	color: #fff;
	line-height: 2
}

.cart-product {
	padding-bottom: 20px
}

.cart-image {
	height: auto;
	float: left;
	width: 50px;
	margin-right: 10px;
	margin-top: 5px
}

.cart-header span {
	font-family: Georgia, serif;
	font-size: 21px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase
}

.cart-desc {
	flex-grow: 1
}

a.cart-close-icon {
	transition: opacity .2s ease-in
}

a.cart-close-icon:hover {
	opacity: .6
}

.cart-close-icon, .cart-close-icon svg {
	width: 19px;
	height: 19px;
	display: block
}

.cart-price, .cart-title {
	font-family: Georgia, serif;
	color: #575b5e;
	font-size: 21px;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 30px
}

.cart-subtitle {
	font-weight: 600;
	font-size: 15px;
	color: #fff
}

.cart-footer {
	align-self: center;
	padding-bottom: 30px
}

.cart-product {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between
}

.cart-btn a {
	font-size: 17px;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
	padding: 15px 20px;
	border: 1px solid #fff;
	min-width: 250px;
	text-align: center;
	cursor: pointer;
	display: block;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.cart-btn a:hover {
	color: #d5d1cb;
	border: 1px solid #706259;
	background: #706259;
	text-decoration: none
}

.cart-totals {
	border-top: 1px dotted #fff;
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 30px 20px 40px;
	font-family: Georgia, serif;
	font-size: 20px;
	font-weight: 600;
	color: #fff
}

.separator {
	border-top: 1px dotted #ccc;
	border-image-source: url(/assets/ui/graphic-border-dotted.svg);
	border-image-repeat: repeat;
	border-image-width: 1 0 0;
	border-image-slice: 1;
	margin: 15px 0;
	width: 100%
}

.select-method {
	display: flex;

	flex-wrap: wrap
}

.cart-methods .select-method {
	justify-content: center;
	border-bottom: 1px solid #af9f98;
	padding: 20px 0;
	position: relative
}

.select-method a {
	color: #575b5e;
	font-size: 15px;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	z-index: 10;
	margin: 12px 20px 12px;
}

.select-method a::before {
	content: '';
	display: block;
	min-width: 40px;
	width: 40px;
	height: 40px;
	background: 0 0;
	border: 1px solid #fff;
	border-radius: 50%;
	margin-right: 10px;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center
}

.select-method a.selected::before, .select-method a:hover::before {
	background-color: #bcacaa;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='15.1px' height='28.5px' viewBox='0 0 20.1 16.5'%3E%3Cpath style='fill:%23FFFFFF;' d='M6.3,16.5C6.3,16.5,6.3,16.5,6.3,16.5c-0.5,0-0.9-0.2-1.2-0.6L0.3,9.7C-0.2,9-0.1,8.1,0.6,7.6 c0.7-0.5,1.6-0.4,2.1,0.3l3.7,4.8L17.5,0.5C18-0.1,19-0.2,19.6,0.4c0.6,0.6,0.7,1.5,0.1,2.1L7.4,16C7.2,16.3,6.8,16.5,6.3,16.5z'/%3E%3C/svg%3E")
}

.select-method a:hover {
	color: #bcacaa;
	text-decoration: none
}

.selected-address {
	font-size: 15px;
	margin-bottom: 25px
}

.add-address {
	display: flex;
	justify-content: center
}

.address-type {
	padding: 5px 0;
	font-size: 15px
}

a.checkout-btn, .notification-btn {
	font-size: 13px;
	letter-spacing: 2px;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	background: #685957;
	padding: 15px 35px;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-transform: uppercase;
	font-weight: 600
}

a.checkout-btn:hover {
	background: #62686b;
	color: #fff
}

.checkout-cart {
	margin-top: 40px
}

.checkout--tf__content h2 {
	font-size: 24px;
	font-family: Georgia, serif;
	color: #575b5e;
	line-height: 40px;
	text-transform: uppercase
}

.checkout-cart h2 span {
	color: #fff
}

.checkout-product {
	margin-bottom: 15px
}

.checkout-product-body {
	background: #fff;
	min-height: 220px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.checkout-product-body .sku {
	font-size: 13px;
	font-weight: 400;
	color: #575b5e
}

.checkout-product-body img {
	width: 100px
}

.cp-title {
	font-size: 19px;
	font-family: Georgia, serif;
	font-weight: 400;
	padding-bottom: 10px;
	text-transform: uppercase
}

.checkout-product-footer {
	background: #ccc5c2;
	min-height: 60px;
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
	align-items: center
}

.cp-subtitle {
	font-size: 13px;
	color: #917a73
}

.cp-subtitle span {
	padding-left: 4px
}

.cp-subtitle span:not(:last-child):first-child::after {
	content: ', ';
	display: inline-block
}

.cp-subtitle span:first-child::before {
	content: ' | ';
	display: inline-block
}

.cp-price {
	color: #fff;
	font-size: 18px;
	font-family: Georgia, serif
}

.cp-quantity .qty-num {
	color: #fff
}

.cart-bgimage {
	min-width: 140px;
	width: 140px;
	height: 120px;
	display: block;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat
}

.cart-bgimage img {
	display: none
}

.checkout-totals {
	display: flex;
	justify-content: space-between;
	padding: 0 20px
}

.checkout-total, .checkout-total-title {
	font-family: Georgia, serif;
	font-size: 18px;
	color: #575b5e
}

.checkout-payment {
	padding-top: 35px
}

.checkout-payment h2 {
	padding-bottom: 30px
}

.checkout-comments {
	padding-top: 55px
}

.checkout-comments h2 {
	padding-bottom: 20px
}

.checkout-comments textarea {
	background: 0 0;
	border: 1px solid #fff;
	width: 100%;
	min-height: 180px;
	padding: 20px;
	font-size: 17px;
	color: #575b5e;
	margin-bottom: 30px
}

.checkout-checkbox {
	display: flex;
	justify-content: center;
	align-items: center
}

.checkbox-box {
	width: 30px;
	height: 30px;
	border: 1px solid #fff;
	margin-right: 15px;
	cursor: pointer;
	-moz-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
	-webkit-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out
}

.checkbox-box.same-shipping, .checkout-btn:hover {
	border-color: #62686b;
	background: #62686b;
	color: #fff
}

.checkbox-box:hover, .checkbox-checked {
	background-color: #bcacaa;
	background-position-x: 0;
	background-position-y: 0;
	background-repeat: repeat;
	background-image: none;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='15.1px' height='28.5px' viewBox='0 0 20.1 16.5'%3E%3Cpath style='fill:%23FFFFFF;' d='M6.3,16.5C6.3,16.5,6.3,16.5,6.3,16.5c-0.5,0-0.9-0.2-1.2-0.6L0.3,9.7C-0.2,9-0.1,8.1,0.6,7.6 c0.7-0.5,1.6-0.4,2.1,0.3l3.7,4.8L17.5,0.5C18-0.1,19-0.2,19.6,0.4c0.6,0.6,0.7,1.5,0.1,2.1L7.4,16C7.2,16.3,6.8,16.5,6.3,16.5z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center
}

.checkbox-text {
	text-align: left;
	color: #575b5e
}

.checkbox-text p {
	font-family: Georgia, serif;
	font-size: 14px;
	line-height: 17px
}

.checkbox-text a {
	font-size: 13px;
	text-decoration: none;
	color: #575b5e;
	text-transform: uppercase
}

.checkbox-text a:hover {
	color: #bcacaa
}

.submit-order {
	display: flex;
	justify-content: center;
	padding: 35px 0 100px
}

.checkout-user {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.user-content .checkout-user {
	flex-direction: column;
	align-content: center;
	width: 100%;
	max-width: 500px;
	margin: 0 auto
}

.checkout-user>div {
	display: flex;
	flex-direction: column;
	padding: 20px;
	width: 50%
}

.user-content .checkout-user>div {
	width: 100%
}

.frm-group {
	display: flex
}

.back-to-login, .reset-password {
	font-size: 14px;
	cursor: pointer;
	text-align: right;
	line-height: 1.7
}

.back-to-login:hover, .reset-password:hover {
	color: #a08c85
}

.back-to-login {
	text-align: left
}

.checkout-user>div>div {
	display: inline-block
}

.checkout-user-frm {
	display: none;
	z-index: 999;
	position: absolute
}

.product-options {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 10px 0;
	width: 280px;
	margin: 0 auto
}

.err-required {
	text-transform: uppercase;
	font-size: 10px;
	color: rgba(255, 0, 0, .6);
	font-weight: 700
}

.guest-form, .user-form {
	background: #fff;
	padding: 50px 100px;
	max-width: 740px;
	width: 100%;
	position: relative
}

.notification-modal {
	max-width: 1200px;
	background-color: rgba(255, 255, 255, .92);
	width: 100%;
	font-family: Georgia, serif;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	transition: all 3s ease-out;
	padding: 80px 100px;
}

.notification-modal h2.form-header {
	font-size: 32px;
}

.notification-leadText {
	font-size: 2rem;
	line-height: 1.1;
	color: #91756e;
	max-width: 520px;
	margin: 10px auto 20px;

}

.notification-text {
	font-size: 1.5rem;
	line-height: 1.4;
	margin: 0 auto;
	max-width: 680px;
	color: #62686b;
	padding: 0 20px;
}

.notification-text p {
	padding-bottom: 7px;
}

.notification-text p a {
	color: #443f38;
	font-weight: bold;
	transition: color .3s ease-out;
}

.notification-text p a:hover {
	color: #91756e;
}

.notification-btn {
	font-size: 14px;
	background-color: #af9f98;
	color: #fff;
	max-width: fit-content;
	margin: 50px auto 0;
	font-family: 'Open Sans';
	border-radius: 2rem;
	cursor: pointer;
	display: flex;
}

.notification-btn:hover {
	background-color: #91756e;
	text-decoration: none;
}

.notificationModal {
	animation: fadeIn .8s ease-out;

}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}


@media only screen and (max-width:460px) {
	.notificationModal {
		/* position: absolute;
		bottom: unset; */
		overflow-y: scroll
	}

	.notification-modal {
		padding: 30px 10px;
		width: 100%;
		height: auto;
		margin-top: 150px;
	}

	.notification-modal h2.form-header {
		margin-top: 30px;
	}

	.notification-btn {
		margin: 20px auto 0;
	}
}



h2.form-header {
	font-family: Georgia, serif;
	font-size: 25px;
	color: #575b5e;
	text-align: center;
	line-height: 1.2
}

.frm-section {
	display: none;
	flex-wrap: wrap;
	width: 100%
}

.frm-section.active {
	display: flex
}

.frm-section h3 {
	font-family: Georgia, serif;
	font-size: 20px;
	color: #575b5e;
	text-align: center;
	width: 100%
}

.frm-section input, .frm-section label {
	width: 100%;
	padding: 2px
}

.frm-section select {
	width: 100%
}

.frm-section label {
	font-size: 13px;
	color: #443f38;
	text-transform: uppercase;
	font-weight: 700
}

.frm-section input {
	border: none;
	border-bottom: 1px solid #86754d;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	background: 0 0;
	font-size: 14px;
	padding: 7px 3px
}

.col-50 {
	width: 48%;
	margin: 1%;
	padding-bottom: 20px;
	text-align: left
}

@media only screen and (max-width:740px) {
	.col-50 {
		width: 98%
	}
}

.col-100 {
	width: 98%;
	margin: 1%;
	padding-bottom: 20px;
	text-align: left
}

.shipping-address {
	display: none
}

.close-icon {
	width: 25px;
	height: 25px;
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 10px
}

.user-form .close-icon {
	top: 20px;
	right: 20px
}

.close-icon svg {
	width: 100%;
	position: relative;
	width: 25px;
	height: 25px;
	display: block;

}

.register-guest-next {
	padding: 10px 20px
}

.align-right {
	text-align: right
}

.active {
	opacity: 0;
	-webkit-animation: slide .5s forwards;
	animation: slide .5s forwards
}

@-webkit-keyframes slide {
	100% {
		opacity: 1
	}
}

@keyframes slide {
	100% {
		opacity: 1
	}
}

.btn-group {
	margin-top: 30px;
	display: flex;
	width: 100%
}

.frm-section input.input-error, .frm-section select.input-error {
	border: 1px solid rgba(255, 0, 0, .6)
}

.error-msg, .form-field .error-msg, .frm-section label.error-msg {
	font-size: 13px;
	color: rgba(255, 0, 0, .6);
	font-weight: 400;
	text-transform: none;
	margin: 5px 0;
	display: block
}

.frm-errors {
	display: none;
	width: 100%;
	background: rgba(255, 0, 0, .04);
	padding: 10px;
	font-weight: 600;
	color: rgba(255, 0, 0, .6);
	margin: 10px 0
}

.select-method.input-error {
	border-bottom: 1px solid rgba(255, 0, 0, .6)
}

.new-user a {
	margin-bottom: 20px
}

.checkout-user h3 {
	font-size: 20px;
	font-family: georgia;
	text-align: left
}

.checkout-user a {
	padding: 12px 35px;
	min-width: 160px;
	display: inline-block;
	text-align: center
}

.user-register {
	display: flex;
	justify-content: center
}

.success-message p {
	font-size: 15px;
	line-height: 1.5;
	padding: 20px 0
}

.invoice-frm {
	display: none
}

.invoice-frm.active {
	display: block
}

.invoice-frm.active .frm-section {
	display: flex;
	margin-top: 15px
}

.select-method a.anim-circle {
	position: absolute;
	opacity: .5;
	display: none;
	z-index: 9
}

.select-method a.anim-circle::before {
	background: #bcacaa
}

a.hidden {
	display: none
}

.vat-info {
	text-align: left;
	margin-left: 20px;
	font-size: 14px
}

.row-1--checkout.pg-success {
	background: #fff;
	margin-bottom: 10px
}

.pg-success .checkout--tf__content {
	max-width: 960px;
	padding: 50px 135px;
	border: 1px solid #e6e6e6;
	background: #fff
}

#success-page {
	position: relative;
	z-index: 10;
	padding: 20px
}

#success-page h2 {
	font-size: 30px;
	text-transform: none
}

.res-order-id {
	font-size: 18px;
	font-weight: 300;
	color: #000;
	text-transform: uppercase;
	line-height: 30px;
	padding: 10px 0 30px
}

, .pg-success .checkout--tf__content::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background: #fff
}

.row-1--checkout.pg-success::before {
	background-color: rgba(255, 255, 255, .8)
}

#success-page .info {
	padding: 15px 0;
	border-bottom: 1px dashed #85754e;
	text-align: left
}

#success-page .info:nth-of-type(1) {
	border-top: 1px dashed #85754e
}

#success-page .info p {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-weight: 400
}

#success-page .checkout-cart {
	text-align: left
}

#success-page .checkout-cart h2 span {
	color: #575b5e
}

#success-page section p strong {
	font-weight: 600
}

.checkout-product-body.cart-order img {
	width: 130px
}

#success-page .cart-order, .checkout-product-body.cart-order {
	text-align: left;
	align-items: flex-start
}

.checkout-product-footer.cart-order {
	background: unset;
	min-height: unset;
	display: block;
	padding: 15px 0;
	color: #000;
	border-bottom: 1px dashed #85754e
}

.checkout-product-body.cart-order .sku {
	line-height: 25px
}

#success-page .checkout-total-container {
	margin-top: 15px
}

#success-page .vat-info {
	margin: 0
}

#success-page .cp-price {
	text-align: right;
	color: #575b5e
}

#success-page .checkout-totals {
	display: flex;
	justify-content: space-between;
	padding: 0
}

.print-btn {
	padding: 50px 0
}

.print-btn a {
	font-size: 15px;
	font-weight: 600;
	line-height: 30px;
	height: 32px;
	background: #fff;
	color: #706259;
	margin: 45px auto;
	position: relative;
	transition: all .3s ease-out;
	max-width: 200px;
	text-align: center;
	border: 1px solid #c1b5b4;
	display: block
}

.print-btn a:hover {
	text-decoration: none;
	background: #706259;
	color: #fff
}

.user-nav {
	max-width: 770px;
	margin: 0 auto;
	text-align: center
}

.user-nav-items {
	display: flex;
	justify-content: center;
	margin: 20px 0 30px;
	border-bottom: 1px dotted #ccc;
	border-image-source: url(/assets/ui/graphic-border-dotted.svg);
	border-image-repeat: repeat;
	border-image-width: 0 0 1;
	border-image-slice: 1;
	padding-bottom: 20px
}

.user-nav a {
	font-family: Georgia, sans-serif;
	color: #575b5e;
	font-weight: 400;
	text-decoration: none;
	font-size: 15px
}

.user-nav-items a::after {
	content: '';
	display: inline-block;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='5.6px' height='5.6px' viewBox='0 0 5.6 5.6'%3E%3Cpath style='fill:%23AF9F98;' d='M5.6,2.8c0,1.6-1.3,2.8-2.8,2.8C1.3,5.6,0,4.4,0,2.8C0,1.3,1.3,0,2.8,0C4.4,0,5.6,1.3,5.6,2.8'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	width: 6px;
	height: 10px;
	margin: 0 18px
}

.user-nav-items a:last-child::after {
	display: none
}

.user-nav-items a {
	font-family: Georgia, sans-serif;
	font-size: 20px;
	text-transform: uppercase
}

.user-nav a.active, .user-nav a:hover {
	color: #a08c85
}

.user--tf__content {
	max-width: 770px
}

.user-content {
	margin: 25px 0
}

.user-content h2 {
	font-family: Georgia, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: 10px;
	text-align: center
}

h2.profile-heading {
	font-size: 18px;
	text-align: left;
	margin-bottom: 0
}

.user-content form {
	padding: 20px 0 70px
}

.user-content h3 {
	text-align: center
}

.user-content .login-btn {
	display: flex;
	justify-content: center
}

.user-content .checkout-user a {
	max-width: 280px;
	text-align: center;
	align-self: center
}

.form-field {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.form-field label {
	font-size: 13px;
	color: #a08c85;
	text-transform: uppercase;
	margin: 20px 0 2px
}

.form-field input {
	color: #575b5e;
	padding: 5px 0;
	width: 100%;
	border-bottom: 1px dotted #ccc;
	border-image-source: url(/assets/ui/graphic-border-dotted.svg);
	border-image-repeat: repeat;
	border-image-width: 0 0 1;
	border-image-slice: 1;
	border-top: none;
	border-left: none;
	border-right: none;
	background: 0 0
}

.form-field a.btn-submit {
	font-size: 14px;
	font-weight: 600;
	color: #575b5e;
	background: #ccc5c2;
	text-transform: uppercase;
	padding: 15px 20px;
	border: 1px solid #fff;
	min-width: 250px;
	text-align: center;
	text-decoration: none;
	display: block;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	align-self: flex-end;
	margin-top: 30px;
	letter-spacing: 3px
}

@media only screen and (max-width:768px) {
	.form-field a.btn-submit {
		align-self: center
	}
}

.form-field a.btn-submit:hover {
	color: #ccc5c2;
	background: #575b5e
}

.address-list select {
	width: 100%
}

.selected-address select.change_shipping {
	width: 50%;
	margin: unset
}

@media only screen and (max-width:768px) {
	.selected-address select.change_shipping {
		width: 100%;
		margin: unset
	}
}

.user-boxes {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.user-box {
	margin: 5px;
	background: #eae9e8;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	width: 100%;
	position: relative
}

.user-box:hover {
	background: #e5e2e0
}

.box-content {
	padding: 30px 20px;
	text-align: left;
	width: 470px;
	margin: 0 auto
}

.box-content h4 {
	font-family: Georgia, sans-serif;
	font-size: 17px;
	font-weight: 400;
	margin-bottom: 25px;
	margin-top: 13px
}

.box-item {
	font-size: 15px;
	display: flex;
	padding-bottom: 7px
}

.box-item label {
	color: #62686b;
	font-weight: 600;
	min-width: 120px
}

.box-footer {
	display: flex;
	padding: 20px;
	justify-content: space-between;
	max-width: 470px;
	margin: 0 auto
}

.box-footer.order-box {
	justify-content: center
}

.user-btn {
	font-size: 15px;
	font-weight: 600;
	background: 0 0;
	text-transform: uppercase;
	padding: 13px 20px;
	border: 1px solid #ccc5c2;
	text-align: center;
	text-decoration: none;
	display: block;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	align-self: center
}

.user-box:hover .user-btn {
	text-decoration: none;
	border-color: #917a73
}

.user-box:hover .user-btn:hover {
	border: 1px solid #fff;
	color: #fff
}

.btn-1 {
	color: #686058
}

.btn-2 {
	color: #575b5e
}

.btn-3 {
	color: #fff;
	border: 1px solid #fff
}

.user-login {
	max-width: 440px;
	margin: 0 auto
}

@media only screen and (max-width:740px) {
	.checkout-user {
		flex-direction: column
	}

	.checkout-user>div {
		width: 100%
	}

	.show-cart {
		top: 7px
	}

	.cart {
		width: 100%
	}
}

@media only screen and (max-width:1024px) {
	.row-1--footer {
		padding: 12px 8px
	}

	.social h3 {
		font-size: 32px;
		padding: 10px 0 25px;
		line-height: 32px
	}

	.footer-social {
		margin-bottom: 10px
	}

	.footer-social svg {
		width: 42px
	}
}

@media only screen and (max-width:768px) {
	.user--tf__content {
		padding-left: 10px;
		padding-right: 10px
	}

	#footer .inner {
		flex-direction: column;
		justify-content: center;
		align-items: center
	}

	#footer .footer-left {
		padding-bottom: 10px
	}
}

.footer__left {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 20px;
}

@media only screen and (max-width:460px) {
	.user-nav-items {
		margin: 10px 0 10px;
		border-bottom: 1px dashed #85754e;
		padding-bottom: 13px;
		flex-wrap: wrap;
		line-height: 23px
	}

	.user-nav-items a {
		font-size: 12px
	}

	.user-nav-items a::after {
		width: 6px;
		height: 8px;
		margin: 0 7px
	}

	.user-content {
		margin: 30px 0;
		padding: 0 10px
	}

	.user-content h2 {
		font-size: 22px;
		line-height: 22px;
		margin-bottom: 10px
	}

	.user--tf__content {
		padding: 10px 0
	}

	.select-method {
		flex-wrap: wrap;
		flex-direction: column;
		align-content: center
	}

	.checkout-payment h2 {
		padding-bottom: 0
	}

	.select-method a {
		font-size: 15px;
		margin-bottom: 10px;
		padding: 0 20px;
		width: 100%
	}

	.select-method a::before {
		width: 30px;
		height: 30px;
		margin-right: 10px
	}

	.address-list select {
		font-size: 12px;
		padding: 11px 6px 11px 3px;
		background-position-x: calc(100% - 10px)
	}

	.guest-form, 	.user-form {
		padding: 30px 10px;
		width: 100%
	}

	.guest-form, 	.user-form.wishlist-message {
		padding: 30px 25px;
		width: 100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%)
	}

	.pg-success .checkout--tf__content {
		padding: 50px 10px
	}

	#success-page h2 {
		font-size: 25px
	}

	.res-order-id {
		font-size: 17px;
		line-height: 17px;
		padding: 10px 0 27px
	}

	.row-1--footer {
		padding: 5px 8px
	}

	.social h3 {
		font-size: 32px;
		padding: 10px 0 25px;
		line-height: 32px
	}

	#footer .inner {
		flex-direction: column;
		justify-content: center
	}

	.footer-social {
		margin-bottom: 10px
	}

	.footer__left {
		order: 1
	}

	.footer__right {
		order: 0;
		padding-bottom: 10px
	}
}

.alert.success {
	padding: 10px 0;
	font-size: 14px;
	text-align: center;
	width: 100%;
	background: rgba(255, 255, 255, .4)
}

.edit-box {
	max-width: 100%;
	flex: 1 1 100%;
	flex-direction: column
}

.box-form, .box-form-buttons {
	display: none
}

.box-footer {
	display: none
}

.box-footer.active {
	display: flex
}

.user-content .box-form form {
	padding: 0
}

.confirm-delete {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	place-content: center;
	background: rgba(50, 50, 50, .7);
	z-index: 1;
	justify-content: space-around
}

.add-new {
	display: block;
	padding: 50px 10px
}

.add-new a {
	font-size: 15px;
	font-weight: 600;
	line-height: 34px;
	height: 32px;
	background: 0 0;
	color: #a08c85;
	padding: 7px 15px;
	position: relative;
	border: 1px solid #a08c85;
	transition: all .3s ease-out;
	text-decoration: none;
	text-transform: uppercase
}

.add-new a:hover {
	color: #ccc5c2;
	background: #575b5e;
	border-color: #575b5e
}

.user-add-address {
	display: none
}

#show-order .checkout--tf__content {
	background: #fff
}

.gallery-image {
	cursor: pointer
}

.cart-badge {
	position: absolute;
	top: 0;
	right: 0;
	background: #565656;
	border-radius: 50%;
	width: 17px;
	height: 17px;
	color: #fff;
	display: grid;
	place-content: center;
	font-size: 11px;
	font-weight: 800;
	z-index: 1
}

.header-search ul {
	display: flex
}

a.msg-link {
	font-family: Georgia, serif;
	font-size: 17px;
	line-height: 15px;
	font-weight: 400;
	color: #6f7275;
	margin-top: 40px;
	display: block;
	text-align: center;
	line-height: 1.2
}

.remove-from-cart {
	min-width: 30px;
	position: relative
}

.remove-from-cart::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: "\d7";
	font-size: 40px;
	color: #fff;
	text-align: center;
	display: grid;
	place-content: center;
	cursor: pointer
}

#header.sticky-header {
	position: fixed;
	opacity: .95;
	z-index: 3;
	margin-top: -14px;
	transform: translateY(0)
}

#header.sticky-header .inner {
	height: 80px
}

#header.sticky-header .header__brand {
	width: 140px;
	height: 63px;
	top: 25px
}

#header.sticky-header .header__brand:hover {
	background-position: -152px 0
}

.sticky-header.cart {
	position: fixed;
	top: 0
}

.cl-f {
	order: 9;
	margin-left: 20px;
	display: none
}

@media only screen and (max-width:475px) {
	.cl-f {
		margin-left: 10px
	}

	.hs__cart-icon, 	.hs__user-icon {
		width: 40px
	}
}

.nav-icon {
	width: 30px;
	height: 22px;
	position: relative;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	z-index: 9999
}

.nav-icon span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #a08c85;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out
}

.nav-icon span:nth-child(1) {
	top: 0
}

.nav-icon span:nth-child(2), .nav-icon span:nth-child(3) {
	top: 8px
}

.nav-icon span:nth-child(4) {
	top: 16px
}

.nav-icon.open span:nth-child(1) {
	top: 8px;
	width: 0%;
	left: 50%
}

.nav-icon.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.nav-icon.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.nav-icon.open span:nth-child(4) {
	top: 8px;
	width: 0%;
	left: 50%
}

.menu-overlay {
	height: 0;
	transform: scale(.9);
	transition: transform .3s ease
}

.opened-mobile {
	overflow: hidden
}

.opened-mobile .menu-overlay {
	display: flex;
	bottom: 0;
	background: #ddd;
	z-index: 2;
	position: absolute;
	overflow: hidden;
	padding-top: 0;
	left: 0;
	top: 113px;
	right: 0;
	min-height: 420px;
	border-top: 3px solid #917a73;
	border-bottom: 3px solid #917a73;
	background: rgba(255, 255, 255, .9);
	padding-left: 12px;
	transform: scale(1)
}

.menu-overlay ul, .menu-overlay ul li {
	display: none;
	padding-left: 10px
}

.opened-mobile .menu-overlay .header__search ul li {
	padding: 0;
	margin: 0
}

.menu-overlay a {
	opacity: 0;
	text-decoration: none
}

.opened-mobile .menu-overlay ul, .opened-mobile .menu-overlay ul li {
	font-size: 16px;
	line-height: 1.4;
	padding-top: 10px;
	display: block;
	transform: scale(1);
	width: 100%
}

.opened-mobile .menu-overlay a {
	opacity: 1;
	padding: 4px 6px
}

.opened-mobile .header__search ul {
	display: flex;
	justify-content: center;
	margin-top: 10px
}

.opened-mobile .sticky-header .menu-overlay {
	top: 81px !important
}

@media only screen and (max-width:1040px) {
	.cl-f {
		display: block
	}

	#header .cl-c, 	#header .hs__search-icon {
		display: none;
		visibility: hidden
	}

	.opened-mobile .opened-mobile .menu-overlay ul li a {
		padding-left: 4px
	}

	.opened-mobile a {
		color: #87888a
	}

	.opened-mobile .nav-lang ul, 	.opened-mobile .nav-lang ul li a {
		display: flex;
		padding-left: 0
	}

	.nav-lang ul li:first-child a::after {
		display: inline-block;
		content: '/';
		width: 16px;
		padding-left: 10px;
		cursor: default
	}
}

.gift-image {
	position: absolute;
	width: 100%;
	padding: 6px;
	margin-top: 10px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	text-align: center
}

.gift-image img {
	max-width: 380px;
	width: 100%
}

.gc-text {
	font-size: 14px;
	line-height: 1.3;
	padding-bottom: 15px
}

.gc-text p {
	padding-bottom: 3px
}

.gc-desc.gc-desc {
	font-size: 16px;
	text-align: center;
	font-family: Georgia
}

.gc-desc.gc-desc strong {
	font-size: 15px
}

.user--tf__header.gift-header {
	padding: 20px 0 0;
	overflow: hidden;
	height: 280px;
	margin-bottom: 150px
}

.user--tf__header.gift-header h3 {
	text-align: center;
	font-size: 15px;
	max-width: 650px;
	margin: 0 auto;
	line-height: 1.4
}

.gift-card--tf__content {
	max-width: 480px;
	margin: 0 auto
}

.gc-group {
	padding: 10px 0
}

.gc-cards {
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	padding: 10px 0
}

.gc_label {
	font-size: 15px;
	line-height: 1.4;
	font-weight: 500;
	letter-spacing: .05em;
	padding: 10px 0
}

.gc-cards li {
	-webkit-box-flex: 1;
	flex: 1;
	flex-basis: 100%;
	min-height: 48px;
	padding: 15px 0;
	font-weight: 500;
	font-size: 15px;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	cursor: pointer;
	color: #64696e;
	letter-spacing: .05em;
	border: 1px solid #d5d9dc;
	border-right-width: 0;
	background: 0 0;
	transition: all .2s ease-in
}

.gc-cards li:first-child {
	border-radius: 3px 0 0 3px
}

.gc-cards li:last-child {
	border-right-width: 1px
}

.gc-cards li a {
	cursor: pointer;
	color: #64696e;
	letter-spacing: .05em;
	font-weight: 600;
	font-size: 15px;
	text-decoration: none
}

.gc-cards li.selected-card, .gc-cards li:hover {
	color: #fff;
	background-color: #777;
	border-color: #777
}

.gc-cards li.selected-card a, .gc-cards li:hover a {
	color: #fff
}

.gc-cards-message {
	background: 0 0;
	border: 1px solid #ddd;
	width: 100%;
	min-height: 100px;
	padding: 20px;
	font-size: 17px;
	color: #575b5e
}

.gc-self {
	text-align: center
}

.gc-self label {
	color: #64696e
}

.gc-add {
	max-width: 200px;
	margin: 0 auto 50px;
	text-align: center
}

.giftcard-msg {
	text-align: center;
	font-size: 15px;
	line-height: 1.4
}

.generic-text {
	font-size: 16px;
	line-height: 1.3
}

@media only screen and (max-width:520px) {
	.gift-image img {
		max-width: 300px
	}

	.gift-image {
		margin-top: 0
	}

	.user--tf__header.gift-header h3.gc-top {
		font-size: 17px
	}
}

.vw {
	z-index: 9999;
	display: none;
	visibility: visible;
	background: transparent none repeat scroll 0 0;
	border: 0 none transparent;
	overflow: hidden auto;
	margin: 0;
	padding: 0;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.redirect-content {
	display: none
}

.redirect-message {
	background: #fff;
	padding: 6rem;
	font-size: 16px;
	display: flex;
	flex-direction: column
}

.redirect-message p {
	padding-bottom: 30px
}

.redirect-message .img {
	text-align: center;
	padding-bottom: 20px
}

.check-gc {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 20px 0
}

.check-gc-label {
	font-family: Georgia, serif;
	font-size: 18px;
	color: #575b5e
}

.check-gc-input {
	margin-left: 30px;
	display: flex;
	justify-content: space-around;
	flex-grow: 1
}

#gc-code {
	background: 0 0;
	border: 1px solid #fff;
	padding: 7px 10px;
	font-size: 14px;
	color: #575b5e;
	flex-grow: 1
}

.check-gc-input a.checkout-btn {
	cursor: pointer;
	display: inline-block;
	margin-left: -1px;
	padding: 12px 25px;
	background: #fff;
	color: #443f38
}

.check-gc-input a.checkout-btn:hover {
	background: #575b5e;
	color: #fff
}

.checkout-user .login-frm .col-100 {
	width: 100%;
	margin: 1% 0
}

@media only screen and (max-width:520px) {
	.check-gc {
		flex-wrap: wrap
	}

	.check-gc-btn {
		display: flex;
		padding-top: 20px
	}

	.check-gc-label {
		line-height: 2.1
	}

	.gift-card--tf__content {
		padding: 0 20px
	}

	.user--tf__header.gift-header {
		padding: 20px 20px 0
	}
}

.checkout-form-message {
	padding: 10px 0 20px;
	font-size: 17px;
	line-height: 1.2;
	color: #8c7c7c;
	font-family: georgia
}

.bg-alt {
	background: #eae9e8 !important;
	padding: 20px
}

.checkout--tf__content, .user--tf__content {
	margin: 0 auto 0;
	padding: 10px 0 0
}

.row-1--checkout {
	background: unset;
	padding: 0
}

.checkout--tf__content h2 {
	max-width: 770px;
	margin-left: auto;
	margin-right: auto
}

.separator {
	margin: 15px auto;
	max-width: 770px
}

.check-gc {
	margin: 0 auto;
	max-width: 770px;
	padding: 30px 20px 0
}

.checkout-cart {
	max-width: 770px;
	margin: 40px auto auto;
	padding: 0 20px
}

.vat-info {
	max-width: 770px;
	margin: 0 auto;
	padding: 0 20px 10px 40px;
	font-size: 13px;
	font-family: georgia;
	font-style: italic
}

.checkout--topfold, .user--topfold {
	margin-bottom: 0
}

.checkout-user {
	max-width: 770px;
	margin: 0 auto
}

.check-gc-label {
	font-size: 20px;
	font-family: georgia;
	text-align: left
}

.checkout--tf__content {
	max-width: 100%
}

.gc-code-center {
	text-align: center !important;
	width: 100%
}

#checkoutFrm {
	max-width: 770px;
	margin: 0 auto
}

.checkout-comments, .checkout-payment, .delivery {
	max-width: 770px;
	margin: 0 auto;
	padding-top: 20px
}

.checkout-total-info {
	font-size: 14px;
	font-family: georgia;
	font-style: italic;
	font-weight: 700;
	color: #000;
	text-align: left;
	line-height: 1.3
}

.checkout-totals.order-total {
	font-weight: 700
}

.disabled-email {
	color: #565656 !important
}

@media only screen and (max-width:520px) {
	.header-user-name {
		display: none
	}

	.check-gc {
		padding: 0 20px 0
	}

	.check-gc-input {
		margin-left: 0
	}

	.check-gc-input a.checkout-btn {
		padding: 12px 11px;
		font-size: 12px;
		letter-spacing: 0
	}

	.bg-alt {
		padding: 20px 0
	}

	.checkout-cart {
		margin-top: 0
	}

	.checkout-address {
		padding: 0 20px
	}

	.checkout-comments, 	.checkout-payment, 	.delivery {
		padding: 20px 20px 0
	}

	.vat-info {
		padding: 0 20px 30px 40px
	}
}

.user--tf__header.gift-header h3.gc-top {
	font-family: Georgia;
	font-size: 19px
}

.reset-btn {
	display: flex;
	justify-content: flex-end
}

.checkout-product-body.cp-giftcard {
	flex-direction: column;
	padding: 20px;
	align-items: self-start
}

.cp-giftcard-details {
	text-align: left;
	display: flex;
	align-items: flex-start;
	width: 100%
}

.edit-giftcard.checkout-btn {
	padding: 11px 20px;
	display: inline-block;
	margin-top: 10px;
	float: right
}

@media only screen and (max-width:520px) {
	.cp-giftcard-details {
		flex-wrap: wrap
	}

	.edit-giftcard.checkout-btn {
		display: block;
		margin-top: 30px
	}
}

.cp-giftcard-details strong {
	min-width: 50px;
	display: inline-block;
	text-transform: uppercase
}

.cp-giftcard-details .cp-subtitle {
	padding-left: 10px;
	align-self: flex-start;
	padding-top: 20px;
	line-height: 1.5;
	width: 100%
}

.cp-giftcard .cp-title {
	padding-left: 10px
}

.cp-subtitle.cp-edit {
	display: none;
	text-transform: uppercase
}

.update-giftcard {
	float: right
}

.empty-placeholder {
	font-size: 17px;
	padding: 40px 0 20px;
	font-family: georgia;
	display: none
}

.placeholder-active {
	display: block
}

#cookiescript_accept {
	color: #2C632C;
}

.drops-h1 {
	visibility: hidden;
	display: none;
}

.hidden {
	display: none;
	visibility: hidden
}

.espa {
	position: fixed;
	bottom: 10px;
	left: 10px;
	z-index: 9999;
}

.espa img {
	border-radius: 5px;
	width: 100px;
}

@media only screen and (max-width:768px) {
	.espa img {
		width: 60px;
	}
}

@media only screen and (max-width:568px) {
	.espa {
		display: none;
	}
}
#cookiescript_accept, #cookiescript_save {
	background-color: #000 !important;
}

.cc-window.cc-banner {
	color: rgb(255, 255, 255);
	background-color: rgb(0, 0, 0);
	max-width: 500px;
	max-width: 500px;
	font-size: 15px !important;
	line-height: 1.2em !important;
	display: flex !important;
	flex-direction: column !important;
}

.cc-banner.cc-bottom {
	left: unset !important;
	right: 0
}

.add-product-info {
	opacity: 0;
	transform: translateY(3rem);
	transition: all .2s ease-out;
	position: absolute;
	left: 0rem;
	bottom: 3.3rem;
	line-height: 1;
	font-size: 1.2rem;
	background: rgba(255, 255, 255, .95);
	color: #685957;
	padding: 2rem;
	text-align: left;
	font-weight: 400;
	line-height: 1.2;
	border: 1px solid;
}

.add-product-info strong {
	font-size: 1.3rem;
}

.add-product-info p {
	padding-bottom: .5rem;
}

.add-product-info p br {
	line-height: .5rem
}

.add-product-info::after {
	display: block;
	content: '';
	position: absolute;
	left: 2rem;
	bottom: -0.8rem;
	background-color: #fff;
	height: 1.5rem;
	width: 1.6rem;
	z-index: -1;
	transform: rotate(45deg);
	border-right: 1px solid #685957;
	border-bottom: 1px solid #685957;
}

.pvc__order-button:hover>.add-product-info {
	transform: translateY(0);
	opacity: 1;

}





.stagingDiv {
	position: fixed;
	z-index: 99999;
	padding: 1rem 5rem;
	transform: rotate(-45deg);
	background: red;
	text-align: center;
	left: -5rem;
	top: 2rem;
	color: #ffffff;
}

.stagingDiv a {
	color: #fff;
}

.row-1--anniversary {
	margin-top: 3px;
}

.anniversary--tf__header {
	background-color: #F2F1EF;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2rem;
	padding: 5rem 1rem;
}
@media only screen and (max-width:576px) {
    .anniversary--tf__header {
	    padding: 3rem 1rem;
    }
}

.anniversary--tf__header .header__text {
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 18px;
	max-width: 920px;
	line-height: 1.5;
	color: #575B5E;

}
.row--content .anniversary {
    background-color: #ffffff;
}
.inner-anniversary {
	max-width: 1107px;
	margin: 0 auto;
	padding: 50px 12px 30px;
}
.anniversary-items {
 display: flex;
 flex-direction: column;
 gap: 145px;
    padding-bottom: 150px;

}
@media only screen and (max-width:568px) {
.anniversary-items {
 gap: 70px;

}
}
.anniversary-item {
    display:flex;
    justify-content: space-around;
}

.anniversary-item:nth-child(even) .anniversary-item-image {
    order: 1;
}
.anniversary-item:nth-child(even) .anniversary-item-texts {
    order: 0;
    padding-left: 0;
    padding-right: 100px;
}


.anniversary-item-image {
    flex: 0 1 50%;
    max-width: 520px;
    max-height: 520px;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
}


@media screen and (max-device-width: 896px) and (orientation: landscape) {
    .anniversary--tf__header {
        padding-top: 3rem;
    }
    
    .anniversary-items {
        gap: 70px;
    }
    .anniversary-item-image {
        max-width: 380px;
        max-height: 380px;
    }

}

.anniversary-item-image::after {
    content: '';
    position: absolute;
    z-index: 0;
    background-image: url('/assets/uploads/20-transparency.png');
    width: 100%;
    height: 144px;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-repeat: repeat-x;
    background-position-y: 25px;
    mix-blend-mode: multiply;

}
.anniversary-item-image img {
    width: 100%;
    height: auto;
    transition: transform 2s ease-out;
}

.anniversary-icon {
    position: absolute;
    bottom: 22px;
    right: 22px;
    width: 46px;
    height: 46px;
    transition: opacity .4s ease-out;
}
.anniversary-item:hover {
    text-decoration: none;

}

.anniversary-item:hover img {
    transform: scale(1.1);
}
.anniversary-item:hover .anniversary-circle {
    opacity: 1;
}
.anniversary-item:hover .anniversary-arrow svg {
    fill: #9C9E9F
}
.anniversary-item:hover .anniversary-item-texts-text {
    color: #B8AAA8;
}
.anniversary-icon svg {
    width: 100%;
    height: 100%;
}
.anniversary-arrow {
    z-index: 3;
}
.anniversary-arrow svg {
    fill: #fff;
    transition: fill .4s ease-out;

}
.anniversary-circle svg {
    fill: #fff;
}
.anniversary-circle {
    z-index: 2;
    opacity: 0.3;
}
.anniversary-drops {
    z-index: 1;
}
.anniversary-drops svg {
    fill: #fff;
}
.anniversary-item-texts {
    display: flex;
    flex: 0 1 50%;
    flex-direction: column;
    justify-content: center;
    padding-left: 100px;
    padding-right: 0;
    gap: 2rem;
}


.anniversary-item-texts-title {
	font-family: Georgia, serif;
    color: #B8AAA8;
    font-size: 41px;
    line-height: 1;
    text-decoration: none;

}
.anniversary-item-texts-text {
	font-family: Georgia, serif;
    color: #9C9E9F;
    font-size: 23px;
    line-height: 1.4;
    text-decoration: none;
}
@media only screen and (max-width:1024px) {
    .anniversary-item-texts {
        padding-left: 60px;
    }
    .anniversary-item-texts-title {
        font-size: 35px;
    }
    .anniversary-item-texts-text {
        font-size: 20px;
    }
}
@media only screen and (max-width:768px) {
    .inner-anniversary {
        padding-top: 25px;
    }
    .header__anniversary-logo {
        width: 200px;
        height: 130px;
    }
    .header__anniversary-logo svg{
        width: 100%;
        height: 100%;
    }
    .anniversary--tf__header .header__text {
        line-height: 1.4;
    }
    .anniversary-items {
        padding-bottom: 60px;
    }
    .anniversary-item {
        flex-direction: column;
        gap: 2rem;
    }
    .anniversary-item:nth-child(even) .anniversary-item-image {
        order: 0;
    }
    .anniversary-item:nth-child(even) .anniversary-item-texts {
        order: 1;
       padding-right: 20px;
    }
    .anniversary-item-texts {
        padding-left: 0;
        padding-right: 0;
        gap: 1.2rem;
    }
     .anniversary-item-texts-title {
        font-size: 32px;
    }
    .anniversary-item-texts-text {
        line-height: 1.4;
        width: 100%;
    }
}


.anniversary_link {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 0 20px;
    gap: 10px;
    cursor: pointer;
}

.anniversary_link:hover .anniversary_link-title { 
    color: #6F7275;
}

.anniversary_link:hover .anniversary-drops svg {
    fill: #6F7275;
}


.anniversary_link-title {
    font-family: Georgia, serif;
    font-size: 13px;
    color: #A08C85;
    transition: color .3s ease-out;
    
}
.anniversary_link-icon {
    position: relative;
    height: 46px;
    width: 46px;

}
.anniversary_link .anniversary-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 46px;
    height: 46px;
}
.anniversary_link:hover .anniversary-arrow svg {
    fill: #9C9E9F
}

.anniversary_link .anniversary-icon svg {
    width: 100%;
    height: 100%;
}
.anniversary_link .anniversary-arrow {
    z-index: 3;
}
.anniversary_link .anniversary-arrow svg {
    fill: #6F7275;
    transition: fill .4s ease-out;

}
.anniversary_link .anniversary-drops {
    z-index: 1;
    
}
.anniversary_link .anniversary-drops svg {
    fill: #BCACAA;
    transition: fill .3s ease-out;
}
.anniversary_story {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    padding: 85px 48px 55px;
    background-color: #F9F7F7;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translateX(100%);
    transition: transform .7s ease-out, opacity .7s ease-out;
    opacity: 0;
}
.anniversary_story.open {
    transform: translateX(0);
    opacity: 1;
}




.anniversary_story-title {
    font-family: Georgia, serif;
    font-weight: bold;
    font-size: 26px;
    color: #8F9199;
    line-height: 1.2;
    padding: 50px 0 15px;
}
.anniversary_story-text {
    font-family: Georgia, serif;
    font-size: 18px;
    color: #8F9199;
    line-height: 1.4;
    flex-grow: 1;
}
.anniversary_story-closeIcon {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 2rem;
    top: 2rem;
    cursor: pointer;
    transition: opacity .4s ease-out;
    
}
.anniversary_story-closeIcon svg {
    height: 100%;
    width: 100%;
    fill: #B8AAA8;
}

.anniversary_story-closeIcon:hover {
    opacity: .4;
}

.anniversary_story-button {
    border: 1px solid #B8AAA8;
    width: fit-content;
    padding: 1rem 3rem;
    border-radius: 3rem;
 	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-size: 12px;
	color: #B8AAA8;
	text-transform: uppercase;
	cursor: pointer;
	transition: background .4s ease-out, color .4s ease-out;
	position: absolute;
	    bottom: 30px;

}
.anniversary_story-button:hover {
    background-color: #B8AAA8;
    color: #fff;
}
@media only screen and (max-width:1024px) {
    .anniversary_story {
        transform: translate(0,100%);
        padding: 40px 30px 31px;
    }
    .anniversary_story-logo {
        height: 110px;
        width: 160px;
    }
    .anniversary_story-logo  svg {
        width: 100%;   
        height: 100%;
    }
    .anniversary_story-title {
        font-size: 24px;
        padding: 35px 0 10px;
    }
    
    .anniversary_story-text {
        font-size: 16px;
        line-height: 1.3;
    }
    .anniversary_story-button {
        bottom: 20px;   
    }
}
@media only screen and (max-width:768px) {
    .anniversary_story {
        transform: translate(0,100%);
        padding: 30px 30px 31px;
    }
    .anniversary_story-logo {
    height: 96px;
    width: 140px;
    }
    .anniversary_story-title {
        padding-top: 25px;
    }
    .anniversary_story-button {
        padding: 0.8rem 2.4rem;
        font-size: 11px;
        bottom: 15px;

    }
    
}