/*
	CSS file for Scarves & Hankies
*/


@font-face {
		font-family: 'Brandon Grotesque';
		src: url('../fonts/brandon_med_it-webfont.eot');
		src: url('../fonts/brandon_med_it-webfont.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/brandon_med_it-webfont.woff2') format('woff2'),
				 url('../fonts/brandon_med_it-webfont.woff') format('woff'),
				 url('../fonts/brandon_med_it-webfont.ttf') format('truetype'),
				 url('../fonts/brandon_med_it-webfont.svg#brandon_grotesqueMdIt') format('svg');
		font-weight: 500;
		font-style: italic;

}

@font-face {
		font-family: 'Brandon Grotesque';
		src: url('../fonts/brandon_med-webfont.eot');
		src: url('../fonts/brandon_med-webfont.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/brandon_med-webfont.woff2') format('woff2'),
				 url('../fonts/brandon_med-webfont.woff') format('woff'),
				 url('../fonts/brandon_med-webfont.ttf') format('truetype'),
				 url('../fonts/brandon_med-webfont.svg#brandon_grotesquemedium') format('svg');
		font-weight: 500;
		font-style: normal;

}

@font-face {
		font-family: 'Brandon Grotesque';
		src: url('../fonts/brandon_reg_it-webfont.eot');
		src: url('../fonts/brandon_reg_it-webfont.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/brandon_reg_it-webfont.woff2') format('woff2'),
				 url('../fonts/brandon_reg_it-webfont.woff') format('woff'),
				 url('../fonts/brandon_reg_it-webfont.ttf') format('truetype'),
				 url('../fonts/brandon_reg_it-webfont.svg#brandon_grotesqueRgIt') format('svg');
		font-weight: 400;
		font-style: italic;

}

@font-face {
		font-family: 'Brandon Grotesque';
		src: url('../fonts/brandon_reg-webfont.eot');
		src: url('../fonts/brandon_reg-webfont.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/brandon_reg-webfont.woff2') format('woff2'),
				 url('../fonts/brandon_reg-webfont.woff') format('woff'),
				 url('../fonts/brandon_reg-webfont.ttf') format('truetype'),
				 url('../fonts/brandon_reg-webfont.svg#brandon_grotesque_regularRg') format('svg');
		font-weight: 400;
		font-style: normal;

}

@font-face {
		font-family: 'Brandon Grotesque';
		src: url('../fonts/brandon_bld_it-webfont.eot');
		src: url('../fonts/brandon_bld_it-webfont.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/brandon_bld_it-webfont.woff2') format('woff2'),
				 url('../fonts/brandon_bld_it-webfont.woff') format('woff'),
				 url('../fonts/brandon_bld_it-webfont.ttf') format('truetype'),
				 url('../fonts/brandon_bld_it-webfont.svg#brandon_grotesquebold_italic') format('svg');
		font-weight: bold;
		font-style: italic;

}

@font-face {
		font-family: 'Brandon Grotesque';
		src: url('../fonts/brandon_bld-webfont.eot');
		src: url('../fonts/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/brandon_bld-webfont.woff2') format('woff2'),
				 url('../fonts/brandon_bld-webfont.woff') format('woff'),
				 url('../fonts/brandon_bld-webfont.ttf') format('truetype'),
				 url('../fonts/brandon_bld-webfont.svg#brandon_grotesquebold') format('svg');
		font-weight: bold;
		font-style: normal;

}

@font-face {
		font-family: 'Brandon Grotesque';
		src: url('../fonts/brandon_blk_it-webfont.eot');
		src: url('../fonts/brandon_blk_it-webfont.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/brandon_blk_it-webfont.woff2') format('woff2'),
				 url('../fonts/brandon_blk_it-webfont.woff') format('woff'),
				 url('../fonts/brandon_blk_it-webfont.ttf') format('truetype'),
				 url('../fonts/brandon_blk_it-webfont.svg#brandon_grotesqueblack_italic') format('svg');
		font-weight: 800;
		font-style: italic;

}

@font-face {
		font-family: 'Brandon Grotesque';
		src: url('../fonts/brandon_blk-webfont.eot');
		src: url('../fonts/brandon_blk-webfont.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/brandon_blk-webfont.woff2') format('woff2'),
				 url('../fonts/brandon_blk-webfont.woff') format('woff'),
				 url('../fonts/brandon_blk-webfont.ttf') format('truetype'),
				 url('../fonts/brandon_blk-webfont.svg#brandon_grotesqueblack') format('svg');
		font-weight: 800;
		font-style: normal;

}


/*	General
------------------------------*/

	* {
		padding: 0;
		margin: 0;
		outline: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
				-webkit-appearance: none;
	}

	.clearfix:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}

	* html .clearfix,
	*:first-child+html .clearfix {
		zoom: 1;
	}

	body {
				cursor: default;
				font-family: 'Brandon Grotesque';
	}

		body.fixed-header .panel {
			padding-top: 111px;
		}

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

	a img {
		border: 0;
	}

	.container {
		width: 94%;
		max-width: 1170px;
		margin: 0 auto;
				box-sizing: border-box;
	}

	.site-wrapper {
		overflow: hidden;
	}

	input[type="radio"] {
		-webkit-appearance: radio;
	}

	input[type="checkbox"] {
		-webkit-appearance: checkbox;
	}


/*	Animations
-------------------------------------------*/

	.kenburns {
		-webkit-transform: scale(1);
			 -moz-transform: scale(1);
				 -ms-transform: scale(1);
					-o-transform: scale(1);
						transform: scale(1);
		-webkit-transition: -webkit-transform linear 12s, opacity ease 1s;
			 -moz-transition: -moz-transform linear 12s, opacity ease 1s;
				-ms-transition: -ms-transform linear 12s, opacity ease 1s;
			 -o-transition: -o-transform linear 12s, opacity ease 1s;
				 transition: transform linear 12s, opacity ease 1s;
	}

	.page-loaded .kenburns {
		-webkit-transform: scale(1.1);
			 -moz-transform: scale(1.1);
				 -ms-transform: scale(1.1);
					-o-transform: scale(1.1);
						transform: scale(1.1);
	}

	.fade-on-scroll {
		opacity: 0;
		-webkit-transition: all ease 0.6s;
			 -moz-transition: all ease 0.6s;
					 transition: all ease 0.6s;
	}

		.fade-on-scroll.fade-in {
			opacity: 1;
		}


	/*
	 *	Page Loader
	 */
	.loader {
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 9999;
		opacity: 1;
		position: fixed;
		overflow: hidden;
		background: #ffffff;
			-webkit-user-select: none;
			 -moz-user-select: none;
					 user-select: none;
		-webkit-pointer-events: none;
				pointer-events: none;
		-webkit-transition: all ease 1.1s 0.4s;
			 -moz-transition: all ease 1.1s 0.4s;
					 transition: all ease 1.1s 0.4s;

		-webkit-transition: opacity 0s;
			 -moz-transition: opacity 0s;
					 transition: opacity 0s;
	}

	.page-loaded #page-loader {
		opacity: 0;
		visibility: hidden;
	}

		.loader .container {
			top: 50%;
			top: 50vh;
			width: 100%;
			max-width: 100%;
			position: absolute;
			-webkit-transform: translateY(-50%);
				 -moz-transform: translateY(-50%);
						 transform: translateY(-50%);
		}

			/** Account for Safari and Chrome Mobile chrome on loading... */
			.mobile-device .loader .container {
				top: calc(50vh - 65px);
			}

		.loader .container svg {
			display: block;
			margin: 0 auto;
			-webkit-animation: rotator 1.6s linear infinite;
					animation: rotator 1.6s linear infinite;
		}

			@-webkit-keyframes rotator {
				0% {
					-webkit-transform: rotate(0deg);
							transform: rotate(0deg);
				}
				100% {
					-webkit-transform: rotate(270deg);
							transform: rotate(270deg);
				}
			}

			@keyframes rotator {
				0% {
					-webkit-transform: rotate(0deg);
							transform: rotate(0deg);
				}
				100% {
					-webkit-transform: rotate(270deg);
							transform: rotate(270deg);
				}
			}

		.loader .container svg .path {
			stroke: #633d40;
			stroke-dasharray: 187;
			stroke-dashoffset: 0;
			-webkit-transform-origin: center;
					transform-origin: center;
			-webkit-animation: dash 1.4s ease-in-out infinite;
					animation: dash 1.4s ease-in-out infinite;
		}

			@-webkit-keyframes dash {
				0% {
					stroke-dashoffset: 187;
				}
				50% {
					stroke-dashoffset: 46.75;
					-webkit-transform: rotate(135deg);
								transform: rotate(135deg);
				}
				100% {
					stroke-dashoffset: 187;
					-webkit-transform: rotate(450deg);
								transform: rotate(450deg);
				}
			}

			@keyframes dash {
				0% {
					stroke-dashoffset: 187;
				}
				50% {
					stroke-dashoffset: 46.75;
					-webkit-transform: rotate(135deg);
								transform: rotate(135deg);
				}
				100% {
					stroke-dashoffset: 187;
					-webkit-transform: rotate(450deg);
								transform: rotate(450deg);
				}
			}


		/*
		.loader .container svg {
			display: block;
			margin: 0 auto;
			-webkit-animation: page-load-spinner 4s infinite linear;
				 -moz-animation: page-load-spinner 4s infinite linear;
					animation: page-load-spinner 4s infinite linear;
			-webkit-animation-fill-mode: both;
				 -moz-animation-fill-mode: both;
					animation-fill-mode: both;
		}

		@-webkit-keyframes page-load-spinner {
			0% { -webkit-transform:rotate(0deg); }
			100% { -webkit-transform:rotate(360deg); }
		}

		@-moz-keyframes page-load-spinner {
			0% { -moz-transform:rotate(0deg); }
			100% { -moz-transform:rotate(360deg); }
		}

		@keyframes page-load-spinner {
			0% { transform:rotate(0deg); }
			100% { transform:rotate(360deg); }
		}
		*/

		/** Remove Default WooCommerce Loader */
.woocommerce .blockUI.blockOverlay:before,
.woocommerce .loader:before {
	display: none !important;
}



/*	Header
-------------------------------------------*/

	header {
		z-index: 99;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		padding: 51px 39px 36px 33px;
		box-sizing: border-box;
	}

		header:before {
			content: '';
			z-index: -1;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 100%;
			left: 0;
			background: rgba(255,255,255,1);
			box-shadow: 0px 1px 7px 0px rgba(20, 22, 24, 0.07);
			-webkit-transition: all 0.2s ease-in-out 0s;
					transition: all 0.2s ease-in-out 0s;
		}

		/*
		 * Logo
		 */

		 header .logo {
			 position: relative;
			 float: left;
			 top: 1px;
			 margin-top: 25px;
			 opacity: 0;
			 visibility: hidden;
			 -webkit-transition: all 0.2s ease-in-out 0s;
					transition: all 0.2s ease-in-out 0s;
		 }

			 header .logo .desktop-logo {
				 width: 219px;
				 height: 14px;
			 }

			 header .logo .mobile-logo {
				 height: 50px;
				 display: none;
			 }

		 /*
			* Logo icon
			*/

			header .logo-icon {
				position: absolute;
				left: 50%;
				top: 50%;
			margin: 25px 0 0 -45px;
			 opacity: 0;
			 visibility: hidden;
			-webkit-transform: translatey(-50%);
				 -moz-transform: translatey(-50%);
					transform: translatey(-50%);
			-webkit-transition: all 0.2s ease-in-out 0s;
					transition: all 0.2s ease-in-out 0s;
			}

				header .logo-icon img {
					width: 89px;
					height: 71px;
				}

			/*
				 * Nav
				 */
			 header nav {
				 float: right;
			 }

				 header nav ul {
					 position: relative;
					 float: left;
					 list-style: none;
				 }

					 header nav ul li {
						 float: left;
					 }

					 header nav ul li:first-child {
						 margin-left: 0 !important;
					 }

			 /*
				* Left
				*/

			 header nav ul.left li {
				 margin-left: 23px;
				 font-size: 13px;
				line-height: 17px;
				letter-spacing: 0.167em;
				text-transform: uppercase;
			 }

				 header nav ul.left li a {
					 text-decoration: none;
					 color: #694447;
					 -webkit-transition: all 0.3s ease 0s;
									transition: all 0.3s ease 0s;
				 }

					 header nav.white ul.left li a {
						 color: #fff;
					 }

				 header nav ul.left li.current-menu-item a {
					 color: #d1a465;
				 }

			/*
			 * Right
			 */
			 header nav ul.right {
				 margin: -1px 0 0 15px;
			 }

				 header nav ul.right:before {
					 content: '|';
					 position: relative;
					 margin: -1px 23px 0 0;
					float: left;
					color: #d1a465;
					font-size: 13px;
					-webkit-transition: all 0.3s ease 0s;
									transition: all 0.3s ease 0s;
				 }

					 header nav.white ul.right:before {
						 color: #fff;
					 }

				 header nav ul.right li {
					 margin-left: 16px;
				 }

				 header nav ul.right li .input-wrapper {
					 float: left;
					 top: -6px;
					 width: 150px;
					 position: relative;
					 margin-left: -7px;
					 margin-right: 7px;
					 width: 0px;
					 overflow: hidden;
					 -webkit-transition: all 0.4s ease 0s;
									transition: all 0.4s ease 0s;
				 }

					 header nav ul.right li input {
						 width: 100%;
						 font-size: 13px;
						 font-weight: 400;
						 line-height: 17px;
						 padding: 6px 10px;
						 border: 1px solid #ddd;
						 box-sizing: border-box;
					 }

				 header nav ul.right li.opened .input-wrapper {
					width: 150px;
				}

				 header nav ul.right svg {
					 fill: #d1a464;
							fill-rule: evenodd;
							-webkit-transition: all 0.3s ease 0s;
									transition: all 0.3s ease 0s;
				 }

					 header nav ul.right svg:hover {
						 fill: #694447;
					 }

		/*
	 *	White
	 */
	header.white nav ul.left li a,
	header.white nav ul.right:before {
		color: #ffffff;
	}

	header.white nav ul.right svg {
		fill: #ffffff;
	}


	 /*
		* Tiny & fixed header
		*/
	header.tiny:before,
	body.fixed-header header:before,
	body.no-scroll header:before {
		opacity: 1;
		bottom: 0;
	}

	header.tiny .logo,
	header.tiny .logo-icon,
	body.fixed-header header .logo,
	body.fixed-header header .logo-icon,
	body.no-scroll header .logo,
	body.no-scroll header .logo-icon {
		opacity: 1;
		visibility: visible;
		margin-top: 0;
	}

		header.tiny nav.white ul.left li a,
		header.white.tiny nav ul.left li a,
		body.no-scroll header.white nav ul.left li a {
			color: #694447;
		}

	header.tiny nav.white ul.right:before,
	header.white.tiny nav ul.right:before,
	body.no-scroll header.white nav ul.right:before {
		color: #d1a465;
	 }

	 header.white.tiny nav ul.right svg,
	body.no-scroll header.white nav ul.right svg {
		 fill: #d1a464;
	 }

	/*
	 *	Mobile Nav
	 */
	#nav-toggle {
		top: 36px;
		right: 39px;
		position: absolute;
				text-decoration: none;
				display: none;
		}

			#nav-toggle .label {
				color: #694447;
				font-size: 15px;
			line-height: 17px;
			letter-spacing: 0.167em;
			text-transform: uppercase;
			padding: 14px 34px 0px 0px;
			}

				#nav-toggle .bars {
				top: 0px;
				right: -10px;
				z-index: 1000;
				padding: 10px 10px 10px 18px;
				cursor: pointer;
				position: absolute;
				-webkit-transition: all ease 0.4s;
						 transition: all ease 0.4s;
		}

			#nav-toggle .bars span {
				display: block;
				width: 27px;
					height: 4px;
					margin: 10px 0;
					position: relative;
					background: #694447;
					-webkit-transition: all ease 0.4s;
							 transition: all ease 0.4s;
			}

				#nav-toggle .bars span:after,
				#nav-toggle .bars span:before {
						content: "";
						z-index: -1;
						width: 27px;
						height: 4px;
						display: block;
						position: absolute;
						background: #694447;
						-webkit-transition: all ease 0.4s;
								 transition: all ease 0.4s;
				}

				#nav-toggle .bars span:before {
						top: -9px;
						left: 0px;
				}

				#nav-toggle .bars span:after {
						top: 9px;
						left: 0px;
				}

		#nav-toggle:hover .bars {
				-webkit-transition: top ease 0.4s;
						 transition: top ease 0.4s;
		}

			#nav-toggle:hover .bars span:before {
					top: -13px;
			}

			#nav-toggle:hover .bars span:after {
					top: 11px;
			}

	.white:not(.tiny) #nav-toggle .label {
		color: #ffffff;
	}

	.white:not(.tiny) #nav-toggle .bars span,
	.white:not(.tiny) #nav-toggle .bars span:before,
	.white:not(.tiny) #nav-toggle .bars span:after {
		background: #ffffff;
	}

	header .mobile-menu {
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		right: 0px;
		display: table;
		position: fixed;
		list-style: none;
			opacity: 0;
			visibility: hidden;
			background: rgba(105, 68, 71, 0.85);
			 -webkit-transition: all ease 0.4s;
							transition: all ease 0.4s;
	}

		header .mobile-menu ul {
			list-style: none;
			display: table-cell;
			vertical-align: middle;
			opacity: 0;
			visibility: hidden;
		}

		header .mobile-menu ul li {
			width: 100%;
			text-align: center;
		}

			header .mobile-menu ul li a {
				display: block;
				color: #ffffff;
				font-size: 40px;
				line-height: 42px;
				letter-spacing: 0.05em;
				text-decoration: none;
				text-transform: uppercase;
				padding: 16px 15px 13px 15px;
			}

			header .mobile-menu ul li a:hover {
				color: #694447;
				background: #ffffff;
			}


	/*
	 *	Opened navigation
	 */
	header.opened-nav #nav-toggle .bars span {
		border: 0;
			background: rgba(0, 0, 0, 0) !important;
	}

		header.opened-nav #nav-toggle .bars span:after {
				top: 0 !important;
				background: #ffffff;
			-webkit-transform: rotate(45deg);
				 -moz-transform: rotate(45deg);
						 transform: rotate(45deg);
		}

		header.opened-nav #nav-toggle .bars span:before {
				top: 0 !important;
				background: #ffffff;
				-webkit-transform: rotate(-45deg);
				 -moz-transform: rotate(-45deg);
						 transform: rotate(-45deg);
		}

	header.opened-nav #nav-toggle .label {
		display: none;
	}

	header.opened-nav .mobile-menu {
		opacity: 1;
			visibility: visible;
	}

		header.opened-nav .mobile-menu ul {
			opacity: 1;
			visibility: visible;
		}

		header.closing .mobile-menu {
			opacity: 0;
			visibility: hidden;
		}



/*	Footer
-------------------------------------------*/

	footer {
		padding: 74px 0 72px 0;
	}

	footer.top-border {
		border-top: 1px solid #eee;
	}

		section.related-products + footer {
			margin-top: 70px;
			padding-top: 99px;
			border-top: 1px solid #cfcfcf;
		}

	/*
	 * Top
	 */

	 footer .top {}

		 footer .top .col {
			 float: left;
			 box-sizing: border-box;
			 padding: 47px 20px 0 0;
		 }

			 footer .top .col.about { width: 48.88888888888889%; padding: 0 70px 0 0; }
			 footer .top .col.shop { width: 10.68376068376068%; }
			 footer .top .col.contact { width: 21.45299145299145%; }
			 footer .top .col.location { width: 18.97435897435898%; padding-right: 0; }

			 footer .top .col-title {
				 font-size: 13px;
				 line-height: 17px;
				 font-weight: 700;
				 color: #5f5f5f;
			 }

			 footer .top ul {
				 list-style: none;
				 margin-top: 5px;
			 }

				 footer .top ul li {
					 margin-top: 3px;
					 font-size: 16px;
					 line-height: 20px;
					 color: #969696;
				 }

					 footer .top ul li:first-child {
						 margin-top: 0;
					 }

					 footer .top ul li a {
						 text-decoration: none;
						 color: #969696;
						 -webkit-transition: all 0.3s ease 0s;
								 transition: all 0.3s ease 0s;
					 }

						 footer .top ul li a:hover {
							 color: #694447;
						 }

		 /*
			* About
			*/

		 footer .top .col.about svg {
			 max-width: 241px;
			 fill: #5f5f5f;
				fill-rule: evenodd;
		 }

		 footer .top .col.about p {
			 margin-top: 2px;
			 font-size: 13px;
			 line-height: 16px;
			 color: #969696;
		 }

		 /*
			* Location
			*/

			footer .top .col.location p {
				margin-top: 4px;
				font-size: 16px;
				line-height: 22px;
				color: #969696;
			}

	 /*
		* Bottom
		*/

	 footer .bottom {
		 margin-top: 51px;
	 }

		 footer .bottom .right {
			 float: right;
		 }

		 /*
			* Copyright
			*/

		 footer .bottom .copyright {
			 float: left;
			 margin-left: -12px;
			 font-size: 13px;
			 line-height: 17px;
			 font-weight: 700;
			 color: #969696;
		 }

			 footer .bottom .copyright svg {
				 float: left;
				 position: relative;
				 top: -17px;
				 width: 62px;
				 height: 49px;
				 fill: #5f5f5f;
					 fill-rule: evenodd;
			 }

			 footer .bottom .copyright div {
				 float: left;
				 margin-left: 17px;
			 }

			 footer .bottom .copyright a {
				 text-decoration: none;
				color: #969696;
				-webkit-transition: all 0.3s ease 0s;
						transition: all 0.3s ease 0s;
			 }

				 footer .bottom .copyright a:hover {
					 color: #694447;
				 }

		 /*
			* Cards
			*/

			footer .bottom .cards {
				float: left;
				margin: -7px 85px 0 0;
			}

				footer .bottom .cards ul {
					list-style: none;
				}

					footer .bottom .cards ul li {
						float: left;
						margin-left: 3px;
					}

						footer .bottom .cards ul li:first-child {
							margin-left: 0;
						}

						footer .bottom .cards ul li span {
							display: -webkit-box;
						display: -ms-flexbox;
						display: -webkit-flex;
						display: flex;
						-webkit-box-pack: center;
						-ms-flex-pack: center;
						-webkit-justify-content: center;
						justify-content: center;
						-webkit-box-align: center;
						-ms-flex-align: center;
						-webkit-align-items: center;
						align-items: center;
							width: 39px;
							height: 27px;
							border-radius: 4px;
							box-sizing: border-box;
							background-color: #f8f7f5;
						}


			/*
			 * Social
			 */

			footer .bottom .social {
				float: right;
				margin-top: -3px;
			}

				footer .bottom .social span {
					position: relative;
					top: 4px;
					float: left;
					font-size: 13px;
					line-height: 16px;
					font-weight: 700;
					color: #969696;
					text-transform: uppercase;
				}

				footer .bottom .social ul {
					float: left;
					margin-left: 16px;
					list-style: none;
				}

					footer .bottom .social ul li {
						float: left;
						margin-left: 6px;
					}

						footer .bottom .social ul li:first-child {
							margin-left: 0;
						}

						footer .bottom .social ul li a {
							display: -webkit-box;
						display: -ms-flexbox;
						display: -webkit-flex;
						display: flex;
						-webkit-box-pack: center;
						-ms-flex-pack: center;
						-webkit-justify-content: center;
						justify-content: center;
						-webkit-box-align: center;
						-ms-flex-align: center;
						-webkit-align-items: center;
						align-items: center;
							width: 23px;
							height: 23px;
							background: #cfcfcf;
							border-radius: 50%;
							font-size: 13px;
							text-decoration: none;
							color: #fff;
							-webkit-transition: all 0.3s ease 0s;
									transition: all 0.3s ease 0s;
						}

							footer .bottom .social ul li a:hover {
								background: #969696;
							}



/*	General Content
-------------------------------------------*/

	.general-content {
		color: #5f5f5f;
		font-size: 18px;
		line-height: 29px;
		padding-top: 10px;
		padding-bottom: 25px;
	}

	.general-content > *:first-child {
		padding-top: 0px;
	}

	.general-content h1 {
		color: #674245;
			font-family: "Playfair Display", serif;
			font-size: 38px;
			font-weight: 400;
			line-height: 42px;
			text-align: center;
			padding-bottom: 15px;
	}

	.general-content h2 {
			color: #ac7d69;
			font-family: "Playfair Display", serif;
			font-size: 20px;
			font-weight: 400;
			line-height: 22px;
			letter-spacing: 0.1em;
			text-transform: uppercase;
			margin-top: 40px;
	}

	.general-content h3 {
			color: #674245;
			font-family: "Playfair Display", serif;
			font-size: 17px;
			font-weight: 400;
			line-height: 18px;
			letter-spacing: 0.1em;
			text-transform: uppercase;
			margin-top: 35px;
	}

	.general-content p {
		padding-top: 25px;
	}

		.general-content h2 + p {
			padding-top: 20px;
		}

		.general-content h3 + p {
			padding-top: 12px;
		}

	.general-content a {
		color: #ac7d69;
		-webkit-transition: all ease 0.3s;
				transition: all ease 0.3s;
	}

		.general-content a:hover {
			color: #643e41;
		}

	.general-content ol {
		padding: 20px 0 0 40px;
	}

	.general-content ul {
		padding: 20px 0 0 23px;
		list-style: none;
	}

		.general-content ul li {
			position: relative;
			 padding-left: 18px;
		}

			.general-content ul li:before {
				content: '';
				position: absolute;
				left: 0;
				top: 12px;
				width: 4px;
				height: 4px;
				border-radius: 50%;
				background: #b88f7e;
			}


/*	Page (global)
-------------------------------------------*/

	section {
		position: relative;
		width: 100%;
		box-sizing: border-box;
	}

	section.full {
		height: 100vh;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	section.page-header {
		/*height: 559px;*/
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		margin-top: 0 !important;
	}


/*	Page: Home
-------------------------------------------*/

	/*	Section : Hero (global)
	-------------------------------------------*/

		/*
		 * Background
		 */

		 section.hero .background {
			 z-index: -1;
		 }

		section.hero .background,
		section.hero .background .frame {
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
		}

			section.hero .background .swiper-container {
				width: 100%;
				height: 100%;
			}

			section.hero .background .image {
				position: absolute;
				left: 13px;
				top: 13px;
				right: 13px;
				bottom: 13px;
				overflow: hidden;
				background-repeat: no-repeat;
				background-position: left top;
				background-size: cover;
			}

				section.hero .background .img {
					top: 0px;
					left: 0px;
					right: 0px;
					bottom: 0px;
					position: absolute;
					background-repeat: no-repeat;
					background-position: left top;
					background-size: cover;
				}

			section.hero .background video {
				position: absolute;
				right: 0;
				bottom: 0;
				min-width: 100%;
				min-height: 100%;
				width: auto;
				height: auto;
				z-index: 0;
			}

		section.hero-about .background {
			opacity: 0;
			-webkit-transition: all ease 0.4s 0.4s;
					transition: all ease 0.4s 0.4s;
		}

			.page-loaded section.hero-about .background {
				opacity: 1;
			}

		section.hero .content {
			 position: relative;
		 }


		/*
		 * Content (home)
		 */
		section.hero.hero-home .content {
			 position: relative;
			 width: 92%;
			 max-width: 480px;
			 padding: 50px 25px 55px 25px;
			 background: rgba(255, 255, 255, 0.9);
			 box-sizing: border-box;
		 }

			 section.hero.hero-home .content {
				 margin-top: -28px;
			 }

			 section.hero.hero-home .content img {
				 display: block;
				 margin: 0 auto;
			 }

				 section.hero.hero-home .content .logo-icon {
					 max-width: 116px;
				 }

				 section.hero.hero-home .content .logo-title {
					 margin-top: 22px;
					 max-width: 349px;
				 }

				 section.hero.hero-home .content .logo-subtitle {
					 margin-top: 15px;
				 }

			 section.hero.hero-home .content .button {
				 font-size: 0px;
				 margin-top: 25px;
				 text-align: center;
			 }

				 section.hero.hero-home .content .button a + a {
					 margin-left: 12px;
				 }

				 section.hero.hero-home .content .button a {
					 display: inline-block;
					 position: relative;
					 width: 154px;
					 padding: 16px 20px 15px 20px;
					 box-sizing: border-box;
					 background: rgba(172,125,105,0.86);
					 font-size: 11px;
					 line-height: 15px;
					 font-weight: 500;
					 letter-spacing: 0.167em;
					 text-transform: uppercase;
					 text-decoration: none;
					 color: #fff;
					 box-sizing: border-box;
					 -webkit-transition: all 0.3s ease 0s;
							 transition: all 0.3s ease 0s;
				 }

					 section.hero.hero-home .content .button a:hover {
						 background: rgba(172,125,105,1);
					 }

				 section.hero.hero-home .content .button a.video {
					 background: #bc4c56;
				 }

					 section.hero.hero-home .content .button a.video:hover {
						 background: #a34149;
					 }

			 section.hero.hero-home .content.video {
				 background-color: rgba(0, 0, 0, 0.35);
			 }

				 section.hero.hero-home .content.video .button a.shop {
					 color: #000000;
					 background: #ffffff;
				 }

		/*
		 * Content (about)
		 */
		 section.hero.hero-about .content {
			 max-width: 425px;
			 margin-right: calc(-50% + 90px);
			 text-align: center;
		 }

			 section.hero.hero-about .content .title {
				position: relative;
				font-family: 'Playfair Display', serif;
				font-size: 53px;
				line-height: 57px;
				font-weight: 400;
				color: #633d40;
				opacity: 0;
				-webkit-transform: translateY(15px);
						transform: translateY(15px);
				-webkit-transition: all ease 0.4s 0.8s;
						transition: all ease 0.4s 0.8s;
			}

				section.hero.hero-about .content .title:after {
					position: relative;
					content: '';
					display: block;
					margin: 32px 0 0 0px;
					width: 100%;
					height: 4px;
					background: url('../img/title-pattern-two.png') repeat-x left center;
				}

			section.hero.hero-about .content .text {
				margin: 23px auto 0 auto;
				max-width: 402px;
				opacity: 0;
				-webkit-transform: translateY(15px);
						transform: translateY(15px);
				-webkit-transition: all ease 0.4s 1.1s;
						transition: all ease 0.4s 1.1s;
			}

				section.hero.hero-about .content .text p {
					font-size: 17px;
					line-height: 29px;
					color: #5f5f5f;
				}

					section.hero.hero-about .content .text p + p {
						padding-top: 29px;
					}

			section.hero.hero-about .content .button {
				margin-top: 32px;
				opacity: 0;
				-webkit-transform: translateY(15px);
						transform: translateY(15px);
				-webkit-transition: all ease 0.4s 1.4s;
						transition: all ease 0.4s 1.4s;
			}

				section.hero.hero-about .content .button a {
					display: inline-block;
					position: relative;
					padding: 16px 16px 15px 20px;
					 box-sizing: border-box;
					background: #b78f7e;
					font-size: 11px;
					line-height: 15px;
					font-weight: 500;
					letter-spacing: 0.167em;
					text-transform: uppercase;
					text-decoration: none;
					color: #fff;
					-webkit-transition: all 0.3s ease 0s;
							transition: all 0.3s ease 0s;
				}

					section.hero.hero-about .content .button a:hover {
						background: #98796c;
					 }

				 .page-loaded section.hero.hero-about .content .title,
				 .page-loaded section.hero.hero-about .content .text,
				 .page-loaded section.hero.hero-about .content .button {
					 opacity: 1;
					 -webkit-transform: translateY(0px);
							 transform: translateY(0px);
				 }

		/*
		 * Content (contact)
		 */

		 section.hero.hero-contact .content {
			 padding: 35px 62px 68px 65px;
			 background: rgba(255,255,255,0.9);
			 text-align: center;
		 }

			 section.hero.hero-contact .content img {
				 display: block;
				 margin: 0 auto;
			 }

				 section.hero.hero-contact .content .logo-icon {
					 max-width: 116px;
				 }

				 section.hero.hero-contact .content .logo-title {
					 margin-top: 22px;
					 max-width: 349px;
				 }

				 section.hero.hero-contact .content .logo-subtitle {
					 margin-top: 15px;
				 }

			 /*
				* Text
				*/

			section.hero.hero-contact .content .text {
				margin-top: 49px;
				font-size: 17px;
				line-height: 27px;
				color: #858585;
			}

				section.hero.hero-contact .content .text a {
					text-decoration: none;
					color: #643e41;
					-webkit-transition: all 0.3s ease 0s;
							transition: all 0.3s ease 0s;
				}

					section.hero.hero-contact .content .text a:hover {
						color: #b18572;
					}

			/*
			 * Social
			 */

			 section.hero.hero-contact .content .social {
				 margin-top: 30px;
			 }

				 section.hero.hero-contact .content .social h3 {
					 font-size: 17px;
					 line-height: 21px;
					 font-weight: 400;
					 color: #643e41;
				 }

				 section.hero.hero-contact .content .social ul {
					 display: inline-block;
					margin-top: 33px;
					 list-style: none;
				 }

					 section.hero.hero-contact .content .social ul li {
						 float: left;
						 margin-left: 10px;
					 }

						 section.hero.hero-contact .content .social ul li:first-child {
							 margin-left: 0;
						 }

						 section.hero.hero-contact .content .social ul li a {
							 display: -webkit-box;
							display: -ms-flexbox;
							display: -webkit-flex;
							display: flex;
							-webkit-box-pack: center;
							-ms-flex-pack: center;
							-webkit-justify-content: center;
							justify-content: center;
							-webkit-box-align: center;
							-ms-flex-align: center;
							-webkit-align-items: center;
							align-items: center;
							 width: 40px;
							 height: 40px;
							 border-radius: 50%;
							 background: #b18572;
							 text-decoration: none;
							 font-size: 20px;
							 color: #fff;
							 -webkit-transition: all 0.3s ease 0s;
									 transition: all 0.3s ease 0s;
						 }

							section.hero.hero-contact .content .social ul li a:hover {
								background: #643e41;
							}



	/*	Section : Home about
	-------------------------------------------*/

	section.home-about {
		margin-top: 80px;
	}

		section.home-about .container {
			text-align: center;
			padding: 156px 0 187px 0;
			background: url('../img/home-about-pattern.png') repeat center center / 200px 114px;
			-webkit-transition: all ease 0.5s 0.4s;
					transition: all ease 0.5s 0.4s;
		}

		section.home-about.animate .container {
			background-size: 182px 104px;
		}

			section.home-about .content {
				display: inline-block;
				width: 100%;
				max-width: 560px;
				margin: 0 auto;
				padding: 95px 20px 90px 20px;
				box-sizing: border-box;
				background: #fff;
			}

				section.home-about .content h3 {
					font-family: 'Playfair Display', serif;
					font-size: 39px;
					line-height: 29px;
					font-weight: 400;
					color: #633d40;
					opacity: 0;
					-webkit-transform: translateY(15px);
							transform: translateY(15px);
					-webkit-transition: all ease 0.4s 0.3s;
							transition: all ease 0.4s 0.3s;
				}

				section.home-about .content p {
					margin: 29px auto 0 auto;
					max-width: 430px;
					font-size: 19px;
					line-height: 29px;
					color: #5f5f5f;
					opacity: 0;
					-webkit-transform: translateY(15px);
							transform: translateY(15px);
					-webkit-transition: all ease 0.4s 0.5s;
							transition: all ease 0.4s 0.5s;
				}

			section.home-about .button {
				display: inline-block;
				opacity: 0;
				-webkit-transform: translateY(15px);
						transform: translateY(15px);
				-webkit-transition: all ease 0.4s 0.9s;
						transition: all ease 0.4s 0.9s;
			}

				section.home-about .button a {
					display: inline-block;
					position: relative;
					padding: 15px 20px 13px 24px;
					 box-sizing: border-box;
					font-size: 11px;
					line-height: 15px;
					font-weight: 500;
					letter-spacing: 0.167em;
					text-transform: uppercase;
					text-decoration: none;
					color: #fff;
					background: #f08a5b;
					-webkit-transition: all 0.3s ease 0s;
							transition: all 0.3s ease 0s;
				}

					section.home-about .button a:hover {
						background: #d67b51;
					}

			section.home-about .content.animate h3,
			section.home-about .content.animate p,
			section.home-about .content.animate .button {
				opacity: 1;
				-webkit-transform: translateY(0px);
						transform: translateY(0px);
			}


	/*	Section : Conception (global)
	-------------------------------------------*/

	section.home-about + .conception {
		margin-top: 58px;
	}

/*
	section.about-why + .conception {
		margin-top: 58px;
		margin-bottom: 50px;
	}
*/

		/* Spacing for conception blocks on about page */
		section.conception.conception-about,
		section.conception.conception-jewellery {
			margin-top: 20px;
			margin-bottom: 20px;
		}

		section.conception.add-spacer {
			margin-bottom: 50px;
		}

		/** Add space for category conception boxes */
		section.conception.conception-category {
			margin-bottom: 156px;
		}

		section.conception .container {
			position: relative;
			background: #f5f4f8;
			background-repeat: no-repeat;
			background-position: 115% 0px;
			background-size: auto 108%;
		}

		/* Jewellery version - background image here so can also use gradient */
		section.conception.conception-jewellery .container {
			background-color: #a8724c; /* Old browsers */
			background-image: -moz-linear-gradient(-45deg, #a8724c 0%, #55321e 100%); /* FF3.6-15 */
			background-image: -webkit-linear-gradient(-45deg, #a8724c 0%,#55321e 100%); /* Chrome10-25,Safari5.1-6 */
			background-image: linear-gradient(135deg, #a8724c 0%,#55321e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8724c', endColorstr='#55321e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			background-size: auto 100%;
		}

			section.conception.conception-home .container {
				padding: 118px 121px 107px 121px;
			}

			section.conception.conception-about .container,
			section.conception.conception-jewellery .container {
				padding: 168px 121px 107px 121px;
			}

			/** Specific overrides for jewellery about box */
			section.conception.conception-jewellery.conception-jewellery-about .container {
				padding-right: 87px;
			}

			/** Specific override for jewellery category box */
			section.conception.conception-jewellery.conception-jewellery-category .container {
				padding-left: 112px;
				background-position: 95% 0px;
			}

				/** Background for Jewellery editor background */
				section.conception.conception-jewellery .container .background {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						z-index: 0;
						background-repeat: no-repeat;
						background-size: auto 100%;
						background-position: 5% 0px;
					}

		section.conception .content {
			max-width: 420px;
			text-align: center;
			z-index: 10;
		}

		section.conception.conception-jewellery-about .content {
			margin-right: 0;
			margin-left: auto;
			max-width: 415px;
		}

		section.conception h3 {
			position: relative;
			font-family: 'Playfair Display', serif;
			font-size: 39px;
			line-height: 29px;
			font-weight: 400;
			color: #633d40;
			opacity: 0;
			-webkit-transform: translateY(15px);
					transform: translateY(15px);
			-webkit-transition: all ease 0.4s 0.3s;
					transition: all ease 0.4s 0.3s;
		}

		section.conception.conception-jewellery h3 {
			color: #fff;
		}

		/** Specific override for wider text on jewellery category page */
		section.conception.conception-jewellery-category h3 {
			margin-left: -48px;
			margin-right: -48px;
		}

			section.conception h3:after {
				position: relative;
				content: '';
				display: block;
				margin: 0 0 0 8px;
				width: 100%;
				max-width: 402px;
				height: 3px;
				background-repeat: repeat-x;
				background-position: left center;
			}

			section.conception.conception-home h3:after {
				background-image: url('../img/title-pattern.png');
				margin-top: 33px;
			}

			section.conception.conception-about h3:after {
				background-image: url('../img/title-pattern-three.png');
				margin-top: 41px;
			}

			section.conception.conception-jewellery h3:after {
				background-image: url('../img/title-pattern-four.png');
				margin-top: 41px;
			}

			/** Re center pattern for category */
			section.conception.conception-jewellery-category h3:after {
				margin-left: auto;
				margin-right: auto;
			}

		section.conception .text {
			margin: 24px auto 0 auto;
			opacity: 0;
			-webkit-transform: translateY(15px);
					transform: translateY(15px);
			-webkit-transition: all ease 0.4s 0.6s;
					transition: all ease 0.4s 0.6s;
		}

			section.conception .text p {
				font-size: 17px;
				line-height: 29px;
				color: #5f5f5f;
			}

			section.conception.conception-jewellery .text p {
				color: #fff;
			}

				section.conception .text p + p {
					padding-top: 29px;
				}

		section.conception .button {
			display: inline-block;
			opacity: 0;
			-webkit-transform: translateY(15px);
					transform: translateY(15px);
			-webkit-transition: all ease 0.4s 0.9s;
					transition: all ease 0.4s 0.9s;
		}

		section.conception.conception-home .button {
			margin-top: 43px;
		}

		section.conception.conception-about .button {
			margin-top: 101px;
		}

			section.conception .button a {
				display: inline-block;
				position: relative;
				padding: 15px 20px 13px 24px;
				 box-sizing: border-box;
				font-size: 11px;
				line-height: 15px;
				font-weight: 500;
				letter-spacing: 0.167em;
				text-transform: uppercase;
				text-decoration: none;
				color: #fff;
				-webkit-transition: all 0.3s ease 0s;
						transition: all 0.3s ease 0s;
			}

				section.conception.conception-home .button a {
					background: #c94153;
				}

					section.conception.conception-home .button a:hover {
						background: #b73c4c;
					}

				section.conception.conception-about .button a {
					background: #cf6542;
				}

					section.conception.conception-about .button a:hover {
						background: #b95a3a;
					}

				section.conception-jewellery .button a {
					background: #854060;
				}

					section.conception-jewellery .button a:hover {
						background: #743753;
					}

		section.conception-about,
		section.conception-jewellery-about {
			opacity: 0;
			-webkit-transition: all ease 0.6s 0.3s;
					transition: all ease 0.6s 0.3s;
		}

		section.conception-about.animate,
		section.conception-jewellery-about.animate {
			opacity: 1;
		}

		section.conception .content.animate h3,
		section.conception .content.animate .text,
		section.conception .content.animate .button {
			opacity: 1;
			-webkit-transform: translateY(0px);
					transform: translateY(0px);
		}


	/*	Section : Collection single
	-------------------------------------------*/

	section.collection-single {
		overflow: hidden;
		border: 13px solid #fff;
		border-bottom: none;
	}

		section.collection-single.scarves {
			margin-top: 67px;
			background-color: #c65e52;
		}

		header + section.collection-single.scarves {
			margin-top: 0px;
		}

		section.collection-single.hankies {
			background-color: #c58e4d;
		}

		section.collection-single.jewellery {
			background-color: #44464a;
		}

		section.collection-single .image-absolute { position: absolute; }

			section.collection-single.scarves .image-left { left: 0; }
			section.collection-single.scarves .image-right { right: 0; }
			section.collection-single.hankies .image-bottom-left { left: -4px; }
			section.collection-single.hankies .image-bottom-right { right: -52px; }
			section.collection-single.hankies .image-top-left { left: 0; }
			section.collection-single.hankies .image-top-right { right: 0; }
			/* Use calc on Jewellery so position is based from center line */
			section.collection-single.jewellery .image-left { right: calc(50% + 62px); bottom: 0; }
			section.collection-single.jewellery .image-right { left: calc(50% + 92px); bottom: 0; }

		section.collection-single .content {
			position: relative;
			max-width: 402px;
			margin: 0 auto;
			padding: 53px 0 200px 0;
			text-align: center;
			color: #fff;
		}

		/* Override for content area jewellery */
		section.collection-single.jewellery .content {
			max-width: 460px;
		}

			section.collection-single.scarves.page-header .content {
				padding-top: 85px;
				max-width: 100%;
				width: 100%;
			}

			section.collection-single.page-header .content .inner {
				max-width: 402px;
				margin: 0px auto;
			}

			section.collection-single svg {
				max-width: 87px;
				fill: #fff;
					fill-rule: evenodd;
					opacity: 0;
				-webkit-transform: translateY(15px);
						transform: translateY(15px);
				-webkit-transition: all ease 0.4s 0.3s;
						transition: all ease 0.4s 0.3s;
			}

			section.collection-single h3 {
				margin-top: 19px;
				font-size: 16px;
				line-height: 24px;
				font-weight: 400;
				letter-spacing: 0.2em;
				opacity: 0;
				-webkit-transform: translateY(15px);
						transform: translateY(15px);
				-webkit-transition: all ease 0.4s 0.5s;
						transition: all ease 0.4s 0.5s;
			}

				section.collection-single.page-header h3 {
					margin-top: 49px;
				}

				section.collection-single.scarves.page-header h3 {
					margin-top: 16px;
				}

				section.collection-single h3 strong {
					display: block;
					font-family: 'Playfair Display', serif;
					font-size: 50px;
					line-height: 56px;
					font-weight: 400;
					letter-spacing: 0;
				}

			section.collection-single h4 {
				margin-top: 41px;
				font-family: 'Playfair Display', serif;
				font-size: 15px;
				line-height: 19px;
				font-weight: 400;
				letter-spacing: 0.48em;
				opacity: 0;
				-webkit-transform: translateY(15px);
						transform: translateY(15px);
				-webkit-transition: all ease 0.4s 0.7s;
						transition: all ease 0.4s 0.7s;
			}

				section.collection-single.page-header h4 {
					margin-top: 31px;
				}

			section.collection-single p {
				margin-top: 5px;
				font-size: 17px;
				line-height: 29px;
				opacity: 0;
				-webkit-transform: translateY(15px);
						transform: translateY(15px);
				-webkit-transition: all ease 0.4s 0.9s;
						transition: all ease 0.4s 0.9s;
			}

			/* Overide for Jewellery smaller width */
			section.collection-single.jewellery p {
				max-width: 390px;
				margin-left: auto;
				margin-right: auto;
			}

			section.collection-single .button {
				margin-top: 45px;
				opacity: 0;
				-webkit-transform: translateY(15px);
						transform: translateY(15px);
				-webkit-transition: all ease 0.4s 1.1s;
						transition: all ease 0.4s 1.1s;
			}

				section.collection-single .button a {
					display: inline-block;
					position: relative;
					padding: 17px 21px 17px 24px;
					 box-sizing: border-box;
					font-size: 11px;
					line-height: 15px;
					font-weight: 500;
					letter-spacing: 0.167em;
					text-transform: uppercase;
					text-decoration: none;
					color: #fff;
					-webkit-transition: all 0.3s ease 0s;
							transition: all 0.3s ease 0s;
				}

					section.collection-single.scarves .button a {
						background: #e08b7a;
						color: #fff;
					}

						section.collection-single.scarves .button a:hover {
							background: #d38272;
						 }

					 section.collection-single.hankies .button a {
						background: #fff;
						color: #121313;
					}

						section.collection-single.hankies .button a:hover {
							background: #f0f0f0;
						 }

					section.collection-single.jewellery .button a {
						background: #65b3d2;
						color: #fff;
					}

						section.collection-single.jewellery .button a:hover {
							background: #5ca3bf;
						 }

			 section.collection-single .animate svg,
			 section.collection-single .animate h3,
			 section.collection-single .animate h4,
			 section.collection-single .animate p,
			 section.collection-single .animate .button {
				opacity: 1;
				-webkit-transform: translateY(0px);
						transform: translateY(0px);
			}


	/*	Section : Collection
	-------------------------------------------*/

	section.collection {
		margin-top: 13px;
	}

	/*
	 * Tabs nav
	 */

	 section.collection .tabs-nav {
		 list-style: none;
	 }

		 section.collection .tabs-nav li {
			 float: left;
			 width: 33.333333333%;
		 }

			 section.collection .tabs-nav li a {
				 display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
				 min-height: 132px;
				 padding: 5px 20px;
				 box-sizing: border-box;
				 background: #f8f8f8;
				 text-align: center;
				 text-decoration: none;
				 -webkit-transition: all ease 0.3s;
						 transition: all ease 0.3s;
			 }

				 section.collection .tabs-nav li.ui-tabs-active a {
					 background: #fff;
				 }

				 section.collection .tabs-nav li a strong {
					 display: block;
					 font-family: 'Playfair Display', serif;
					font-size: 40px;
					line-height: 44px;
					font-weight: 400;
					color: #dadada;
					-webkit-transition: all ease 0.3s;
							 transition: all ease 0.3s;
				 }

					 section.collection .tabs-nav li.ui-tabs-active a strong,
					 section.collection .tabs-nav li:hover a strong {
						 color: #633d40;
					 }

				 section.collection .tabs-nav li a span {
					 display: block;
					 margin-top: 8px;
					font-size: 11px;
					line-height: 16px;
					letter-spacing: 0.167em;
					color: #c2c2c2;
					text-transform: uppercase;
				 }

	/*
	 * Tabs panel
	 */

	 section.collection .tabs-panel {
		 padding: 50px 0 10px 0;
	 }

		 section.collection .container {
			 width: 100%;
			 max-width: 100%;
		 }

		 section.collection .tabs-panel .swiper-container {
			 padding: 0 40px;
			 position: relative;
		 }

			 section.collection .tabs-panel .swiper-container:before {
				 content: "";
				 width: 40px;
				 top: 0px;
				 left: 0px;
				 bottom: 0px;
				 z-index: 999;
				 position: absolute;
				background: -moz-linear-gradient(left,	rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
				background: -webkit-linear-gradient(left,	 rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
				background: linear-gradient(to right,	 rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
			 }

			 section.collection .tabs-panel .swiper-container:after {
				 content: "";
				 width: 40px;
				 top: 0px;
				 right: 0px;
				 bottom: 0px;
				 z-index: 999;
				 position: absolute;
				background: -moz-linear-gradient(left,	rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
				background: -webkit-linear-gradient(left,	 rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
				background: linear-gradient(to right,	 rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
			 }


			 /*
				* Product slider (global)
				*/

			/** Add flex to wrapper so all titles line up */
			.product-slider .swiper-wrapper {
				display: flex;
				align-items: flex-end;
			}

			 .product-slider .swiper-slide {
				 display: block;
				height: auto;
				text-decoration: none;
			 }

				 .product-slider .swiper-slide img {
					 display: block;
					 margin: 0 auto;
					 max-width: 100%;
					 max-height: 100%;
				 }

				/** Old product layer - can be removed? */
				 /*.product-slider .swiper-slide .layer {
					 position: absolute;
					 text-transform: uppercase;
					 letter-spacing: 0.17em;
					 -webkit-transition: all 0.3s ease 0s;
							 transition: all 0.3s ease 0s;
				 }*/

					.product-slider .swiper-slide .title {
						text-align: center;
						margin-top: 32px;
					}

					 .product-slider .swiper-slide .title h3 {
						 font-size: 13.5px;
						 line-height: 15px;
						 font-weight: 700;
						 color: #4a7595;
						text-transform: uppercase;
						letter-spacing: 0.1em;
					 }

					 .product-slider .swiper-slide .title .price {
						 position: relative;
						 margin: 8px -4px 0 0;
						 font-size: 12px;
						 line-height: 15px;
						 color: #633d40;
						letter-spacing: 0.1em;
					 }

						/** Old price extras - for removal */
						/*
						 .product-slider .swiper-slide .product-info-box .price span {
							 display: inline-block;
							 position: relative;
						 }

						 .product-slider .swiper-slide .product-info-box .price span:before {
							 content: '';
							 position: absolute;
							 top: 6px;
							 width: 23px;
							 height: 1px;
							 background: #c8a99d;
						 }*/

					/*
					 * Customize - old layer to be removed
					 */

					 /*
					 .product-slider .swiper-slide.layer-top {
						 background-position: top left;
					 }

						 .product-slider .swiper-slide.layer-top .layer {
							 top: 137px;
							 right: 3px;
						 }

							 .product-slider .swiper-slide.layer-top:hover .layer {
								 top: 127px;
							 }

							 .product-slider .swiper-slide.layer-top .layer .price {
								 text-align: right;
							 }

								 .product-slider .swiper-slide.layer-top .layer .price span {
									 padding-left: 8px;
								 }

									 .product-slider .swiper-slide.layer-top .layer .price span:before {
										 left: -23px;
									 }

					 .product-slider .swiper-slide.layer-bottom {
						 background-position: top right;
					 }

						 .product-slider .swiper-slide.layer-bottom .layer {
							 bottom: 47px;
							 left: 0;
						 }

							 .product-slider .swiper-slide.layer-bottom:hover .layer {
								 bottom: 57px;
							 }

								 .product-slider .swiper-slide.layer-bottom .layer .price span {
									 padding-right: 8px;
								 }

									 .product-slider .swiper-slide.layer-bottom .layer .price span:before {
										 right: -23px;
									 }
						 */

	/*	Section : Newsletter (global)
	-------------------------------------------*/

	section.newsletter {
		margin-top: 3px;
		padding: 102px 0 127px 0;
		border: 13px solid #fff;
	}

		section.collection + .newsletter {
			margin-top: 60px;
		}

		section.products-list + .newsletter {
			margin-top: 38px;
		}

		section.newsletter .background {
			position: absolute;
			z-index: -1;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-size: cover;
			background-color: #787878;
			background-repeat: no-repeat;
		}

			section.newsletter .background:before {
				content: "";
				top: 0px;
				left: 0px;
				width: 100%;
				height: 100%;
				background: rgba(10, 10, 10, 0.65);
				position: absolute;
			}

		section.newsletter .content {
			width: 100%;
			max-width: 427px;
			margin: 0 auto;
			text-align: center;
			color: #fff;
		}

			/*
			 * Gravity Forms
			 */
			 section.newsletter .gform_wrapper {
				 position: relative;
			 }

				 section.newsletter .gform_ajax_spinner,
				 section.newsletter .gform_validation_container,
				 section.newsletter .validation_error,
				 section.newsletter .gfield_label {
					 display: none;
				 }

				 section.newsletter h3 {
					 font-family: 'Playfair Display', serif;
					font-size: 35px;
					line-height: 39px;
					font-weight: 400;
				 }

				 section.newsletter .gform_wrapper .gform_description {
					 display: block;
					 max-width: 340px;
					 margin: 13px auto 0 auto;
					 font-size: 16px;
					 line-height: 24px;

				 }

				 section.newsletter .gform_wrapper .gform_body {
					margin-top: 27px;
					padding: 13px 60px 11px 20px;
					box-sizing: border-box;
					border: 1px solid rgba(255,255,255,0.43);
					 background: rgba(0,0,0,0.43);
				 }

					 section.newsletter .gform_wrapper .gfield {
						 list-style: none;
					 }

					 section.newsletter .gform_wrapper input[type="text"] {
						 display: block;
						 width: 100%;
						 box-sizing: border-box;
						 background: transparent;
						 border: none;
						 outline: none;
						 font-family: 'Brandon Grotesque';
						 font-size: 16px;
						 line-height: 20px;
						 color: #fff;
					 }

					 section.newsletter .gform_wrapper .validation_message {
						 top: 100%;
						 left: 0px;
						 right: 0px;
						 color: #ffffff;
						 font-size: 13px;
						 line-height: 16px;
						 text-align: left;
						 margin-top: 1px;
						 padding: 6px 20px;
						 position: absolute;
						 background: #e41d39;
					 }

				 section.newsletter .gform_wrapper .gform_footer {
					 position: absolute;
					 bottom: 13px;
					 right: 12px;
				 }

					 section.newsletter .gform_wrapper .gform_footer button {
						 display: block;
						 box-sizing: border-box;
						 background: transparent;
						 border: none;
						 outline: none;
						 font-family: 'Playfair Display', serif;
						font-size: 16px;
						line-height: 20px;
						font-weight: 400;
						 color: #be998b;
						 text-transform: uppercase;
						 cursor: pointer;
						 -webkit-transition: all 0.3s ease 0s;
								 transition: all 0.3s ease 0s;
					 }


/*	Page : About
-------------------------------------------*/

	/*	Section : Why passion & love
	-------------------------------------------*/

	section.about-why {
		margin-top: 61px;
	}

		/*
		 * Section title
		 */

		section.about-why .section-title {
			font-family: 'Playfair Display', serif;
			font-size: 39px;
			line-height: 44px;
			font-weight: 400;
			color: #633d40;
			text-align: center;
		}

		/*
		 * Wrapper
		 */

		 section.about-why .wrapper {
			 margin-top: 60px;
		 }

			 section.about-why .col {
				 position: relative;
				 float: left;
				 display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
				 width: 48.97435897435897%;
				 height: 344px;
				 padding: 0 198px 0 0;
				 box-sizing: border-box;
				 background-repeat: no-repeat;
				 background-position: right center;
				 text-align: center;
				 color: #fff;
				 overflow: hidden;
			 }

				 section.about-why .col + .col {
					 margin-left: 2.05128205128205%;
				 }

				 section.about-why .col .image {
					 position: absolute;
					 right: 0;
				 }

				 section.about-why .col .layer {
					 position: relative;
					 margin-top: 15px;
				 }

				 section.about-why .col h3 {
					 font-family: 'Playfair Display', serif;
					font-size: 24px;
					line-height: 29px;
					font-weight: 400;
				 }

				 section.about-why .col p {
					 margin-top: 4px;
					 min-height: 87px;
					 font-size: 17px;
					line-height: 29px;
				 }

				 section.about-why .col .button {
					 margin-top: 48px;
				 }

					 section.about-why .col .button a {
						 display: inline-block;
						position: relative;
						padding: 9px 14px 8px 15px;
						 box-sizing: border-box;
						font-size: 11px;
						line-height: 15px;
						font-weight: 500;
						letter-spacing: 0.167em;
						text-transform: uppercase;
						text-decoration: none;
						color: #fff;
						-webkit-transition: all ease 0.3s;
								transition: all ease 0.3s;
					 }

				 /*
					* Passion
					*/
				 section.about-why .col.passion {
					 background-color: #dc7735;
					 opacity: 0;
					 -webkit-transition: all ease 0.8s 0.3s;
							transition: all ease 0.8s 0.3s;
				 }

					 section.about-why .col.passion .button a {
						 background-color: #242a3c;
					 }

						 section.about-why .col.passion .button a:hover {
							 background-color: #1d2231;
						 }

				 section.about-why .col.passion.animate {
					 opacity: 1;
				 }


				 /*
					* Love
					*/
				 section.about-why .col.love {
					 background-color: #b43c3a;
					 opacity: 0;
					 -webkit-transition: all ease 0.8s 0.4s;
							transition: all ease 0.8s 0.4s;
				 }

					 section.about-why .col.love .button a {
						 background-color: #565a43;
					 }

						 section.about-why .col.love .button a:hover {
							 background-color: #4a4d3a;
						 }

				 section.about-why .col.love.animate {
					 opacity: 1;
				 }



/*	Page : Hankies & Scarves
-------------------------------------------*/

	/*	Section : Products list
	-------------------------------------------*/

	section.products-list {
		margin-top: 53px;
	}

	/*
	 * Section title
	 */

	section.products-list .section-title {
		font-family: 'Playfair Display', serif;
		font-size: 40px;
		line-height: 44px;
		font-weight: 400;
		color: #4a7595;
		text-align: center;
	}

	/*
	 * Wrapper
	 */

	section.products-list .wrapper {
		margin-top: 107px;
	}

		/** Added flex property to correctly line up titles */
		section.products-list .wrapper.flex {
			display: flex;
			align-items: flex-end;
			flex-wrap: wrap;
		}

		/*
		 * Item
		 */

		 section.products-list .item {
			 float: left; /* Keep as provides fallback when flex not is use */
			 padding-bottom: 15px;
			 width: 25.98290598290598%;
			 margin: 0 0 88px 11.02564102564103%;
		 }

			 section.products-list .item:first-child,
			section.products-list .item:nth-child(3n+4) {
				 margin-left: 0;
				 clear: left;
			 }

			 section.products-list .item .image a {
				 position: relative;
				display: block;
				height: auto;
				box-sizing: border-box;
			 }

			 section.products-list.products-list-hankies .item .image a {
				 padding-bottom: 100%;
			 }

			 section.products-list.products-list-scarves .item .image a {
				 padding-bottom: 140%;
			 }

				 section.products-list .item .image img {
					 display: block;
					 margin: 0 auto;
					 max-width: 100%;
					 max-height: 100%;
					 -webkit-transform: scale(1);
							 transform: scale(1);
					 -webkit-transition: all ease 0.4s;
							 transition: all ease 0.4s;
				 }

				 section.products-list .item:hover .image img {
					 -webkit-transform: scale(0.9);
							 transform: scale(0.9);
				 }

			 section.products-list .item .title {
				 margin-top: 22px;
				 text-align: center;
			 }

				 section.products-list .item .title h3 {
					 font-family: 'Playfair Display', serif;
					font-size: 26px;
					line-height: 30px;
					font-weight: 400;


				 }

					 section.products-list .item .title h3 a {
						 text-decoration: none;
						 color: #4a7595;
						 -webkit-transition: all 0.3s ease 0s;
								 transition: all 0.3s ease 0s;
					 }

						 section.products-list .item .title h3 a:hover {
							 color: #ac7d69;
						 }

				section.products-list .item .title .price {
					display: block;
					margin-top: 10px;
					font-size: 16px;
					line-height: 20px;
					font-weight: 500;
					letter-spacing: 0.17em;
					color: #ac7d69;
				}


/*	Page : Single product
-------------------------------------------*/

	/*	Share box
	-------------------------------------------*/

	.share-box {
		position: fixed;
		z-index: 9;
		left: 0;
		top: 368px;
		padding: 21px 10px 20px 15px;
		background: #fff;
		border: 1px solid #f0f0f0;
		border-left: none;
		text-align: center;
		 -webkit-transform: translateX(-70px);
				transform: translateX(-70px);
		-webkit-transition: all ease 0.5s 1.5s;
				transition: all ease 0.5s 1.5s;
	}

		.page-loaded .share-box {
			-webkit-transform: translateX(0px);
					transform: translateX(0px);
		}

		.share-box span {
			display: block;
			font-family: 'Playfair Display', serif;
			font-size: 11px;
			line-height: 15px;
			font-weight: 400;
			letter-spacing: 0.167em;
			color: #674245;
			text-transform: uppercase;
		}

		.share-box ul {
			margin: 28px 0 0 -6px;
			list-style: none;
		}

			.share-box ul li {
				margin-top: 15px;
				font-size: 23px;
				line-height: 23px;
			}

				.share-box ul li:first-child { margin-top: 0; }
				.share-box ul li:last-child { margin-top: 12px; }

				.share-box ul li a {
					display: block;
					color: #b88f7e;
					-webkit-transition: all 0.3s ease 0s;
							transition: all 0.3s ease 0s;
				}

					.share-box ul li a:hover {
						color: #643e41;
					}


	/*	Section : Product
	-------------------------------------------*/

	section.product {
		padding: 16px 13px;
		background-color: #f8e3d5;
		background-position: top center;
		background-repeat: repeat;
	}

	section.product .inner {
		background: #fff;
		padding: 54px 0 105px 0;
	}

		/*
		 * Head
		 */
		 section.product .head {
			 text-align: center;
			 opacity: 0;
			-webkit-transform: translateY(20px);
					transform: translateY(20px);
			-webkit-transition: all ease 0.5s 0.8s;
					transition: all ease 0.5s 0.8s;
		 }

			 section.product .back {
				 top: 90px;
				 left: 74px;
				 z-index: 5;
				 color: #725859;
				 font-family: 'Playfair Display', serif;
				font-size: 21px;
				line-height: 22px;
				position: absolute;
				text-decoration: none;
				-webkit-transition: all ease 0.5s;
						transition: all ease 0.5s;
			 }

				 section.product .back:hover {
					 color: #ac7d69;
				 }

			 section.product .head .title {
				 font-family: 'Playfair Display', serif;
				font-size: 51px;
				line-height: 55px;
				font-weight: 400;
				color: #674245;
			 }

			 section.product .head .subtitle {
				 margin-top: 10px;
				 font-family: 'Playfair Display', serif;
				font-size: 16px;
				line-height: 20px;
				font-weight: 400;
				letter-spacing: 0.2em;
				color: #ac7d69;
				text-transform: uppercase;
			 }

			 section.product .head .price {
				 margin-top: 10px;
				font-size: 26px;
				line-height: 30px;
				color: #999999;
				text-transform: uppercase;
			 }

		 /*
			* Main
			*/

			section.product .main {
				margin-top: 68px;
				opacity: 0;
				-webkit-transform: translateY(20px);
					transform: translateY(20px);
			-webkit-transition: all ease 0.5s 1.2s;
					transition: all ease 0.5s 1.2s;
			}

				section.product .main .col {
					width: 50%;
					box-sizing: border-box;
				}

				/*
				 * Col : Image
				 */
				section.product .main .image {
					float: left;
				 padding: 0 19px 0 40px;
				}

					/*
					 * Thumbnails
					 */

					section.product .main .image .thumbnails {
						float: left;
						width: 100px;
					}

						section.product .main .image .thumbnails h5 {
							font-family: 'Playfair Display', serif;
						font-size: 11px;
						line-height: 15px;
						font-weight: 700;
						text-align: center;
						color: #674245;
						text-transform: uppercase;
						padding-bottom: 40px;
						}

						section.product .main .image .thumbnails .item {
							margin-top: 75px;
						}

						section.product .main .image .thumbnails h5 + .item,
						section.product .main .image .thumbnails .item:first-child {
							margin-top: 0;
						}

						section.product .main .image .thumbnails .item a {
							display: block;
						}

						section.product .main .image .thumbnails .item img {
							display: block;
							margin: 0 auto;
						}

					/*
					 * Big
					 */

					 section.product .main .image .big {
						 position: relative;
						 overflow: hidden;
						 padding: 0 0 0 40px;
					 }

						 section.product .main .image .big img {
							 display: block;
							 margin: 0 auto;
						 }


					 /*
						* Mobile
						*/
					 section.product .main .mobile-image {
						 display: none;
						 text-align: center;
						 margin-bottom: 40px;
				}

					section.product .main .mobile-image img {
						display: block;
						margin: 0 auto;
					}

					section.product .main .mobile-image .thumbnails {
						margin-top: 25px;
					}

					section.product .main .mobile-image .item {
						display: inline-block;
						margin: 0 15px;
					}

						section.product .main .mobile-image .item img {
							width: auto;
							max-height: 100px;
						}


				/*
				 * Col : Details
				 */

				section.product .main .details {
					float: right;
					padding: 7px 90px 0 90px;
				}

					section.product .main .details .box > *:first-child {
						margin-top: 0;
					}

					section.product .main .details .box.description { margin-top: 30px; }
					section.product .main .details .box.quantity { margin-top: 31px; }
					section.product .main .details .box.buy { margin-top: 36px; }
					section.product .main .details .box.info { margin-top: 22px; }

					section.product .main .details .box.delivery {
						margin-top: 15px;
					}

						section.product .main .details .box.delivery a {
							color: #5f5f5f;
							text-decoration: none;
							-webkit-transition: all 0.3s ease 0s;
								transition: all 0.3s ease 0s;
						}

						section.product .main .details .box.delivery a:hover {
							color: #b88f7e;
						}


					/*
					 * Description & info
					 */

					section.product .main .details .box h3 {
						font-family: 'Playfair Display', serif;
					font-size: 11px;
					line-height: 15px;
					font-weight: 700;
					letter-spacing: 0.2em;
					color: #674245;
					text-transform: uppercase;
					}

					section.product .main .details .box p {
						margin-top: 20px;
					font-size: 18px;
					line-height: 29px;
					color: #5f5f5f;
					}

						section.product .main .details .box h3 + p {
							margin-top: 5px;
						}

						section.product .main .details .box p.big {
							font-size: 19px;
						}

							section.product .main .details .box h3 + p.big {
								margin-top: 8px;
							}

						section.product .main .details .box p.pink {
						font-size: 11px;
						line-height: 15px;
						font-weight: 500;
						letter-spacing: 0.167em;
						color: #b88f7e;
						text-transform: uppercase;

						}

				 section.product .main .details .box ul:not(.sbOptions) {
					 margin-top: 32px;
					 list-style: none;
				 }

					 section.product .main .details .box ul:not(.sbOptions) li {
						 position: relative;
						 margin-top: 7px;
						 padding-left: 18px;
						 font-size: 18px;
						 line-height: 22px;
						 color: #5f5f5f;
					 }

						 section.product .main .details .box ul:not(.sbOptions) li:first-child {
							 margin-top: 0;
						 }

						 section.product .main .details .box ul:not(.sbOptions) li:before {
							 content: '';
							position: absolute;
							left: 0;
							top: 10px;
							width: 4px;
							height: 4px;
							border-radius: 50%;
							background: #b88f7e;
						 }

				/*
				 * Quantity
				 */

				 section.product .main .details .box .sbHolder {
					 margin-top: 17px;
				 }

				/*
				 * Buy
				 */

				 section.product .main .details .box button {
					 display: inline-block;
					position: relative;
					padding: 13px 68px 14px 65px;
					 box-sizing: border-box;
					 outline: none;
					border: none;
					background: #b78f7e;
					font-family: 'Brandon Grotesque';
					font-size: 13px;
					line-height: 17px;
					font-weight: 500;
					letter-spacing: 0.167em;
					text-transform: uppercase;
					text-decoration: none;
					color: #fff;
					cursor: pointer;
					-webkit-transition: all 0.3s ease 0s;
							transition: all 0.3s ease 0s;
				 }

					 section.product .main .details .box button:hover {
						 background: #643e41;
					 }

		.page-loaded section.product .head,
		.page-loaded section.product .main {
			opacity: 1;
			-webkit-transform: translateY(0px);
					transform: translateY(0px);
		}



	/*	Selectbox
	-------------------------------------------*/

	section.product .sbHolder {
		 position: relative;
		}

				section.product .sbHolder,
				section.product .sbHolder * {
						display: block;
						margin: 0;
						width: 73px;
						list-style: none;
						border: none;
						outline: none;
						box-sizing: border-box;
						font-family: 'Playfair Display', serif;
			font-size: 23px;
			line-height: 23px;
			font-weight: 400;
			letter-spacing: 0.2em;
			color: #674245;
					 text-decoration: none;
				}

				section.product .sbSelector {
				position: relative;
				 z-index: 11;
					overflow: hidden;
						 padding: 5px 35px 11px 10px;
						background: #fff;
						border: 1px solid #dedede;
				}

				section.product .sbSelector a { color: #674245; }

				section.product .sbToggle {
			 position: absolute;
					z-index: 12;
					 right: 12px;
					 top: 0;
						width: 14px;
						 height: 100%;
						background: url(../img/sbtoggle-icon.png) no-repeat center center;
		 }

				section.product .sbOptions {
						position: absolute;
						z-index: 13;
						top: 43px !important;
						left: 0;
						right: 0;
		 }

				 section.product .sbOptions a {
					 border-top: 1px solid rgba(255,255,255,0.2);
					 padding: 5px 10px 11px 10px;
					 white-space: nowrap;
						color: #fff;
					background: #5f5f5f;
					-webkit-transition: all 0.3s ease 0s;
												transition: all 0.3s ease 0s;
						}

								section.product .sbOptions li:nth-child(2) a { border-top: none; }

								section.product .sbOptions a:hover { background: #333; }


	/*	Section : Related products
	-------------------------------------------*/

	section.related-products {
		margin-top: 67px;
	}

		section.related-products .section-title {
			font-family: 'Playfair Display', serif;
			font-size: 40px;
			line-height: 44px;
			font-weight: 400;
			color: #633d40;
			text-align: center;
		}

		section.related-products .product-slider {
			margin-top: 97px;
		}


/*	Page: General
-------------------------------------------*/

	.page-general {
		padding-top: 95px;
		padding-bottom: 25px;
	}

		.page-general .container {
			max-width: 700px;
		}

		.page-general .general-content ul li {
			position: relative;
			padding-left: 14px;
		}

		.page-general .general-content ul li:before {
			left: auto !important;
			margin-left: -14px;
		}


/*	Popup: Fullscreen Video
-------------------------------------------*/

	#fullscreen-video {
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		z-index: 9999;
		position: fixed;
		background: #000000;
		display: none;
	}

		#fullscreen-video .close {
			top: 0px;
			right: 0px;
			width: 60px;
			height: 60px;
			cursor: pointer;
			position: fixed;
			z-index: 99999;
			color: #ffffff;
			font-size: 11px;
			line-height: 12px;
			letter-spacing: 0.16em;
			text-align: center;
			text-transform: uppercase;
			-webkit-box-sizing: border-box;
				 -moz-box-sizing: border-box;
						 box-sizing: border-box;
		}

			#fullscreen-video .close span {
				top: 29px;
				left: 10px;
				width: 39px;
				height: 0px;
				display: block;
				position: relative;
			}

				#fullscreen-video .close span:before,
				#fullscreen-video .close span:after {
					content: " ";
					width: 40px;
					height: 3px;
					left: 0px;
					top: 0px;
					position: absolute;
					background: #ffffff;
				}

				#fullscreen-video .close span:before {
					transform: rotate(45deg);
				}

				#fullscreen-video .close span:after {
					transform: rotate(-45deg);
				}

		#fullscreen-video iframe {
			width: 100%;
			height: 100%;
			position: absolute;
		}

/*	Look Books - Listing
-------------------------------------------*/

	/** Look Book Banner */
	section.page-header.page-header-look-books {
		height: 545px;
		max-height: 100vh;
		align-items: center;
	}

		section.page-header.page-header-look-books .background {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 0;
			background-repeat: no-repeat;
			background-color: #825839;
			background-position: 0 0;
			background-size: cover;
		}

		section.page-header.page-header-look-books .content {
			z-index: 10;
			color: #fff;
			text-align: center;
		}

			section.page-header.page-header-look-books .content .image-absolute {
				position: absolute;
			}

			section.page-header.page-header-look-books .content .image-absolute.image-left {
				right: calc(50% + 92px);
				bottom: 0;
				z-index: 10;
			}

			section.page-header.page-header-look-books .content > div {
				position: relative;
				z-index: 20;
			}

			section.page-header.page-header-look-books .content svg {
				max-width: 87px;
				fill: #fff;
				fill-rule: evenodd;
				opacity: 0;
				-webkit-transform: translateY(15px);
				transform: translateY(15px);
				-webkit-transition: all ease 0.4s 0.3s;
				transition: all ease 0.4s 0.3s;
			}

			section.page-header.page-header-look-books .content h1 {
				font-size: 16px;
				line-height: 24px;
				font-weight: 400;
				letter-spacing: 0.2em;
				text-transform: uppercase;
				opacity: 0;
				-webkit-transform: translateY(15px);
				transform: translateY(15px);
				-webkit-transition: all ease 0.4s 0.5s;
				transition: all ease 0.4s 0.5s;
			}

				section.page-header.page-header-look-books .content h1 strong {
					display: block;
					font-family: 'Playfair Display', serif;
					font-size: 50px;
					line-height: 56px;
					font-weight: 400;
					letter-spacing: 0;
					text-transform: none;
				}

			section.page-header.page-header-look-books .content.animate h1,
			section.page-header.page-header-look-books .content.animate svg,
			section.page-header.page-header-look-books .content.animate img {
				opacity: 1;
				-webkit-transform: translateY(0px);
				transform: translateY(0px);
			}

			/** Look Books Listing */
			div.look-books {
				margin-top: 82px;
				margin-bottom: 136px;
			}

			section.look-book {
				display: flex;
				align-items: stretch;
				justify-content: center;
				flex-wrap: wrap;
			}

					section.look-book .lb-letter {
						display: block;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						color: #fff;
						font-size: 166px;
						font-family: 'Playfair Display', serif;
						font-weight: 400;
						font-style: italic;
						text-transform: uppercase;
						text-shadow: 1px 1px 140px #666;
						z-index: 10;
					}

						/** Letter overrides */
						section.look-book.look-book-right .lb-letter.lb-letter-w {
							left: calc(50% - 15px);
						}

					section.look-book .lb-image {
						width: 50%;
						display: flex;
						align-items: center;
					}

						section.look-book.look-book-left .lb-image {
							order: 2;
						}

						section.look-book .lb-image img {
							display: block;
							width: 100%;
						}

					section.look-book .lb-content {
						width: 50%;
						display: flex;
						flex-direction: column;
						align-items: center;
						justify-content: center;
						text-align: center;
						padding: 20px;
						box-sizing: border-box;
					}

						section.look-book .lb-content h2,
						section.look-book .lb-content .text,
						section.look-book .lb-content .button {
							max-width: 404px;
						}

						section.look-book .lb-content h2 {
							background-size: 402px 2px;
							background-repeat: no-repeat;
							background-position: bottom center;
							padding-bottom: 42px;
							margin-bottom: 40px;
							width: 100%;
							color: #825839;
							font-size: 37px;
							font-family: 'Playfair Display', serif;
							font-weight: 400;
						}

						section.look-book .lb-content .text {
							line-height: 2;
							font-size: 17px;
						}

						section.look-book .lb-content .button a {
							display: inline-block;
							position: relative;
							margin-top: 16px;
							padding: 17px 21px 17px 24px;
							box-sizing: border-box;
							font-size: 11px;
							line-height: 15px;
							font-weight: 500;
							letter-spacing: 0.167em;
							text-transform: uppercase;
							text-decoration: none;
							color: #fff;
						}

							/** Custom button hover effect (as base background colour can be determined by user) */

							section.look-book .lb-content .button a:before {
								content: ' ';
								display: block;
								position: absolute;
								top: 0;
								left: 0;
								width: 100%;
								height: 100%;
								background-color: rgba(0, 0, 0, 0.1);
								opacity: 0;
								transition: 0.2s opacity;
								z-index: 0;
							}

								section.look-book .lb-content .button a:hover:before {
									opacity: 1;
								}

								section.look-book .lb-content .button a span {
									position: relative;
									color: #fff;
									z-index: 5;
								}

/*	Look Books - Single
-------------------------------------------*/
header + #modal-ready section.look-book-single {
	margin-top: 134px;
}


section.look-book-single {
	position: relative;
	background-color: #fdfdfd;
	height: 90vh;
	margin: 20px auto;
	padding: 0 100px;
	display: flex;
	align-items: center;
}
	.mobile-device section.look-book-single {
		height: calc(90vh - 65px);
	}

	section.look-book-single .look-book-slider {
		min-height: 300px;
		max-width: 1348px;
		margin: 0 auto;
		box-sizing: border-box;
		overflow: hidden;
	}

		/** Keep image in viewport - use defined width as iOS < 8 can't use vw in calc */
		section.look-book-single img.item {
			display: block;
			width: auto !important;
			height: auto !important;
			max-width: 100%;
			max-height: 90vh;
			margin: 0 auto;
		}

		section.look-book-single .slider-controls > a {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			padding: 8px 12px;
			color: #a9a9a9;
			background-color: #fff;
			font-size: 23px;
			text-decoration: none;
			line-height: 1;
			font-weight: lighter;
			z-index: 90;
		}

			section.look-book-single .slider-controls > a.slider-prev {
				left: 25px;
			}

			section.look-book-single .slider-controls > a.slider-next {
				right: 25px;
			}

			section.look-book-single .slider-controls > a.close-button {
				top: -20px;
				right: 25px;
				transform: translateY(0);
				font-size: 60px;
				background-color: transparent;
			}


/* Look Book Modal
-------------------------------------------*/

.modal-wrapper {
	background-color: rgb(255, 255, 255);
}

	.modal-wrapper > * {
		box-sizing: border-box;
	}

	.modal-wrapper .modal {
		position: relative;
		background-color: #fff;
		padding: 0;
		border: none;
		transition: all 2s ease;
		height: auto;
	}

	.modal-wrapper .loading {
		display: block;
		width: 100px;
		margin: auto;
		padding: 25vh 0;
	}

	/* Remove included close button */
	.modal-wrapper > .modal.show > .close-modal {
		display: none !important;
	}

/*	Responsive
-------------------------------------------*/


	@media(max-width: 1500px) {

		section.collection-single.hankies .image-bottom-left { left: -100px; }
		section.collection-single.hankies .image-bottom-right { right: -150px; }

	}

	@media(max-width: 1350px) {

		section.collection-single.scarves .image-left { left: -150px; }
		section.collection-single.scarves .image-right { right: -150px; }

		section.hero.hero-about .background .image:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(249,247,251,0.85); }
		section.hero.hero-about .content { margin: 0 auto; }


	}


	@media(max-width: 1250px) {

		footer .top .col.location p br { display: none; }

		section.collection-single.hankies .image-bottom-left { left: -200px; }
		section.collection-single.hankies .image-bottom-right { right: -250px; }

/*
		section.collection-single.jewellery .image-left { right: calc(50% + 82px); }
		section.collection-single.jewellery .image-right { left: calc(50% + 82px); }
*/


		section.product .main .image { width: 55%; padding: 0 10px 0 20px; }
		section.product .main .details { width: 45%; padding: 7px 30px 0 45px; }
	}

	@media (max-width: 1200px)
	{
		/** Nav toggle hear to prevent home collision */
		header nav ul { display: none; }
		#nav-toggle { display: block; }

		section.product .back { left: 40px; }

		section.conception .container { padding: 118px 40px 107px 40px !important; }
		/* Nessecary to make sure Jewllery headline lines up correctly */
		section.conception.conception-jewellery-category .container { padding: 118px 40px 107px 112px !important; }

	}

	@media (max-width: 1120px)
	{
		header nav ul.right li.opened .input-wrapper { width: 100px; }
	}

	@media(max-width: 1150px) {

		footer .top .col.about { width: 45.8889%; }
		footer .top .col.contact { width: 24.453%; }

		section.conception .container { position: relative; z-index: 1; }
		section.conception .container:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(249,247,251,0.85); z-index: -1; }

		/* Jewellery Responsive overlay colour */
		section.conception.conception-jewellery .container:before {
			background: rgba(168, 114, 76, 0.85);
		}
		section.conception.conception-jewellery .container .background { z-index: -2; }

		/* Make sure all conception incl jewellery are center aligned */
		section.conception .content { margin: 0 auto !important; }

		section.collection .tabs-nav li a strong { font-size: 38px; line-height: 42px; }

		section.about-why .col { padding: 0 20px; }
		section.about-why .col .overlay { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
		section.about-why .col.passion .overlay { background: rgba(220,119,53,0.75); }
		section.about-why .col.love .overlay { background: rgba(180,60,58,0.75); }
		section.about-why .col .layer { z-index: 2; }

		section.product .main { margin-top: 45px; }

	}


	@media(max-width: 1023px) {

		footer { padding-top: 40px; }
		footer .top { text-align: center; }
		footer .top .col.about { float: none; width: 100%; padding: 0 0 15px 0; }
		footer .top .col.shop { clear: left; }
		footer .top .col.shop, footer .top .col.contact, footer .top .col.location { width: 33.3333%; padding: 30px 0 0 0;	}
		footer .top .col.location p br { display: block; }

		footer .bottom { text-align: center; }
		footer .bottom .right { float: none; display: inline-block; }
		footer .bottom .cards { float: none; margin: 0 auto; }
		footer .bottom .cards ul { display: inline-block; }
		footer .bottom .social { float: none; margin: 20px auto 0 auto; }
		footer .bottom .social span { float: none; top: auto; display: block; }
		footer .bottom .social ul { float: none; display: inline-block; margin: 5px 0 0 0; }
		footer .bottom .copyright { float: none; margin: 10px 0 0 0; }
		footer .bottom .copyright svg { float: none; top: auto; display: inline-block; margin-top: 10px; }
		footer .bottom .copyright div { float: none; margin: 10px auto 0 auto; }

		section.home-about { margin-top: 55px; }
		section.home-about .container { padding: 80px 0 100px 0; }

		section.conception .container { padding: 90px 40px !important; }
		section.conception.conception-about .button,
		section.conception.conception-jewellery .button {
			margin-top: 43px;
		}
		section.conception.conception-about h3::after,
		section.conception.conception-jewellery h3::after {
			margin-top: 33px;
		}

		section.collection-single.scarves { margin-top: 40px; }
		section.collection-single .content { padding: 45px 0 120px 0; }
		section.collection-single.scarves .image-left { left: -280px; }
		section.collection-single.scarves .image-right { right: -280px; }

		section.collection + .newsletter { margin-top: 45px; }

		section.collection-single.hankies .image-bottom-left { left: -350px; }
		section.collection-single.hankies .image-bottom-right { right: -400px; }

		section.collection .tabs-nav li a strong { font-size: 36px; line-height: 40px; }

		section.hero.hero-about .content .title { font-size: 50px; line-height: 54px; }

		section.about-why .col { height: 300px; }

		section.products-list .wrapper { margin-top: 70px; }
		section.products-list + .newsletter { margin-top: 0; }

		section.product .head .title { font-size: 48px; line-height: 52px; }
		section.product .inner { padding: 40px 0; }

		.share-box { position: relative; top: auto; left: auto; border-bottom: none; margin-top: 40px; padding: 21px 0 0 0; }
		.share-box ul { margin: 8px 0 0 0; }
		.share-box ul li { display: inline-block; margin-left: 25px; }
		.share-box ul li:first-child { margin-left: 0; }

		section.product .inner { text-align: center; }
		section.product .back { position: static; font-size: 17px; line-height: 18px; margin-bottom: 20px; display: inline-block; }
		section.product .main .col { max-width: 650px; }
		section.product .main .mobile-image { display: block; }
		section.product .main .image { display: none; float: none; width: 100%; margin: 60px auto 0 auto; padding: 0; }
		section.product .main .image .thumbnails { padding-left: 40px; }
		section.product .main .details { float: none; width: 100%; margin: 0 auto; padding: 0; text-align: center; }
		section.product .main .details .box .sbHolder { margin: 17px auto 0 auto; }
		section.product .main .details .box ul:not(.sbOptions) li { padding-left: 0; }
		section.product .main .details .box ul:not(.sbOptions) li::before { position: relative; display: inline-block; top: -3px; margin-right: 7px; }
		.sbOptions a { text-align: left; }

		section.hero.hero-about .background .image:before { content: ""; z-index: 2; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(255, 255, 255, 0.8); }

		section.page-header.page-header-look-books { height: 545px; }
		section.page-header.page-header-look-books .background { background-position: center center; }

	}


	@media(max-width: 850px) {

		section.collection .tabs-nav li a strong { font-size: 34px; line-height: 38px; }

	}


	@media(max-width: 767px) {

		body.fixed-header .panel { padding-top: 101px; }

		header { padding: 34px 30px 27px 30px; }
		header .logo { top: auto; }
		header .logo .desktop-logo, header .logo-icon { display: none; }
		header .logo .mobile-logo { display: block; height: 40px; width: 186px; }
		header nav { position: relative; margin-top: 15px; }
		#nav-toggle { top: 31px; }

		footer { padding: 50px 0; }
		footer .top .col.shop, footer .top .col.contact, footer .top .col.location { float: none; width: 100%; padding: 20px 0 0 0;	 }
		 footer .top .col.about p { width: 90%; margin: 0 auto; }
		footer .bottom { margin-top: 35px; }

		section.hero .background .image { background-size: cover; }

		section.home-about { margin-top: 35px; }
		section.home-about .container { padding: 40px 30px; }
		section.home-about .content { max-width: 100%; padding: 80px 20px; }

		section.home-about + .conception { margin-top: 35px; }
		section.conception .container { padding: 60px 20px !important; }

		section.collection-single.scarves { margin-top: 25px; }
		section.collection-single .content { padding: 45px 0 80px 0; }
		section.collection-single.scarves .image-left { left: -380px; }
		section.collection-single.scarves .image-right { right: -380px; }

		section.collection + .newsletter { margin-top: 20px; }
		section.newsletter { padding: 60px 0 80px 0; }

		section.collection-single.hankies .image-bottom-left { left: -450px; }
		section.collection-single.hankies .image-bottom-right { right: -450px; }

		section.collection .tabs-nav li a strong { font-size: 30px; line-height: 34px; }

		section.hero.hero-about .content .title { font-size: 46px; line-height: 50px; }
		section.hero.hero-about .content .title::after { margin-top: 26px; }

		section.about-why { margin-top: 45px; }
		section.about-why + .conception { margin-top: 20px; margin-bottom: 10px; }
		section.about-why .wrapper { margin-top: 45px; }
		section.about-why .col { float: none; width: 100%; height: auto; padding: 40px 20px; }
		section.about-why .col + .col { margin: 20px 0 0 0; }
		section.about-why .col .layer { margin-top: 0; }

		section.products-list { margin-top: 40px; }
		section.products-list .wrapper { margin-top: 50px; }
		section.products-list .item { width: 48%; margin: 0 0 40px 0 !important; clear: none !important; }
		section.products-list .item:nth-child(even) { margin-left: 4% !important; }
		section.products-list .item:nth-child(odd) { clear: left !important; }
		section.products-list .item .image img { max-width: 90%; }

		section.product .head .title { font-size: 46px; line-height: 50px; }

		.general-content { padding-top: 0px; padding-bottom: 0px; }
		.general-content h1 { padding-bottom: 5px; }

		/** Look Books Listing */
		section.page-header.page-header-look-books { height: 514px;}
		section.look-book .lb-image, section.look-book .lb-content { width: 100%; }
		section.look-book.look-book-left .lb-image { order: 0; }
		section.look-book .lb-image { position: relative; }
		section.look-book .lb-image .lb-letter { right: auto; }

		/** Look Book Single */
		section.look-book-single { padding: 0 50px; }
		section.look-book-single .slider-controls > a.slider-prev { left: 0; }
		section.look-book-single .slider-controls > a.slider-next { right: 0; }
		section.look-book-single .slider-controls > a.close-button { right: 0; }

		/** Global hide all on mobile */
		.no-mobile { display: none !important; }

	}


	@media (max-width: 650px)
	{
		section.collection .tabs-nav li a strong { font-size: 28px; line-height: 32px; }

		/** Remove extra margin spacing ov jewellery category conception box */
		section.conception.conception-jewellery-category h3 {
			margin-left: 0;
			margin-right: 0;
			line-height: 1.2;
		}

	}

	@media (max-width: 570px)
	{
		body.fixed-header .panel { padding-top: 93px; }

		header { padding: 30px 24px 23px 20px; }
		header .logo .mobile-logo { height: 40px; }
		header nav { margin-top: 2px; }
		#nav-toggle { top: 28px; right: 20px; }

		header .mobile-menu ul li a { font-size: 32px; line-height: 34px; padding-top: 14px; padding-bottom: 5px; }

		section.home-about { margin-top: 20px; }
		section.home-about .container { padding: 40px 20px; }
		section.home-about .content {	 padding: 60px 20px; }
		section.home-about .content h3, section.conception h3, section.about-why .section-title, section.products-list .section-title, section.related-products .section-title { font-size: 37px; line-height: 30px; }

		section.conception h3::after { margin-left: 0; margin-left: auto; margin-right: auto; max-width: 90%; }

		section.newsletter .content { max-width: 90%; }

		section.collection + .newsletter { margin-top: 0; }

		section.hero.hero-about .content { max-width: 90%; padding: 0 20px; margin-top: 20px; box-sizing: border-box; }
		section.hero.hero-about .content .title { font-size: 42px; line-height: 46px; }
		section.hero.hero-about .content .title::after { max-width: 90%; margin: 24px auto 0 auto; }

		section.hero.hero-contact .content { max-width: 90%; padding: 35px 10px; box-sizing: border-box; }

		section.product .head .title { font-size: 42px; line-height: 46px; }
		section.related-products { margin-top: 40px; }
		section.related-products .product-slider { margin-top: 50px; }
		section.related-products + footer { margin-top: 40px; padding-top: 50px; }

		section.product .main { margin-top: 30px; padding: 0 10px; box-sizing: border-box; }
		section.product .main .details .box button { display: block; width: 100%; padding: 16px 20px 15px 20px; }
		section.product .main .mobile-image img { width: auto; max-height: 400px; }
		section.product .main .image { margin-top: 40px; }
		section.product .main .image .thumbnails { float: none; padding: 0; width: 100%; text-align: center; }
		section.product .main .image .thumbnails .item { display: inline-block; margin: 0 20px 20px 0; }
		section.product .main .image .thumbnails .item:last-child { margin-right: 0; }
		section.product .main .image .thumbnails .item img { max-height: 100px; }
		section.product .main .image .big { padding: 25px 0 0 0; }

		.page-general { padding-top: 25px; }

		.general-content { font-size: 17px; line-height: 25px; padding: 0 5px; }
		.general-content h1 { padding-bottom: 0px; font-size: 34px; line-height: 38px; }
		.general-content ol { padding-left: 30px; }
		.general-content ul { padding-left: 14px; }
	}


	@media(max-width: 480px) {

		footer { padding: 30px 0; }
		footer .bottom .copyright div span { display: block; }

		section.hero.hero-home .content .logo-title { max-width: 75%; }
		section.hero.hero-home .content .logo-subtitle { max-width: 250px; }

		section.home-about .container { padding: 30px 20px; }
		section.home-about .content { padding: 40px 20px; }
		section.home-about .content h3, section.conception h3, section.about-why .section-title, section.products-list .section-title, section.related-products .section-title { font-size: 35px; line-height: 32px; }

		section.conception .container { padding: 40px 20px !important; }
		section.conception .text p br { display: none; }

		section.collection-single .content { max-width: 90%; padding: 35px 0 60px 0; }
		section.collection-single h3 strong { font-size: 40px; line-height: 44px; }

		section.newsletter .gform_wrapper .validation_message { position: relative; top: auto; }
		section.newsletter .gform_wrapper .gfield input { padding: 13px 20px 11px 20px; }
		section.newsletter .gform_wrapper .gform_body { padding: 0px; }
		section.newsletter .gform_wrapper .gform_footer { position: relative; bottom: auto; right: auto; }
		section.newsletter .gform_wrapper .gform_footer button { width: 100%; display: block; margin-top: 3px; padding: 15px 15px 13px 15px; background: #e08b7a; color: #fff; font-size: 13px; font-weight: 500; letter-spacing: 0.167em; line-height: 15px; font-family: 'Brandon Grotesque'; }

		.product-slider .swiper-slide.layer-bottom .layer { left: auto; bottom: auto; right: 3px; top: 137px; text-align: right; }
		.product-slider .swiper-slide.layer-bottom:hover .layer { top: 127px; }
		.product-slider .swiper-slide.layer-bottom .layer .price span::before { right: auto; left: -33px; }

		section.hero .background .image { top: 7px; right: 7px; bottom: 7px; left: 7px; }
		section.hero.hero-about .content .title { font-size: 38px; line-height: 38px; }

		section.about-why .col p br { display: none; }
		section.about-why .col { padding: 30px 20px; }
		section.about-why .col .button { margin-top: 30px; }

		section.products-list { margin-top: 30px; }
		section.products-list .wrapper { margin-top: 40px; }
		section.products-list .item { width: 100%; margin: 0 0 30px 0 !important; }
		section.products-list .item:nth-child(even) { margin-left: 0 !important; }
		section.products-list .item:nth-child(odd) { clear: none !important; }

		section.hero.hero-contact .content .text p br { display: none; }
		section.hero.hero-contact .content .social h3 { padding: 0 20px; }
		section.hero.hero-contact .content .logo-title { max-width: 90%; }
		 section.hero.hero-contact .content .logo-subtitle { max-width: 90%; }
		section.hero.hero-contact .content .logo-icon { max-width: 90px; }
		section.hero.hero-contact .content .text { margin-top: 30px; }

		section.product .head .title { font-size: 38px; line-height: 42px; }
		section.product .head .subtitle { font-size: 14px; }
		section.product .head .price { font-size: 22px; }
		section.product .inner { padding: 30px 0; }
		section.product .main .details .box p, section.product .main .details .box ul:not(.sbOptions) li { font-size: 17px; }
		section.product .main .details .box p.big { font-size: 18px; }

		section.product { padding: 7px; }


	}

	@media (max-width: 420px)
	{
		section.hero.hero-home .content { padding: 25px 15px; margin-top: 0px; }
		section.hero.hero-home .content .button a { width: 125px; padding-left: 0px; padding-right: 0px; }
	}

	@media(max-width: 400px) {

		header { padding-left: 14px; }
		#nav-toggle .label { display: none; }

		section.collection .tabs-nav li a strong { font-size: 20px; line-height: 30px; }

		section.hero.hero-about .content .title { font-size: 36px; line-height: 34px; }

		section.product .head .title { font-size: 36px; line-height: 38px; }

		section.related-products .section-title { font-size: 28px; line-height: 30px; }

		.product-slider .swiper-slide img { max-height: 380px; width: auto; }
	}
