/* reset */
html, body, div, span,
*, *::before, *::after,
object, iframe,
h1, h2, h3, h4, p, a, img,
strong, cite, ul, li, form, embed,
header, section, footer,
audio, video	{ font-size: 100%; font: inherit; margin: 0; padding: 0; box-sizing: border-box; outline: none; }
ul				{ list-style: none; }

h1 { font: 300 124px/114px "Nyght Serif"; }
h2 { font: 300 90px/94px "Nyght Serif"; }
h3 { font: normal 38px/42px "Nyght Serif"; }

/* transition */
a,
.button_wpp img,
section#featured .button,
section#products .controls ul li a::after,
section#products .controls ul li a.active_filter::after,
section#products ul li::after,
section#products .look img,
.lightbox .lightbox_close,
.lightbox .lightbox_navigation .lightbox_prev,
.lightbox .lightbox_navigation .lightbox_next,
footer .social_footer li {
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-transition: all .3s ease;
			transition: all .3s ease;
}



.container {
	width: 1200px;
	margin: 0 auto;
}
.container.big {
	width: 100% !important;
	padding: 0 90px;
}



/* body */
body {
	width: 100%;
	background: #ffffff;
	color: #A54F1B;
	font-family: "Switzer";
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	font-style: normal;
	display: block;
	margin: 0;
}



header {
	width: 100%;
	height: 90px;
	background: #ffffff;
	border-bottom: 1px solid #a54f1b;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 120px;
	position: absolute;
	top: 0;
	z-index: 10;
}

header .social a {
	width: 60px;
	height: 60px;
	border: 1px solid #a54f1b;
	border-radius: 60px;
	background: url(../img/icons/wpp.svg) no-repeat center center;
	background-size: auto 20px;
	float: left;
	display: block;
}
header .social a.email {
	background-image: url(../img/icons/email.svg);
	margin: 0 0 0 10px;
}
header .social a:hover {
	webkit-transform: scale(1.1);
		   transform: scale(1.1);
}
header .social span {
	display: none;
}

header .menu ul li {
	float: left;
	margin: 0 30px;
}
header .menu ul li a {
	color: #a54f1b;
	line-height: 40px;
	display: inline-block;
	position: relative;
}
header .menu ul li a::after {
    content: "";
    width: 0;
    height: 1px;
    background: #a54f1b;
    position: absolute;
    left: auto;
    right: 0;
    bottom: 5px;
    transition: all .3s ease;
}
header .menu ul li a:hover::after {
    width: 100%;
    left: 0;
}

header .button_menu a {
	height: 60px;
	color: #a84f1b;
	line-height: 56px;
	border: 1px solid #a54f1b;
	border-radius: 60px;
	display: inline-block;
	padding: 0 40px;
}
header .button_menu a:hover {
	color: #ffffff;
	background: #a54f1b;
	webkit-transform: scale(1.1);
		   transform: scale(1.1);
}



/* button wpp */
.button_wpp {
	position: fixed;
	right: 40px;
	bottom: 40px;
	z-index: 10;
}
.button_wpp img {
	width: 110px;
	height: auto;
	display: block;
}
.button_wpp img:hover {
	webkit-transform: scale(1.1) rotate(15deg);
		   transform: scale(1.1) rotate(15deg);
}



/* featured */
section#featured {
	width: 100%;
	height: 90vh;
	background: #ffffff;
	background-size: cover;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}

section#featured .logo {
	display: inline-block;
	margin: 0 auto 30px auto;
}
section#featured .logo img {
	width: auto;
	height: 90px;
	display: block;
	margin: 0 auto;
}

section#featured .text h1 span {
	font-size: 72px;
	line-height: 72px;
	font-weight: normal;
    font-style: italic;
}
section#featured .text h1 i {
    font-style: italic;
}

section#featured .text p {
	max-width: 540px;
	font-size: 20px;
	line-height: 26px;
	margin: 15px auto 30px auto;
}

section#featured .button {
	height: 60px;
	color: #a84f1b;
	line-height: 56px;
	border: 1px solid #a54f1b;
	border-radius: 60px;
	display: inline-block;
	padding: 0 40px;
}
section#featured .button:hover {
	color: #ffffff;
	background: #a54f1b;
	webkit-transform: scale(1.1);
		   transform: scale(1.1);
}



/* about */
section#about {
	width: 100%;
	height: 100vh;
	background: url(../img/img_01.jpg) no-repeat center center;
	background-size: cover;
	display: flex;
	align-items: center;
}

section#about .text {
	width: 540px;
	background: rgba(255,255,255,.9);
	float: right;
	padding: 60px 40px;
	position: relative;
}
section#about .text::before {
	content: "";
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	border: 1px solid #a54f1b;
	position: absolute;
	top: 10px;
	left: 10px;
	pointer-events: none;

}
section#about .text h3 {
	margin: 0 0 20px 0;
}
section#about .text h3 i {
	font-style: italic;
}
section#about .text p {
	font-size: 14px;
	line-height: 20px;
}



/* services */
section#services {
	width: 100%;
	display: inline-block;
	padding: 120px 0;
}

section#services .text {
	width: 100%;
}
section#services .text .left,
section#services .text .right {
	width: 50%;
	float: left;
}
section#services .text span {
	font-size: 20px;
	margin: 0 0 10px 0;
	display: inline-block;
}
section#services .text h2 {
	margin: 0 0 20px 0;
}
section#services .text h2 i {
	font-style: italic;
}
section#services .text h3 {
	font-style: italic;
	margin: 40px 0 15px 0;
}
section#services .text ul li {
	border-bottom: 1px solid #a84f1b;
	padding: 0 0 40px 0;
}
section#services .text ul li:last-child {
	border: none;
	padding: 0;
}

section#services .button {
	height: 60px;
	color: #a84f1b;
	line-height: 56px;
	border: 1px solid #a54f1b;
	border-radius: 60px;
	display: inline-block;
	padding: 0 40px;
}
section#services .button:hover {
	color: #ffffff;
	background: #a54f1b;
	webkit-transform: scale(1.1);
		   transform: scale(1.1);
}



/* delivery */
section#delivery {
	width: 100%;
	margin: 120px 0;
}

section#delivery .text {
	width: 100%;
	background: #f6eee9;
	display: flex;
    align-items: center;
}
section#delivery .text .left,
section#delivery .text .right {
	width: 50%;
	float: left;
}

section#delivery .text .left img {
	width: 540px;
	height: auto;
	display: block;
}

section#delivery .text .title {
	padding: 0 120px 0 60px;
}

section#delivery .text h2 i {
	font-style: italic;
}

section#delivery .text p {
	margin: 15px 0 30px 0;
}

section#delivery .button {
	height: 60px;
	color: #a84f1b;
	line-height: 56px;
	border: 1px solid #a54f1b;
	border-radius: 60px;
	display: inline-block;
	padding: 0 40px;
}
section#delivery .button:hover {
	color: #ffffff;
	background: #a54f1b;
	webkit-transform: scale(1.1);
		   transform: scale(1.1);
}



/* products */
section#products {
	width: 100%;
	text-align: center;
    display: inline-block;
    position: relative;
    margin: 120px 0 0 0;
}

section#products .title {
	text-align: center;
}
section#products .title h2 {
	max-width: 660px;
	margin: 0 auto;
}
section#products .title h2 i {
	font-style: italic;
}
section#products .title span {
	font-size: 20px;
	margin: 0 0 10px 0;
	display: inline-block;
}


section#products .gallery {
	border-top: 1px solid #a84f1b;
	overflow: hidden;
	margin: 60px 0 0 0;
}
section#products .gallery.margin {
	margin: 90px 0 0 0;
}

section#products .controls {
	width: 100%;
	margin: 20px 0 60px 0;
}
section#products .controls ul {
	display: flex;
	justify-content: center;
	align-items: center;
}
section#products .controls ul li {
	margin: 0 10px;
	position: relative;
}
section#products .controls ul li a {
	color: #a84f1b;
	font: normal 14px/60px "Switzer";
	border: 1px solid #a84f1b;
	-webkit-border-radius: 60px;
    		border-radius: 60px;
	padding: 0 25px;
	display: block;
	cursor: pointer;
}
section#products .controls ul li a.active_filter,
section#products .controls ul li a:hover {
	color: #ffffff;
}
section#products .controls ul li a::after,
section#products .controls ul li a.active_filter::after {
	content: "";
	width: 100%;
	height: 100%;
	background: #a84f1b;
	-webkit-border-radius: 60px;
    		border-radius: 60px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
}
section#products .controls ul li:hover a::after,
section#products .controls ul li a.active_filter::after {
	opacity: 1;
	visibility: visible;
}

section#products .images {
	display: table;
}
section#products .look,
section#products .gap {
	display: inline-block;
}
section#products .look {
	width: 33.33%;
	height: 340px;
	float: left;
	overflow: hidden;
	display: none;
	padding: 0 10px;
	margin: 0 0 20px 0;
}
section#products .look.height {
	height: 715px;
}

section#products .look figure {
	position: relative;
	overflow: hidden;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	cursor: pointer;
	align-items: center;
    justify-content: center;
}
section#products .look img {
	width: auto;
	height: 240px;
	display: block;
	-webkit-transform: scale(.9);
			transform: scale(.9);
}
section#products .look:hover img {
	-webkit-transform: scale(1);
			transform: scale(1);
}

section#products .look .text {
	margin: 20px 0 0 0;
	position: relative;
}
section#products .look .text::before {
	content: "";
	width: 1px;
	height: 30px;
	background: #a84f1b;
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
section#products .look .text p {
	font: normal 16px/20px "Nyght Serif";
	display: inline-block;
	margin: 20px 0 0 0;
}
section#products .look .text p i {
	font-style: italic;
}

section#products .button {
	height: 60px;
	color: #a84f1b;
	line-height: 56px;
	border: 1px solid #a54f1b;
	-webkit-border-radius: 60px;
			border-radius: 60px;
	display: inline-block;
	padding: 0 40px;
}
section#products .button:hover {
	color: #ffffff;
	background: #a54f1b;
	webkit-transform: scale(1.1);
		   transform: scale(1.1);
}

/* lightbox */
.lightbox_overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,.95);
	display: none;
	z-index: 10;
}

.lightbox .lightbox_close {
	width: 80px;
	height: 80px;
	background: #a54f1b;
	border-radius: 50%;
	color: #fff;
	position: fixed;
	top: 40px;
	right: 40px;
	display: none;
	z-index: 13;
	cursor: pointer;
}
.lightbox .lightbox_close:hover {
	background: #fff;
	-webkit-transform: scale(1.1) rotate(270deg);
			transform: scale(1.1) rotate(270deg);
}
.lightbox .lightbox_close::before,
.lightbox .lightbox_close::after {
	content: "";
	width: 30px;
	height: 2px;
	background: #fff;
	position: absolute;
}
.lightbox .lightbox_close::before {
	-webkit-transform: translate(25px,40px) rotate(-45deg);
			transform: translate(25px,40px) rotate(-45deg);
}
.lightbox .lightbox_close::after {
	-webkit-transform: translate(25px,40px) rotate(45deg);
			transform: translate(25px,40px) rotate(45deg);
}
.lightbox .lightbox_close:hover::before,
.lightbox .lightbox_close:hover::after {
	background: #a54f1b;
}

.lightbox .lightbox_navigation {
	display: none;
}
.lightbox .lightbox_navigation .lightbox_prev,
.lightbox .lightbox_navigation .lightbox_next {
	width: 33%;
	height: 100%;
	display: block;
	z-index: 12;
	position: fixed;
	top: 50%;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	cursor: pointer;
}
.lightbox .lightbox_navigation .lightbox_prev {
	background: rgba(0,0,0,0) url(../img/icons/arrow_left.svg) no-repeat center center;
	background-size: auto 60px;
	left: 0;
}
.lightbox .lightbox_navigation .lightbox_prev:hover {
	background-position: 45% 50%;
}
.lightbox .lightbox_navigation .lightbox_next {
	background: rgba(0,0,0,0) url(../img/icons/arrow_right.svg) no-repeat center center;
	background-size: auto 60px;
	right: 0;
}
.lightbox .lightbox_navigation .lightbox_next:hover {
	background-position: 55% 50%;
}

.lightbox .lightbox_image {
	position: fixed;
	z-index: 11;
	cursor: move;
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}
.lightbox .lightbox_image:active {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}
.lightbox .lightbox_image img {
	width: auto !important;
    height: 400px !important;
	display: block;
}



/* history */
section#history {
	width: 100%;
	height: 100vh;
	background: url(../img/img_03.jpg) no-repeat center center;
	background-size: cover;
	display: flex;
	align-items: center;
}

section#history .text {
	width: 540px;
	background: rgba(255,255,255,.9);
	float: left;
	padding: 60px 40px;
	position: relative;
}
section#history .text::before {
	content: "";
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	border: 1px solid #a54f1b;
	position: absolute;
	top: 10px;
	left: 10px;
	pointer-events: none;

}
section#history .text h3 {
	margin: 0 0 20px 0;
}
section#history .text h3 i {
	font-style: italic;
}
section#history .text p {
	font-size: 14px;
	line-height: 20px;
}



/* footer */
footer {
	width: 100%;
	background: #f6eee9;
	padding: 120px 0 0 0;
	display: inline-block;
}

footer .content {
	display: flow-root;
}

footer .logo_footer {
	width: auto;
	height: 90px;
	margin: 0 auto 60px auto;
	display: block;
}

footer .left,
footer .center,
footer .right {
	width: 33.33%;
	float: left;
}

footer ul {
	margin: 20px 0 0 0;
}
footer ul li {
	margin: 0 0 20px 0;
}

footer .social_footer {
	margin: 20px 0 0 0;
}
footer .social_footer li {
	float: left;
	margin: 0 10px 0 0;
}
footer .social_footer li:hover {
	webkit-transform: scale(1.1);
		   transform: scale(1.1);
}
footer .social_footer li img {
	width: auto;
	height: 20px;
	display: block;
	margin: 20px;
	position: relative;
}
footer .social_footer li a {
	position: relative;
}
footer .social_footer li a::before {
	content: "";
	width: 60px;
	height: 60px;
	border: 1px solid #a54f1b;
	-webkit-border-radius: 60px;
			border-radius: 60px;
	padding: 10px;
	position: absolute;
	top: 0;
	left: 0;
}

footer .copy {
	width: 100%;
	border-top: 1px solid #a54f1b;
	margin: 60px 0 0 0;
	padding: 30px 0;
	display: flex;
	justify-content: space-between;
}
footer .copy p {
	font-size: 16px;
	line-height: 20px;
}