/*
	Theme Name: Ozana Theme
	Author: Magićmarinac d.o.o.
	Author URI: http://www.magicmarinac.hr/
	Description: Theme for specific page
	Version: 1.0
*/
@import url("//hello.myfonts.net/count/39aa55");
  
/* Webfonts */
@font-face {
	font-display: swap;
	font-family: 'Calluna-Regular';
	src: url('fonts/webfonts/39AA55_0_0.eot');
	src: url('fonts/webfonts/39AA55_0_0.eot?#iefix') format('embedded-opentype'),
		 url('fonts/webfonts/39AA55_0_0.woff2') format('woff2'),
		 url('fonts/webfonts/39AA55_0_0.woff') format('woff'),
		 url('fonts/webfonts/39AA55_0_0.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'AngleciaProText-Regular';
	src: url('fonts/webfonts/39AA55_1_0.eot');
	src: url('fonts/webfonts/39AA55_1_0.eot?#iefix') format('embedded-opentype'),
		 url('fonts/webfonts/39AA55_1_0.woff2') format('woff2'),
		 url('fonts/webfonts/39AA55_1_0.woff') format('woff'),
		 url('fonts/webfonts/39AA55_1_0.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Haboro-NorReg';
	src: url('fonts/webfonts/39AA55_2_0.eot');
	src: url('fonts/webfonts/39AA55_2_0.eot?#iefix') format('embedded-opentype'),
		 url('fonts/webfonts/39AA55_2_0.woff2') format('woff2'),
		 url('fonts/webfonts/39AA55_2_0.woff') format('woff'),
		 url('fonts/webfonts/39AA55_2_0.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Cardillac-Light';
	src: url('fonts/webfonts/39AA55_3_0.eot');
	src: url('fonts/webfonts/39AA55_3_0.eot?#iefix') format('embedded-opentype'),
		 url('fonts/webfonts/39AA55_3_0.woff2') format('woff2'),
		 url('fonts/webfonts/39AA55_3_0.woff') format('woff'),
		 url('fonts/webfonts/39AA55_3_0.ttf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'LovelaceText-Regular';
	src: url('fonts/webfonts/39AA55_4_0.eot');
	src: url('fonts/webfonts/39AA55_4_0.eot?#iefix') format('embedded-opentype'),
		 url('fonts/webfonts/39AA55_4_0.woff2') format('woff2'),
		 url('fonts/webfonts/39AA55_4_0.woff') format('woff'),
		 url('fonts/webfonts/39AA55_4_0.ttf') format('truetype');
}

/* WebKit Play Button on Video Fix */
*::-webkit-media-controls-panel {
	display: none!important;
	-webkit-appearance: none;
}
*::-webkit-media-controls-play-button {
	display: none!important;
	-webkit-appearance: none;
}
*::-webkit-media-controls-start-playback-button {
	display: none!important;
	-webkit-appearance: none;
}

/* Icomoon */
@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot?nr1m0e');
	src: url('fonts/icomoon.eot?nr1m0e#iefix') format('embedded-opentype'),
		 url('fonts/icomoon.ttf?nr1m0e') format('truetype'),
		 url('fonts/icomoon.woff?nr1m0e') format('woff'),
		 url('fonts/icomoon.svg?nr1m0e#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-check:before {
	content: "\e90c";
}
.icon-couch:before {
	content: "\e909";
}
.icon-house:before {
	content: "\e90a";
}
.icon-ruler:before {
	content: "\e90b";
}
.icon-close:before {
	content: "\e908";
}
.icon-share-alt:before {
	content: "\e907";
}
.icon-bed:before {
	content: "\e902";
}
.icon-shower:before {
	content: "\e903";
}
.icon-arrow-top-sm:before {
	content: "\e904";
	font-size: 0.875em;
}
.icon-chevron-left:before {
	content: "\e905";
}
.icon-chevron-right:before {
	content: "\e906";
}
.icon-chevron-up:before {
	content: "\e901";
}
.icon-chevron-down:before {
	content: "\e900";
}

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

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	text-shadow: none;
}

html {
	-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	-ms-touch-action: manipulation;
		touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
	font-family: sans-serif;
	font-size: 16px;
	line-height: 1.15;
}
@media (min-width: 576px) {
	html {
		font-size: 16px;
	}
}
@media (min-width: 2048px) {
	html {
		font-size: 0.78125vw;
	}
}

body {
	margin: 0;
	background-color: #2f2c35;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.75;
	letter-spacing: 0;
	text-align: left;
}

body {
	overflow: hidden;
}
body.loaded {
	overflow: auto;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.h3-link {
	margin-top: 2rem;
	margin-bottom: 1rem;
	font-weight: 400;
	line-height: 1.25;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.625em;
}
h3, .h3-link {
	font-size: 1.375em;
}
h4 {
	font-size: 1.125em;
}
h5 {
	font-size: 1em;
}
h6 {
	font-size: 0.875em;
}
@media (min-width: 576px) {
	h1 {
		font-size: 2.5em;
	}
	h2 {
		font-size: 2em;
	}
	h3, .h3-link {
		font-size: 1.5em;
	}
}
@media (min-width: 992px) {
	h1 {
		font-size: 3em;
	}
	h2 {
		font-size: 2.25em;
	}
	h3, .h3-link {
		font-size: 1.75em;
	}
}

.font-xxs {
	font-size: 0.625em;
}
.font-xs {
	font-size: 0.75em;
}
.font-sm {
	font-size: 0.875em;
}

/* Default Links and Buttons */
a {
	display: inline-block;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
button {
	padding: 0;
	background-color: transparent;
	border: none;
	outline: none;
	font: inherit;
	cursor: pointer;
}
button:focus {
	outline: none;
}

a,
button {
	color: #ff6f61;
	font-weight: 600;
	line-height: 1;
	transition: color 0.5s cubic-bezier(.25,.46,.45,.94);
	will-change: color;
}
a:hover,
button:hover {
	color: #ff6f61;
}
.no-touch a:hover,
.no-touch button:hover {
	color: rgba(255, 111, 97, 0.75);
}

.with-line {
	position: relative;
	color: #fff;
	padding-bottom: 0.25rem;
}
.with-line:before,
.with-line:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 0.0625rem;
	min-height: 1px;
	background-color: #ff6f61;
	will-change: transform;
	pointer-events: none;
}
.with-line:before {
	transform-origin: left;
	transform: scaleX(0);
	transition: transform 0.25s cubic-bezier(.25,.46,.45,.94);
}
.with-line:after {
	transform-origin: right;
	transform: scaleX(1);
	transition: transform 0.25s cubic-bezier(.25,.46,.45,.94) 0.25s;
}
.with-line:hover,
.no-touch .with-line:hover {
	color: #fff;
}
.no-touch .with-line:hover:before {
	transform: scaleX(1);
	transition: transform 0.25s cubic-bezier(.25,.46,.45,.94) 0.25s;
}
.no-touch .with-line:hover:after {
	transform: scaleX(0);
	transition: transform 0.25s cubic-bezier(.25,.46,.45,.94);
}

.big-clicker {
	padding: 1rem 2rem;
	background-color: #008e71;
	border-radius: calc(0.5em + 1rem);
	color: #fff;
	font-size: 0.75em;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	transition: background-color 0.5s cubic-bezier(.25,.46,.45,.94);
	will-change: background-color;
}
.big-clicker:hover {
	color: #fff;
}
.no-touch .big-clicker:hover {
	color: #fff;
	background-color: rgba(0, 142, 113, 0.5);
}
.big-clicker.reverse {
	background-color: #2f2c35;
}
.no-touch .big-clicker.reverse:hover {
	background-color: rgba(47, 44, 53, 0.5);
}

.big-clicker.with-arrow {
	position: relative;
	padding-right: calc(1rem + (1.5em * 3));
}
.big-clicker.with-arrow:before,
.big-clicker.with-arrow:after {
	display: block;
	position: absolute;
	top: calc(50% - 0.5em);
	right: calc(0.5rem + 1em);
	content: '\e906';
	font-family: 'icomoon';
	font-size: 1.5em;
	line-height: 1;
	z-index: 1;
	will-change: opacity, transform;
}
.big-clicker.with-arrow:before {
	opacity: 0;
	transform: translateX(-100%);
	transition: transform 0.25s cubic-bezier(.25,.46,.45,.94),
				opacity 0.25s cubic-bezier(.25,.46,.45,.94);
}
.big-clicker.with-arrow:after {
	opacity: 1;
	transform: translateX(0);
	transition: transform 0.25s cubic-bezier(.25,.46,.45,.94) 0.25s,
				opacity 0.25s cubic-bezier(.25,.46,.45,.94) 0.25s;
}
.no-touch .big-clicker.with-arrow:hover:before {
	opacity: 1;
	transform: translateX(0);
	transition: transform 0.25s cubic-bezier(.25,.46,.45,.94) 0.25s,
				opacity 0.25s cubic-bezier(.25,.46,.45,.94) 0.25s;
}
.no-touch .big-clicker.with-arrow:hover:after {
	opacity: 0;
	transform: translateX(100%);
	transition: transform 0.25s cubic-bezier(.25,.46,.45,.94),
				opacity 0.25s cubic-bezier(.25,.46,.45,.94);
}

a.icon {
	font-size: 1.5em;
	line-height: 1;
	vertical-align: middle;
}
a.icon > span {
	display: block;
}

a.image-link {
	display: block;
	overflow: hidden;
	transition-property: none;
}
.no-touch a.image-link:hover {
	color: #ff6f61;
}
.img-wrapper {
	display: block;
	width: 100%;
	height: 100%;
}
.img-wrapper > img {
	height: 100%;
	object-fit: cover;
}
a.image-link > .img-wrapper {
	transform: scale3d(1, 1, 1);
	transition: transform 0.5s cubic-bezier(.25,.46,.45,.94);
	will-change: transform;
}
.no-touch a.image-link:hover > .img-wrapper {
	transform: scale3d(1.025, 1.025, 1);
}

.block-spacer {
	margin-top: 2rem;
}

/* Other elements */
:focus {
	outline: none;
}

ul {
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding-left: 2.5rem;
}
ul.upper-alpha {
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding-left: 2.5rem;
	list-style-type: upper-alpha;
}

ul[class] {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	list-style-type: none;
}
ul[class]:not(.upper-alpha):not(.nav-list):not(.dropdown-list) {
	padding: 0;
}
ul[class]:not(.upper-alpha):not(.nav-list):not(.dropdown-list) > li {
	margin-bottom: 0.5em;
	line-height: 1.5;
}
ul.block-spacer {
	margin-top: 2rem;
}

ul.column-list {
	column-count: 1;
}
@media (min-width: 576px) {
	ul.column-list {
		column-count: 2;
	}
}
@media (min-width: 768px) {
	ul.column-list {
		column-count: 3;
	}
}

p {
	margin-top: 0rem;
	margin-bottom: 1rem;
}

strong {
	font-weight: 700;
}

small {
	display: block;
	margin-bottom: 0.5rem;
	color: #b1b1b1;
	font-size: 0.75em;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

img,
svg {
	display: block;
	width: 100%;
	height: auto;
}

input,
textarea,
select {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	padding: 0.5rem 0;
	background-color: transparent;
	border: none;
	border-radius: 0;
	color: inherit;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.25;
	outline: none;
}
@media (min-width: 576px) {
	input,
	textarea,
	select {
		font-size: 1em;
	}
}
textarea {
	min-height: calc((1em * 1.25) + 1rem);
	max-height: 15rem;
}
select {
	cursor: pointer;
}
select option {
	color: #000;
}
/*select option:first-of-type {
	color: rgba(0, 0, 0, 0.5);
}*/

input[type="submit"] {
	cursor: pointer;
}
input[type="submit"],
input[type="checkbox"],
input[type="radio"] {
	width: auto;
	min-width: auto;
	max-width: 100%;
}
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="search"],
textarea {
	-webkit-appearance: none;
}
select {
	-webkit-appearance: none;
	   -moz-appearance: none;
		-ms-appearance: none;
		 -o-appearance: none;
			appearance: none;
}
select::-ms-expand {
    display: none;
}
input[type=date]:before {
	content: attr(placeholder);
}
*::-webkit-input-placeholder {
	font-size: 1em;
	font-weight: 400;
}
*::-moz-placeholder {
	font-size: 1em;
	font-weight: 400;
}
*:-ms-input-placeholder {
	font-size: 1em;
	font-weight: 400;
}
*:-moz-placeholder {
	font-size: 1em;
	font-weight: 400;
}

span.select-wrapper {
	display: block;
	position: relative;
}
span.select-wrapper:before {
	display: block;
	position: absolute;
	top: calc(0.5rem + ((1rem * 1.25) / 2) - 0.5em);
	right: 0;
	font-family: 'icomoon';
	font-size: 1.25em;
	font-weight: normal;
	line-height: 1;
	content: '\e900';
	pointer-events: none;
	transition: transform 0.25s cubic-bezier(.25,.46,.45,.94);
	will-change: transform;
}
span.select-wrapper.select-open:before {
	transform: rotate(180deg);
}
span.select-wrapper > select {
	padding-right: 2rem;
}

/* Bootstrap Overrides */
.container {
	position: relative;
	padding-left: 1.5625rem;
	padding-right: 1.5625rem;
}
@media (min-width: 576px) {
	.container {
		max-width: 91.666667%;
	}
}
@media (min-width: 2048px) {
	.container {
		max-width: 79.166667%;
	}
}
@media (min-width: 768px) {
	.container.smaller {
		max-width: 75%;
	}
}
@media (min-width: 992px) {
	.container.smaller {
		max-width: 66.666667%;
	}
}
@media (min-width: 1200px) {
	.container.smaller {
		max-width: 58.333333%;
	}
}
@media (min-width: 1600px) {
	.container.smaller {
		max-width: 50%;
	}
}
.container-fluid {
	position: relative;
	padding-left: 1.5625rem;
	padding-right: 1.5625rem;
	width: inherit;
}
.row {
	margin-left: -1.5625rem;
	margin-right: -1.5625rem;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
	padding-left: 1.5625rem;
	padding-right: 1.5625rem;
}

/* Owl Carousel Default Theme */
.owl-theme .owl-nav {
	margin-top: 0.625rem;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*='owl-'] {
	color: #FFF;
	font-size: 0.875em;
	margin: 0.3125rem;
	padding: 0.25rem 0.4375rem;
	background-color: #D6D6D6;
	display: inline-block;
	cursor: pointer;
	transition: color 0.5s cubic-bezier(.25,.46,.45,.94), opacity 0.5s cubic-bezier(.25,.46,.45,.94);
	will-change: color, opacity;
}
.no-touch .owl-theme .owl-nav [class*='owl-']:hover {
	color: #FFF;
	text-decoration: none;
}
.owl-theme .owl-nav .disabled {
	opacity: 0.5;
	cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 2rem;
}
.owl-theme .owl-dots {
	margin-top: 1rem;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.owl-theme .owl-dots .owl-dot span {
	width: 0.875rem;
	height: 0.875rem;
	margin: 0.3125rem 0.4375rem;
	background-color: rgba(255, 255, 255, 0.5);
	display: block;
	-webkit-backface-visibility: visible;
	transition: background-color 0.5s cubic-bezier(.25,.46,.45,.94);
	will-change: background-color;
	border-radius: 50%;
}
.owl-theme .owl-dots .owl-dot.active span,
.no-touch .owl-theme .owl-dots .owl-dot:hover span {
	background-color: #1d1d1b;
}

/* Preloader */
.preloader {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #2f2c35;
	z-index: 100000;
	transition: opacity 0.5s cubic-bezier(.25,.46,.45,.94) 0.125s;
	will-change: opacity;
}
body.loaded .preloader {
	opacity: 0;
}
.preloader-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 4rem;
}
.scroll body.loaded .preloader-logo {
	left: calc(50% + (17px / 2));
}
.preloader-logo > img {
	animation: pulse 5s cubic-bezier(.25,.46,.45,.94) 0s infinite;
	will-change: transform;
}
@keyframes pulse {
	0% {
		transform: scale(1);
	}
	25% {
		transform: scale(1.25);
	}
	50% {
		transform: scale(1);
	}
	75% {
		transform: scale(1.25);
	}
	100% {
		transform: scale(1);
	}
}

/* Navigation */
.nav {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	position: relative;
	padding-left: 1.5625rem;
	padding-right: 1.5625rem;
	background-color: #2f2c35;
	z-index: 5;
}
@media (min-width: 576px) {
	.nav {
		padding-left: calc(4.1666667% + 1.5625rem);
		padding-right: calc(4.1666667% + 1.5625rem);
	}
}
/*@media (min-width: 1200px) {
	.nav {
		padding-right: 0;
	}
}*/
.nav-mainnav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	width: 100%;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
/*@media (min-width: 1200px) {
	.nav-mainnav {
		width: calc(100% - 8rem);
		padding-right: 1rem;
	}
}*/
/* Side Navigation */
.nav-sidenav {
	display: none;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	position: relative;
	width: 8rem;
	height: 8rem;
	background-color: #1d1d1b;
}
@media (min-width: 1200px) {
	.nav-sidenav {
		display: flex;
	}
}

/* Navigation Logo*/
.nav-logo {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	margin-right: auto;
	position: relative;
	z-index: 1;
}
.logo-image {
	width: 8.75rem;
}

/* Navigation Toggler & Side Navigation Toggler */
.nav-toggler,
.nav-sidenav-toggler {
	position: relative;
	width: 2rem;
	height: 2rem;
	z-index: 1;
}
.nav-toggler {
	display: block;
	margin-left: auto;
}
.nav-sidenav-toggler {
	display: none;
}
@media (min-width: 1200px) {
	.nav-toggler {
		display: none;
	}
	.nav-sidenav-toggler {
		display: block;
	}
}
.nav-toggler span,
.nav-sidenav-toggler span {
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #ff6f61;
	will-change: opacity, top, transform, visibility;
}
@media (min-width: 576px) {
	.nav-toggler span,
	.nav-sidenav-toggler span {
		height: 0.0625rem;
	}
}
.no-touch .nav-toggler:hover span,
.no-touch .nav-sidenav-toggler:hover span {
	opacity: 0.75;
}
.nav-toggler span:nth-child(1),
.nav-sidenav-toggler span:nth-child(1) {
	top: 16.666667%;
	transition: opacity 0.25s cubic-bezier(.25,.46,.45,.94),
				top 0.25s cubic-bezier(.25,.46,.45,.94) 0.25s,
				transform 0.25s cubic-bezier(.25,.46,.45,.94);
}
.nav-toggler span:nth-child(2),
.nav-sidenav-toggler span:nth-child(2) {
	top: 50%;
	transition: opacity 0.25s cubic-bezier(.25,.46,.45,.94),
				visibility 0s linear 0.25s;
}
.nav-toggler span:nth-child(3),
.nav-sidenav-toggler span:nth-child(3) {
	top: 83.333333%;
	transition: opacity 0.25s cubic-bezier(.25,.46,.45,.94),
				top 0.25s cubic-bezier(.25,.46,.45,.94) 0.25s,
				transform 0.25s cubic-bezier(.25,.46,.45,.94);
}
.nav-toggler.open span:nth-child(1),
.nav-sidenav-toggler.open span:nth-child(1) {
	top: 50%;
	transform: rotate(45deg);
	transition: opacity 0.25s cubic-bezier(.25,.46,.45,.94),
				top 0.25s cubic-bezier(.25,.46,.45,.94),
				transform 0.25s cubic-bezier(.25,.46,.45,.94) 0.25s;
}
.nav-toggler.open span:nth-child(2),
.nav-sidenav-toggler.open span:nth-child(2) {
	visibility: hidden;
	transition: opacity 0.25s cubic-bezier(.25,.46,.45,.94),
				visibility 0s linear 0.25s;
}
.nav-toggler.open span:nth-child(3),
.nav-sidenav-toggler.open span:nth-child(3) {
	top: 50%;
	transform: rotate(-45deg);
	transition: opacity 0.25s cubic-bezier(.25,.46,.45,.94),
				top 0.25s cubic-bezier(.25,.46,.45,.94),
				transform 0.25s cubic-bezier(.25,.46,.45,.94) 0.25s;
}

/* Navigation List */
ul.nav-list {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	padding-bottom: 2rem;
	padding-left: 1.5625rem;
	padding-right: 1.5625rem;
	background-color: #2f2c35;
}
@media (max-width: 1199.98px) {
	ul.nav-list {
		background: #2f2c35;
		background: -moz-linear-gradient(top,  #2f2c35 0%, #34313a 100%);
		background: -webkit-linear-gradient(top,  #2f2c35 0%,#34313a 100%);
		background: linear-gradient(to bottom,  #2f2c35 0%,#34313a 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f2c35', endColorstr='#34313a',GradientType=0 );
		box-shadow: 0px 1rem 1rem 0 rgba(0, 0, 0, 0.125);
	}
}
@media (min-width: 576px) {
	ul.nav-list {
		padding-left: calc(4.1666667% + 1.5625rem);
		padding-right: calc(4.1666667% + 1.5625rem);
	}
}
@media (min-width: 1200px) {
	ul.nav-list {
		display: block;
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		margin-left: auto;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		background-color: transparent;
	}
}
.nav-list-item {
	position: relative;
	margin-bottom: 0;
	padding-top: 1rem;
	padding-bottom: 1rem;
	line-height: inherit;
}
@media (min-width: 1200px) {
	.nav-list-item {
		display: inline-block;
		position: relative;
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
}
ul.nav-list > .nav-list-item:not(:last-of-type):before {
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 0.0625rem;
	min-height: 1px;
	background-color: rgba(255, 255, 255, 0.25);
	content: '';
	pointer-events: none;
}
@media (min-width: 1200px) {
	ul.nav-list > .nav-list-item:not(:last-of-type):before {
		display: none;
	}
}
.nav-list-item > a {
	display: block;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	color: #fff;
	font-size: 0.875em;
	font-weight: 600;
	line-height: 1.25;
	text-transform: uppercase;
}
@media (min-width: 1200px) {
	.nav-list-item > a {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
}
@media (min-width: 1367px) {
	.nav-list-item > a {
		display: block;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}
.no-touch .nav-list-item > a:hover,
.nav-list-item.current-menu-item > a {
	color: rgba(255, 255, 255, 0.5);
}
.nav-list-item.current-menu-item > a {
	pointer-events: none;
}
@media (min-width: 1200px) {
	.nav-list-item.sidenav-item {
		display: none;
	}
}

/* Side Navigation list */
ul.nav-sidenav-list {
	position: absolute;
	top: 100%;
	right: 0;
	width: 8rem;
	padding-top: 3rem;
	padding-bottom: 3rem;
	overflow: hidden;

	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0s cubic-bezier(.25,.46,.45,.94) 0.5s,
				visibility 0s cubic-bezier(.25,.46,.45,.94) 0.5s;
}
ul.nav-sidenav-list:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #1d1d1b;
	transform: scaleY(0);
	transform-origin: center top;
	transition: transform 0.25s cubic-bezier(.25,.46,.45,.94) 0.25s;
	will-change: transform;
}
ul.nav-sidenav-list .nav-list-item {
	opacity: 0;
	visibility: hidden;
	transform: translateX(4rem);
	transition: opacity 0.25s cubic-bezier(.25,.46,.45,.94),
				visibility 0s cubic-bezier(.25,.46,.45,.94) 0.25s,
				transform 0.25s cubic-bezier(.25,.46,.45,.94);
}

ul.nav-sidenav-list.sidenav-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition: opacity 0s cubic-bezier(.25,.46,.45,.94),
				visibility 0s cubic-bezier(.25,.46,.45,.94);
}
ul.nav-sidenav-list.sidenav-open:before {
	transform: scaleY(1);
	transition: transform 0.25s cubic-bezier(.25,.46,.45,.94);
}
ul.nav-sidenav-list.sidenav-open .nav-list-item {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transition: opacity 0.25s cubic-bezier(.25,.46,.45,.94) 0.25s,
				visibility 0s cubic-bezier(.25,.46,.45,.94) 0.25s,
				transform 0.25s cubic-bezier(.25,.46,.45,.94) 0.25s;
}

/* Dropdown Toggler */
.dropdown-toggler {
	position: relative;
}
.dropdown-toggler:after {
	display: block;
	position: absolute;
	top: calc(50% - 0.5em);
	right: 0.5rem;
	content: '\e900';
	font-family: 'icomoon';
	font-size: 1em;
	vertical-align: middle;
	margin-left: 0.25rem;
	transition: transform 0.25s cubic-bezier(.25,.46,.45,.94);
}
@media (min-width: 1367px) {
	.dropdown-toggler:after {
		right: 1rem;
	}
}
.dropdown-open .dropdown-toggler:after {
	transform: rotate(180deg);
}
.nav-list-item > a.dropdown-toggler {
	padding-right: calc(1em + 0.75rem);
}
@media (min-width: 1367px) {
	.nav-list-item > a.dropdown-toggler {
		padding-right: calc(1em + 1.25rem);
	}
}

/* Dropdown List */
ul.dropdown-list {
	display: none;
	padding-left: 1rem;
	pointer-events: none;
}
.dropdown-open ul.dropdown-list {
	pointer-events: auto;
}
@media (min-width: 1200px) {
	ul.dropdown-list {
		position: absolute;
		top: calc(100% - 1rem);
		left: -2rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
		padding-left: 2rem;
		padding-right: 2rem;
		min-width: 100%;
		background-color: #2f2c35;
	}
}
ul.dropdown-list > .nav-list-item {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
@media (min-width: 1200px) {
	ul.dropdown-list > .nav-list-item {
		display: block;
		margin-left: 0;
		margin-right: 0;
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}
}
ul.dropdown-list > .nav-list-item > a {
	display: inline-block;
	font-size: 0.875em;
}
@media (min-width: 1200px) {
	ul.dropdown-list > .nav-list-item > a {
		white-space: nowrap;
	}
}

.dropdown-header > h2 {
	margin-top: 1rem;
	font-family: 'Cardillac-Light';
	font-style: normal;
	font-weight: normal;
	color: rgba(255, 255, 255, 0.25);
	line-height: 1.125;
}
@media (min-width: 1200px) {
	.dropdown-header > h2 {
		margin-top: 0;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

header {
	position: relative;
	padding-bottom: calc(2rem + 2.5vw);
	z-index: 15;
}
header.no-padding {
	padding-bottom: 0;
}
section {
	position: relative;
	padding-top: calc(2rem + 2.5vw);
	padding-bottom: calc(2rem + 2.5vw);
	z-index: 10;
}
section:last-of-type {
	padding-bottom: calc(4rem + 5vw);
}
footer {
	position: relative;
	padding-top: calc(2rem + 2.5vw);
	padding-bottom: calc(2rem + 2.5vw);
	background-color: #ececec;
	color: #000;
	z-index: 5;
}
.footer-links {
	margin-top: calc(1rem + 1.25vw);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media (min-width: 1200px) {
	.footer-links {
		margin-left: -1.5625rem;
		margin-right: -1.5625rem;
	}
}
.footer-links-left,
.footer-links-right {
	align-self: flex-end;
	margin-left: -0.75rem;
	margin-right: -0.75rem;
	width: calc(100% + 1.5rem);
	margin-top: 1rem;
	margin-bottom: 1rem;
}
@media (min-width: 1200px) {
	.footer-links-left,
	.footer-links-right {
		margin-left: -1rem;
		margin-right: -1rem;
		width: auto;
		padding-left: 1.5625rem;
		padding-right: 1.5625rem;
	}
}
.footer-links-right {
	margin-left: auto;
	text-align: right;
}
.footer-link-wrapper {
	display: block;
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
@media (min-width: 1200px) {
	.footer-link-wrapper {
		display: inline-block;
	}
}
@media (min-width: 1200px) {
	.footer-link-wrapper {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}
a.footer-link,
a.footer-link:hover {
	color: rgba(0, 0, 0, 0.25);
}
.no-touch a.footer-link:hover,
a.footer-link.active {
	color: rgba(0, 0, 0, 0.5);
}
a.footer-link.active {
	pointer-events: none;
}

/* Header */
.header-holder {
	padding-top: calc(2rem + 2.5vw);
}
.header-title {
	position: relative;
}
.header-title.front {
	padding-bottom: calc(2rem + 2.5vw);
}
.header-title h1 {
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'Cardillac-Light';
	font-style: normal;
	font-weight: normal;
	line-height: 1.125;
}
.breadcrumbs-wrapper {
	padding-top: 2rem;
}
.breadcrumbs-wrapper + section {
	padding-top: 0;
}
.breadcrumbs {
	margin-bottom: 1rem;
}

/* Section */
.section-header {
	margin-bottom: calc(1rem + 1.25vw);
}
.section-header h2 {
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'Cardillac-Light';
	font-style: normal;
	font-weight: normal;
	line-height: 1.125;
}
.section-content > *:first-child {
	margin-top: 0;
}
.section-content ul {
	margin-bottom: 2rem;
}
.section-content a:not(.big-clicker) {
	display: inline;
}
.featured-image {
	margin-bottom: 2rem;
}
@media (min-width: 1200px) {
	.featured-image {
		position: absolute;
		width: calc((100% - 3.125rem) * 0.66666667);
		top: calc(-4rem - 5vw);
		right: 1.5625rem;
		z-index: -1;
	}
}
.featured-image:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	background: -moz-linear-gradient(45deg,  rgba(47,44,53,1) 0%, rgba(47,44,53,0) 100%);
	background: -webkit-linear-gradient(45deg,  rgba(47,44,53,1) 0%,rgba(47,44,53,0) 100%);
	background: linear-gradient(45deg,  rgba(47,44,53,1) 0%,rgba(47,44,53,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f2c35', endColorstr='#002f2c35',GradientType=1 );

}
.weird-wrapper {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 1.5625rem;
	padding-left: 1.5625rem;
}
@media (min-width: 768px) {
	.weird-wrapper {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
		margin-left: 4.1666667%;
	}
}
.weird-content {
	position: relative;
}
@media (min-width: 1200px) {
	.weird-content {
		position: relative;
		width: 66.666667%;
	}
	.weird-content p:not([class]) {
		padding-right: calc(((100% + 3.125rem) / 24) / 0.41666667);
	}
}
.weird-content > *:first-child {
	margin-top: 0;
}
.highlighted-paragraph {
	margin-top: 2rem;
	margin-bottom: 2rem;
	padding-top: 1rem;
	padding-bottom: 2rem;
	padding-left: 1.5625rem;
	padding-right: 1.5625rem;
	background-color: #008E71;
	font-family: 'Cardillac-Light';
	font-size: 1.25em;
	font-style: normal;
	font-weight: normal;
}
@media (min-width: 768px) {
	.highlighted-paragraph {
		margin-top: calc(1rem + 1.25vw);
		margin-bottom: calc(1rem + 1.25vw);
		margin-left: calc(((-100% - 3.125rem) / 0.91666667) / 24);
		margin-right: calc(((-100% - 3.125rem) / 0.91666667) / 24);
		padding-top: calc(1rem + 1.25vw);
		padding-bottom: calc(2rem + 1.25vw);
		padding-left: calc(((100% + 3.125rem) / 0.91666667) / 24);
		padding-right: calc(((100% + 3.125rem) / 0.91666667) / 24);
	}
}
@media (min-width: 1200px) {
	.highlighted-paragraph {
		margin-left: calc((((-100% / 0.6666667) - 3.125rem) / 0.91666667) / 24);
		margin-right: 0;
	    padding-left: calc((((100% / 0.6666667) + 3.125rem) / 0.91666667) / 24);
	    padding-right: calc((((100% / 0.6666667) + 3.125rem) / 0.91666667) / 24);
	}
}

/* Premium */
.premium-wrapper {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 1.5625rem;
	padding-left: 1.5625rem;
}
@media (min-width: 768px) {
	.premium-wrapper {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;

		margin-left: 4.1666667%;
	}
}
.premium-holder {
	position: relative;
}
.premium-content {
	position: relative;
}
.premium-image {
	position: relative;
	width: 91.666667%;
	opacity: 0.875;
	margin-left: auto;
}
@media (min-width: 1200px) {
	.premium-image {
		width: 66.666667%;
		margin-left: 0;
	}
}
.premium-image:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 );
}
.premium-links {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
@media (min-width: 768px) {
	.premium-links {
		left: calc(((-100% - 3.125rem) / 24) / 0.91666667);
	}
}
.premium-link {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.premium-link:first-of-type {
	margin-top: 0;
}
.premium-link:last-of-type {
	margin-bottom: 0;
}
.premium-link > a {
	font-family: 'Cardillac-Light';
	font-size: 2.25em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.125;
}
.premium-link > a {
	font-size: 1.625em;
}
@media (min-width: 576px) {
	.premium-link > a {
		font-size: 2em;
	}
}
@media (min-width: 992px) {
	.premium-link > a {
		font-size: 2.25em;
	}
}
.premium-carousel {
	padding-top: 4rem;
}
@media (min-width: 1200px) {
	.premium-carousel {
		position: absolute;
		top: calc(-1rem - 1.25vw);
		right: 0;
		padding-top: 0;
		float: none;
		width: 41.666667%;
	}
}
.premium-carousel .owl-nav {
	position: absolute;
	top: 4rem;
	bottom: 0;
	left: 0;
	right: 0;
	height: 0;
	padding-top: 56.25%;
	z-index: 10;
	/*background-color: rgba(0, 0, 0, 0.25);*/
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s cubic-bezier(.25,.46,.45,.94),
				visibility 0s linear 0.25s;
}
@media (min-width: 1200px) {
	.premium-carousel .owl-nav {
		top: 0;
	}
}
.touch .premium-carousel .owl-nav,
.premium-carousel:hover .owl-nav {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.25s cubic-bezier(.25,.46,.45,.94) 0s,
				visibility 0s linear;
}
.premium-carousel.owl-carousel .owl-nav button {
	display: block;
	position: absolute;
	top: calc(50% - 0.5em);
	padding: 0.25rem !important;
	background-color: rgba(255, 111, 97, 0.25);
	border-radius: 50%;
	color: #fff;
	font-size: 2em;
	line-height: 1;
	pointer-events: auto;
	transition: background-color 0.5s cubic-bezier(.25,.46,.45,.94);
	will-change: background-color;
}
.premium-carousel.owl-carousel .owl-nav button:hover {
	color: #fff;
}
.no-touch .premium-carousel.owl-carousel .owl-nav button:hover {
	color: #fff;
	background-color: rgba(255, 111, 97, 0.75);
}
.premium-carousel.owl-carousel .owl-nav button.owl-prev {
	left: 1rem;
}
.premium-carousel.owl-carousel .owl-nav button.owl-next {
	right: 1rem;
}
.premium-carousel.owl-carousel .owl-nav button > span {
	display: block;
	padding-top: 0.125rem;
	padding-bottom: 0.125rem;
}
.premium-carousel.owl-carousel .owl-nav button.owl-prev > span {
	padding-right: 0.25rem;
}
.premium-carousel.owl-carousel .owl-nav button.owl-next > span {
	padding-left: 0.25rem;
}
.premium-carousel.owl-carousel .owl-nav button > span:before {
	display: block;
}


.carousel-content {
	margin-top: 2rem;
	padding-left: 1.5625rem;
	padding-right: 1.5625rem;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s cubic-bezier(.25,.46,.45,.94),
				visibility 0s linear 0.25s;
}
.owl-item.active .carousel-content {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.25s cubic-bezier(.25,.46,.45,.94) 0s,
				visibility 0s linear;
}
@media (min-width: 1200px) {
	.carousel-content {
		float: right;
		margin-top: 4rem;
	}
}
.premium-caption {
	display: block;
	font-size: 0.875em;
	font-weight: 700;
	margin-bottom: 0.5rem;
}
.sale-type {
	display: block;
	margin-bottom: 0.25rem;
	color: #9c9b9b;
	font-size: 0.625em;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.6;
	text-transform: uppercase;
}
.premium-quart {
	color: #fff;
	font-family: 'Cardillac-Light';
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.125;
}
.premium-quart:hover,
.no-touch .premium-quart:hover {
	color: rgba(255, 255, 255, 0.5);
}

/* Grid */
.grid-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin: -1.5625rem;
	padding-top: 1.5625rem;
	padding-bottom: 1.5625rem;
}
.grid-items-number {
	width: 100%;
	padding-left: 1.5625rem;
	padding-right: 1.5625rem;
}
.grid-block {
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
	padding: 1.5625rem;
}
@media (min-width: 768px) {
	.grid-block {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media (min-width: 1200px) {
	.grid-block {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}
.grid-block-holder {
	position: relative;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
}
.grid-id {
	position: absolute;
	top: 0;
	left: 0;
	padding: 1rem;
	z-index: 5;
	pointer-events: none;
}
.grid-id > span {
	display: block;
	font-size: 0.875em;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}
@media (min-width: 576px) {
	.grid-id > span {
		text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(0, 0, 0, 0.75);
	}
}
.grid-image {
	position: relative;
	overflow: hidden;
}
.grid-image-link {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
}
/*.grid-image-link:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.25);
}*/
.grid-image-link > .img-wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: auto;
	height: auto;
	transform: scale3d(1, 1, 1);
	transition: transform 0.5s cubic-bezier(.25,.46,.45,.94);
	will-change: transform;
}
.no-touch .grid-image-link:hover > .img-wrapper {
	transform: scale3d(1.025, 1.025, 1);
}
.grid-link {
	display: block;
	position: relative;
	padding: 1.5625rem;
	color: #fff;
	z-index: 10;
}
.grid-link:hover,
.no-touch .grid-link:hover {
	color: #fff;
}
.grid-price {
	position: absolute;
	top: 0;
	right: 1.5625rem;
	transform: translate3d(0, -50%, 0);
}
.grid-price > span {
	display: block;
	padding: 0.5rem 1rem;
	background-color: #008e71;
	border-radius: calc(0.5em + 0.5rem);
	font-weight: 700;
	line-height: 1;
}
.grid-header > span {
	margin-bottom: 0.25rem;
}
.grid-header > h4 {
	margin-top: 0;
	margin-bottom: 0;
	transition: color 0.5s cubic-bezier(.25,.46,.45,.94);
}
.no-touch .grid-link:hover .grid-header > h4 {
	color: rgba(255, 255, 255, 0.5);
}
.grid-content .value {
	display: inline-block;
	font-size: 0.75em;
	vertical-align: middle;
	line-height: 1;
}
.grid-content span[class^=icon-] {
	display: inline-block;
	margin-right: 0.5rem;
	color: rgba(204, 204, 204, 0.75);
	font-size: 1.5em;
	line-height: 1;
	vertical-align: middle;
}
.grid-content {
	display: flex;
	flex-wrap: wrap;
	margin-left: -1rem;
	margin-right: -1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.grid-content > div[class^="grid-"] {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	height: 100%;
	padding-left: 1rem;
	padding-right: 1rem;
}
.grid-content > div[class^="grid-"]:not(:last-of-type) {
	position: relative;
}
.grid-content > div[class^="grid-"]:not(:last-of-type):after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 0.0625rem;
	min-width: 1px;
	background-color: rgba(255, 255, 255, 0.25);
}
.grid-carousel .owl-nav,
.product-carousel .owl-nav {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	margin-top: 0;
	/*background-color: rgba(0, 0, 0, 0.25);*/
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s cubic-bezier(.25,.46,.45,.94),
				visibility 0s linear 0.25s;
}
.touch .grid-carousel .owl-nav,
.grid-carousel:hover .owl-nav,
.touch .product-carousel .owl-nav,
.product-carousel:hover .owl-nav {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.25s cubic-bezier(.25,.46,.45,.94) 0s,
				visibility 0s linear;
}
.grid-carousel.owl-carousel .owl-nav button,
.product-carousel.owl-carousel .owl-nav button {
	display: block;
	position: absolute;
	top: calc(50% - 0.5em);
	padding: 0.25rem !important;
	background-color: rgba(255, 111, 97, 0.25);
	border-radius: 50%;
	color: #fff;
	font-size: 2em;
	line-height: 1;
	pointer-events: auto;
	transition: background-color 0.5s cubic-bezier(.25,.46,.45,.94);
	will-change: background-color;
}
.grid-carousel.owl-carousel .owl-nav button:hover,
.product-carousel.owl-carousel .owl-nav button:hover {
	color: #fff;
}
.no-touch .grid-carousel.owl-carousel .owl-nav button:hover,
.no-touch .product-carousel.owl-carousel .owl-nav button:hover {
	color: #fff;
	background-color: rgba(255, 111, 97, 0.75);
}
.grid-carousel.owl-carousel .owl-nav button.owl-prev,
.product-carousel.owl-carousel .owl-nav button.owl-prev {
	left: 1rem;
}
.grid-carousel.owl-carousel .owl-nav button.owl-next,
.product-carousel.owl-carousel .owl-nav button.owl-next {
	right: 1rem;
}
.grid-carousel.owl-carousel .owl-nav button > span,
.product-carousel.owl-carousel .owl-nav button  > span {
	display: block;
	padding-top: 0.125rem;
	padding-bottom: 0.125rem;
}
.grid-carousel.owl-carousel .owl-nav button.owl-prev > span,
.product-carousel.owl-carousel .owl-nav button.owl-prev  > span {
	padding-right: 0.25rem;
}
.grid-carousel.owl-carousel .owl-nav button.owl-next > span,
.product-carousel.owl-carousel .owl-nav button.owl-next  > span {
	padding-left: 0.25rem;
}
.grid-carousel.owl-carousel .owl-nav button > span:before,
.product-carousel.owl-carousel .owl-nav button > span:before {
	display: block;
}
/*.grid-carousel.owl-carousel .owl-nav:not(.disabled) + .owl-dots,
.product-carousel.owl-carousel .owl-nav:not(.disabled) + .owl-dots {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
}*/

.grid-wrapper .content-wrapper {
	width: 100%;
	padding-left: 1.5625rem;
	padding-right: 1.5625rem;
}

/* Blocks */
.blocks-wrapper {
	margin: -1.5625rem 0;
}
.block-holder {
	height: 100%;
	padding: 1.5625rem 0;
}
.block-holder.wide {
	height: 50%;
}
.block {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	padding: 3rem calc(2rem + 2.5vw);
}
.block > * {
	width: 100%;
}
a.block {
	background-color: rgba(0, 0, 0, 0.1);
	color: #fff;
	transition: background-color 0.5s cubic-bezier(.25,.46,.45,.94);
}
a.block:hover {
	color: #fff;
}
.no-touch a.block:hover {
	background-color: #008e71;
}
a.block .as-link {
	color: #ff6f61;
	transition: color 0.5s cubic-bezier(.25,.46,.45,.94);
}
a.block:hover .as-link {
	color: #ff6f61;
}
.no-touch a.block:hover .as-link {
	color: #fff;
}

.block h2 {
	margin-top: calc(0.5rem + (0.75rem * 1.75));
	margin-bottom: 0;
	max-width: 30rem;
	font-family: 'Cardillac-Light';
	font-size: 2em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.125;
}
@media (min-width: 576px) {
	.block h2 {
		font-size: 2.5em;
	}
}
@media (min-width: 992px) {
	.block h2 {
		font-size: 3em;
	}
}
.block h3,
.block .h3-link {
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'Cardillac-Light';
	font-style: normal;
	font-weight: normal;
	line-height: 1.125;
}
.block p {
	font-weight: 700;
	font-size: 0.875em;
}
.block h2 + p {
	margin-top: 1rem;
}
.block > .block-content {
	align-self: flex-start;
}
.block > .block-spacer {
	align-self: flex-end;
}

/* Single Product */
.product-content h4 {
	margin-top: 0;
	margin-bottom: 3rem;
	color: #008e71;
	font-weight: 700;
}
.header-holder.single-product {
	display: flex;
	flex-wrap: wrap;
	margin-left: -1.5625rem;
	margin-right: -1.5625rem;
}
.single-product > .header-title {
	width: 100%;
	max-width: 100%;
	flex: 0 0 100%;
	padding-left: 1.5625rem;
	padding-right: 1.5625rem;
	margin-bottom: calc(2rem + 2.5vw);
}
@media (min-width: 992px) {
	.single-product > .header-title {
		max-width: 50%;
		flex: 0 0 50%;
		padding-right: 3.125rem;
		margin-bottom: 0;
	}
}
.single-product .header-title h1 {
	/*font-family: inherit;*/
	/*font-weight: 400;*/
	font-size: 1.75em;
	/*line-height: 1.25;*/
}
@media (min-width: 576px) {
	.single-product .header-title h1 {
		font-size: 2.25em;
	}
}
@media (min-width: 992px) {
	.single-product .header-title h1 {
		font-size: 2.5em;
	}
}
.single-product > .product-info-wrapper {
	width: 100%;
	max-width: 100%;
	flex: 0 0 100%;
	padding-left: 1.5625rem;
	padding-right: 1.5625rem;
}
@media (min-width: 992px) {
	.single-product > .product-info-wrapper {
		max-width: 50%;
		flex: 0 0 50%;
		padding-left: 3.125rem;
	}
}
.product-info {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: space-between;
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-color: rgba(0, 0, 0, 0.1);
}
@media (min-width: 360px) {
	.product-info {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}
@media (min-width: 768px) {
	.product-info {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
.product-info > div {
	padding-left: 1.5625rem;
	padding-right: 1.5625rem;
}
.product-id {
	display: block;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	line-height: 1;
}
.product-price {
	display: block;
	font-size: 1.375em;
	font-weight: 600;
	line-height: 1;
}
.product-info-content > .grid-content {
	padding-top: 0;
	padding-bottom: 0;
}
.product-info-button {
	padding-top: 1rem;
	padding-bottom: 2rem;
}
.product-gallery {
	margin-bottom: 2rem;
}
.product-overview {
	background-color: rgba(0, 0, 0, 0.1);
	margin-top: calc(2rem + 2.5vw);
	padding-top: 2.5vw;
	padding-bottom: 2.5vw;
	display: flex;
	flex-wrap: wrap;
}
.product-overview-block {
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
	position: relative;
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 1.5625rem;
	padding-right: 1.5625rem;
}
.product-overview-block:nth-of-type(2):before,
.product-overview-block:nth-of-type(3):before {
	content: '';
	position: absolute;
	top: 0;
	left: 1.5625rem;
	right: 1.5625rem;
	height: 0.0625rem;
	min-height: 1px;
	background-color: rgba(255, 255, 255, 0.25);
}
@media (min-width: 360px) {
	.product-overview-block {
		padding-left: 2.5625rem;
		padding-right: 2.5625rem;
	}
	.product-overview-block:nth-of-type(2):before,
	.product-overview-block:nth-of-type(3):before {
		left: 2.5625rem;
		right: 2.5625rem;
	}
}
@media (min-width: 576px) {
	.product-overview-block:not(:last-of-type) {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.product-overview-block:nth-of-type(2):before {
		display: none;
	}
	.product-overview-block:nth-of-type(1):before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 0.0625rem;
		min-width: 1px;
		background-color: rgba(255, 255, 255, 0.25);
	}
}
@media (min-width: 768px) {
	.product-overview-block {
		padding-left: 3.5625rem;
		padding-right: 3.5625rem;
	}
}
@media (min-width: 992px) {
	.product-overview-block,
	.product-overview-block:not(:last-of-type) {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.product-overview-block:nth-of-type(2):before {
		display: block;
		top: 0;
		bottom: 0;
		left: auto;
		right: 0;
		width: 0.0625rem;
		min-width: 1px;
		height: auto;
		min-height: auto;
	}
	.product-overview-block:nth-of-type(3):before {
		display: none;
	}
}

/* Footer */
footer h2 {
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'Cardillac-Light';
	font-style: normal;
	font-weight: normal;
	line-height: 1.125;
}
footer h2 + p {
	margin-top: 1rem;
	color: #575756;
}

/* Form */
form {
	position: relative;
}
form .honey {
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	opacity: 0;
	z-index: -1;
}
.form-title {
	margin-top: 0;
	margin-bottom: 0;
	color: #008e71;
}
.form-tel {
	margin-bottom: 0;
}
.form-title + .form-tel {
	margin-top: 0.5rem;
}
/*.form-title + .form-wrapper,
.form-tel + .form-wrapper {
	margin-top: 2rem;
}*/
/*.form-wrapper {
	margin-top: -2rem;
	padding-top: 2rem;
}
@media (min-width: 992px) {
	.form-wrapper {
		padding-top: 0;
	}
}*/
.form-row {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-end;
	align-items: flex-end;
}
.form-element {
	position: relative;
	width: 100%;
	padding-top: calc((1rem * 1.25) + 2rem);
}
.form-element.before-submit,
.form-element.is-submit {
	display: inline-block;
}
.form-element.is-submit {
	width: auto;
}
@media (min-width: 576px) {
	.form-element.is-submit {
		margin-left: 1.5625rem;
	}
}
.form-element:not(.is-submit):not(.check-element):before,
.form-element:not(.is-submit):not(.check-element):after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 0.125rem;
	pointer-events: none;
}
.form-element:not(.is-submit):not(.check-element):before {
	background-color: #999;
}
.form-element:not(.is-submit):not(.check-element):after {
	background-color: #008e71;
	transform-origin: left center;
	transform: scale3d(0, 1, 1);
	transition: transform 0.25s cubic-bezier(.25,.46,.45,.94);
	will-change: transform;
}
.form-element.focused:not(.is-submit):not(.check-element):after,
.form-element.filled:not(.is-submit):not(.check-element):after {
	transform: scale3d(1, 1, 1);
}
.form-element:not(.check-element) label {
	position: absolute;
	top: calc((1rem * 1.25) + 2.5rem);
	line-height: 1.25;
	pointer-events: none;
	opacity: 0.625;
	transition: transform 0.25s cubic-bezier(.25,.46,.45,.94);
	will-change: transform;
}
.form-element.focused:not(.check-element) label,
.form-element.filled:not(.check-element) label {
	transform: translate3d(0, -1.75rem, 0);
}

.form-element.check-element input,
.form-element.check-element label {
	cursor: pointer;
}
.form-element.check-element label {
	position: relative;
	line-height: 1.25;
}
.form-element.check-element input {
	position: absolute;
	top: 50%;
	left: 0.875rem;
	margin: 0;
	transform: translate(-50%, -50%);
	opacity: 0;
	pointer-events: none;
}
.form-element.check-element .checkmark {
	display: inline-block;
	position: relative;
	margin-right: 1rem;
	border: 0.125rem solid #999;
	border-radius: 0.25rem;
	color: #ff6f61;
	vertical-align: middle;
}
.form-element.check-element .checkmark:before {
	display: block;
	/*padding: 0.125rem;*/
	/*font-size: 1.75em;*/
	font-size: 1.5em;
	opacity: 0;
	transition: opacity 0.25s ease;
}
.form-element.check-element input:checked + .checkmark:before {
	opacity: 1;
}
.form-element.check-element .checkmark-text {
	display: inline-block;
	width: calc(100% - 3.25rem);
	vertical-align: middle;
}
.form-element.check-element .checkmark-text a {
	display: inline;
}

.form-element input:-internal-autofill-selected {
	background-color: transparent; !important;
	background-image: none !important;
	color: inherit !important;
}
.form-message {
	margin-top: 1rem;
	margin-bottom: 1rem;
	font-size: 0.875rem;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s cubic-bezier(.25,.46,.45,.94),
				visibility 0s linear 0.25s;
	will-change: opacity, visibility;
}
.form-message.show {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.25s cubic-bezier(.25,.46,.45,.94) 0s,
				visibility 0s linear;
	will-change: opacity, visibility;
}
.form-message.ok {
	color: green;
}
.form-message.error {
	color: red;
}

/* Helpers */
.bg-color-green {
	background-color: #008e71;
}
.bg-color-grey {
	background-color: #2f2c35;
}
.bg-color-darkgrey {
	background-color: rgba(0, 0, 0, 0.1);
}

.bg-image {
	background-image: url('img/ozana-zagreb.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-image[class*="overlay"] {
	position: relative;
}
.bg-image[class*="overlay"] > * {
	z-index: 2;
}
.bg-image[class*="overlay"]:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 1;
}
.bg-image.overlay-green:before {
	background-color: rgba(0, 142, 113, 0.75);
}

.text-center {
	text-align: center;
}

@media (min-width: 992px) {
	.column-holder-left {
		padding-right: 1.5625rem;
	}
	.column-holder-right {
		padding-left: 1.5625rem;
	}
}

/* Pagination */
.load-more-wrapper {
	margin-top: calc(2rem + 2.5vw);
	width: 100%;
	text-align: center;
}
.pagination-wrapper {
	margin-top: calc(2rem + 2.5vw);
	padding-left: 1.5625rem;
	padding-right: 1.5655rem;
	width: 100%;
}
@media (min-width: 1200px) {
	.pagination-wrapper {
		display: flex;
		flex-wrap: nowrap;
		align-content: center;
		align-items: center;
	}
}
.pagination-next-wrapper {
	text-align: center;
	margin-bottom: 2rem;
}
@media (min-width: 1200px) {
	.pagination-next-wrapper {
		margin-bottom: 0;
	}
}
.pagination {
	text-align: center;
	white-space: nowrap;
}
@media (min-width: 1200px) {
	.pagination {
		white-space: nowrap;
		margin-left: auto;
	}
}
.pagination > * {
	display: inline-block;
	font-size: 1.25em;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	line-height: 1;
	vertical-align: middle;
}
.pagination > .dot {
	padding-left: 0;
	padding-right: 0;
}
.pages-arrow {
	position: absolute;
	top: 100%;
	font-size: 1.5em;
	line-height: 0.83333333;
}
.pages-arrow.prev {
	right: calc(50% + 0.5rem);
}
.pages-arrow.next {
	left: calc(50% + 0.5rem);
}
@media (min-width: 576px) {
	.pages-arrow {
		position: relative;
		top: auto;
	}
	.pages-arrow.prev {
		right: auto;
	}
	.pages-arrow.next {
		left: auto;
	}
}
.pages-arrow > span {
	display: block;
	line-height: 0.83333333;
}

/* Filters */
.filters-wrapper {
	border-top: 1px solid #00735b;
	border-bottom: 1px solid #00735b;
	background-color: rgba(97, 255, 250, 0.05);
}
@media (min-width: 576px) {
	.filters-wrapper {
		border-top-width: 0.0625rem;
		border-bottom-width: 0.0625rem;
	}
}
.filters {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
}
@media (min-width: 576px) {
	.filters {
		margin-left: -1rem;
		margin-right: -1rem;
	}
}
@media (min-width: 1200px) {
	.filters {
		margin-left: -2rem;
		margin-right: -2rem;
	}
}
.filter {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	flex: auto;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	width: 100%;
}
.filter:not(:first-of-type) {
	margin-top: 0;
}
@media (min-width: 576px) {
	.filter {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}
@media (min-width: 992px) {
	.filter {
		width: auto;
	}
	.filter:not(:first-of-type) {
		margin-top: 0.5rem;
	}
}
@media (min-width: 1200px) {
	.filter {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
.filter-label {
	position: relative;
	width: 100%;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
@media (min-width: 1200px) {
	.filter-label {
		width: auto;
		padding-right: 1.5rem;
	}
}
.filter-label:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 0.0625rem;
	min-height: 1px;
	background-color: rgba(255, 255, 255, 0.25);
}
@media (min-width: 1200px) {
	.filter-label:before {
		top: 0;
		left: auto;
		width: 0.0625rem;
		height: auto;
		min-width: 1px;
		min-height: 0;
	}
}
.filter-label > span {
	font-size: 1em;
	color: rgba(255, 255, 255, 0.5);
	line-height: 1.25;
}
@media (min-width: 576px) {
	.filter-label > span {
		font-size: 1.125em;
	}
}
.filter-select {
	width: 100%;
}
@media (min-width: 1200px) {
	.filter-select {
		width: auto;
		padding-left: 1.5rem;
	}
}
.filter-select select {
	font-size: 1em;
	font-weight: 600;
}

/* Flexed */
body,
.flex-parent {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
}
body {
	height: auto;
	min-height: 100vh;
}
main,
footer,
.flex-child {
	width: 100%;
}
main,
.flex-child.upper {
	align-self: flex-start;
}
footer,
.flex-child.under {
	align-self: flex-end;
}

/* Modals */
body.modal-open {
	overflow: hidden;
}
.scroll body.modal-open {
	padding-right: 17px;
}
.modal {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100vh;
	padding: 1.5625rem;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.25s linear,
				visibility 0s linear 0.25s;
	will-change: opacity, visibility, z-index;
	-webkit-overflow-scrolling: touch;
}
.scroll body:not(.modal-open) .modal {
	padding-left: calc(1.5625rem + 17px);
}
.modal.open {
	z-index: 101;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition: opacity 0.25s linear 0s,
				visibility 0s linear;

	overflow-x: hidden;
	overflow-y: auto;
}
.modal-flexer {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	min-height: 100%;
}
.modal-holder {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
	max-width: 60rem;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5rem;
	padding-bottom: 5rem;
	background-color: #ececec;
	color: #000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-100%);
	transition: transform 0s ease 0.25s,
				opacity 0s linear 0.25s,
				visibility 0s linear 0.25s;
	will-change: transform, opacity, visibility;
}
@media (min-width: 576px) {
	.modal-holder {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
}
.modal.open .modal-holder {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
	transition: transform 0.25s ease 0.25s,
				opacity 0s linear 0.25s,
				visibility 0s linear 0.25s;
}
.modal-content {
	align-self: center;
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
}
.modal-closer {
	position: fixed;
	top: 1rem;
	right: 1rem;
	color: #000;
	font-size: 3em;
	font-weight: normal;
	line-height: 1;
	z-index: 5;
}
.modal-closer:hover {
	color: #000;
}
.no-touch .modal-closer:hover {
	color: rgba(0, 0, 0, 0.5);
}
.modal-closer > span {
	display: block;
}

a.mm-potpis,
a.mm-potpis:hover {
	color: rgba(0, 0, 0, 0.25);
}
.no-touch a.mm-potpis:hover {
	color: rgba(0, 0, 0, 0.5);
}
a.mm-potpis > strong {
    display: block;
    font-size: 0.75em;
}