/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
}
main {
	display: block;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}
a {
	background-color: transparent;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}
b,
strong {
	font-weight: bolder;
}
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
img {
	border-style: none;
}
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
button,
input {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
	-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText;
}
fieldset {
	padding: 0.35em 0.75em 0.625em;
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress {
	vertical-align: baseline;
}
textarea {
	overflow: auto;
}
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}
details {
	display: block;
}
summary {
	display: list-item;
}
template {
	display: none;
}
[hidden] {
	display: none;
}
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: 0;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:after,
.slick-track:before {
	display: table;
	content: "";
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir="rtl"] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
} /*!
 * pagepiling.js 1.5.6
 *
 * https://github.com/alvarotrigo/pagePiling.js
 * @license MIT licensed
 *
 * Copyright (C) 2016 alvarotrigo.com - A project by Alvaro Trigo
 */
body,
html {
	overflow: hidden;
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: transparent;
}
.pp-section {
	height: 100%;
	position: absolute;
	width: 100%;
	backface-visibility: hidden;
}
.pp-easing {
	-webkit-transition: all 1s cubic-bezier(0.55, 0.085, 0, 0.99);
	-moz-transition: all 1s cubic-bezier(0.55, 0.085, 0, 0.99);
	-o-transition: all 1s cubic-bezier(0.55, 0.085, 0, 0.99);
	transition: all 1s cubic-bezier(0.55, 0.085, 0, 0.99);
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0, 0.99);
	-moz-transition-timing-function: cubic-bezier(0.55, 0.085, 0, 0.99);
	-o-transition-timing-function: cubic-bezier(0.55, 0.085, 0, 0.99);
	transition-timing-function: cubic-bezier(0.55, 0.085, 0, 0.99);
}
#pp-nav {
	position: fixed;
	z-index: 100;
	margin-top: -32px;
	top: 50%;
	opacity: 1;
}
#pp-nav.right {
	right: 17px;
}
#pp-nav.left {
	left: 17px;
}
.pp-section.pp-table {
	display: table;
}
.pp-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
.pp-slidesNav {
	position: absolute;
	z-index: 4;
	left: 50%;
	opacity: 1;
}
.pp-slidesNav.bottom {
	bottom: 17px;
}
.pp-slidesNav.top {
	top: 17px;
}
#pp-nav ul,
.pp-slidesNav ul {
	margin: 0;
	padding: 0;
}
#pp-nav li,
.pp-slidesNav li {
	display: block;
	width: 14px;
	height: 13px;
	margin: 7px;
	position: relative;
}
.pp-slidesNav li {
	display: inline-block;
}
#pp-nav li a,
.pp-slidesNav li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
}
#pp-nav li .active span,
.pp-slidesNav .active span {
	background: #333;
}
#pp-nav span,
.pp-slidesNav span {
	top: 2px;
	left: 2px;
	width: 8px;
	height: 8px;
	border: 1px solid #000;
	background: rgba(0, 0, 0, 0);
	border-radius: 50%;
	position: absolute;
	z-index: 1;
}

.pp-tooltip {
	position: absolute;
	top: -2px;
	color: #fff;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	max-width: 220px;
}

.pp-tooltip.right {
	right: 45px;
	font-weight: bold;
	font-size: 16px;
}

.pp-tooltip.left {
	left: 20px;
}
.pp-scrollable {
	overflow-y: scroll;
	height: 100%;
}
html {
	box-sizing: border-box;
}
body,
html {
	overflow: initial;
}
*,
:after,
:before {
	box-sizing: inherit;
}
a {
	color: inherit;
}
body {
	font-size: 20px;
	font-size: 1.25rem;
	position: relative;
	min-height: 100vh;
	padding-bottom: 52px;
	color: #555;
	font-family: Montserrat, sans-serif;
	line-height: 1.2;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body.overflow-hidden {
	overflow: hidden;
	height: 100%;
}
body.homepage-body,
main {
	overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 900;
	text-transform: uppercase;
}
h2 {
	font-size: 64px;
	font-size: 4rem;
}
h3 {
	font-size: 40px;
	font-size: 2.5rem;
	font-weight: 300;
}
.footer-inner-wrapper,
.header-inner-wrapper,
.inner-section-wrapper,
.inner-wrapper {
	margin: 0 auto;
	padding: 0 20px;
}
.footer-inner-wrapper:after,
.header-inner-wrapper:after,
.inner-section-wrapper:after,
.inner-wrapper:after {
	clear: both;
	content: "";
	display: table;
}
.inner-wrapper {
	max-width: 1550px;
}
.inner-section-wrapper {
	max-width: 1826px;
}
.header-inner-wrapper {
	max-width: 1258px;
}
.footer-inner-wrapper {
	max-width: 1860px;
}
.section-id {
	display: block;
	padding-top: 60px;
	margin-top: -60px;
}
.desktop-hidden {
	display: none !important;
}
.btn {
	font-size: 14px;
	font-size: 0.875rem;
	position: relative;
	display: block;
	width: 264px;
	height: 66px;
	padding: 25px 28px;
	background-color: #727272;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
	border-radius: 10px;
	text-decoration: none;
}
.btn:after {
	content: "";
	position: absolute;
	right: 25px;
	top: 50%;
	width: 14px;
	height: 3px;
	margin-top: -2px;
	background: url(../images/btn-dots.png) no-repeat 50%/100%;
}
@media only screen and (max-width: 980px) {
	body {
		padding-bottom: 130px;
	}
	.footer-inner-wrapper,
	.header-inner-wrapper,
	.inner-section-wrapper,
	.inner-wrapper {
		padding: 0 50px;
	}
	.desktop-hidden {
		display: block !important;
	}
	.mobile-hidden {
		display: none !important;
	}
	.btn {
		font-size: 21px;
		font-size: 1.3125rem;
		width: 399px;
		height: 100px;
		padding: 40px 44px;
		border-radius: 15px;
	}
	.btn:after {
		right: 38px;
		width: 22px;
		height: 5px;
	}
}
@media only screen and (max-width: 640px) {
	body {
		padding-bottom: 20.3125vw;
		font-size: 3.125vw;
	}
	h2 {
		font-size: 10vw;
	}
	h3 {
		font-size: 6.25vw;
	}
	.footer-inner-wrapper,
	.header-inner-wrapper,
	.inner-section-wrapper,
	.inner-wrapper {
		padding: 0 7.8125vw;
	}
	.btn {
		font-size: 3.28125vw;
		width: 62.34375vw;
		height: 15.625vw;
		padding: 6.25vw 6.875vw;
		border-radius: 2.34375vw;
	}
	.btn:after {
		right: 5.9375vw;
		width: 3.4375vw;
		height: 0.78125vw;
	}
}
.page-header {
	position: absolute;
	z-index: 10;
	left: 0;
	right: 0;
	top: 0;
	height: 60px;
	background-color: #fff;
	border-bottom: 1px solid #ce8d4e;
	transition: opacity 1s;
}
.page-header a {
	text-decoration: none;
}
.page-header.colored-header .logo .logo-white {
	display: none;
}
.page-header.colored-header .logo .logo-caramel {
	display: block;
}
.page-header.colored-header .mobile-menu-btn span,
.page-header.colored-header .mobile-menu-btn span:after,
.page-header.colored-header .mobile-menu-btn span:before {
	background-color: #ce8d4e;
}
.page-header.colored-header .mobile-menu-btn.open span:after,
.page-header.colored-header .mobile-menu-btn.open span:before {
	background: 0 0;
}
.page-header.fixed .logo,
.page-header.hide .logo {
	width: 104px;
	top: 0;
	margin-top: 6px;
	margin-left: -52px;
}
.page-header.fixed .logo .logo-white,
.page-header.hide .logo .logo-white {
	display: none;
}
.page-header.fixed .logo .logo-caramel,
.page-header.hide .logo .logo-caramel {
	display: block;
}
.page-header.fixed.homepage-header .logo:before,
.page-header.hide.homepage-header .logo:before {
	display: none;
}
.page-header.fixed .main-menu,
.page-header.hide .main-menu {
	font-size: 11px;
	font-size: 0.6875rem;
	padding-left: 80px;
}
.page-header.fixed .main-menu a,
.page-header.hide .main-menu a {
	padding-top: 26px;
	padding-bottom: 21px;
}
.page-header.fixed .main-menu li:nth-child(2),
.page-header.hide .main-menu li:nth-child(2) {
	margin-right: 90px;
}
.page-header.fixed .main-menu li:nth-child(3),
.page-header.hide .main-menu li:nth-child(3) {
	margin-left: 90px;
}
.page-header.hide {
	position: fixed;
	top: -60px;
	opacity: 0;
}
.page-header.move-up {
	top: -60px;
	transition: top 0.6s;
	opacity: 1;
}
.page-header.fixed {
	position: fixed;
	top: 0;
	transition: top 0.6s;
}
.header-inner-wrapper {
	position: relative;
}
.logo {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 155px;
	margin-left: -76px;
	margin-top: 28px;
}
.logo img {
	position: relative;
	display: block;
	width: 100%;
}
.logo .logo-caramel {
	display: none;
}
.homepage-header .logo:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 71%;
	width: 50%;
	height: 4px;
	transform: translateX(-50%);
	border-radius: 50%;
	box-shadow:
		0 0 19px 46px rgba(148, 51, 76, 0.2),
		inset 0 0 24px 62px rgba(148, 51, 76, 0.2);
	transition: all 0.8s;
	transition-delay: 0.2s;
}
.main-menu {
	font-size: 13px;
	font-size: 0.8125rem;
	text-align: center;
	list-style: none;
	color: #ce8d4e;
	text-transform: uppercase;
	font-weight: 500;
	padding: 0;
	margin: 0;
}
.main-menu li {
	display: inline-block;
}
.main-menu li.active,
.main-menu li:hover {
	font-weight: 700;
}
.main-menu a {
	display: block;
	padding: 23px 15px 22px;
}
@media only screen and (min-width: 981px) {
	.has-dd:hover .dropdown {
		display: flex;
	}
}
.dropdown {
	display: none;
	position: absolute;
	top: 100%;
	left: 20px;
	right: 20px;
	background-color: #fff;
	box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.09);
}
.dd-block {
	width: 100%;
	border-left: 1px solid #ce8d4e;
}
.dd-block:first-child {
	border-left: 0;
}
.dd-block:hover {
	background: url(../images/hover-bg.jpg) no-repeat 50% / cover;
}
.dd-block:hover .hover-blue-1 {
	color: #75cbd7, #67d7e7;
}
.dd-block:hover .hover-blue-2 {
	color: #8dceea, #9de0fd;
}
.dd-block:hover .hover-cyan {
	color: #29ae8d, #30cea7;
}
.dd-block:hover .hover-red {
	color: #a4113c, #be274a;
}
.dd-block:hover .hover-purple {
	color: #9c73af, #ae68ce;
}
.dd-block:hover .hover-caramel {
	color: #ce8d4e, #edaf56;
}
.dd-block:hover .hover-geraldine {
	color: #f27670, #f88680;
}
.dd-block h2 {
	font-size: 15px;
	font-size: 0.9375rem;
	color: #555;
	margin-bottom: 24px;
}
.dd-block .product {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 180px;
	margin: 34px auto 42px;
}
.dd-block img {
	display: block;
	max-width: 240px;
	max-height: 180px;
}
.page-header.animate {
	opacity: 0;
}
.page-header.animate .logo:before {
	opacity: 0;
	width: 0;
	transform: translateX(0);
}
.mobile-menu-btn {
	display: none;
}
@media only screen and (max-width: 980px) {
	.page-header {
		background-color: transparent;
		border-bottom: none;
	}
	.page-header.special-header .logo .logo-white {
		display: none;
	}
	.page-header.special-header .logo .logo-caramel {
		display: block;
	}
	.page-header.special-header .mobile-menu-btn span,
	.page-header.special-header .mobile-menu-btn span:after,
	.page-header.special-header .mobile-menu-btn span:before {
		background-color: #ce8d4e;
	}
	.page-header.special-header .mobile-menu-btn.open span:after,
	.page-header.special-header .mobile-menu-btn.open span:before {
		background: 0 0;
	}
	.page-header.hide,
	.page-header.move-up {
		top: -70px;
	}
	.page-header.fixed .logo,
	.page-header.hide .logo {
		width: 136px;
		margin-left: -70px;
	}
	.page-header.fixed .mobile-menu-btn,
	.page-header.hide .mobile-menu-btn {
		margin-top: 17px;
	}
	.page-header.fixed .mobile-menu-btn span,
	.page-header.fixed .mobile-menu-btn span:after,
	.page-header.fixed .mobile-menu-btn span:before,
	.page-header.hide .mobile-menu-btn span,
	.page-header.hide .mobile-menu-btn span:after,
	.page-header.hide .mobile-menu-btn span:before {
		background-color: #ce8d4e;
	}
	.page-header.fixed .mobile-menu-btn.open span:after,
	.page-header.fixed .mobile-menu-btn.open span:before,
	.page-header.hide .mobile-menu-btn.open span:after,
	.page-header.hide .mobile-menu-btn.open span:before {
		background-color: transparent;
	}
	.page-header.fixed .main-menu li:nth-child(2),
	.page-header.hide .main-menu li:nth-child(2) {
		margin-right: 0;
	}
	.page-header.fixed .main-menu li:nth-child(3),
	.page-header.hide .main-menu li:nth-child(3) {
		margin-left: 0;
	}
	.page-header.fixed {
		height: 72px;
		background-color: #fff;
		border-bottom: 1px solid #ce8d4e;
	}
	.page-header.fixed .main-menu {
		padding-left: 0;
	}
	.logo {
		top: 0;
		width: 221px;
		margin-left: -114px;
		margin-top: 16px;
	}
	.main-menu,
	.page-header.fixed .main-menu {
		font-size: 25px;
		font-size: 1.5625rem;
	}
	.main-menu a,
	.page-header.fixed .main-menu a {
		padding: 30px 50px;
	}
	.main-menu .dd-block,
	.page-header.fixed .main-menu .dd-block {
		padding-top: 15px;
		padding-bottom: 15px;
		border-left: none;
	}
	.main-menu .dd-block:first-child,
	.page-header.fixed .main-menu .dd-block:first-child {
		border-left: none;
	}
	.main-menu {
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		height: 100vh;
		padding-top: 100px;
		background-color: #fff;
		box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.26);
		overflow: auto;
		text-align: left;
	}
	.main-menu li {
		display: block;
	}
	.main-menu li > a {
		font-weight: 700;
	}
	.mobile-menu-btn {
		display: block;
		position: relative;
		float: right;
		width: 55px;
		height: 37px;
		transition: background 0.3s;
		margin-top: 48px;
	}
	.mobile-menu-btn span {
		display: block;
		position: absolute;
		z-index: 6;
		top: 14px;
		left: 15px;
		right: 0;
		height: 6px;
		background: #fff;
	}
	.mobile-menu-btn span:after,
	.mobile-menu-btn span:before {
		content: "";
		position: absolute;
		display: block;
		left: -15px;
		right: 0;
		height: 6px;
		background-color: #fff;
		transition: all 0.3s;
	}
	.mobile-menu-btn span:before {
		top: -15px;
	}
	.mobile-menu-btn span:after {
		bottom: -15px;
	}
	.mobile-menu-btn.open {
		margin-top: 34px;
	}
	.mobile-menu-btn.open span {
		background-color: #ce8d4e;
	}
	.mobile-menu-btn.open span:after,
	.mobile-menu-btn.open span:before {
		background: 0 0;
	}
	.dd-link {
		position: relative;
	}
	.dd-link:after {
		content: "";
		position: absolute;
		right: 60px;
		top: 50%;
		margin-top: -12px;
		width: 22px;
		height: 22px;
		background: url(../images/icon-plus.png) no-repeat 50%/100%;
	}
	.dd-link.open {
		background-color: #f4f4f4;
	}
	.dd-link.open + .dropdown {
		display: block;
	}
	.dd-link.open:after {
		transform: rotate(45deg);
	}
	.dropdown {
		flex-wrap: wrap;
		position: static;
		padding-bottom: 20px;
		padding-left: 40px;
		box-shadow: none;
		background-color: #f4f4f4;
	}
	.dd-block {
		width: 100%;
	}
	.dd-block .product {
		display: none;
	}
	.dd-block h2 {
		font-size: 25px;
		font-size: 1.5625rem;
		font-weight: 500;
		color: #ce8d4e;
		margin: 0;
	}
}
@media only screen and (max-width: 640px) {
	.page-header.hide,
	.page-header.move-up {
		top: -10.9375vw;
	}
	.page-header.fixed .logo,
	.page-header.hide .logo {
		width: 21.25vw;
		margin-left: -10.9375vw;
	}
	.page-header.fixed .mobile-menu-btn,
	.page-header.hide .mobile-menu-btn {
		margin-top: 2.65625vw;
	}
	.page-header.fixed {
		height: 11.25vw;
		border-width: 0.15625vw;
	}
	.page-header.fixed .logo {
		margin-top: 0.9375vw;
	}
	.logo {
		width: 34.53125vw;
		margin-left: -17.8125vw;
		margin-top: 2.5vw;
	}
	.main-menu,
	.page-header.fixed .main-menu {
		font-size: 3.90625vw;
	}
	.main-menu a,
	.page-header.fixed .main-menu a {
		padding: 4.6875vw 7.8125vw;
	}
	.main-menu .dd-block,
	.page-header.fixed .main-menu .dd-block {
		padding-top: 2.34375vw;
		padding-bottom: 2.34375vw;
	}
	.main-menu {
		padding-top: 15.625vw;
		box-shadow: 0.3125vw 0.78125vw 0.78125vw rgba(0, 0, 0, 0.26);
	}
	.mobile-menu-btn {
		width: 8.59375vw;
		height: 5.78125vw;
		margin-top: 7.5vw;
	}
	.mobile-menu-btn span {
		top: 2.1875vw;
		left: 2.34375vw;
		height: 0.9375vw;
	}
	.mobile-menu-btn span:after,
	.mobile-menu-btn span:before {
		left: -2.34375vw;
		height: 0.9375vw;
	}
	.mobile-menu-btn span:before {
		top: -2.34375vw;
	}
	.mobile-menu-btn span:after {
		bottom: -2.34375vw;
	}
	.mobile-menu-btn.open {
		margin-top: 5.3125vw;
	}
	.dd-link:after {
		right: 9.375vw;
		margin-top: -1.875vw;
		width: 3.4375vw;
		height: 3.4375vw;
	}
	.dropdown {
		padding-bottom: 3.125vw;
		padding-left: 6.25vw;
	}
	.dd-block h2 {
		font-size: 3.90625vw;
	}
}
.top-section-bg {
	height: 800px;
	margin-bottom: -106px;
}
.top-section-bg.bg-cyan {
	background: url(../images/top-section-cyan.jpg) no-repeat 50% / cover;
}
.top-section-bg.bg-blue-1 {
	background: url(../images/top-section-blue-1.jpg) no-repeat 50% / cover;
}
.top-section-bg.bg-blue-2 {
	background: url(../images/top-section-blue-2.jpg) no-repeat 50% / cover;
}
.top-section-bg.bg-red {
	background: url(../images/top-section-red.jpg) no-repeat 50% / cover;
}
.top-section-bg.bg-purple {
	background: url(../images/top-section-purple.jpg) no-repeat 50% / cover;
}
.top-section-bg.bg-geraldine {
	background: url(../images/top-section-geraldine.jpg) no-repeat 50% / cover;
}
.top-inner-section-bg {
	height: 751px;
	height: 1044px;
	margin-bottom: -766px;
}
.top-inner-section-bg.bg-cyan {
	background: url(../images/top-inner-section-cyan.jpg) no-repeat top/cover;
}
.top-inner-section-bg.bg-blue-1 {
	background: url(../images/top-inner-section-blue-1.jpg) no-repeat top/cover;
}
.top-inner-section-bg.bg-blue-2 {
	background: url(../images/top-inner-section-blue-2.jpg) no-repeat top/cover;
}
.top-inner-section-bg.bg-red {
	background: url(../images/top-inner-section-red.jpg) no-repeat top/cover;
}
.top-inner-section-bg.bg-purple {
	background: url(../images/top-inner-section-purple.jpg) no-repeat top/cover;
}
.top-inner-section-bg.bg-geraldine {
	background: url(../images/top-inner-section-geraldine.jpg) no-repeat top/cover;
}
.top-section-empty {
	height: 250px;
}
@media only screen and (max-width: 980px) {
	.top-section-bg {
		height: 812px;
		margin-bottom: 0;
	}
	.top-section-bg.bg-cyan {
		background: url(../images/top-section-cyan-mobile.jpg) no-repeat 50% / cover;
	}
	.top-section-bg.bg-blue-1 {
		background: url(../images/top-section-blue-1-mobile.jpg) no-repeat 50% /
			cover;
	}
	.top-section-bg.bg-blue-2 {
		background: url(../images/top-section-blue-2-mobile.jpg) no-repeat 50% /
			cover;
	}
	.top-section-bg.bg-red {
		background: url(../images/top-section-red-mobile.jpg) no-repeat 50% / cover;
	}
	.top-section-bg.bg-purple {
		background: url(../images/top-section-purple-mobile.jpg) no-repeat 50% /
			cover;
	}
	.top-section-bg.bg-geraldine {
		background: url(../images/top-section-geraldine-mobile.jpg) no-repeat 50% /
			cover;
	}
	.top-inner-section-bg {
		height: 1018px;
		margin-bottom: -795px;
	}
	.top-inner-section-bg.bg-cyan {
		background: url(../images/top-inner-section-cyan-mobile.jpg) no-repeat 50% /
			cover;
	}
	.top-inner-section-bg.bg-blue-1 {
		background: url(../images/top-inner-section-blue-1-mobile.jpg) no-repeat
			50% / cover;
	}
	.top-inner-section-bg.bg-blue-2 {
		background: url(../images/top-inner-section-blue-2-mobile.jpg) no-repeat
			50% / cover;
	}
	.top-inner-section-bg.bg-red {
		background: url(../images/top-inner-section-red-mobile.jpg) no-repeat 50% /
			cover;
	}
	.top-inner-section-bg.bg-purple {
		background: url(../images/top-inner-section-purple-mobile.jpg) no-repeat
			50% / cover;
	}
	.top-inner-section-bg.bg-geraldine {
		background: url(../images/top-inner-section-geraldine-mobile.jpg) no-repeat
			50% / cover;
	}
	.top-section-empty {
		height: 173px;
	}
}
@media only screen and (max-width: 640px) {
	.top-section-bg {
		height: 126.875vw;
	}
	.top-inner-section-bg {
		height: 159.0625vw;
		margin-bottom: -124.21875vw;
	}
	.top-section-empty {
		height: 27.03125vw;
	}
}
.section-bg {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	transition:
		top 2s ease 0.4s,
		opacity 2s ease 0.4s,
		left 2s;
	background: url(../images/bgr01.jpg) no-repeat 50% / cover;
}
.medix-title {
	height: 45px;
}
.section-main {
	z-index: 6;
	position: relative;
}
.section-main h3 {
	margin-bottom: 79px;
}
.section-main .text-wrapper {
	margin-top: 662px;
}
.pp-section.section-main,
.ring-1,
.ring-2 {
	position: absolute;
}
.ring-1,
.ring-2 {
	right: 0;
	top: 0;
}
.ring-1 {
	width: 514px;
	height: 1080px;
	background: url(../images/ring01.png) no-repeat 50%/100%;
	transition:
		top 1s ease 1s,
		opacity 1s ease 1s,
		right 1s;
}
.ring-2 {
	width: 386px;
	height: 1270px;
	background: url(../images/ring02.png) no-repeat 50%/100%;
	transition:
		top 1s ease 1.2s,
		opacity 1s ease 1.2s,
		right 1s;
}
.section-main.animate .section-bg {
	top: 40px;
	opacity: 0;
}
.section-main.animate .text-wrapper {
	opacity: 0;
}
.section-main.animate .ring-1,
.section-main.animate .ring-2 {
	opacity: 0;
	top: 20px;
}
.section-main.animate .ring-1 {
	transform: rotate(3deg);
}
.section-main.animate .ring-2 {
	transform: rotate(6deg);
}
@media only screen and (max-width: 980px) {
	#pagepiling > .page-header {
		display: none;
	}
	.section-bg {
		height: 667px;
		background: url(../images/main-section-bg.jpg) no-repeat 50% / cover;
	}
	.ring-1,
	.ring-2 {
		display: none;
	}
}
@media only screen and (max-width: 640px) {
	.section-bg {
		height: 104.21875vw;
	}
	.medix-title {
		height: 7.03125vw;
	}
}
#pagepiling {
	height: 100vh;
}
.section {
	transform: translateZ(0);
	overflow: hidden;
	padding: 20px 0;
	background-color: #fff;
	box-shadow: 0 0 19px rgba(0, 0, 0, 0.09);
}
.section h2 {
	margin-top: 86px;
	margin-bottom: 0;
	line-height: 1.02;
}
.section h3 {
	margin-top: 7px;
}
.section p {
	font-size: 30px;
	font-size: 1.875rem;
	margin-top: 0;
	max-width: 450px;
}
.section .inner-wrapper {
	position: relative;
}
.section .text-wrapper {
	width: 638px;
	transition: opacity 1s;
	transition-delay: 2s;
	margin-left: auto;
	margin-right: -40px;
}
.section .btn {
	display: inline-block;
	margin-right: 50px;
}
.section .btn:last-child {
	margin-right: 0;
}
.section:nth-of-type(2n) p {
	max-width: 450px;
}
.section:nth-of-type(2n) .text-wrapper {
	margin-left: auto;
	margin-right: -40px;
}



.section:nth-of-type(2n) p {
	max-width: unset;
}
.section:nth-of-type(2n) .text-wrapper {
	margin-left: unset;
	margin-right: unset;
}



.scroll-down {
	font-size: 15px;
	font-size: 0.9375rem;
	position: relative;
	display: block;
	margin-top: 49px;
	padding-left: 32px;
	text-decoration: none;
	font-weight: 300;
}
.scroll-down .mouse {
	position: absolute;
	left: 0;
	top: -11px;
	width: 21px;
	height: 33px;
	border-radius: 10px;
	border: 1px solid #555;
}
.scroll-down .mouse:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -2px;
	width: 3px;
	height: 4px;
	background-color: #555;
	border-radius: 50%;
	-webkit-animation: move-scroll 1s infinite;
	animation: move-scroll 1s infinite;
	opacity: 0;
}
@-webkit-keyframes move-scroll {
	0% {
		top: 4%;
	}
	10% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
	to {
		top: 80%;
	}
}
@keyframes move-scroll {
	0% {
		top: 4%;
	}
	10% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
	to {
		top: 80%;
	}
}
.section-blue-1 {
	background: url(../images/section-blue-1.jpg) no-repeat 50% / cover;
}
.section-blue-1 p {
	color:#000000;
}
.section-blue-1 h2 {
	color: #59277e;
}
.section-blue-1 .btn {
	background-color: #59277e;
}
.section-blue-1 .btn:hover {
	background-image: linear-gradient(-248deg, #734595, #59277e);
}
.inner-section-blue-1 h2 {
	color: #75cbd7;
}
.inner-section-blue-1 .btn {
	background-color: #75cbd7;
}
.inner-section-blue-1 .btn:hover {
	background-image: linear-gradient(-248deg, #67d7e7, #75cbd7);
}
.dd-block:hover .hover-blue-1 {
	color: #75cbd7;
}
.section-blue-2 {
	background: url(../images/section-blue-2.jpg) no-repeat 50% / cover;
}
.section-blue-2 h2 {
	color: #477464;
}
.section-blue-2 p {
	color: #000;
}
.section-blue-2 .btn {
	background-color: #477464;
}
.section-blue-2 .btn:hover {
	background-image: linear-gradient(-248deg, #749388, #477464);
}
.inner-section-blue-2 h2 {
	color: #8dceea;
}
.inner-section-blue-2 .btn {
	background-color: #8dceea;
}
.inner-section-blue-2 .btn:hover {
	background-image: linear-gradient(-248deg, #9de0fd, #8dceea);
}
.dd-block:hover .hover-blue-2 {
	color: #8dceea;
}
.section-cyan {
	background: url(../images/section-cyan.jpg) no-repeat 50% / cover;
}
.section-cyan h2 {
	color: #29ae8d;
}
.section-cyan .btn {
	background-color: #29ae8d;
}
.section-cyan .btn:hover {
	background-image: linear-gradient(-248deg, #30cea7, #29ae8d);
}
.inner-section-cyan h2 {
	color: #29ae8d;
}
.inner-section-cyan .btn {
	background-color: #29ae8d;
}
.inner-section-cyan .btn:hover {
	background-image: linear-gradient(-248deg, #30cea7, #29ae8d);
}
.dd-block:hover .hover-cyan {
	color: #29ae8d;
}
.section-red {
	background: url(../images/section-red.jpg) no-repeat 50% / cover;
}
.section-blue-1 p {
	color:#000000;
}
.section-red h2 {
	color: #eaa645;
}
.section-red .btn {
	background-color: #eaa645;
}
.section-red .btn:hover {
	background-image: linear-gradient(-248deg, #e9b871, #eaa645);
}
.inner-section-red h2 {
	color: #a4113c;
}
.inner-section-red .btn {
	background-color: #a4113c;
}
.inner-section-red .btn:hover {
	background-image: linear-gradient(-248deg, #be274a, #a4113c);
}
.dd-block:hover .hover-red {
	color: #a4113c;
}
.section-purple {
	background: url(../images/section-purple.jpg) no-repeat 50% / cover;
}
.section-purple h2 {
	color: #9c73af;
}
.section-purple .btn {
	background-color: #9c73af;
}
.section-purple .btn:hover {
	background-image: linear-gradient(-248deg, #ae68ce, #9c73af);
}
.inner-section-purple h2 {
	color: #9c73af;
}
.inner-section-purple .btn {
	background-color: #9c73af;
}
.inner-section-purple .btn:hover {
	background-image: linear-gradient(-248deg, #ae68ce, #9c73af);
}
.dd-block:hover .hover-purple {
	color: #9c73af;
}
.section-caramel {
	background: url(../images/section-caramel-v2.jpg) no-repeat 50% / cover;
}
.section-caramel h2 {
	color: #ce8d4e;
}
.section-caramel .btn {
	background-color: #ce8d4e;
}
.section-caramel .btn:hover {
	background-image: linear-gradient(-248deg, #edaf56, #ce8d4e);
}
.inner-section-caramel h2 {
	color: #ce8d4e;
}
.inner-section-caramel .btn {
	background-color: #ce8d4e;
}
.inner-section-caramel .btn:hover {
	background-image: linear-gradient(-248deg, #edaf56, #ce8d4e);
}
.dd-block:hover .hover-caramel {
	color: #ce8d4e;
}
.section-geraldine {
	background: url(../images/section-geraldine.jpg) no-repeat 50% / cover;
}
.section-geraldine h2 {
	color: #192991;
}
.section-geraldine p {
	color: #000;
}
.section-geraldine .btn {
	background-color: #192991;
}
.section-geraldine .btn:hover {
	background-image: linear-gradient(-248deg, #3a458f, #192991);
}
.inner-section-geraldine h2 {
	color: #f27670;
}
.inner-section-geraldine .btn {
	background-color: #f27670;
}
.inner-section-geraldine .btn:hover {
	background-image: linear-gradient(-248deg, #f88680, #f27670);
}
.dd-block:hover .hover-geraldine {
	color: #f27670;
}
.instagram-section h2 {
	font-size: 40px;
	font-size: 2.5rem;
	margin-top: 98px;
	margin-bottom: 55px;
	color: #ce8d4e;
	text-align: center;
}
.images-wrapper {
	margin-bottom: 50px;
	height: calc(100vh - 315px);
}
.images-wrapper .img-wrapper {
	float: left;
	width: 432px;
}
.images-wrapper .img-wrapper img {
	width: 100%;
}
.images-wrapper .img-wrapper:hover {
	position: relative;
	z-index: 3;
	box-shadow: 4px 6px 19px rgba(0, 0, 0, 0.2);
}
.slick-list {
	padding: 20px 0;
}
.slick-disabled {
	opacity: 0;
}
.slick-arrow {
	position: absolute;
	z-index: 2;
	top: 50%;
	width: 133px;
	height: 133px;
	margin-top: -75px;
	background-color: #fff;
	border-radius: 50%;
	border: 0;
	color: transparent;
}
.slick-arrow:before {
	content: "";
	position: absolute;
	top: 50%;
	width: 18px;
	height: 31px;
	margin-top: -15px;
	background: url(../images/arrow-right.png) no-repeat 50%/100%;
}
.slick-prev {
	left: -65px;
}
.slick-prev:before {
	transform: rotate(180deg);
	right: 35px;
}
.slick-next {
	right: -65px;
}
.slick-next:before {
	left: 35px;
}
#pp-nav {
	display: none;
}
#pp-nav.show {
	display: block;
}
#pp-nav li .active span,
.pp-slidesNav .active span {
	background-color: #ce8d4e;
}
#pp-nav li .active span:after,
.pp-slidesNav .active span:after {
	content: "";
	position: absolute;
	left: -5px;
	right: -5px;
	top: -5px;
	bottom: -5px;
	border: 1px solid #ce8d4e;
	border-radius: 50%;
}
#pp-nav li,
.pp-slidesNav li {
	margin: 20px 0;
}
#pp-nav li:hover span:after,
.pp-slidesNav li:hover span:after {
	content: "";
	position: absolute;
	left: -20px;
	right: -20px;
	top: -20px;
	bottom: -20px;
	border: 1px solid #ce8d4e;
	border-radius: 50%;
}
#pp-nav span,
.pp-slidesNav span {
	border: 1px solid #ce8d4e !important;
	background-color: #ce8d4e;
	width: 10px;
	height: 10px;
}
#pp-nav.right {
	right: 30px;
}
.pp-tooltip {
	font-size: 14px;
	font-size: 0.875rem;
	color: #ce8d4e;
}
.pp-section.pp-table,
.pp-tableCell {
	display: block;
}
.pp-easing {
	transition: all 2s cubic-bezier(0.55, 0.085, 0, 0.99);
}
@media only screen and (max-width: 980px) {
	#pagepiling {
		height: auto;
	}
	body.homepage-body {
		overflow: initial;
	}
	.scroll-down {
		font-size: 25px;
		font-size: 1.5625rem;
		padding-left: 55px;
		margin-top: 38px;
	}
	.scroll-down .mouse {
		width: 36px;
		height: 56px;
		border-radius: 18px;
		border-width: 2px;
	}
	.scroll-down .mouse:before {
		width: 10px;
		height: 10px;
	}
	.section-blue-1 {
		background: url(../images/section-blue-1-mobile.jpg) no-repeat 50% / cover;
		height: 1137px;
	}
	.section-blue-2 {
		background: url(../images/section-blue-2-mobile.jpg) no-repeat 50% / cover;
		height: 1137px;
	}
	.section-cyan {
		background: url(../images/section-cyan-mobile.jpg) no-repeat 50% / cover;
		height: 1137px;
	}
	.section-red {
		background: url(../images/section-red-mobile.jpg) no-repeat 50% / cover;
		height: 1137px;
	}
	.section-purple {
		background: url(../images/section-purple-mobile.jpg) no-repeat 50% / cover;
		height: 1137px;
	}
	.section-caramel {
		background: url(../images/section-caramel-mobile.jpg) no-repeat 50% / cover;
		height: 1137px;
	}
	.section-geraldine {
		background: url(../images/section-geraldine-mobile.jpg) no-repeat 50% /
			cover;
		height: 1137px;
	}
	.section {
		box-shadow: none;
		transform: none;
	}
	.section h2 {
		margin-top: 35px;
	}
	.section p {
		margin-top: 6px;
		margin-bottom: 27px;
	}
	.section .text-wrapper {
		width: 100%;
	}
	.section .btn {
		display: block;
		margin-right: 0;
		margin-bottom: 55px;
	}
	.section:nth-of-type(2n) .text-wrapper {
		margin-left: 0;
		margin-right: 0;
	}
	.section-main {
		padding-bottom: 61px;
	}
	.section-main h3 {
		margin-top: 12px;
		margin-bottom: 0;
	}
	.section-main .text-wrapper {
		margin-top: 687px;
	}
	.instagram-section h2 {
		font-size: 40px;
		font-size: 2.5rem;
	}
	.images-wrapper {
		height: auto;
	}
}
@media only screen and (max-width: 640px) {
	.scroll-down {
		font-size: 3.90625vw;
		padding-left: 8.59375vw;
		margin-top: 5.9375vw;
	}
	.scroll-down .mouse {
		top: -1.71875vw;
		width: 5.625vw;
		height: 8.75vw;
		border-radius: 2.8125vw;
		border-width: 0.3125vw;
	}
	.scroll-down .mouse:before {
		width: 0.9375vw;
		height: 0.9375vw;
	}
	.section-blue-1,
	.section-blue-2,
	.section-caramel,
	.section-cyan,
	.section-geraldine,
	.section-purple,
	.section-red {
		height: 177.65625vw;
	}
	.section {
		padding: 3.125vw 0;
	}
	.section h2 {
		margin-top: 5.46875vw;
	}
	.section p {
		font-size: 4.6875vw;
		margin-top: 0.9375vw;
		margin-bottom: 4.21875vw;
	}
	.section .btn {
		margin-bottom: 8.59375vw;
	}
	.section-main {
		padding-bottom: 9.53125vw;
	}
	.section-main h3 {
		margin-top: 1.875vw;
	}
	.section-main .text-wrapper {
		margin-top: 107.34375vw;
	}
	.instagram-section h2 {
		font-size: 6.25vw;
		margin-top: 15.3125vw;
		margin-bottom: 8.59375vw;
	}
	.images-wrapper {
		margin-bottom: 7.8125vw;
	}
}
.homepage-body .page-header.fixed {
	z-index: 6;
}
@media only screen and (max-width: 1920px) and (min-width: 860px) {
	.homepage-body .btn {
		font-size: 1.3725490196vh;
		width: 25.8823529412vh;
		height: 6.4705882353vh;
		padding: 2.4509803922vh 2.7450980392vh;
		border-radius: 0.9803921569vh;
	}
	.homepage-body .medix-title {
		height: 4.4117647059vh;
	}
	.homepage-body .section-main h3 {
		font-size: 3.9215686275vh;
		margin-bottom: 7.7450980392vh;
	}
	.homepage-body .section-main .text-wrapper {
		margin-top: 64.9019607843vh;
	}
	.homepage-body .ring-1 {
		width: 50.3921568627vh;
		height: 105.8823529412vh;
	}
	.homepage-body .ring-2 {
		width: 37.8431372549vh;
		height: 124.5098039216vh;
	}
	.homepage-body .section-main.animate .section-bg {
		top: 3.9215686275vh;
	}
	.homepage-body .section-main.animate .ring-1,
	.homepage-body .section-main.animate .ring-2 {
		top: 1.9607843137vh;
	}
	.homepage-body .section {
		height: 100vh;
		padding: 1.9607843137vh 0;
		box-shadow: 0 0 1.862745098vh rgba(0, 0, 0, 0.09);
	}
	.homepage-body .section h3,
	.homepage-body .section p {
		max-width: 62.7450980392vh;
	}
	.homepage-body .section h3 {
		margin-top: 0.6862745098vh;
	}
	.homepage-body .section p {
		font-size: 2.9411764706vh;
	}
	.homepage-body .section .text-wrapper {
		margin-left: auto;
		margin-right: -3.9215686275vh;
	}
	.homepage-body .section .text-wrapper h2 {
		font-size: 6.2745098039vh;
		margin-top: 8.431372549vh;
	}
	.homepage-body .section .btn {
		margin-right: 4.9019607843vh;
	}
	.homepage-body .section:first-of-type h3,
	.homepage-body .section:first-of-type p,
	.homepage-body .section:nth-of-type(2n) h3,
	.homepage-body .section:nth-of-type(2n) p {
		max-width: 46.0784313725vh;
	}
	.homepage-body .section:first-of-type .text-wrapper,
	.homepage-body .section:nth-of-type(2n) .text-wrapper {
		margin-left: 0;
		margin-right: auto;
	}
	.homepage-body .scroll-down {
		font-size: 1.4705882353vh;
		margin-top: 4.8039215686vh;
		padding-left: 3.137254902vh;
	}
	.homepage-body .scroll-down .mouse {
		top: -1.0784313725vh;
		width: 2.0588235294vh;
		height: 3.2352941176vh;
		border-radius: 0.9803921569vh;
		border: 0.0980392157vh solid #555;
	}
	.homepage-body .scroll-down .mouse:before {
		top: 0.4901960784vh;
		margin-left: -0.1960784314vh;
		width: 0.2941176471vh;
		height: 0.3921568627vh;
	}
	.homepage-body .instagram-section h2 {
		font-size: 3.9215686275vh;
		margin-top: 9.6078431373vh;
		margin-bottom: 5.3921568627vh;
	}
	.homepage-body .images-wrapper {
		margin-bottom: 4.9019607843vh;
	}
	.homepage-body .images-wrapper .img-wrapper {
		width: 42.3529411765vh;
	}
	.homepage-body .images-wrapper .img-wrapper:hover {
		box-shadow: 0.3921568627vh 0.5882352941vh 1.862745098vh rgba(0, 0, 0, 0.2);
	}
	.homepage-body .slick-list {
		padding: 1.9607843137vh 0;
	}
	.homepage-body .slick-arrow {
		width: 13.0392156863vh;
		height: 13.0392156863vh;
		margin-top: -7.3529411765vh;
	}
	.homepage-body .slick-arrow:before {
		width: 1.7647058824vh;
		height: 3.0392156863vh;
		margin-top: -1.4705882353vh;
	}
	.homepage-body .slick-prev {
		left: -6.3725490196vh;
	}
	.homepage-body .slick-prev:before {
		right: 3.431372549vh;
	}
	.homepage-body .slick-next {
		right: -6.3725490196vh;
	}
	.homepage-body .slick-next:before {
		left: 3.431372549vh;
	}
	.homepage-body #pp-nav li,
	.homepage-body .pp-slidesNav li {
		margin: 1.9607843137vh 0;
	}
	.homepage-body #pp-nav.right {
		right: 2.9411764706vh;
	}
}
.inner-section {
	text-align: center;
}
.inner-section .btn {
	display: table;
	min-width: 264px;
	width: auto;
	height: 55px;
	padding: 20px 50px 20px 28px;
	margin: 0 auto 78px;
	text-align: left;
}
.category-title {
	font-size: 50px;
	font-size: 3.125rem;
	margin-bottom: 0;
}
.category-description {
	font-size: 25px;
	font-size: 1.5625rem;
	margin-top: -1px;
	margin-bottom: 47px;
	font-weight: 300;
}
.products-wrapper {
	margin-top: 117px;
}
.grid-layout .product {
	margin: 0 70px 49px;
}
.product {
	width: 310px;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	margin: 0 15px 49px;
}
.product h3 {
	font-size: 20px;
	font-size: 1.25rem;
	margin-bottom: 0;
	font-weight: 800;
}
.product p {
	font-size: 15px;
	font-size: 0.9375rem;
	margin-top: 7px;
}
.product .img-wrapper {
	border: 1px solid transparent;
}
.product .img-wrapper img {
	transition: all 0.4s;
	max-width: 100%;
}
.product .text-wrapper {
	position: relative;
	padding-top: 5px;
}
.product .text-wrapper:before {
	content: "";
	position: absolute;
	top: 0;
	left: 40px;
	right: 40px;
	border-top: 1px solid #ce8d4e;
}
.product:hover .img-wrapper img {
	transform: scale(1.1);
}
.product-big,
.text-content {
	max-width: 940px;
	margin: 0 auto 25px;
}
.product-big {
	position: relative;
}
.product-big h2 {
	font-size: 25px;
	font-size: 1.5625rem;
	max-width: 320px;
	margin: 0 auto;
}
.product-big p {
	font-size: 15px;
	font-size: 0.9375rem;
	margin-top: 10px;
}
.product-img-wrapper img {
	max-width: 396px;
}
.next-product,
.prev-product {
	position: absolute;
	top: 50%;
	width: 14px;
	height: 32px;
	margin-top: -16px;
}
.prev-product {
	left: 0;
	background: url(../images/arrow-left.png) no-repeat 50%/100%;
}
.next-product {
	right: 0;
	background: url(../images/arrow-right.png) no-repeat 50%/100%;
}
.download-info {
	font-size: 10px;
	font-size: 0.625rem;
	position: relative;
	display: block;
	margin-bottom: 30px;
	padding-top: 48px;
	color: #ce8d4e;
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: none;
}
.download-info:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	display: block;
	margin: 0 auto;
	width: 42px;
	height: 42px;
	background: url(../images/icon-info.png) no-repeat 50%/100%;
}
.text-content {
	font-size: 15px;
	font-size: 0.9375rem;
	position: relative;
	z-index: 2;
	padding: 10px 128px 80px;
	text-align: left;
	background-color: #fff;
	line-height: 1.47;
}
.text-content h4 {
	text-align: center;
	margin-bottom: 0;
}
.text-content img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.text-content:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: -30px;
	right: -30px;
	top: -25px;
	height: 942px;
	background: url(../images/description-shadow.png) no-repeat top/100%;
}
.text-content:after {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #fff;
}
.description-section {
	margin-top: 80px;
}
.center-text {
	text-align: center;
}
@media only screen and (max-width: 980px) {
	.inner-section .btn {
		min-width: 399px;
		height: 100px;
		padding: 40px 84px 40px 44px;
	}
	.category-title {
		margin-top: 2px;
	}
	.category-description {
		font-size: 32px;
		font-size: 2rem;
		margin-top: 12px;
		margin-bottom: 63px;
	}
	.products-wrapper {
		margin-top: 91px;
	}
	.grid-layout .product,
	.product {
		margin: 0 0 50px;
	}
	.product {
		width: 398px;
	}
	.product h3 {
		font-size: 27px;
		font-size: 1.6875rem;
	}
	.product p {
		font-size: 20px;
		font-size: 1.25rem;
	}
	.product-big,
	.text-content {
		margin: 0 auto 50px;
	}
	.product-big h2 {
		font-size: 40px;
		font-size: 2.5rem;
		max-width: 100%;
		margin: 30px auto 0;
	}
	.product-big p {
		font-size: 25px;
		font-size: 1.5625rem;
		margin-top: 15px;
	}
	.next-product,
	.prev-product {
		display: none;
	}
	.download-info {
		font-size: 15px;
		font-size: 0.9375rem;
		margin-bottom: 40px;
		padding-top: 73px;
	}
	.download-info:before {
		width: 63px;
		height: 63px;
	}
	.text-content {
		margin-left: -50px;
		margin-right: -50px;
		padding: 10px 50px 80px;
	}
	.text-content,
	.text-content h4 {
		font-size: 25px;
		font-size: 1.5625rem;
	}
	.text-content h4 {
		margin-bottom: 33px;
	}
	.text-content ul {
		padding-left: 23px;
	}
	.text-content .table-img {
		margin-left: -50px;
		margin-right: -50px;
		max-width: calc(100% + 100px);
	}
	.description-section {
		margin-top: 70px;
	}
}
@media only screen and (max-width: 640px) {
	.inner-section .btn {
		min-width: 62.34375vw;
		height: 15.625vw;
		padding: 6.25vw 13.125vw 6.25vw 6.875vw;
		margin: 0 auto 12.1875vw;
	}
	.category-title {
		font-size: 7.8125vw;
		margin-top: 0.3125vw;
	}
	.category-description {
		font-size: 5vw;
		margin-top: 1.875vw;
		margin-bottom: 9.84375vw;
	}
	.products-wrapper {
		margin-top: 14.21875vw;
	}
	.product {
		width: 62.1875vw;
		margin-bottom: 7.8125vw;
	}
	.product h3 {
		font-size: 4.21875vw;
	}
	.product p {
		margin-top: 1.09375vw;
		font-size: 3.125vw;
	}
	.product .text-wrapper:before {
		left: 6.25vw;
		right: 6.25vw;
	}
	.product-big,
	.text-content {
		margin: 0 auto 7.8125vw;
	}
	.product-img-wrapper img {
		max-width: 61.875vw;
	}
	.product-big h2 {
		font-size: 6.25vw;
		margin: 4.6875vw auto 0;
	}
	.product-big p {
		font-size: 3.90625vw;
		margin-top: 2.34375vw;
	}
	.download-info {
		font-size: 2.34375vw;
		margin-bottom: 6.25vw;
		padding-top: 11.40625vw;
	}
	.download-info:before {
		width: 9.84375vw;
		height: 9.84375vw;
	}
	.text-content {
		font-size: 3.90625vw;
		margin-left: -7.8125vw;
		margin-right: -7.8125vw;
		padding: 1.5625vw 7.8125vw 12.5vw;
	}
	.text-content h4 {
		font-size: 3.90625vw;
		margin-bottom: 5.15625vw;
	}
	.text-content ul {
		padding-left: 3.59375vw;
	}
	.text-content .table-img {
		margin-left: -7.8125vw;
		margin-right: -7.8125vw;
		max-width: calc(100% + 15.625vw);
	}
	.text-content:before {
		left: -4.6875vw;
		right: -4.6875vw;
		top: -3.90625vw;
		height: 147.1875vw;
	}
	.description-section {
		margin-top: 10.9375vw;
	}
}
.form-group {
	font-size: 15px;
	font-size: 0.9375rem;
	margin-bottom: 28px;
}
.form-group label {
	font-size: 13px;
	font-size: 0.8125rem;
	display: block;
	color: #ce8d4e;
	margin-bottom: 3px;
	font-weight: 500;
}
.form-group input,
.form-group textarea {
	width: 100%;
	padding-left: 12px;
	background-color: #fff;
	border: 1px solid #ce8d4e;
}
.form-group input {
	height: 40px;
}
.form-group textarea {
	height: 137px;
	padding-top: 20px;
	resize: none;
}
.group-error {
	position: relative;
}
.group-error input,
.group-error textarea {
	color: #ff002a;
	border-color: #ff002a;
}
.group-error.checkbox .box {
	border: 1px solid #ff002a;
}
.group-error .error {
	font-size: 9px;
	font-size: 0.5625rem;
	position: absolute;
	right: 0;
	top: 100%;
	margin-top: 4px;
	color: #ff002a;
	font-weight: 600;
	text-transform: uppercase;
}
.success-text {
	color: #ce8d4e;
}
.contact-form {
	max-width: 326px;
	margin: 0 auto;
}
.contact-form h2 {
	font-size: 25px;
	font-size: 1.5625rem;
	margin-bottom: 52px;
	text-align: center;
}
.contact-form .btn {
	margin: 52px auto;
	width: 193px;
	height: 50px;
	padding: 0;
}
.checkbox {
	display: block;
	position: relative;
	margin-bottom: 18px;
	padding-left: 37px;
	line-height: 1.1;
	color: #ce8d4e;
}
.checkbox input {
	display: none;
}
.checkbox input:checked + .box:before {
	display: block;
}
.checkbox .box {
	position: absolute;
	left: 0;
	top: 4px;
	width: 20px;
	height: 20px;
	border: 1px solid #ce8d4e;
}
.checkbox .box:before {
	content: "";
	display: none;
	position: absolute;
	left: 5px;
	top: 5px;
	width: 8px;
	height: 8px;
	background: url(../images/checkmark.png) no-repeat 50%/100%;
}
.checkbox .text {
	font-size: 12px;
	font-size: 0.75rem;
	text-transform: none;
}
@media only screen and (max-width: 980px) {
	.form-group {
		margin-bottom: 37px;
	}
	.form-group,
	.form-group label {
		font-size: 25px;
		font-size: 1.5625rem;
	}
	.form-group label {
		margin-bottom: 8px;
	}
	.form-group input {
		height: 68px;
	}
	.form-group textarea {
		height: 229px;
	}
	.group-error .error {
		font-size: 15px;
		font-size: 0.9375rem;
	}
	.checkbox {
		padding-left: 57px;
		margin-bottom: 39px;
	}
	.checkbox .box {
		top: -4px;
		width: 35px;
		height: 35px;
	}
	.checkbox .box:after {
		width: 13px;
		height: 13px;
	}
	.checkbox .text {
		font-size: 25px;
		font-size: 1.5625rem;
	}
	.contact-form {
		max-width: 540px;
	}
	.contact-form h2 {
		font-size: 40px;
		font-size: 2.5rem;
		margin-bottom: 73px;
	}
	.contact-form .btn {
		font-size: 25px;
		font-size: 1.5625rem;
		width: 399px;
		height: 100px;
		margin: 81px auto;
	}
}
@media only screen and (max-width: 640px) {
	.form-group {
		font-size: 3.90625vw;
		margin-bottom: 5.78125vw;
	}
	.form-group label {
		font-size: 3.90625vw;
		margin-bottom: 1.25vw;
	}
	.form-group input {
		height: 10.625vw;
	}
	.form-group textarea {
		height: 35.78125vw;
	}
	.group-error .error {
		font-size: 2.34375vw;
	}
	.checkbox {
		padding-left: 8.90625vw;
		margin-bottom: 6.09375vw;
	}
	.checkbox .box {
		top: -0.625vw;
		width: 5.46875vw;
		height: 5.46875vw;
	}
	.checkbox .box:after {
		width: 2.03125vw;
		height: 2.03125vw;
	}
	.checkbox .text {
		font-size: 3.90625vw;
	}
	.contact-form {
		max-width: 84.375vw;
	}
	.contact-form h2 {
		font-size: 6.25vw;
		margin-bottom: 11.40625vw;
	}
	.contact-form .btn {
		font-size: 3.90625vw;
		width: 62.34375vw;
		height: 15.625vw;
		margin: 12.65625vw auto;
	}
}
.tips-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
	margin-bottom: 81px;
}
.tip-article {
	float: left;
	width: 31.6798941799%;
	margin-right: 2.4801587302%;
	position: relative;
	margin-bottom: 40px;
	border: 1px solid #ce8d4e;
}
.tip-article:nth-of-type(3n + 3) {
	margin-right: 0;
}
.tip-article:nth-of-type(3n + 4) {
	clear: both;
}
.tip-article h2,
.tip-article p {
	font-size: 15px;
	font-size: 0.9375rem;
}
.tip-article a {
	text-decoration: none;
}
.tip-article img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.tip-article .img-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 208px;
}
.tip-article .text-wrapper {
	float: right;
	width: calc(100% - 236px);
	padding-top: 14px;
	padding-right: 20px;
	padding-bottom: 10px;
}
.tip-big-img {
	display: block;
	max-width: 937px;
	width: 100%;
	height: 497px;
	margin: 59px auto 67px;
	-o-object-fit: cover;
	object-fit: cover;
}
.tip-title {
	font-size: 25px;
	font-size: 1.5625rem;
	margin-bottom: 91px;
	text-align: center;
}
@media only screen and (max-width: 1366px) {
	.tip-article {
		float: left;
		width: 49%;
	}
	.tip-article,
	.tip-article:nth-of-type(3n + 3) {
		margin-right: 2%;
	}
	.tip-article:nth-of-type(3n + 4) {
		clear: none;
	}
	.tip-article:nth-of-type(2n + 2) {
		margin-right: 0;
	}
	.tip-article:nth-of-type(2n + 3) {
		clear: both;
	}
}
@media only screen and (max-width: 980px) {
	.tips-wrapper {
		margin-top: 27px;
	}
	.tip-article {
		float: none;
		width: 100%;
		min-height: 235px;
		margin-bottom: 44px;
		margin-right: 0;
	}
	.tip-article h2 {
		font-size: 25px;
		font-size: 1.5625rem;
	}
	.tip-article p {
		display: none;
	}
	.tip-article .img-wrapper {
		width: 232px;
	}
	.tip-article .text-wrapper {
		width: calc(100% - 264px);
		padding-top: 17px;
		padding-right: 40px;
		padding-bottom: 12px;
	}
	.tip-article:nth-of-type(3n + 3) {
		margin-right: 0;
	}
	.tip-big-img {
		height: 340px;
		margin: 176px auto 66px;
	}
	.tip-title {
		margin-bottom: 55px;
	}
}
@media only screen and (max-width: 640px) {
	.tips-wrapper {
		margin-top: 4.21875vw;
		margin-bottom: 12.65625vw;
	}
	.tip-article {
		min-height: 36.71875vw;
		margin-bottom: 6.875vw;
	}
	.tip-article h2 {
		font-size: 3.90625vw;
	}
	.tip-article .img-wrapper {
		width: 36.25vw;
	}
	.tip-article .text-wrapper {
		width: calc(100% - 41.25vw);
		padding-top: 2.65625vw;
		padding-right: 6.25vw;
		padding-bottom: 1.875vw;
	}
	.tip-big-img {
		height: 53.125vw;
		margin: 27.5vw auto 10.3125vw;
	}
	.tip-title {
		font-size: 3.90625vw;
		margin-bottom: 8.59375vw;
	}
}
.section-caramel {
	height: 1080px;
	background-position: center left 50%;
}
.section-caramel h3 {
	margin-bottom: 30px;
}
.section-caramel .text-wrapper {
	margin-top: 402px;
}
.section-caramel .scroll-down {
	margin-top: 43px;
}
.gallery-section {
	padding: 140px 0;
}
.video-wrapper {
	float: left;
	width: 31.6137566138%;
	margin-right: 2.5793650794%;
	margin-bottom: 2.5793650794%;
	position: relative;
	height: 0;
	padding-bottom: 17.8%;
	border: 1px solid #ce8d4e;
}
.video-wrapper:nth-of-type(3n + 3) {
	margin-right: 0;
}
.video-wrapper:nth-of-type(3n + 4) {
	clear: both;
}
.video {
	display: none;
}
.video iframe {
	width: 100%;
	height: 100%;
}
.play-video,
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.play-video {
	display: block;
	bottom: 0;
	text-decoration: none;
}
.play-video img {
	display: block;
	-o-object-fit: cover;
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.play-video .video-title {
	font-size: 20px;
	font-size: 1.25rem;
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 13px 20px;
	text-shadow: 0 0 21px rgba(67, 2, 19, 0.24);
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
}
.play-video:after,
.play-video:before {
	content: "";
	position: absolute;
}
.play-video:before {
	left: 0;
	right: 0;
	bottom: 0;
	height: 78px;
	background-image: linear-gradient(
		0deg,
		rgba(58, 58, 58, 0.8) 0,
		rgba(58, 58, 58, 0)
	);
	opacity: 0.36;
}
.play-video:after {
	top: 50%;
	left: 50%;
	width: 72px;
	height: 72px;
	margin-top: -36px;
	margin-left: -36px;
	background: url(../images/icon-play.png) no-repeat 50%/100%;
}
.play-video:hover:before {
	height: 100%;
}
.full-video {
	display: none;
	position: fixed;
	z-index: 20;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
@media only screen and (max-width: 980px) {
	.section-caramel {
		background: url(../images/section-caramel-mobile.jpg) no-repeat 50% / cover;
		height: 993px;
	}
	.section-caramel h3 {
		margin-top: 12px;
		margin-bottom: 37px;
	}
	.section-caramel .text-wrapper {
		margin-top: 554px;
	}
	.section-caramel .text-wrapper .section-caramel {
		background: url(../images/section-caramel-mobile.jpg) no-repeat 50% / cover;
		height: 993px;
	}
	.gallery-section {
		padding: 92px 0 0;
	}
	.video-wrapper {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 94px;
		padding-bottom: 56%;
	}
	.play-video .video-title {
		font-size: 25px;
		font-size: 1.5625rem;
	}
}
@media only screen and (max-width: 640px) {
	.section-caramel {
		height: 155.15625vw;
	}
	.section-caramel h3 {
		margin-top: 1.875vw;
		margin-bottom: 5.78125vw;
	}
	.section-caramel .text-wrapper {
		margin-top: 86.5625vw;
	}
	.section-caramel .scroll-down {
		margin-top: 6.71875vw;
	}
	.gallery-section {
		padding: 14.375vw 0 0;
	}
	.video-wrapper {
		margin-bottom: 14.6875vw;
	}
	.play-video .video-title {
		font-size: 3.90625vw;
	}
}
.page-footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 52px;
	background-color: #ce8d4e;
	color: #fff;
	overflow: hidden;
}
.footer-links {
	font-size: 11px;
	font-size: 0.6875rem;
	float: left;
	padding: 0;
	margin: 20px 0;
	list-style: none;
}
.footer-links li {
	float: left;
}
.footer-links li:after {
	content: "|";
	display: block;
	float: right;
	padding: 0 5px;
}
.footer-links li:last-child:after {
	display: none;
}
.footer-links a {
	text-decoration: none;
}
.social-links {
	float: right;
	margin-top: 15px;
}
.social-links a {
	display: inline-block;
	vertical-align: middle;
	margin-left: 22px;
}
.linkedin {
	width: 13px;
	height: 13px;
	background: url(../images/linkedin-icon.png) no-repeat 50%/100%;
}
.facebook {
	width: 9px;
	height: 14px;
	background: url(../images/facebook-icon.png) no-repeat 50%/100%;
}
.instagram {
	width: 15px;
	height: 15px;
	background: url(../images/instagram-icon.png) no-repeat 50%/100%;
}
.youtube {
	width: 17px;
	height: 12px;
	background: url(../images/youtube-icon.png) no-repeat 50%/100%;
}
@media only screen and (max-width: 980px) {
	.page-footer {
		height: auto;
		padding: 10px 0 20px;
		text-align: center;
	}
	.footer-links,
	.social-links {
		float: none;
	}
	.footer-links {
		font-size: 16px;
		font-size: 1rem;
		margin: 36px 0 0;
	}
	.footer-links li {
		float: none;
		display: inline-block;
		margin-bottom: 6px;
	}
	.footer-links li:not(:first-child):after {
		display: none;
	}
	.social-links a {
		margin: 0 18px;
	}
	.linkedin {
		width: 21px;
		height: 21px;
	}
	.facebook {
		width: 12px;
		height: 22px;
	}
	.instagram {
		width: 22px;
		height: 22px;
	}
	.youtube {
		width: 26px;
		height: 18px;
	}
}
@media only screen and (max-width: 640px) {
	.page-footer {
		padding: 1.5625vw 0 3.125vw;
	}
	.footer-links {
		font-size: 2.5vw;
		margin: 5.625vw 0 0;
	}
	.footer-links li {
		margin-bottom: 0.9375vw;
	}
	.social-links {
		margin-top: 2.34375vw;
	}
	.social-links a {
		margin: 0 2.8125vw;
	}
	.linkedin {
		width: 3.28125vw;
		height: 3.28125vw;
	}
	.facebook {
		width: 1.875vw;
		height: 3.4375vw;
	}
	.instagram {
		width: 3.4375vw;
		height: 3.4375vw;
	}
	.youtube {
		width: 4.0625vw;
		height: 2.8125vw;
	}
}