/* ==========================================================================
   Fonts
   ========================================================================== */

@font-face {
	font-family: '0039-bespoke-interiors-regular';
	src: url('../fonts/0039-bespoke-interiors-regular/0039-bespoke-interiors-regular.eot');
	src: url('../fonts/0039-bespoke-interiors-regular/0039-bespoke-interiors-regular%EF%B9%96.eot#iefix') format('embedded-opentype'), url('../fonts/0039-bespoke-interiors-regular/0039-bespoke-interiors-regular.woff2') format('woff2'), url('../fonts/0039-bespoke-interiors-regular/0039-bespoke-interiors-regular.woff') format('woff'), url('../fonts/0039-bespoke-interiors-regular/0039-bespoke-interiors-regular.ttf') format('truetype'), url('../fonts/0039-bespoke-interiors-regular/0039-bespoke-interiors-regular.svg#0039-bespoke-interiors-regular') format('svg');
	font-weight: regular;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: '0039-bespoke-interiors-bold';
	src: url('../fonts/0039-bespoke-interiors-bold/0039-bespoke-interiors-bold.eot');
	src: url('../fonts/0039-bespoke-interiors-bold/0039-bespoke-interiors-bold%EF%B9%96.eot#iefix') format('embedded-opentype'), url('../fonts/0039-bespoke-interiors-bold/0039-bespoke-interiors-bold.woff2') format('woff2'), url('../fonts/0039-bespoke-interiors-bold/0039-bespoke-interiors-bold.woff') format('woff'), url('../fonts/0039-bespoke-interiors-bold/0039-bespoke-interiors-bold.ttf') format('truetype'), url('../fonts/0039-bespoke-interiors-bold/0039-bespoke-interiors-bold.svg#0039-bespoke-interiors-bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}


/* ==========================================================================
   Base styles
   ========================================================================== */

html {
	color: #3e3d3c;
	line-height: 1.4;
	font-weight: 300;
}

html,
body {
	width: 100%;
	height: 100%;
	scroll-behavior: smooth;
	overflow-x: hidden;
}

body {
	font-family: 'Lato', sans-serif;
	overflow-x: hidden;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

a {
	outline: none;
}

@media (max-width: 1024px) {
	.mobile-body-overflow {
		position: fixed;
	}
}

#iubenda-cs-banner.iubenda-cs-bottom {
	z-index: 9999999999 !important;
}

/* ==========================================================================
   Loading
   ========================================================================== */

.loading-layer {
	width: 100%;
	height: 100%;
	background: #242423;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000;
}

.loading-layer-logo {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -100px;
	font-size: 16px;
}

.loading-layer-logo p {
	font-size: 16px;
	color: #f0efef;
	text-align: center;
	display: none;
}

#bespoke-interiors-logo-loading {
	width: 150px;
	height: 150px;
	margin: 0 auto;
	display: block;
}

.loading-text span:nth-of-type(1) {
  margin-left: 3px;
}

.loading-text span:nth-of-type(1) {
  margin-left: 5px;
}

.loading-text span {
	font-weight: 100;
  font-size: 50px;
  -webkit-animation-name: blink;
          animation-name: blink;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.loading-text span:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.loading-text span:nth-child(3) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}

@keyframes blink {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}


/* ==========================================================================
   Modal
   ========================================================================== */

.modal-layer {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000;
	display: none;
}

.hide-modal {
	display: none !important;
}

.modal {
	width: 500px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0 0 0 -300px;
	transform: translateY(-50%);
	font-size: 16px;
	background: #f0efef;
	border-style: double;
	border: 1px solid #fff;
	text-align: center;
	padding: 50px;
}

.modal img {
	float: none;
	margin: 0 auto;
	display: block;
	width: 100px;
}

.modal h1 {
	font-family: '0039-bespoke-interiors-bold';
	font-size: 40px;
	margin-top: 25px;
}

.modal p {
	margin-top: 15px;
}

.modal-close {
	width: 35px;
	height: 35px;
	background: #d7d4d1;
	position: absolute;
	top: 10px;
	right: 10px;
	border-radius: 50%;
	transition: all 0.3s;
	cursor: pointer;
}

.modal-close:hover {
	background: #3e3d3c;
}

.modal-close i {
	font-size: 20px;
	line-height: 34px;
	transition: all 0.3s;
}

.modal-close:hover i {
	color: #f0efef;
}

@media (max-width: 767px) {
	.modal-layer,
	.modal {
		display: none !important;
	}
}


/* ==========================================================================
   Header Navigation
   ========================================================================== */

header {
	font-size: 17px;
	transition: all 0.5s;
}

body.full-screen-navigation-active header {
	background: transparent;
	border-bottom-color: transparent;
}

.dark-header,
.dark-header * {
	transition: all 0.5s;
}

header nav ul {
	list-style-type: none;
	text-align: center;
	margin: 10px 0 21px 0;
	transition: all 0.5s;
	padding-left: 32px;
}

body.full-screen-navigation-active header nav ul {
	display: none;
}

header nav ul li {
	display: inline-block;
	text-align: center;
	margin: 0 30px;
}

header nav ul li a {
	color: #fff;
	text-decoration: none;
	padding: 15px 0 5px 0;
	display: inline-block;
	position: relative;
	font-weight: 300;
}

header.dark-header.headroom--top nav ul li a {
	color: #242423;
}

header nav ul li a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	transform: scaleX(0);
	transform-origin: bottom right;
	transition: transform 0.3s;
}

header.dark-header.headroom--top nav ul li a:after {
	background: #242423;
}

header nav ul li a:hover:after {
	transform-origin: bottom left;
	transform: scaleX(1);
}

.header-active-link:after {
	transform: scaleX(1) !important;
}

.header-fixed {
	position: fixed;
	z-index: 100;
	right: 0;
	left: 0;
	top: 0
}

.headroom {
	transition: transform .3s ease-in-out;
	will-change: transform
}

.headroom--pinned {
	transform: translateY(0);
}

.headroom--unpinned {
	transform: translateY(-100%)
}

.slideDown,
.headroom--not-top {
	background: #242423;
	border-bottom: 1px solid #615f5d;
}

.dark-header.slideDown nav ul li a {
	color: #fff;
}

.dark-header.slideDown nav ul li a:after {
	background: #fff;
}

.headroom--top {
	border-bottom: 0;
}

.headroom--top {
	background: none;
}

.animated {
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	will-change: transform, opacity
}

.header-logo-container {
	position: relative;
	display: inline-block;
	margin: 0px 35px 0 -14px;
	width: 70px;
}

.header-logo {
	position: absolute;
	top: -30px;
	z-index: 1;
}

.header-logo-light {
	opacity: 1;
	z-index: 2;
}

header.dark-header.headroom--top .header-logo-light {
	opacity: 0;
}

.languages {
	color: #fff;
	position: absolute;
	left: 25px;
	top: 24px;
}

body.full-screen-navigation-active .languages {
	left: 0;
	z-index: 30;
}

.languages a {
	color: #fff;
	padding: 15px;
	text-decoration: none;
}

header.dark-header.headroom--top .languages,
header.dark-header.headroom--top .languages a {
	color: #242423;
	transition: all 0.3s;
}

.dark-header.slideDown .languages,
.dark-header.slideDown .languages a {
	color: #fff;
}

body.full-screen-navigation-active .languages,
body.full-screen-navigation-active .languages a {
	color: #3e3d3c;
}

.login {
	color: #fff;
	text-decoration: none;
	padding: 15px;
	position: absolute;
	top: 10px;
	left: 25px;
	transition: all 0.3s;
}

header.dark-header.headroom--top .login {
	color: #242423;
}

.dark-header.slideDown .login {
	color: #fff;
}

.login:after {
	display: block;
	height: 30px;
	width: 30px;
	position: absolute;
	content: '';
	background: url(../img/0039-bespoke-interiors-header-login-icon-light.svg) center no-repeat;
	top: 12px;
	left: 60px;
	transition: all 0.3s;
}

header.dark-header.headroom--top .login:after {
	background: url(../img/0039-bespoke-interiors-header-login-icon-dark.svg) center no-repeat;
}

.dark-header .login:after {
	background: url(../img/0039-bespoke-interiors-header-login-icon-light.svg) center no-repeat;
}

body.full-screen-navigation-active .login {
	display: none;
}

.login:hover,
.languages a:hover {
	opacity: 0.7;
}

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1200px) {
	header nav ul li {
		margin: 0 20px;
	}
	
	.languages a {
		padding: 10px;
	}
}

@media (max-width: 1100px) {
	header nav ul li {
		margin: 0 15px;
	}
}

@media (max-width: 1023px) {
	header {
		height: 70px;
	}
	header nav ul {
		padding-left: 0;
		margin: 10px 0 0 0;
	}
	
	header nav ul li {
		display: none;
	}
	.header-logo-container {
		margin: 30px 0 0 0;
		width: 50px;
	}
	.header-logo-container img {
		left: 0;
	}
	body.full-screen-navigation-active .languages {
		left: auto;
		top: auto;
		right: 25px;
		bottom: 25px;
		position: fixed;
		z-index: 30;
	}
	.languages {
		left: 15px;
	}
}


/* ==========================================================================
   Full Screen Navigation
   ========================================================================== */


/* Button ================================= */

.full-screen-navigation-button {
	height: 30px;
	width: 30px;
	position: fixed;
	z-index: 3;
	right: 50px;
	top: 28px;
	cursor: pointer;
	transition: all 0.3s;
	padding: 0 0 0 25px;
}

.full-screen-navigation-button:hover {
	opacity: 0.7;
}

.full-screen-navigation-button:before {
	content: 'Menu';
	color: #f0efef;
	position: absolute;
	left: -30px;
	top: -4px;
}

header.dark-header.headroom--top .full-screen-navigation-button:before {
	color: #242423;
}

.dark-header.slideDown .full-screen-navigation-button:before {
	color: #fff;
}

.button-line {
	height: 2px;
	width: 30px;
	display: block;
	background-color: #f0efef;
	margin-bottom: 4px;
	transition: transform 0.2s ease, background-color 0.5s ease;
}

header.dark-header.headroom--top .button-line {
	background-color: #242423;
}

.dark-header.slideDown .button-line {
	background-color: #fff;
}

.button-line-left {
	width: 15px;
}

.button-line-right {
	width: 15px;
	float: right;
}

body.full-screen-navigation-active .button-line,
body.full-screen-navigation-active .dark-header .button-line {
	background-color: #3e3d3c;
}

body.full-screen-navigation-active .full-screen-navigation-button:before,
body.full-screen-navigation-active .dark-header .full-screen-navigation-button:before {
	color: #3e3d3c;
}

body.full-screen-navigation-active .button-line {
	transform: translateX(0px) rotate(-45deg);
}

body.full-screen-navigation-active .button-line-left {
	transform: translateX(1px) rotate(45deg);
}

body.full-screen-navigation-active .button-line-right {
	transform: translateX(-2px) rotate(45deg);
}

@media (max-width: 1360px) {
	.full-screen-navigation-button {
		right: 25px;
	}
}


/* Wrapper ================================= */

.full-screen-navigation-wrapper {
	position: fixed;
	z-index: -1;
}

.full-screen-navigation-wrapper:before,
.full-screen-navigation-wrapper:after {
	content: "";
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(234, 234, 234, 0.2);
	z-index: -1;
	transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
	transform: translateX(0%) translateY(-100%);
}

.full-screen-navigation-wrapper:after {
	background: white;
	transition-delay: 0s;
}

.full-screen-navigation-wrapper:before {
	transition-delay: 0.1s;
}

body.full-screen-navigation-active .full-screen-navigation-wrapper {
	visibility: visible;
	z-index: 1;
}

body.full-screen-navigation-active .full-screen-navigation-wrapper:before,
body.full-screen-navigation-active .full-screen-navigation-wrapper:after {
	transform: translateX(0%) translateY(0%);
}

body.full-screen-navigation-active .full-screen-navigation-wrapper:after {
	transition-delay: 0.1s;
}

body.full-screen-navigation-active .full-screen-navigation-wrapper:before {
	transition-delay: 0s;
}


/* Container ================================= */

.full-screen-container {
	position: fixed;
	top: 50%;
	transform: translate(0, -50%);
	width: 100%;
	left: 250px;
	font-size: calc(2vw + 5px);
	font-weight: 200;
}

.full-screen-container-block {
	width: 13%;
	float: left;
}

.full-screen-container-block:last-of-type {
	width: 32%;
	margin: 0 0 0 10%;
	padding-left: 3%;
	border-left: 1px solid #ccc;
	transform: translate(75%, 0);
	transition: opacity 0.5s ease, transform 0.5s ease;
	opacity: 0;
}

body.full-screen-navigation-active .full-screen-container-block:last-of-type {
	opacity: 1;
	transform: translateX(0%);
	transition: opacity 0.5s ease, transform 0.5s ease, color 0.5s ease;
	transition-delay: 0.5s;
}

.full-screen-container h3 {
	font-family: '0039-bespoke-interiors-regular';
	opacity: 0;
	transform: translate(0%, 100%);
	transition: opacity 0.2s ease, transform 0.3s ease;
	margin: 0;
	letter-spacing: -2px;
}

.full-screen-container-block:last-of-type h3 {
	opacity: 1;
	transform: none;
	transition: none;
}

body.full-screen-navigation-active .full-screen-container h3 {
	opacity: 1;
	transform: translateX(0%);
	transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
	transition-delay: 0.4s;
}

.menu-logo {
	position: absolute;
	top: 60px;
	left: 250px;
	opacity: 0;
	transform: translate(0%, 100%);
	transition: opacity 0.2s ease, transform 0.3s ease;
}

body.full-screen-navigation-active .menu-logo {
	opacity: 1;
	transform: translateX(0%);
	transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
	transition-delay: 0.4s;
}

@media (max-width: 1360px) {
	.menu-logo {
		width: 100px;
		left: 200px;
	}
	.full-screen-container {
		font-size: calc(2vw);
		left: 200px;
	}
	.full-screen-container-block {
		width: 15%;
	}
	.full-screen-container-block:last-of-type {
		width: 30%;
		margin: 0 0 0 4%;
	}
}

@media (max-width: 1200px) {
	.menu-logo {
		width: 75px;
		left: 150px;
	}
	.full-screen-container {
		font-size: calc(2vw);
		left: 150px;
		top: 55%;
	}
	.full-screen-container ul li a {
		font-size: 18px;
	}
}

@media (max-height: 1000px) and (min-width: 1200px) {
	.full-screen-container {
		top: 450px;
	}
}

@media (max-width: 1024px) {
	.full-screen-container-block * {
		transition: none  !important;
	}
}

@media (max-width: 1023px) {
	.full-screen-navigation-mobile-wrapper {
		position: relative;
		width: 100vw;
		height: 0;
		background: #fff;
		overflow-y: scroll;
		transition-delay: 0.4s;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
	}
	.full-screen-container {
		position: relative;
		transform: none;
		font-size: 20px;
		top: 125px;
		left: 0;
	}
	.full-screen-container-block {
		width: auto;
		margin-bottom: 25px;
		margin-left: 100px;
		clear: both;
	}
	.full-screen-container-block:nth-of-type(3),
	.full-screen-container-block:nth-of-type(4) {
		display: none;
	}
	.full-screen-container-block:last-of-type {
		width: auto;
		margin: 0;
		border-left: 0;
		padding-left: 0;
		margin-left: 100px;
		padding-bottom: 98px;
	}
	body.full-screen-navigation-active .full-screen-navigation-mobile-wrapper {
		height: 100vh;
		transition-delay: 0.5s;
	}
	.menu-logo {
		left: 100px;
		top: 26px;
	}
}

/* Navigation ================================= */

.full-screen-container ul {
	padding: 0;
	margin: 0;
}

.full-screen-container ul li {
	display: block;
}

.full-screen-container ul li a {
	position: relative;
	display: inline-block;
	opacity: 0;
	transform: translate(0%, 100%);
	transition: opacity 0.2s ease, transform 0.3s ease;
	text-decoration: none;
	color: #3e3d3c;
	font-size: 25px;
	font-weight: 300;
}

.full-screen-container ul li a:after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	width: 100%;
	height: 2px;
	background: #3e3d3c;
	transform: scaleX(0);
	transform-origin: bottom right;
	transition: transform 0.3s;
}

.full-screen-container ul li a:hover:after {
	transform-origin: bottom left;
	transform: scaleX(1);
}

body.full-screen-navigation-active .full-screen-container ul li a {
	opacity: 1;
	transform: translateX(0%);
	transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
}

body.full-screen-navigation-active .full-screen-container ul li:nth-child(0) a {
	transition-delay: 0.5s;
}

body.full-screen-navigation-active .full-screen-container ul li:nth-child(1) a {
	transition-delay: 0.6s;
}

body.full-screen-navigation-active .full-screen-container ul li:nth-child(2) a {
	transition-delay: 0.7s;
}

body.full-screen-navigation-active .full-screen-container ul li:nth-child(3) a {
	transition-delay: 0.8s;
}

body.full-screen-navigation-active .full-screen-container ul li:nth-child(4) a {
	transition-delay: 0.9s;
}

body.full-screen-navigation-active .full-screen-container ul li:nth-child(5) a {
	transition-delay: 1s;
}

body.full-screen-navigation-active .full-screen-container ul li:nth-child(6) a {
	transition-delay: 1.1s;
}

body.full-screen-navigation-active .full-screen-container ul li:nth-child(7) a {
	transition-delay: 1.2s;
}

body.full-screen-navigation-active .full-screen-container ul li:nth-child(8) a {
	transition-delay: 1.3s;
}

@media (max-width: 1360px) {
	.full-screen-container ul {
		margin-top: 5px;
	}
	.full-screen-container ul li a {
		font-size: 20px;
	}
	.full-screen-container ul li a::after {
		bottom: 0px;
	}
}

@media (max-width: 1200px) {
	.full-screen-container ul li a {
		font-size: 18px;
	}
}

@media (max-width: 1023px) {
	.full-screen-container ul {
		margin-top: 0;
	}
	.full-screen-container ul li {
		margin-bottom: 5px;
	}
	.full-screen-container ul li a {
		font-size: 20px;
	}
}


/* Address ================================= */

address {
	position: relative;
	color: #3e3d3c;
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	line-height: 30px;
	margin-top: 30px;
}

address strong {
	font-weight: 700;
}

address a {
	color: #3e3d3c;
}

address a:hover {
	text-decoration: underline;
}

address span {
	display: block;
}

@media (max-width: 1023px) {
	address {
		margin-top: 0;
	}
}

/* Social ================================= */

.full-screen-social-container {
	height: 100%;
	width: 100px;
	border-right: 1px solid #ccc;
	position: absolute;
	left: 0;
	top: 0;
	position: fixed;
	opacity: 1;
	transform: translateX(0%);
	transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
	transition-delay: 0.4s;
}

.full-screen-social-container {
	height: 100%;
	width: 100px;
	border-right: 1px solid #ccc;
	position: absolute;
	left: 0;
	top: 0;
	position: fixed;
	opacity: 0;
	transform: translate(-100%, 0);
	transition: opacity 0.2s ease, transform 0.3s ease;
}

body.full-screen-navigation-active .full-screen-social-container {
	opacity: 1;
	transform: translateX(0%);
	transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
	transition-delay: 1.2s;
}

.full-screen-social-container ul {
	list-style-type: none;
	position: absolute;
	writing-mode: vertical-rl;
	pointer-events: auto;
	transform: rotate(-180deg);
	left: 0;
	bottom: 0;
	margin: 0;
}

.full-screen-social-container ul.full-screen-social-container-google-maps {
	text-align: right;
	right: 0;
	left: auto;
	bottom: auto;
	top: 65px;
	margin: 0;
}

.full-screen-social-container ul li {
	display: inline-block;
	margin: 25px 0;
	line-height: 70px;
}

.full-screen-social-container ul li a {
	text-decoration: none;
	color: #3e3d3c;
	font-weight: 300;
	padding: 0 15px;
	display: inline-block;
	position: relative;
	font-size: calc(1vw + 10px);
	font-size: 22px;
}

.full-screen-social-container ul li a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 70px;
	height: 100%;
	width: 2px;
	background: #3e3d3c;
	transform: scaleY(0);
	transform-origin: left bottom;
	transition: transform 0.3s;
}

.full-screen-social-container ul li a:hover:after {
	transform-origin: right top;
	transform: scaleY(1);
}

.full-screen-active-link:after {
	transform: scaleX(1) !important;
}

@media (max-width: 1360px) {
	.full-screen-social-container ul li a {
		font-size: 20px;
	}
}

@media (max-width: 1200px) {
	.full-screen-social-container {
		width: 85px;
	}
	.full-screen-social-container ul li {
		line-height: 55px;
	}
	.full-screen-social-container ul li a {
		font-size: 18px;
	}
	.full-screen-social-container ul.full-screen-social-container-google-maps {
		right: auto;
	}
	.full-screen-social-container ul li a:after {
		right: 60px;
	}
}

@media (max-width: 1023px) {
	.full-screen-social-container {
		width: 55px;
	}
	.full-screen-social-container ul {
		padding: 0;
	}
	.full-screen-social-container ul li {
		line-height: 25px;
	}
	.full-screen-social-container ul li a:after {
		right: 40px;
	}
	.full-screen-social-container ul.full-screen-social-container-google-maps {
		top: 0;
	}
}


/* ==========================================================================
   Home Slider
   ========================================================================== */

.home-slider {
	padding-top: 0 !important;
}

.swiper-container {
	width: 100%;
	height: 100vh;
}

.swiper-slide {
	overflow: hidden;
	text-decoration: none;
}

.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 1;
	background: -moz-linear-gradient(top, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
	background: -webkit-linear-gradient(top, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
	background: linear-gradient(to bottom, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#c9000000', GradientType=0);
	transition: all .65s ease;
}

.swiper-slide-duplicate-active .overlay,
.swiper-slide-active .overlay {
	opacity: .4;
}

.slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.slide-inner--image {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	opacity: .2;
	transform: scale(1.07);
	-webkit-transition: opacity .6s ease-in-out, transform 2s ease .7s;
	-moz-transition: opacity .6s ease-in-out, transform 2s ease .7s;
	transition: opacity .6s ease-in-out, transform 2s ease .7s;
}

.swiper-slide-duplicate-active .slide-inner--image,
.swiper-slide-active .slide-inner--image {
	opacity: 1;
	transform: scale(1);
}


/* Slider Navigation Buttons ================================= */

.swiper-button-prev,
.swiper-button-next {
	text-transform: uppercase;
	color: #fff;
	letter-spacing: .2em;
	line-height: 2em;
	font-size: 12px;
	width: auto;
	height: 24px;
	background-image: none !important;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	outline: none;
}

.swiper-button-prev {
	padding-left: 6em;
	left: 0;
	-webkit-transition: padding-left .3s ease;
	-moz-transition: padding-left .3s ease;
	transition: padding-left .3s ease;
}

.swiper-button-next {
	padding-right: 6em;
	right: 0;
	-webkit-transition: padding-right .3s ease;
	-moz-transition: padding-right .3s ease;
	transition: padding-right .3s ease;
}

.swiper-button-prev::after {
	content: "";
	width: 1.5em;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: calc(50% - 1px);
	-webkit-transition: width .3s ease;
	-moz-transition: width .3s ease;
	transition: width .3s ease;
}

.swiper-button-next::after {
	content: "";
	width: 1.5em;
	height: 1px;
	background-color: #fff;
	position: absolute;
	right: 0;
	top: calc(50% - 1px);
	-webkit-transition: width .3s ease;
	-moz-transition: width .3s ease;
	transition: width .3s ease;
}

.swiper-button-prev:hover {
	padding-left: 90px;
}

.swiper-button-prev:hover::after {
	width: 75px;
}

.swiper-button-next:hover {
	padding-right: 90px;
}

.swiper-button-next:hover::after {
	width: 75px;
}

@media (max-width: 639px) {
	.swiper-button-next,
	.swiper-button-prev {
		top: 75%;
	}
}


/* Slider Inner ================================= */

.slide-inner--info {
	position: absolute;
	width: 500px;
	min-height: 50px;
	top: 45%;
	left: 50%;
	margin: -100px 0 0 -250px;
	color: #fff;
	z-index: 1;
	opacity: 0;
	transition: opacity 1s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: rgba(0,0,0,0.4);
	padding: 50px 0;
	border: 1px solid #fff;
}

.swiper-slide-active .slide-inner--info {
	opacity: 1;
	transition: opacity 1s ease 1s;
}

.slide-inner--info h1 {
	margin: 10px 0;
	font-size: 70px;
	line-height: 70px;
	color: #fff;
	text-align: center;
	font-family: '0039-bespoke-interiors-Bold';
}

.slide--info__link {
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	border-bottom: solid 2px;
	text-align: center;
}

.swiper-slide--bottom {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	right: 0;
	height: 90px;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}

.slider-button {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 18px;
	color: #fff;
	text-align: center;
	width: 142px;
	display: block;
	margin: 0 auto;
	position: relative;
}

.slider-button:after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	transform: scaleX(0);
	transform-origin: bottom right;
	transition: transform 0.3s;
}

.slider-button:hover:after {
	transform-origin: bottom left;
	transform: scaleX(1);
}

@media (max-width: 1360px) {
	.slide-inner--info {
		width: 450px;
		margin: -100px 0 0 -225px;
	}
	.slide-inner--info h1 {
		font-size: 60px;
		line-height: 60px;
	}
}

@media (max-width: 1200px) {
	.slide-inner--info {
		width: 400px;
		margin: -100px 0 0 -200px;
		padding: 40px 0;
	}
	.slide-inner--info h1 {
		font-size: 50px;
		line-height: 50px;
	}
}

@media (max-width: 1024px) {
	.slider-button {
		display: none;
	}
	.slide-inner--info {
		padding: 30px 0 25px 0;
	}
}

@media (max-width: 1023px) {
	.slide-inner--info {
		width: 300px;
		margin: -100px 0 0 -150px;
		padding: 30px 0;
	}
	
	.slide-inner--info-pages {
		margin: -50px 0 0 -150px;
	}
	.slide-inner--info h1 {
		font-size: 40px;
		line-height: 40px;
	}
}

@media (max-width: 767px) {
	.slide-inner--info {
		width: 230px;
		margin: -80px 0 0 -115px;
		padding: 20px 0;
	}
	.slide-inner--info-pages {
		margin: -50px 0 0 -115px;
	}
	.slide-inner--info h1 {
		font-size: 30px;
		line-height: 30px;
	}
}

@media (max-width: 639px) {
	.slide-inner--info {
		margin: -30% 0 0 -115px;
	}
	.slide-inner--info-pages {
		margin: -80px 0 0 -115px;
	}
}


/* Slider Pagination ================================= */

.expanded-timeline {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: right;
	-ms-flex-pack: right;
	justify-content: right;
	z-index: 3;
	bottom: 2.8em;
	right: 3em;
	width: 30vh;
}

.swiper-pagination {
	z-index: 4;
	width: 85%;
	right: 50px;
	height: 2px;
	background-color: rgba(255, 255, 255, .5);
}

.swiper-pagination-progressbar-fill {
	background: #fff !important;
}

.expanded-timeline__counter span {
	text-align: right;
	color: #fff;
	display: block;
	font-family: '0039-bespoke-interiors-regular';
	font-size: 25px;
	position: absolute;
}

.expanded-timeline__counter span:nth-of-type(1) {
	top: -70px;
	right: 15px;
	font-size: 50px;
}

.expanded-timeline__counter span:nth-of-type(2) {
	top: -5px;
	right: -10px;
}

.slider__counter-divider {
	background: #fff;
	position: absolute;
	right: -45px;
	top: 10px;
	transform: rotate(-45deg);
	transform-origin: left center;
	width: 75px;
	height: 1px;
}

.scroll-message {
	position: absolute;
	right: 0;
	color: #fff;
	opacity: .5;
	font-size: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	letter-spacing: .15em;
}

.scroll-svg {
	width: 24px;
	margin: 0 auto 1.2em;
	display: block;
}

@media (max-width: 639px) {
	.expanded-timeline {
		right: 50%;
		width: 16vh;
		margin-right: -8vh;
		bottom: 100px;
	}
	.expanded-timeline__counter span {
		font-size: 18px;
	}
	.expanded-timeline__counter span:nth-of-type(1) {
		top: -45px;
		right: 15px;
		font-size: 30px;
	}
	.slider__counter-divider {
		background: #fff;
		position: absolute;
		right: -27px;
		top: 12px;
		width: 55px;
	}
}


/* Slider Mouse ================================= */

.scroll-down-mouse {
	position: absolute;
	bottom: 75px;
	left: 50px;
	display: block;
	color: #fff;
	letter-spacing: .1em;
	text-decoration: none;
	transition: opacity .3s;
	z-index: 2;
}

.scroll-down-mouse span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 30px;
	height: 50px;
	margin-left: -15px;
	border: 2px solid #fff;
	border-radius: 50px;
	box-sizing: border-box;
}

.scroll-down-mouse span::before {
	position: absolute;
	top: 10px;
	left: 50%;
	content: '';
	width: 6px;
	height: 6px;
	margin-left: -3px;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: sdb10 2s infinite;
	animation: sdb10 2s infinite;
	box-sizing: border-box;
}

@keyframes sdb10 {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@media (max-width: 1023px) {
	.scroll-down-mouse {
		display: none;
	}
}


/* ==========================================================================
   Miscellaneous
   ========================================================================== */

h1 {
	margin-top: 0;
	font-family: '0039-bespoke-interiors-bold';
	font-size: 70px;
	line-height: 60px;
	margin: 0;
}

p {
	font-size: 25px;
	line-height: 35px;
}

.cursor-follower {
	border-radius: 50%;
	width: 32px;
	height: 32px;
	background-color: #000;
	position: fixed;
	top: 0;
	left: 0;
	will-change: transform;
	pointer-events: none;
	z-index: 1000000;
	opacity: 0.3;
	user-select: none;
	transition: 0.6s ease transform, 0.2s ease opacity, 0.2s ease background;
	user-select: none;
	transform: translate(2px, 2px);
}
.cursor-follower.active {
	transform: scale(2.5);
}
.cursor-follower.menu-active {
	transform: scale(2.5);
}

.scroll-to-top {
	position: fixed;
	bottom: -100px;
	right: 15px;
	z-index: 10;
	background: #d7d4d1;
	border: 1px solid #84817e;
	width: 40px;
	height: 40px;
	color: #3e3d3c;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	transition: all 0.5s;
}

.scroll-to-top:hover {
	border: 1px solid #3e3d3c;
	transform: translateY(-10px);
}

.button {
	display: inline-block;
	border: 1px solid #3e3d3c;
	background: #fff;
	font-size: 15px;
	padding: 15px 40px;
	color: #3e3d3c;
	text-decoration: none;
	font-weight: 700;
	margin-top: 10px;
	text-transform: uppercase;
	transition: all 0.3s;
}

.back-to-home-button {
	float: none;
	margin: 50px auto 150px auto;
	display: block;
	width: 160px;
	text-align: center;
	transition: all 0.3s;
}

.download-button {
	display: block;
	width: 180px;
	float: none;
	position: absolute;
	bottom: 150px;
	left: 50%;
	margin-left: -128.5px;
}

.in-view-button {
	transition: all 0.3s !important;
}

.button:hover {
	background: #3e3d3c;
	color: #fff;
}

.button i {
	margin-left: 5px;
}

.button i.icon-play-sign {
	font-size: 22px;
	display: block;
	float: right;
}

.lg-backdrop,
.lg-outer .lg-thumb-outer {
    background-color: #f0efef;
}

.lg-counter,
.lg-toolbar .lg-icon {
    color: #3e3d3c;
}

#lg-counter {
		font-family: '0039-bespoke-interiors-bold';
		font-size: 20px;
		color: #3e3d3c;
}

.lg-next,
.lg-prev {
    color: #3e3d3c !important;
		background: #fff !important;
		transition: all 0.3s !important;
		border-radius: 0 !important;
		border: 1px solid #3e3d3c !important;
		padding: 20px !important;
		margin-top: -50px !important;
}

.lg-next:hover, .lg-prev:hover {
    background: #3e3d3c !important;
		color: #fff !important;
}

.lg-outer .lg-thumb-item {
    border-radius: 0;
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #3e3d3c;
}

.lg-close,
.lg-autoplay-button {
		background: #fff !important;
		border: 1px solid #3e3d3c !important;
		margin: -1px 20px 0 0;
		transition: all 0.3s;
		height: auto !important;
		width: auto !important;
		padding: 20px 19px !important;
    line-height: 22px !important;
		transition: all 0.3s !important;
}

.lg-autoplay-button {
		margin-right: -1px;
}

.lg-close:hover,
.lg-autoplay-button:hover {
		background: #3e3d3c !important;
		color: #fff;
}

.lg-group {
	margin: 0 auto 5px auto;
}

.lg-toolbar {
	background: none;
}

.lg-toogle-thumb {
	display: none;
}

.lg-object {
	-webkit-transform: scale3d(1,1,1) !important;
	transform: scale3d(1,1,1) !important;
}

.lg-outer .lg-image {
	max-width: 90%;
	max-height: 90%;
}

.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
	height: 96%;
}

.lg-progress-bar {
	  background-color: #c1b6ab;
}

.lg-progress-bar .lg-progress {
	  background-color: #3e3d3c;
}

body.lg-on {
    overflow: hidden;
}

#immaginario {
	width: 1px;
	height: 1px;
	background: #000;
	opacity: 0;
}

@media (max-width: 1560px) {
	h1 {
		font-size: 60px;
		line-height: 50px;
	}
}

@media (max-width: 1460px) {
	h1 {
		font-size: 50px;
		line-height: 45px;
	}
	p {
		font-size: 22px;
		line-height: 32px;
	}
}

@media (max-width: 1360px) {
	h1 {
		font-size: 45px;
		line-height: 40px;
	}
	p {
		font-size: 21px;
		line-height: 31px;
	}
}

@media (max-width: 1280px) {
	h1 {
		font-size: 40px;
		line-height: 40px;
	}
	p {
		font-size: 20px;
		line-height: 30px;
	}
}

@media (max-width: 1024px) {
	.cursor-follower {
		display: none;
	}
}

/* ==========================================================================
   Lettering
   ========================================================================== */

.lettering-heading {
	position: relative;
	display: inline-block;
	margin-top: 35px;
}

.lettering-heading span {
	display: inline-block;
}

.lettering-heading-light {
	text-align: center;
	width: 100%;
}

.lettering-heading-frame {
	display: block;
	background: #000;
	width: 350px;
	height: 1px;
	margin: 35px auto 0 auto;
	position: relative;
}

.lettering-heading-frame:after {
	display: block;
	content: '';
	background: #c1b6ab url('../img/0039-bespoke-interiors-logo-frame.svg') center no-repeat;
	width: 30px;
	height: 30px;
	margin: -15px 0 0 -15px;
	left: 50%;
	position: absolute;
}

.lettering-heading-light+.lettering-heading-frame+p {
	text-align: center;
	padding-bottom: 30px;
	margin-top: 20px;
}

.section-container-collection .lettering-heading-frame:after {
    background: #f0efef url('../img/0039-bespoke-interiors-logo-frame.svg') center no-repeat;
}

.section-container-projects .lettering-heading-frame:after,
.section-container-materials-collection .lettering-heading-frame:after,
.section-container-contacts .lettering-heading-frame:after {
    background: #f0efef url('../img/0039-bespoke-interiors-logo-frame.svg') center no-repeat;
}

@media (max-width: 639px) {
	.lettering-heading-light+.lettering-heading-frame+p {
		padding-bottom: 10px;
	}
}


/* ==========================================================================
   Sections
   ========================================================================== */

.section-container-presentation,
.section-container-collection,
.section-container-materials,
.section-container-materials-collection,
.section-container-bespoke,
.section-container-next-prev-collection {
	width: 100%;
	background: #f0efef;
	overflow: hidden;
}

.section-container-next-prev-collection {
	padding-bottom: 100px;
	-webkit-box-shadow: inset 0px -200px 0px 0px rgba(62,61,60,1);
	-moz-box-shadow: inset 0px -200px 0px 0px rgba(62,61,60,1);
	box-shadow: inset 0px -200px 0px 0px rgba(62,61,60,1);
}

.section-container-presentation {
	padding: 250px 0 175px 0;
}

.section-container-materials {
	padding: 200px 0 125px 0;
}

.section-container-collection {
	padding: 150px 0 0 0;
}

.section-container-bespoke {
	padding: 25px 0 0 0;
	-webkit-box-shadow: inset 0px -950px 0px 0px rgba(62, 61, 60, 1);
	-moz-box-shadow: inset 0px -950x 0px 0px rgba(62, 61, 60, 1);
	box-shadow: inset 0px -950px 0px 0px rgba(62, 61, 60, 1);
}

.section-content {
	width: 90%;
	max-width: 1400px;
	float: none;
	margin: 0 auto;
}

.section-content-50 {
	width: 50%;
	float: left;
	position: relative;
}

.section-content-100 {
	width: 100%;
	position: relative;
	float: left;
	overflow: hidden;
	z-index: 2;
	margin-top: 175px;
}

.section-content-100-content {
	width: 1400px;
	position: relative;
	float: left;
	margin-top: 175px;
	z-index: 2;
}

.section-content-100-content img {
	width: 100%;
	z-index: 2;
}

.section-content-100-center {
	float: none;
	margin: 0 auto;
	width: 1400px;
	height: 675px;
	overflow: visible;
	padding: 0 0 150px 0;
}

.section-content-100-center img {
	width: 100%;
}

.section-content-100-frame {
	display: block;
	border: 1px solid #3e3d3c;
	background: #e7e7e6;
	width: 1400px;
	height: 750px;
	position: absolute;
	top: -100px;
	left: 75px;
	z-index: 1;
}

.collection-image {
	width: 600px;
	float: none;
	margin: 0 auto;
}

.collection-image-top-margin {
	margin: 80px auto 0 auto;
}

.collection-image img {
	width: 100%;
}

.scale-up-image {
	width: 600px;
	height: 600px;
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.scale-up-image img {
	position: relative;
}

.section-content-50-text-left h1,
.section-content-50-text-left p {
	padding-right: 50px;
}

.scale-up-image-frame-right,
.scale-up-image-frame-left {
	display: block;
	border: 1px solid #3e3d3c;
	background: #e7e7e6;
	width: 600px;
	height: 600px;
	position: absolute;
	z-index: 1;
}

.scale-up-image-frame-right {
	top: -15px;
	right: 35px;
}

.scale-up-image-frame-left {
	top: 100px;
	right: 35px;
}

.section-content-50-center .scale-up-image {
		float: none;
		margin: 0 auto;
}

.section-content-50-top-plus-spacing {
		margin: 350px auto 0 auto;
}

.section-content-50-top-plus-plus-spacing {
		margin: 350px auto 0 auto;
}

.section-content-50-top-minus-spacing {
		margin: -250px auto 0 auto;
}

.section-content-50-top-bottom-plus-spacing {
		margin: 0 auto 100px auto;
}

.section-content-prev-collection,
.section-content-next-collection {
	width: 49%;
	height: 300px;
	float: left;
	background: #fff;
	position: relative;
	text-decoration: none;
	color: #3e3d3c;
	transition: all 0.3s;
}

.section-content-next-prev-collection-frame {
	width: 1%;
	float: left;
	height: 300px;
}

.section-content-next-prev-content,
.section-content-next-prev-content {
	width: 85%;
	height: 200px;
	margin: 50px auto 0 auto;
	background: #e7e7e6;
	transition: all 0.3s;
}

.section-content-next-prev-content:hover,
.section-content-next-prev-content:hover {
	background: #bdbdbb;
}

.section-content-next-prev-content h3,
.section-content-next-prev-content i {
	display: block;
	float: left;
	transition: all 0.3s;
}

.section-content-prev-collection .section-content-next-prev-content-image {
	float: right;
}

.section-content-next-collection .section-content-next-prev-content h3,
.section-content-next-collection .section-content-next-prev-content i {
	float: right;
}

.section-content-next-collection .section-content-next-prev-content-image  {
	float: right;
}

.section-content-next-collection .section-content-next-prev-content-image  {
	float: left;
}

.section-content-next-prev-content h3 {
	line-height: 130px;
	font-family: '0039-bespoke-interiors-bold';
	font-size: 40px;
}

.section-content-next-prev-content i {
	font-size: 100px;
	padding-top: 50px;
	margin: 0 25px;
}

.section-content-next-prev-content-image {
	width: 200px;
	height: 200px;
	background: #ccc;
}

.section-content-next-prev-content-image img {
	width: 100%;
}

.section-content-prev-collection:hover .section-content-next-prev-content i {
	transform: translateX(15px);
}

.section-content-next-collection:hover .section-content-next-prev-content i {
	transform: translateX(-15px);
}

@media (max-width: 1560px) {
	.section-content {
		max-width: 1200px;
	}
	.section-content-50-text-left {
		margin-right: 3%;
		width: 47%;
	}
	.section-content-50-text-left + .section-content-50 {
		margin-left: 3%;
		width: 47%;
	}
	.section-content-50-bottom-bottom-plus-spacing {
		margin: -75px auto 75px 3%;
	}
	.scale-up-image-frame-right {
		right: 35px;
	}
	.section-container-presentation {
		padding: 200px 0 135px 0;
	}
	.section-container-materials {
		padding: 150px 0 100px 0;
	}
	.section-container-bespoke {
		-webkit-box-shadow: inset 0px -800px 0px 0px rgba(62, 61, 60, 1);
		-moz-box-shadow: inset 0px -800px 0px 0px rgba(62, 61, 60, 1);
		box-shadow: inset 0px -800px 0px 0px rgba(62, 61, 60, 1);
	}
	.section-container-collection {
		padding: 75px 0 0 0;
	}
	.collection-image {
		width: 90%;
	}
	.section-content-50-top-minus-spacing {
		margin: -150px auto 0 auto;
	}
	.section-content-100 {
		margin-top: 150px;
	}
	.section-content-100-content {
		width: 1200px;
	}
	.section-content-100-frame {
		width: 1200px;
		height: 600px;
	}
	.section-content-50-top-plus-spacing {
		margin: 200px auto 0 auto;
	}
	.section-content-catalogue {
		margin-top: 0;
	}
	.section-content-next-prev-content h3 {
		line-height: 145px;
		font-size: 30px;
	}
}

@media (max-width: 1460px) {
	.section-content-50-top-plus-spacing {
		margin: 250px auto 0 auto;
	}
	.section-content-50-top-minus-spacing {
		margin: -200px auto 0 auto;
	}
	.section-content-50-bottom-bottom-plus-spacing {
		margin: -100px auto 75px 3%;
	}
	.section-content-catalogue {
		width: 1200px;
		margin-top: 0;
	}
	.section-content-catalogue {
		margin-top: 0;
	}
	.section-content-catalogue {
		height: 625px;
		padding: 0 0 125px 0;
	}
}

@media (max-width: 1360px) {
	.scale-up-image,
	.scale-up-image-frame-right,
	.scale-up-image-frame-left {
		width: 550px;
		height: 550px;
	}
	.section-container-presentation {
		padding: 175px 0 100px 0;
	}
	
	.section-container-materials {
		padding: 125px 0 100px 0;
	}
	.section-content-50-right-text {
		margin-left: 3% !important;
		width: 47% !important;
	}
	.section-container-bespoke {
		-webkit-box-shadow: inset 0px -800px 0px 0px rgba(62, 61, 60, 1);
		-moz-box-shadow: inset 0px -800px 0px 0px rgba(62, 61, 60, 1);
		box-shadow: inset 0px -800px 0px 0px rgba(62, 61, 60, 1);
	}
	.section-content-50-top-minus-spacing {
		margin: -225px auto 0 auto;
	}
	.section-content-100 {
		margin-top: 125px;
	}
	.section-content-100-content {
		width: 1000px;
	}
	.section-content-100-frame {
		width: 1000px;
		height: 600px;
		top: -225px;
	}
	.section-content-50-bottom-bottom-plus-spacing {
		margin: -125px auto 75px 3%;
	}
	.section-content-50-center.section-content-50-bottom-plus-spacing {
		margin: 100px auto 0 auto;
	}
	.section-content-catalogue {
		margin-top: 0;
	}
}

@media (max-width: 1280px) {
	.scale-up-image,
	.scale-up-image-frame-right,
	.scale-up-image-frame-left {
		width: 500px;
		height: 500px;
	}
	.section-container-collection {
		padding: 50px 0 0 0;
	}
	.section-content-100-content {
		width: 90%;
		float: none;
		margin: 0 auto;
		height: auto;
		transform: none !important;
	}
	.section-content-100-frame {
		display: none;
	}
	
	.section-content-50-bottom-bottom-plus-spacing {
		margin: 75px auto 75px 3%;
	}
	.section-content-50-center.section-content-50-bottom-plus-spacing {
		margin: 250px auto 0 auto;
	}
	.section-content-catalogue {
		margin-top: 0;
	}
	.section-content-catalogue {
		width: 100%;
		max-width: 1200px;
	}
	.section-content-catalogue {
		height: 650px;
		padding: 0 0 75px 0;
	}
	.section-content-prev-collection, .section-content-next-collection {
		height: 260px;
	}
	.section-content-next-prev-content,
	.section-content-next-prev-content {
		width: 90%;
		height: 200px;
		margin: 30px auto 0 auto;
	}
	.section-content-next-prev-content h3 {
		line-height: 150px;
		font-family: '0039-bespoke-interiors-bold';
		font-size: 30px;
	}
	.section-content-next-prev-content i {
		margin: 0 15px;
		font-size: 70px;
		padding-top: 65px;
	}
	
	.section-container-next-prev-collection {
		padding-bottom: 50px;
	}
}

@media (max-width: 1180px) {
	.scale-up-image-frame-right {
		right: 0;
	}
	.section-content-50-right-text {
		margin-left: 6% !important;
		width: 44% !important;
	}
	.scale-up-image-frame-right {
		right: -25px;
	}
	
	.section-content-50-right-text {
		margin-left: 10% !important;
		width: 40% !important;
	}
	.section-content-100 {
		margin-top: 100px;
	}
	.section-content-catalogue {
		margin-top: 0;
	}
	.section-content-next-prev-content-image {
		width: 150px;
		height: 150px;
		margin-top: 25px
	}
	.section-container-next-prev-collection {
		padding-bottom: 50px;
	}

	.section-content-next-collection .section-content-next-prev-content-image {
		margin-left: 25px
	}
	
	.section-content-prev-collection .section-content-next-prev-content-image {
		margin-right: 25px
	}
	
	.section-content-prev-collection, .section-content-next-collection {
		height: auto;
	}

	.section-content-next-prev-content {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.section-content-next-prev-content h3 {
		line-height: 140px;
	}
	.section-container-next-prev-collection {
		padding-bottom: 0;
	}
}

@media (max-width: 1023px) {
	.section-content {
		overflow: hidden;
	}

	.section-container-presentation {
		padding: 85px 0 100px 0;
	}
	
	.section-content-50,
	.section-content-50-text-left + .section-content-50 {
		margin: 0 auto;
		width: 100%;
		max-width: 700px;
		float: none;
	}
	
	.section-content-50-text-left + .section-content-50,
	.section-content-50 + .section-content-50 {
		margin: 50px auto 0 auto;
	}
	
	.scale-up-image {
		width: 100%;
		height: auto;
	}
	
	.scale-up-image-frame-right,
	.scale-up-image-frame-left {
		display: none;
	}
	
	.section-content-50 h1,
	.section-content-50 p {
		padding-right: 0;
	}
	
	.scale-up-image img {
		width: 100% !important;
		height: 100% !important;
		position: relative !important;
		left: 0 !important;
		top: 0 !important;
	}
	
	.section-container-materials {
		padding: 150px 0 75px 0;
	}
	
	.section-content-50-right-text {
		margin-left: auto !important;
		width: 100% !important;
	}
	.section-container-collection {
		padding: 100px 0 0 0;
	}
	.section-tabs-carousel + .section-container-collection {
		padding: 50px 0 0 0;
	}
	.collection-image {
		width: 100%;
	}
	.collection-image img {
		transform: none !important;
	}
	.section-container-collection .lettering-heading {
		margin-top: 0;
	}
	.section-content-100 {
		margin-top: 75px;
	}
	.section-content-50-center.section-content-50-bottom-plus-spacing {
		margin: 75px auto 0 auto;
	}
	.section-content-50-bottom-bottom-plus-spacing {
		padding-bottom: 15px;
	}
	.section-content-catalogue {
		margin-top: 0;
	}
	.section-container-collection-catalogue {
		padding: 75px 0 0 0;
	}
	.section-content-catalogue {
		transform: none !important;
		height: auto;
	}
	.download-button {
		display: block;
		width: 180px;
		float: none;
		position: relative;
		bottom: auto;
		left: auto;
		margin: 50px auto 0 auto;
	}
	.section-container-next-prev-collection {
		padding-bottom: 0;
	}
	.section-content-next-prev-content h3 {
		font-size: 25px;
		padding-top: 62px
	}
	.section-content-next-prev-content i {
		font-size: 50px;
		padding-top: 70px;
	}
	.section-content-next-prev-content h3 {
		line-height: 25px;
	}
	.section-content-next-prev-content {
		padding-bottom: 25px;
		overflow: hidden;
		background: #FFF;
	}
}

@media (max-width: 860px) {
	.section-content-next-prev-content-image {
		width: 75px;
		height: 75px;
		margin-top: 10px;
	}
	.section-content-prev-collection .section-content-next-prev-content-image {
		margin-right: 10px;
	}
	.section-content-next-collection .section-content-next-prev-content-image {
		margin-left: 10px;
	}
	.section-content-next-prev-content h3 {
		line-height: 25px;
	}
	.section-content-next-prev-content i {
		padding-top: 20px;
	}
	.section-content-next-prev-content {
		padding-bottom: 10px;
	}
	.section-content-next-prev-content h3 {
		padding-top: 12px
	}
	.section-container-next-prev-collection {
		padding-bottom: 0;
		-webkit-box-shadow: inset 0px -100px 0px 0px rgb(62, 61, 60);
		-moz-box-shadow: inset 0px -100px 0px 0px rgb(62, 61, 60);
		box-shadow: inset 0px -100px 0px 0px rgb(62, 61, 60);
	}
	.section-content-next-prev-collection-frame {
		height: 150px;
	}
}

@media (max-width: 767px) {
	.section-container-presentation {
		padding: 50px 0 60px 0;
	}
	.section-container-materials {
		padding: 125px 0 50px 0;
	}
	.section-content-50-center.section-content-50-bottom-plus-spacing {
		margin: 50px auto 0 auto;
	}
	.section-container-collection-catalogue {
		padding: 50px 0 0 0;
	}
	.section-content-next-prev-content h3 {
		font-size: 20px;
		padding-top: 15px;
	}
	.section-content-next-prev-content i {
		font-size: 30px;
		padding-top: 30px;
		margin: 0 10px;
	}
	.section-content-prev-collection:hover .section-content-next-prev-content i {
		transform: translateX(5px);
	}
	
	.section-content-next-collection:hover .section-content-next-prev-content i {
		transform: translateX(-5px);
	}
}

@media (max-width: 639px) {
	.section-content-50 img {
		float: none;
		margin:0 auto;
		display: block;
	}
	.section-content-next-prev-content-image {
		width: 50px;
		height: 50px;
		margin-top: 5px;
	}
	.section-content-prev-collection .section-content-next-prev-content-image {
		margin-right: 5px;
	}
	.section-content-next-collection .section-content-next-prev-content-image {
		margin-left: 5px;
	}
	.section-content-next-prev-content {
		padding-bottom: 5px;
	}
	.section-content-next-prev-content h3 {
		line-height: 2px;
		padding-top: 13px;
		font-size: 18px;
	}
	.section-content-next-prev-content i {
		font-size: 25px;
		padding-top: 16px;
		margin: 0 10px;
	}
}

@media (max-width: 639px) {
	.section-content-50 img {
		float: none;
		margin:0 auto;
		display: block;
	}
	.section-container-next-prev-collection {
		display: none;
	}
}


/* ==========================================================================
   Carousel
   ========================================================================== */

.section-container-carousel {
	height: 600px;
	padding: 150px 0 350px 0;
	-webkit-box-shadow: inset 0px 850px 0px 0px rgba(193, 182, 171, 1);
	-moz-box-shadow: inset 0px 850px 0px 0px rgba(193, 182, 171, 1);
	box-shadow: inset 0px 850px 0px 0px rgba(193, 182, 171, 1);
	background: #f0efef;
}

.section-container-projects  {
	height: 600px;
	padding: 100px 0 450px 0;
	box-shadow: none !important;
}

.section-container-carousel .swiper-wrapper {
	width: 100%;
	will-change: transform;
}

@media (min-width: 630px) {
	.section-container-carousel .swiper-wrapper {
		width: 100%;
	}
}

.section-container-carousel .swiper-slide {
	width: 100%;
	transform: scale3d(0.9, 0.9, 1);
	will-change: transform;
	transition: transform 1400ms ease;
	background-color: white;
}

.section-container-carousel .swiper-slide.swiper-slide-active {
	transform: scale3d(1, 1, 1) !important;
	border-top: 1px solid #c1b6ab;
	border-left: 1px solid #c1b6ab;
	border-right: 1px solid #c1b6ab;
  border-bottom: 1px solid #f0efef;
}

.section-container-carousel .slide-image {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transform: scale3d(1, 1, 1);
	will-change: transform;
	transition: transform 1400ms ease;
}

.section-container-carousel .swiper-slide.swiper-slide-active .slide-image {
	transform: scale3d(1.2, 1.2, 1);
}

.carousel-pagination {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 125px;
	text-align: center;
	left: 10px;
}

.carousel-pagination .swiper-pagination-bullet {
	background: none;
	width: 22px;
	height: 16px;
	border-radius: 0;
	transition: opacity 1s ease;
	margin: 0;
}

@media (min-width: 768px) {
	.carousel-pagination .swiper-pagination-bullet {
		width: 40px;
	}
}

.carousel-pagination .swiper-pagination-bullet:after {
	background: #3e3d3c;
	content: '';
	width: 100%;
	height: 4px;
	margin-top: 6px;
	display: block;
}

.section-container-carousel .slide-content {
	width: 100%;
	height: 100%;
	text-align: center;
	color: #f0efef;
	display: table;
}

.section-container-carousel .slide-content:before {
	display: block;
	border: 1px solid #f0efef;
	background: rgba(0, 0, 0, 0.5);
	width: 450px;
	height: 350px;
	margin: 0 auto;
	position: absolute;
	bottom: -1px;
	left: 50%;
	margin-left: -225px;
	z-index: -1;
	content: '';
	transform: scale3d(1.25, 1.25, 1.25);
	backface-visibility: hidden;
	will-change: transform;
	transition: transform 1400ms ease;
}

.section-container-carousel .swiper-slide.swiper-slide-active .slide-content:before {
	transform: scale3d(1, 1, 1);
}

.section-container-carousel .slide-content .slide-content-text {
	display: table-cell;
	vertical-align: bottom;
}

.section-container-carousel .slide-content h4 {
	font-family: '0039-bespoke-interiors-bold';
	font-size: 50px;
	margin-bottom: -50px;
}

.section-container-carousel .slide-content h5 {
	font-family: '0039-bespoke-interiors-bold';
	font-size: 200px;
	margin: 0;
}

.section-container-carousel .slide-content h5:after {
	display: block;
	background: #f0efef;
	width: 255px;
	height: 10px;
	margin: 0 auto;
	content: '';
	transform: scale3d(0.75, 0.75, 0.75) translateY(100px);
	backface-visibility: hidden;
	will-change: transform;
	transition: transform 1400ms ease;
}

.section-container-carousel .swiper-slide.swiper-slide-active .slide-content h5:after {
	transform: scale3d(0.75, 0.75, 0.75) translateY(-59px);
}

.section-container-carousel .button {
	border: 0;
	border: 1px solid #f0efef;
	transform: scale3d(0.75, 0.75, 0.75) translateY(66px);
	backface-visibility: hidden;
	will-change: transform;
	transition: transform 1400ms ease;
}

.section-container-carousel .button:hover {
	border: 1px solid #f0efef;
}

.section-container-carousel .swiper-slide.swiper-slide-active .slide-content .button {
	transform: scale3d(0.75, 0.75, 0.75) translateY(66px);
	transition: all 0.3s;
}

.photogallery-text {
	position: absolute;
	text-align: center;
	width: 200px;
	bottom: 58px;
	left: 50%;
	margin-left: -100px;
	transition: transform 1400ms ease;
	transform: scale3d(1,1,1) translateY(0) translateZ(0);
	display: table;
	color: #fff;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	-webkit-backface-visibility: hidden;
	-ms-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.section-container-carousel-gallery .button {
	position: absolute;
	padding: 4px;
	width: 105px;
	height: 105px;
	text-align: center;
	bottom: 75px;
	left: 50%;
	margin-left: -57px;
	transition: transform 1400ms ease;
	transform: scale3d(0.75, 0.75, 0.75) translateY(0);
	display: table;
	background: rgba(0,0,0,0.4);
	color: #fff;
	-webkit-backface-visibility: hidden;
	-ms-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.section-container-carousel-gallery .button:hover {
	background: #fff;
	color: #3e3d3c;
	border: 1px solid #fff;
}

.section-container-carousel-gallery .swiper-slide.swiper-slide-active .button {
	transition: all 0.3s;
	transform: scale3d(0.75, 0.75, 0.75) translateY(0);
}

.section-container-carousel-gallery .button i {
	display: table-cell;
	vertical-align: middle;
	font-size: 35px;
	color: transparent;
	text-stroke: 2px #fff;
	-webkit-text-stroke: 2px #fff;
	transition: all 0.3s;
}

.section-container-carousel-gallery .button:hover i {
	text-stroke: 2px #3e3d3c;
	-webkit-text-stroke: 2px #3e3d3c;
}

@media (max-width: 1560px) {
	.section-container-carousel {
		height: 500px;
		padding: 100px 0 350px 0;
		-webkit-box-shadow: inset 0px 700px 0px 0px rgba(193, 182, 171, 1);
		-moz-box-shadow: inset 0px 700px 0px 0px rgba(193, 182, 171, 1);
		box-shadow: inset 0px 700px 0px 0px rgba(193, 182, 171, 1);
	}
	.section-container-carousel .swiper-slide.swiper-slide-active .slide-content h5:after {
		transform: scale3d(0.75, 0.75, 0.75) translateY(-50px);
	}
}

@media (max-width: 1360px) {
	.section-container-carousel {
		height: 450px;
		padding: 75px 0 300px 0;
		-webkit-box-shadow: inset 0px 600px 0px 0px rgba(193, 182, 171, 1);
		-moz-box-shadow: inset 0px 600px 0px 0px rgba(193, 182, 171, 1);
		box-shadow: inset 0px 600px 0px 0px rgba(193, 182, 171, 1);
	}
	
	.section-container-projects  {
		padding: 100px 0 300px 0;
	}
	
	.section-container-carousel .slide-content::before {
		width: 350px;
		height: 300px;
		margin-left: -175px;
		height: 255px;
	}
	
	.section-container-carousel .slide-content h5 {
		font-size: 150px;
	}
	.section-container-carousel .slide-content h4 {
		font-size: 40px;
	}
	.section-container-carousel .swiper-slide.swiper-slide-active .slide-content h5:after {
		transform: scale3d(0.75, 0.75, 0.75) translateY(-48px);
	}
}

@media (max-width: 1280px) {
	.section-container-carousel {
		height: 350px;
		padding: 50px 0 300px 0;
		-webkit-box-shadow: inset 0px 525px 0px 0px rgba(193, 182, 171, 1);
		-moz-box-shadow: inset 0px 525px 0px 0px rgba(193, 182, 171, 1);
		box-shadow: inset 0px 525px 0px 0px rgba(193, 182, 171, 1);
	}
	.section-container-projects  {
		padding: 75px 0 300px 0;
	}
	.section-container-carousel .swiper-slide.swiper-slide-active .slide-content h5:after {
		transform: scale3d(0.75, 0.75, 0.75) translateY(-36px);
	}
	.section-container-carousel .slide-content h5 {
		font-size: 120px;
	}
	.section-container-carousel .slide-content h4 {
		font-size: 35px;
	}
	.section-container-carousel .slide-content h4 {
		margin-bottom: -20px;
	}
	.section-container-carousel .button {
		font-size: 14px;
		padding: 12px 30px;
	}
	.section-container-carousel-gallery .button {
		padding: 4px;
	}
	.section-container-carousel .slide-content::before {
		width: 300px;
		height: 226px;
		margin-left: -150px;
	}
	.section-container-carousel .slide-content h5::after {
		width: 200px;
	}
}

@media (max-width: 1023px) {
	.section-container-carousel {
		height: 300px;
		padding: 50px 0 250px 0;
		-webkit-box-shadow: inset 0px 490px 0px 0px rgba(193, 182, 171, 1);
		-moz-box-shadow: inset 0px 490px 0px 0px rgba(193, 182, 171, 1);
		box-shadow: inset 0px 490px 0px 0px rgba(193, 182, 171, 1);
	}
	.section-container-projects  {
		padding: 75px 0 350px 0;
	}
	.section-container-carousel .slide-content::before {
		height: 200px;
		width: 250px;
		margin-left: -125px;
	}
	.section-container-carousel .slide-content h5 {
		font-size: 100px;
	}
	.section-container-carousel .slide-content h4 {
		font-size: 30px;
		margin-top: 55px;
	}
	.section-container-carousel .swiper-slide.swiper-slide-active .slide-content h5:after {
		transform: scale3d(0.75, 0.75, 0.75) translateY(-30px);
	}
}

@media (max-width: 767px) {
	.section-container-carousel {
		height: 250px;
		padding: 25px 0  200px 0;
		-webkit-box-shadow: inset 0px 415px 0px 0px rgba(193, 182, 171, 1);
		-moz-box-shadow: inset 0px 415px 0px 0px rgba(193, 182, 171, 1);
		box-shadow: inset 0px 415px 0px 0px rgba(193, 182, 171, 1);
	}
	
	.section-container-projects  {
		padding: 75px 0 350px 0;
	}
	
	.section-container-carousel .slide-content h5 {
		font-size: 70px;
	}
	.section-container-carousel .slide-content h4 {
		font-size: 25px;
		margin-top: 50px;
	}
	.section-container-carousel .button {
		font-size: 14px;
		padding: 10px 20px;
	}
	.section-container-carousel-gallery .button {
		padding: 4px;
	}
	.section-container-carousel .slide-content::before {
		height: 143px;
		width: 200px;
		margin-left: -100px;
	}
	.section-container-carousel .slide-content h5::after {
		width: 100px;
	}
	.section-container-carousel .swiper-slide.swiper-slide-active .slide-content h5:after {
		transform: scale3d(0.75, 0.75, 0.75) translateY(-34px);
	}
}

@media (max-width: 639px) {
	.section-container-carousel {
		height: 200px;
		-webkit-box-shadow: inset 0px 365px 0px 0px rgba(193, 182, 171, 1);
		-moz-box-shadow: inset 0px 365px 0px 0px rgba(193, 182, 171, 1);
		box-shadow: inset 0px 365px 0px 0px rgba(193, 182, 171, 1);
	}
	.section-container-carousel-gallery {
		padding: 15px 0 175px 0;
		-webkit-box-shadow: inset 0px 350px 0px 0px rgba(193, 182, 171, 1);
		-moz-box-shadow: inset 0px 350px 0px 0px rgba(193, 182, 171, 1);
		box-shadow: inset 0px 350px 0px 0px rgba(193, 182, 171, 1);
	}
	.section-container-projects  {
		padding: 75px 0 300px 0;
	}
	.section-container-carousel .slide-content h4 {
		font-size: 25px;
		margin-top: -13px;
		margin-bottom: 2px;
	}
	.section-container-carousel .slide-content h5 {
		font-size: 50px;
		margin-bottom: 15px;
	}
	.section-container-carousel .button {
		margin-bottom: 60px;
		margin-top: -10px;
	}
	.section-container-carousel-gallery .button {
		margin-bottom: 0;
		margin-top: 0;
		width: 74px;
		height: 74px;
		margin-left: -37px;
		bottom: 55px;
	}
	.section-container-carousel .swiper-slide.swiper-slide-active .slide-content h5:after {
		display: none;
	}
	.section-container-carousel .slide-content::before {
		height: 138px;
	}
	.photogallery-text {
		bottom: 35px;
	}
	
	.section-container-carousel-gallery .swiper-pagination-bullets {
		bottom: 25px;
	}
}

@media (max-width: 479px) {
	.section-container-carousel {
		height: 175px;
		-webkit-box-shadow: inset 0px 335px 0px 0px rgba(193, 182, 171, 1);
		-moz-box-shadow: inset 0px 335px 0px 0px rgba(193, 182, 171, 1);
		box-shadow: inset 0px 335px 0px 0px rgba(193, 182, 171, 1);
	}
	.section-container-carousel-gallery {
		-webkit-box-shadow: inset 0px 330px 0px 0px rgba(193, 182, 171, 1);
		-moz-box-shadow: inset 0px 330px 0px 0px rgba(193, 182, 171, 1);
		box-shadow: inset 0px 330px 0px 0px rgba(193, 182, 171, 1);
	}
	.section-container-carousel .slide-content::before {
		width: 126px;
		margin-left: -63px;
		height: 112px
	}
	
	.section-container-carousel .button {
		font-size: 12px;
		padding: 7px 15px;
		margin-bottom: 35px;
	}
	.section-container-carousel .slide-content h4 {
		font-size: 22px;
		margin-top: 15px;
	}
	.section-container-carousel .slide-content h5 {
		font-size: 45px;
		margin-bottom: 30px;
		margin-top: -10px;
	}
	.section-container-carousel-gallery .button {
		margin-bottom: 0;
		margin-top: 0;
		width: 74px;
		height: 74px;
		margin-left: -40px;
		bottom: 55px;
		padding: 4px;
	}
}


/* Carousel Navigation Buttons ================================= */

.swiper-carousel-buttons {
	float: none;
	margin: -93px auto 0 auto;
	width: 450px;
	height: 40px;
	z-index: 10;
	position: relative;
}

.swiper-carousel-button-next,
.swiper-carousel-button-prev {
	z-index: 10;
	background: #d7d4d1;
	border: 1px solid #84817e;
	width: 40px;
	height: 40px;
	color: #3e3d3c;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	transition: all 0.5s;
	cursor: pointer;
	position: absolute;
}

.swiper-carousel-button-next {
	right: 0;
}

.swiper-carousel-button-prev {
	left: 0;
}

.swiper-carousel-button-next:hover {
	border: 1px solid #3e3d3c;
	transform: translateX(10px);
}

.swiper-carousel-button-prev:hover {
	border: 1px solid #3e3d3c;
	transform: translateX(-10px);
}

@media (max-width: 767px) {
	.swiper-carousel-buttons {
		width: 310px;
	}
}


/* ==========================================================================
   Section - Bespoke
   ========================================================================== */

.section-container-bespoke .lettering-heading-frame:after {
	background: #f0efef url('../img/0039-bespoke-interiors-logo-frame.svg') center no-repeat;
}

.bespoke-block-container {
	float: left;
	width: 33.333333%;
  	position: relative;
}

.bespoke-block-container:nth-of-type(1),
.bespoke-block-container:nth-of-type(3) {
	margin-top: -150px;
}

.bespoke-block-container:nth-of-type(2) {
  margin-top: 275px;
}

.section-container-bespoke-projects {
	height: 1450px;
}

.section-container-bespoke-projects .bespoke-block-container:nth-of-type(1),
.section-container-bespoke-projects .bespoke-block-container:nth-of-type(3) {
	margin-top: 250px;
}

.section-container-bespoke-projects .bespoke-block-container:nth-of-type(2) {
  margin-top: 0;
}

.bespoke-block {
  position: relative;
  width: 95%;
  overflow: hidden;
}

.bespoke-block-container:nth-of-type(1) .bespoke-block {
	float: left;
}

.bespoke-block-container:nth-of-type(2) .bespoke-block {
	float: none;
	margin: 0 auto;
}

.bespoke-block-container:nth-of-type(3) .bespoke-block {
	float: right;
}

.bespoke-block-experiences {
	margin-top: 40px !important;
}

.section-container-bespoke-projects .bespoke-block-experiences {
	margin-top: 115px !important;
}

.bespoke-block img {
	width: 100%;
}

.bespoke-block-content {
	border: 1px solid #615f5d;
  background: rgba(0, 0, 0, 0.6);
  width: 75%;
	margin-left: -37.5%;
  position: absolute;
  height: 200px;
  left: 50%;
  bottom: -100px;
}

.bespoke-block-content .button {
  border: 1px solid #f0efef;
  position: absolute;
  left: 50%;
  margin-left: -75px;
  top: -34px;
  font-size: 14px;
  padding: 10px 25px;
	transition: all 0.3s;
}

.bespoke-block-content h3 {
	font-family: '0039-bespoke-interiors-bold';
	font-size: 40px;
  text-align: center;
  color: #f0efef;
  letter-spacing: 0.025em;
	margin: 30px 0 0 0;
}

@media (max-width: 1560px) {
	.section-container-bespoke-projects {
		height: 1300px;
	}
}

@media (max-width: 1360px) {
	.section-container-bespoke-projects {
		height: 1250px;
	}
}

@media (max-width: 1280px) {
	.section-container-bespoke-projects {
		height: 1200px;
	}
}

@media (max-width: 1180px) {
	.section-container-bespoke-projects {
		height: 1150px;
	}
}

@media (max-width: 1023px) {
	.section-container-bespoke {
		padding: 25px 0 0 0;
		background: rgba(62, 61, 60, 1);
		box-shadow: none;
		overflow: hidden;
	}
	.section-container-bespoke-projects {
		height: auto;
	}
	.bespoke-block {
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		transform: none  !important;
	}
	.bespoke-block-container,
	.bespoke-block-container:nth-of-type(1),
	.bespoke-block-container:nth-of-type(2) {
		margin-top: 0 !important;
	}
	.section-container-bespoke h1,
	.section-container-bespoke p {
		color: #f0efef;
	}
	
	.bespoke-block-container:nth-of-type(3) {
		display: none
	}
	
	.bespoke-block-container {
		width: 50%;
	}
	
	.bespoke-block,
	.bespoke-block-container:nth-of-type(1) .bespoke-block {
		width: 90%;
		float: none;
		margin: 0 auto;
	}
	
	.bespoke-block-container:nth-of-type(1) .bespoke-block-material,
	.section-container-bespoke-projects .bespoke-block-experiences {
		margin-top: 40px !important;
	}

	.bespoke-block-content h3 {
		font-size: 30px;
		margin: 38px 0 0 0;
	}
	.section-container-bespoke .lettering-heading-frame {
		background: #f0efef;
	}
}

@media (max-width: 639px) {
	.bespoke-block-container {
		width: 100%;
	}
	.bespoke-block-container:nth-of-type(1) {
		margin-top: 20px !important;
	}
	.bespoke-block-container:nth-of-type(2) {
		margin-top: 40px !important;
	}
	.bespoke-block,
	.bespoke-block-container:nth-of-type(1) .bespoke-block {
		width: 100%;
	}
}

/* ==========================================================================
   Tabs
   ========================================================================== */

.section-tabs-carousel {
	padding: 150px 0 150px 0;
	overflow: hidden;
	background: #c1b6ab;
	overflow: hidden;
}

.tabs {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	font-weight: 300;
	font-size: 1.25em;
}

/* Nav */
.tabs nav {
	text-align: center;
}

.tabs nav ul {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
	list-style: none;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.tabs nav ul li {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0;
	text-align: center;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.tabs nav a {
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 2.5;
	color: #3e3d3c;
}

.tabs nav a span {
	vertical-align: middle;
	font-size: 0.75em;
}

.tabs nav a:focus {
	outline: none;
}

/* Icons */
.tabs .icon::before {
	display: block;
	margin: 0 auto;
	line-height: 1;
	content: '';
	width: 80px;
	height: 80px;
	background-size: cover;
	background-position: center;
}

.icon-living::before {
	background-image: url("../img/projects/cannes/0039-bespoke-interiors-project-cannes-living.svg")
}

.icon-kitchen::before {
	background-image: url("../img/projects/cannes/0039-bespoke-interiors-project-cannes-kitchen.svg")
}

.icon-night::before {
	background-image: url("../img/projects/cannes/0039-bespoke-interiors-project-cannes-night.svg")
}

.icon-spa-pool::before {
	background-image: url("../img/projects/cannes/0039-bespoke-interiors-project-cannes-spa-pool.svg")
}

.icon-stairs-doors::before {
	background-image: url("../img/projects/cannes/0039-bespoke-interiors-project-cannes-stairs-doors.svg")
}

.icon-prive::before {
	background-image: url("../img/projects/lausanne/0039-bespoke-interiors-project-lausanne-prive.svg")
}

.icon-bathroom::before {
	background-image: url("../img/projects/lausanne/0039-bespoke-interiors-project-lausanne-bathroom.svg")
}

/* Content */
.content-wrap {
	position: relative;
}

.content-wrap section {
	display: none;
	margin: 0 auto;
	padding: 80px 1em 0 1em;
	max-width: 1200px;
	overflow: hidden;
}

.content-wrap section.content-current {
	display: block;
}

.content-wrap section p {
		padding-right: 50px;
}

/* Fallback */
.no-js .content-wrap section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid rgba(255,255,255,0.6);
}

.no-flexbox nav ul {
	display: block;
}

.no-flexbox nav ul li {
	min-width: 15%;
	display: inline-block;
}

.tabs-style-iconbox nav ul li a {
	overflow: visible;
	padding: 2em 0;
	line-height: 1;
	transition: all 0.3s;
}

.tabs-style-iconbox nav ul li a span {
	font-weight: 700;
	font-size: 18px;
  font-family: Lato;
	display: block;
	margin-top: -10px;
}

.tabs-style-iconbox nav ul li.tab-current {
	z-index: 1;
}

.tabs-style-iconbox nav ul li.tab-current a {
	background: #d5cdc5;
	box-shadow: -1px 0 0 #d5cdc5;
}

.tabs-style-iconbox nav ul li.tab-current a::after {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -20px;
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 20px;
	border-top-color: #d5cdc5;
	content: '';
	pointer-events: none;
}

.tabs-style-iconbox nav ul li:first-child::before,
.tabs-style-iconbox nav ul li::after {
	position: absolute;
	top: 20%;
	right: 0;
	z-index: -1;
	width: 1px;
	height: 60%;
	background: rgba(0,0,0,0.3);
	content: '';
}

.tabs-style-iconbox nav ul li:first-child::before {
	right: auto;
	left: 0;
}

.tab-text {
		width: 40%;
		float: left;
}

.tab-images {
		width: auto;
		float: left;
}

.tab-text h3 {
		font-family: '0039-bespoke-interiors-bold';
		font-size: 50px;
		margin: 0;
}

.tab-text p {
		margin: 15px 0 25px 0;
}

.tab-images-slider {
	width: 720px;
	height: 540px;
  overflow: hidden;
  position: relative;
  background-color: #c1b6ab;
}

.tab-images-slider:hover:after,
.tab-images-slider:hover i {
	opacity: 1
}

.tab-images-slider > div {
  width: 100%;
  height: 100%;
  background-size: cover;
  position: absolute;
  animation: slide 25s infinite;
  opacity: 0;
}

.tab-images-slider > div:nth-child(2) {
  animation-delay: 5s;
}

.tab-images-slider > div:nth-child(3) {
  animation-delay: 10s;
}

.tab-images-slider > div:nth-child(4) {
  animation-delay: 15s;
}

.tab-images-slider > div:nth-child(5) {
  animation-delay: 20s;
}

@keyframes slide {
  10% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  40% {
    transform: scale(1.05);
  }
}

.tab-anchor {
		display: block;
		width: 10px;
		height: 10px;
		position: absolute;
		background: #000;
		top: -50px;
}

@-moz-document url-prefix() {
	.tab-anchor {
			top: -125px;
	}
}

.tab-anchor.living-cannes {
		top: -50px;
}

.icon-chevron-right {
	margin-right: 5px;
	font-size: 13px;
}

@media (max-width: 1560px) {
	.section-tabs-carousel {
		padding: 125px 0;
	}
}

@media (max-width: 1460px) {
	.section-tabs-carousel {
		padding: 100px 0;
	}
}

@media (max-width: 1280px) {
	.section-tabs-carousel {
		padding: 75px 0;
	}
	.tabs nav ul {
		max-width: 1000px;
	}
	.content-wrap section {
		padding: 80px 1em 0 1em;
		max-width: 1000px;
	}
	.tab-images-slider {
		width: 600px;
		height: 450px;
	}
}

@media (max-width: 1080px) {
	.tabs nav ul {
		max-width: 900px;
	}
	.content-wrap section {
		padding: 40px 1em 0 1em;
		max-width: 900px;
	}
	.tab-images-slider {
		width: 500px;
		height: 375px;
	}
	.tab-images {
		float: right;
	}
	.tab-text h3 {
		font-size: 40px;
	}
	.tab-text p {
		font-size: 18px;
		line-height: 24px;
	}
}

@media (max-width: 1023px) {
	.section-tabs-carousel {
		padding: 50px 0 75px 0;
	}
}

@media (max-width: 960px) {
	.tabs nav ul {
		max-width: 700px;
	}
	.content-wrap section {
		max-width: 700px;
	}
	.tab-images-slider {
		width: 400px;
		height: 300px;
	}
	.tabs-style-iconbox nav ul li a {
		padding: 1em 0;
	}
	.tabs .icon::before {
		width: 60px;
		height: 60px;
	}
	.tabs-style-iconbox nav ul li a span {
		font-size: 16px;
		margin-top: 0;
	}
	.tab-text h3 {
		font-size: 30px;
	}
}

@media (max-width: 767px) {
	.tab-images-slider {
		display: none;
	}
	.tab-text {
		width: 100%;
	}
	.tabs .icon::before {
		width: 50px;
		height: 50px;
	}
	.tabs-style-iconbox nav ul li a span {
		font-size: 14px;
	}
	.tabs  p {
		padding-right: 0 !important;
	}
	.section-tabs-carousel {
		padding: 15px 0 50px 0;
	}
}

@media (max-width: 639px) {
	.tabs {
		width: 90%;
		float: none;
		margin: 0 auto;
		
	}
	.tabs nav ul {
		float: left;
		display: block;
		border-right: 1px solid rgba(0,0,0,0.3);
	}
	
	.tabs nav ul li {
		width: 100px !important;
		display: block;
		width: 100%;
		float: none;
		clear: both;
		list-style-type: none;
		border-bottom: 1px solid rgba(0,0,0,0.3);
	}
	.tabs nav ul li:last-of-type {
		border-bottom: none;
	}
	.tab-anchor {
		background: none;
	}
	.tabs-style-iconbox nav ul li:first-child::before,
	.tabs-style-iconbox nav ul li::after {
		display: none;
	}
	
	.tabs-style-iconbox nav ul li.tab-current a::after {
		top: 38px;
		left: 50%;
		margin-left: 50px;
		border: solid transparent;
		border-top-color: medium;
		border-top-width: medium;
		border-right-width: medium;
		border-bottom-width: medium;
		border-left-width: transparent;
		border-width: 20px;
		border-left-color: #d5cdc5;
	}
	
	.content-wrap section {
		padding: 35px 0 0 25px;
		max-width: 900px;
	}
	
	.tab-text p {
		font-size: 18px;
		line-height: 26px;
	}
	
	.tabs .icon::before {
		width: 60px;
		height: 60px;
	}
	.tabs .button {
		font-size: 12px;
		padding: 15px 10px;
	}
	.tabs .button:after {
		display: none;
	}
	.tabs .button i.icon-play-sign {
		font-size: 18px;
		line-height: 16px;
	}
}



/* ==========================================================================
   Materials - Filter & Sorting
   ========================================================================== */
.section-container-materials-collection {
	padding: 100px 0 150px 0;
	float: left;
}

.section-content-materials-collection {
	width: 90%;
	max-width: 1200px;
	float: none;
	margin: 0 auto;
}

.button-group {
	width: 200px;
	float: left;
}

.button-group h3 {
	font-family: '0039-bespoke-interiors-bold';
	font-size: 30px;
	margin: 3px 0 15px 0;
}

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  display: inline-block;
  position: relative;
  margin: 0 0 15px 0;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  transition: all 0.3s;
  width: 100%;
  padding: 0 0 0 24px;
  text-transform: none;
  background: none;
  color: #6a6562;
  border: 0;
  cursor: pointer;
  outline: none;
  font-weight: 300;
}

.button-group .button.margin-left-button {
  margin: 0 0 7px 25px;
}

.button-group .button.margin-left-button[data-filter=".ottone"] {
  margin: -5px 0 7px 25px;
}

.button-group .button.margin-left-button[data-filter=".ferro"] {
  margin: 0 0 15px 25px;
}

.button-group .button:hover {
	text-decoration: underline;
}

.button-group .button:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 12px;
  height: 12px;
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.54);
  border-radius: 2px;
  z-index: 1;
  transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: background-color, border-color;
}
.button-group .button:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 3px;
  height: 8px;
  border-bottom: 2px solid transparent;
  border-right: 2px solid transparent;
  transform: rotate(45deg);
  z-index: 2;
  transition: border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.button-group .button.is-checked:before {
  background-color: #4f4942;
  border-color: #4f4942;
}
.button-group .button.is-checked:after {
  border-color: #fff;
}

.grid {
	width: 1000px;
	float: left;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

.element-item {
  position: relative;
  float: left;
  width: 313px;
  margin: 10px;
  color: #262524;
	cursor: pointer;
	height: 410px;
}

.element-item img {
	width: 100%;
}

.element-item > * {
  margin: 0;
  padding: 0;
}

.element-item .name {
  font-size: 21px;
	margin-top: 10px;
	text-align: center;
	font-family: '0039-bespoke-interiors-regular';
	font-weight: normal;
	color: #3e3d3c;
	line-height: 23px;
}

.element-item .code {
  font-size: 21px;
	text-align: center;
	font-weight: normal;
	margin-top: -4px;
	color: #6a6562;
	font-weight: 300;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
	top: 0;
	height: 55px;
	background: #f0efef;
	color: #3e3d3c;
	padding-top: 15px;
}

@media (max-width: 1360px) {
	.section-content-materials-collection {
		max-width: 1010px;
	}
	.grid {
		width: 810px;
	}
	.element-item {
		height: 325px;
		width: 250px;
	}
}

@media (max-width: 1180px) {
	.section-content-materials-collection {
		max-width: 860px;
	}
	.grid {
		width: 660px;
	}
	.element-item {
		height: 250px;
		width: 200px;
	}
}

@media (max-width: 1023px) {
	.section-content-materials-collection {
		max-width: 785px;
	}
	.grid {
		width: 585px;
	}
	.element-item {
		height: 225px;
		width: 175px;
	}
	.element-item .name {
		font-size: 18px;
	}
}


/* ==========================================================================
   Contacts
   ========================================================================== */
.section-container-contacts {
	width: 100%;
	background: #f0efef;
	overflow: hidden;
	padding: 100px 0 0 0;
	float: left;
}

.section-content-contacts {
	width: 956px;
	margin: 0 auto;
	float: none;
	overflow: hidden;
}

#map{
  width: 600px;
  height: 600px;
	border: 1px solid #bbb;
	float: left;
}

.gm-style-cc,
.gmnoprint a,
.gmnoprint span,
a[href^="http://maps.google.com/maps"],
a[href^="https://maps.google.com/maps"] {
	display: none!important
}

.contacts-address {
	float: left;
	padding: 0 0 0 70px;
}

.contacts-address h2 {
	font-family: '0039-bespoke-interiors-Bold';
	font-size: 45px;
	line-height: 45px;
	margin: 0;
}

.contacts-address h3 {
	font-family: '0039-bespoke-interiors-Bold';
	font-size: 30px;
	line-height: 30px;
	margin: 0 0 25px 0;
}

.contacts-address p {
	font-size: 22px;
	margin: 0;
	line-height: 30px;
	font-weight: 400;
}

.contacts-address p span {
	display: block;
	margin-top: 15px;
	font-weight: 300;
	color: #757371;
	font-size: 18px;
}

.contacts-address p span.map-social {
	font-size: 22px;
	color: #3e3d3c;
}

.contacts-address a {
	color: #3e3d3c;
}

.contacts-address-social-icon {
	font-size: 30px;
	line-height: 45px;
	margin-right: 35px;
	text-decoration: none;
}

.section-form-content {
	background: #e4e4e4;
	width: 100%;
	padding: 100px 0 125px 0;
	margin-top: 150px
}

.smart-container {
	background: none;
	border-radius: 0;
	box-shadow: none;
	margin: 25px auto;
}

.wrap-2 {
    max-width: 956px;
}

.smart-forms .form-body {
    padding: 20px 0;
}

.contacts-catalogue {
	width: 1230px;
	float: none;
	margin: 0 auto;
	display: block;
}

.smart-forms .header-primary {
    background: none;
    border: 0;
		padding: 0 0 0 1px;
		text-align: center;
}

.smart-forms .header-primary h4 {
		color: #3e3d3c;
		font-family: '0039-bespoke-interiors-Bold';
		text-align: center;
}

.smart-forms .header-primary p {
	font-size: 18px;
	margin: 0 0 35px 0;
	color: #3e3d3c;
}

.smart-forms .header-primary h4 .icon-comments {
		color: #72706e;
}

.smart-forms label,
.smart-forms input,
.smart-forms button,
.smart-forms select,
.smart-forms textarea {
    color: #3e3d3c;
}

.smart-forms .field-label a,
.smart-forms .switch > .switch-label + span a {
	color: #34495E;
}

.smart-forms .gui-input,
.smart-forms .gui-textarea,
.smart-forms .select > select {
	border: 1px solid #BDC3C7;
}

.smart-forms .form-footer {
	padding: 0;
}

.smart-forms .switch > .switch-label {
    background: #7b7b7b;
    border: 2px solid #7b7b7b;
}

.smart-forms .select::before {
    top: 1px;
    right: 1px;
    bottom: 1px;
    background: #f0efef;
    border-left: 1px solid #d3dae7;
}

.smart-forms .select .arrow {
    background: #f0efef;
    color: #919191;
}

.smart-forms .form-footer {
	background: none;
}

.smart-forms .form-footer .button {
    border: 1px solid #3e3d3c;
    background: #fff;
    font-size: 15px;
    padding: 15px 40px;
    color: #3e3d3c;
    font-weight: 700;
    transition: all 0.3s;
		border-radius: 0;
		margin: 0;
		height: auto;
}

.smart-forms .form-footer .button:hover {
    background: #3e3d3c;
    color: #fff;
}

.smart-forms .prepend-icon .field-icon i.icon-phone {
	font-size: 16px;
	top: 3px;
}

.smart-forms .prepend-icon .field-icon i.icon-map-marker {
	font-size: 16px;
}

#privacy[aria-describedby="privacy-error"] + span + span:after,
#privacyNewsletter[aria-describedby="privacyNewsletter-error"] + span + span:after {
	display: block;
	content: 'Devi accettare la Privacy Policy';
	margin-top: 10px;
	padding: 0 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	color: #CC0000;
	font-size: 0.85em;
	position: absolute;
	left: -64px;
}

#privacy.checked-privacy[aria-describedby="privacy-error"] + span + span:after,
#privacyNewsletter.checked-privacy[aria-describedby="privacyNewsletter-error"] + span + span:after {
	display: none;
}

#privacy[aria-describedby="privacy-error"] + span,
#privacyNewsletter[aria-describedby="privacyNewsletter-error"] + span {
	border-color: #E46B66;
}

#privacy.checked-privacy[aria-describedby="privacy-error"] + span,
#privacyNewsletter.checked-privacy[aria-describedby="privacyNewsletter-error"] + span {
	border-color: #7b7b7b;
}

#emailNewsletter-error {
	color: #CC0000;
	font-style: normal;
	margin-top: 7px;
	font-size: 0.85em;
	display: block;
}

.captcha-section {
	position: relative;
}

.smart-forms .captcode {
	position: absolute;
	height: 42px;
	top: 0;
	left: 0;
	width: 120px;
	background: #7b7b7b !important;
}

.smart-forms .captcode:hover {
	background: #7b7b7b !important;
}

.smart-forms .captcode img {
	top: 0;
    top: 11px;
	mix-blend-mode: lighten;
}

.smart-forms .refresh-captcha {
    background: #f0efef;
	border: 3px solid #3e3d3c;
	cursor: pointer;
}

.smart-forms .refresh-captcha i {
    background-image: url(https://0039.com/img/arrows-rotate-solid.svg);
	background-color: #f0efef;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	left: 6px;
	top: 5px;
}

.smart-forms .sfcode {
    padding-left: 145px;
}

@media (max-width: 1560px) {
	.section-form-content {
		margin-top: 125px;
		padding: 75px 0 100px 0;
	}
}

@media (max-width: 1460px) {
	.contacts-catalogue {
		width: 1200px;
	}
}

@media (max-width: 1280px) {
	.contacts-catalogue {
		width: 100%;
		max-width: 1200px;
	}
	.section-form-content {
		padding: 50px 0 75px 0;
	}
}

@media (max-width: 1260px) {
	.section-form-content {
		margin-top: 100px;
	}
}

@media (max-width: 1023px) {
	.section-container-contacts {
		padding: 75px 0 0 0;
	}

	.section-content-contacts {
		width: 750px;
	}
	#map{
		width: 450px;
		height: 450px;
	}
	.contacts-address {
		padding: 0 0 0 40px;
	}
	.contacts-address h2 {
		font-size: 40px;
		line-height: 40px;
	}
	.contacts-address h3 {
		font-size: 25px;
		line-height: 25px;
	}
	.contacts-address p {
		font-size: 20px;
		line-height: 28px;
	}
	.section-form-content {
		margin-top: 75px;
	}
	.section-form-content {
		padding: 50px 0 50px 0;
	}
}

@media (max-width: 767px) {
	.section-content-contacts {
		width: 450px;
	}
	.contacts-address {
		padding: 0;
		width: 100%;
		margin-top: 50px;
	}
	.section-container-contacts {
		padding: 50px 0 0 0;
	}
	.section-form-content {
		margin-top: 50px;
	}
}

@media (max-width: 639px) {
	.section-content-contacts {
		width: 90%;
	}
	#map{
		width: 100%;
	}
}

/* ==========================================================================
   Footer
   ========================================================================== */

footer {
	background: #3e3d3c;
  width: 100%;
	padding: 0 0 25px 0;
  overflow: hidden;
}

footer.footer-home {
	margin-top: -200px;
}

.footer-top-block {
	float: left;
	border-top: 1px solid #615f5d;
	padding-top: 50px;
}

footer .footer-top-block:nth-of-type(1) {
	width: 20%;
}

footer .footer-top-block:nth-of-type(2) {
	width: 45%;
}

footer .footer-top-block:nth-of-type(3) {
	width: 35%;
}

footer .footer-top-block.smart-wrap {
	padding: 50px 0 0 0;
}

footer .smart-forms label,
footer .smart-forms input,
footer .smart-forms .switch > .switch-label + span a {
    color: #fff;
}

footer .smart-forms .frm-row {
    margin: 0;
}

.footer-top-block p {
	font-size: 18px;
	color: #f0efef;
}

.footer-top-block ul {
	list-style-type: none;
	margin-left: -38px;
	display: block;
	float: left;
}

.footer-top-block ul:nth-of-type(2) {
	margin-left: 30px;
}

.footer-top-block li a {
	font-size: 30px;
	font-family: '0039-bespoke-interiors-regular';
	color: #f0efef;
	text-decoration: none;
	position: relative;
	line-height: 60px;
}

footer a:after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	width: 100%;
	height: 2px;
	background: #f0efef;
	transform: scaleX(0);
	transform-origin: bottom right;
	transition: transform 0.3s;
}

footer a:hover:after {
	transform-origin: bottom left;
	transform: scaleX(1);
}

.footer-active-link:after {
	transform: scaleX(1) !important;
}

.footer-top-block input {
  display: block;
  background-color: transparent;
  width: 100%;
  height: 3em;
  margin: -12px 0 0;
  padding: 0;
  line-height: 2em;
  font-size: 16px;
  border: none;
  color: #f0efef;
  border-bottom: 2px solid #f0efef;
}
.footer-top-block input:focus {
  outline: none;
}
.footer-top-block input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.footer-top-block input:-webkit-autofill:focus {
  -webkit-box-shadow: ,0 0 0 50px white inset;
  -webkit-text-fill-color: #204050;
}

.footer-top-block .subscribe_form button {
  position: absolute;
  bottom: -10px;
  right: 0;
  width: 80px;
  height: 80px;
  overflow: hidden;
  border: none;
  background-color: transparent;
  background-image: url("../img/newsletter-arrow.svg");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
	cursor: pointer;
}

.footer-top-block .subscribe_form + .button {
	margin-top: 62px;
	background: #615f5d;
	color: #f0efef;
	font-weight: 400;
}

.footer-top-block .subscribe_form + .button:hover {
	background: #f0efef;
	color: #3e3d3c;
}

.footer-bottom-block {
	float: left;
	padding: 75px 0 75px 0;
}

.footer-bottom-block-left {
	width: 65%;
}

.footer-bottom-block-right {
	width: 33.333333%;
	line-height: 25px;
}

.footer-bottom-block,
.footer-bottom-block p,
.footer-bottom-block a {
	color: #f0efef;
	font-size: 16px;
	margin: 0;
	text-decoration: none;
	position: relative;
}

.footer-bottom-block-left img {
	float: left;
	display: block;
}

.footer-bottom-block-left p {
	float: left;
	display: block;
	margin: 0 0 0 15px;
	line-height: 55px;
	font-size: 30px;
	font-family: '0039-bespoke-interiors-regular';
}

.footer-bottom-legal-block {
	float: left;
	padding: 15px 0;
	overflow: hidden;
	border-top: 1px solid #615f5d;
}

.footer-bottom-legal-block p,
.footer-bottom-legal-block a {
	font-size: 14px;
	color: #9c9a99;
	line-height: 20px;
}

.footer-bottom-legal-block a:hover {
	color: #fff;
}

.footer-bottom-legal-block-left {
	width: 65%;
}

.footer-bottom-legal-block-right {
	width: 33.333333%;
	padding-top: 55px;
}

.alemans-logo {
    position: absolute;
    display: inline-block;
    width: 60px;
    height: 66px;
    margin: -15px 0 0 -38px;
    background-image: url(../img/alemans-logo.svg);
    background-size: 65% 65%;
    background-repeat: no-repeat;
}

.footer-bottom-legal-block-left a {
	text-decoration: none;
}

@media (max-width: 1023px) {
	footer.footer-home {
		margin-top: 0;
		padding-top: 75px;
	}
	footer .footer-top-block:nth-of-type(1) {
		width: 30%;
		padding-bottom: 40px;
	}
	footer .footer-top-block:nth-of-type(2) {
		width: 70%;
		padding-bottom: 40px;
	}
	footer .footer-top-block:nth-of-type(3) {
		width: 100%;
	}
	.subscribe_form {
		max-width: 500px;
	}
	.footer-bottom-legal-block {
		width: 100%;
	}
	
	.footer-bottom-legal-block-left br {
		display: none;
	}
}

@media (max-width: 767px) {
	footer .footer-top-block:nth-of-type(1) {
		width: 40%;
	}
	footer .footer-top-block:nth-of-type(2) {
		width: 60%;
	}
	.footer-top-block li a {
		font-size: 25px;
	}
	.footer-bottom-block-left {
		display: none;
	}
	
	.footer-bottom-block-right {
		width: 100%;
		padding: 55px 0;
	}
}

@media (max-width: 639px) {
	.footer-top-block li a {
		font-size: 22px;
		line-height: 45px;
	}
	.footer-bottom-block-right {
		width: 100%;
		padding: 25px 0;
	}
}

@media (max-width: 479px) {
	footer .footer-top-block:nth-of-type(1),
	footer .footer-top-block:nth-of-type(2) {
		width: 100%;
	}
	
	.footer-top-block,
	footer .footer-top-block:nth-of-type(1),
	footer .footer-top-block:nth-of-type(2) {
		padding-top: 20px;
		padding-bottom: 15px;
	}
}

@media (max-width: 1023px) {
	.section-content-50 *,
	.section-content-100 * {
		transform: none  !important;
		transition: none  !important;
	}
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden,
[hidden] {
	display: none !important;
}

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.sr-only.focusable:active,
.sr-only.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	white-space: inherit;
	width: auto;
}

.invisible {
	visibility: hidden;
}

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

.clearfix::after {
	clear: both;
}

@media print {
	*,
	*::before,
	*::after {
		background: #fff !important;
		color: #3e3d3c !important;
		/* Black prints faster */
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	a[href]::after {
		content: " (" attr(href) ")";
	}
	abbr[title]::after {
		content: " (" attr(title) ")";
	}
	a[href^="#"]::after,
	a[href^="javascript:"]::after {
		content: "";
	}
	pre {
		white-space: pre-wrap !important;
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr,
	img {
		page-break-inside: avoid;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
}

.item {
	width: 200px;
	height: 200px;
	margin: 50px auto;
	padding-top: 75px;
	background: #ccc;
	text-align: center;
	color: #FFF;
	font-size: 3em;
}