/*
Theme Name: Unique Home
Version: 1.0
*/

:root
{
	scroll-behavior: auto;
	--gray: #303030;
	--beige: #CDB9A4;
}

/* rubik-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/rubik-v31-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/rubik-v31-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: url('assets/fonts/rubik-v31-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/rubik-v31-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/rubik-v31-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 800;
  src: url('assets/fonts/rubik-v31-latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root
{
	--container-width:100%;
}

@media (min-width: 576px) 
{
    :root
    {
    	--container-width:540px;
    }
}

@media (min-width: 768px) 
{
    :root
    {
    	--container-width:720px;
    }
}

@media (min-width: 992px) 
{
    :root
    {
    	--container-width:960px;
    }
}

@media (min-width: 1200px) 
{
    :root
    {
    	--container-width:1140px;
    }
}

@media (min-width: 1400px) 
{
    :root
    {
    	--container-width:1320px;
    }
}

html
{
	font-size: 10px;
}

body
{
	font-family: 'Rubik', sans-serif;
	font-size: 1.4rem;
	background: #fff;
	color:var(--gray);
	overflow-x: hidden;
	max-width: 100%;
	position: relative;
	font-weight:400;
}

.row
{
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}

.row > div
{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.container
{
	padding: 0 1.5rem;
}

p,
ul
{
	margin: 0 0 3rem 0;
	line-height: 2rem;
}

@media (min-width:992px)
{
	p,
	ul
	{
		line-height: 2rem;
	}
}

a
{
	text-decoration:underline;
	color:var(--gray);
}

.page-header
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:999;	
	background:var(--gray);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	padding:1.5rem 0;
}

@media (min-width:768px)
{
	.page-header
	{
		padding:3rem 0;
	}
}

.home .page-header
{
	background:transparent;
}

.page-header.scrolled,
body.menu-open .page-header
{
	background:var(--gray);
}

@media (min-width:768px)
{
	.page-header .top
	{
		margin-bottom:2rem;
	}
}

.page-header .top .row
{
	align-items:center;
}

@media (min-width:768px)
{
	.page-header .column--2
	{
		text-align:center;
	}
}

.page-header .page-logo
{
	display:inline-block;
}

.page-header .column--3
{
	display:flex;
	align-items:center;
	justify-content:flex-end;
}

.langs
{
	font-size:1.2rem;
	display:flex;
	flex-wrap:wrap;
	text-transform:uppercase;
	margin:0 4rem 0 0;
}

.langs li
{
	padding:0 .5rem;
	position:relative;
}

@media (min-width:992px)
{
	.langs li
	{
		padding:0 1rem;
	}
}

.langs li:before
{
	display:none;
}

.langs li:not(:last-child):after
{
	content:'';
	width:.1rem;
	height:1rem;
	background:#fff;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-.5rem;
}

.langs .active
{
	font-weight:700;
}

.langs li a
{
	display:block;
	color:#fff;
	text-decoration:none;
}

.langs li a:hover
{
	color:#fff;
	text-decoration:none;
}

.social-links
{
	margin:0;
	display:flex;
	align-items:center;
}

.social-links li
{
	padding:0;
	margin-right:.5rem;
}

.social-links li:last-child
{
	margin:0;
}

.social-links li:before
{
	display:none;
}

.social-links svg
{
	fill:#fff;
	height:100%;
}

.social-links li a
{
	height:2.4rem;
	display:flex;
	align-items:center;
}

.hamburger-wrap
{
	margin: 0 0 0 3rem;
	height:2.4rem;
	width:4.5rem;
	height:4.5rem;
	background:var(--dark-blue);
	display:flex;
	align-items:center;
	justify-content:center;
}

@media (min-width:768px)
{
	.hamburger-wrap
	{
		display:none;
	}
}

.hamburger
{	
	padding:0;
	height:24px;
}

.hamburger-box
{
	height:2.4rem;
	width:3rem;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before
{
	height:.2rem;
	width:3rem;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before,
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before,
.page-header--dark.scrolled .hamburger-inner, .page-header--dark.scrolled .hamburger-inner:after, .page-header--dark.scrolled .hamburger-inner:before,
.page-header--dark.scrolled .hamburger.is-active .hamburger-inner, .page-header--dark.scrolled .hamburger.is-active .hamburger-inner:after, .page-header--dark.scrolled .hamburger.is-active .hamburger-inner:before
{
	background-color: #fff;
}

.page-header--dark .hamburger-inner, .page-header--dark .hamburger-inner:after, .page-header--dark .hamburger-inner:before,
.page-header--dark .hamburger.is-active .hamburger-inner, .page-header--dark .hamburger.is-active .hamburger-inner:after, .page-header--dark .hamburger.is-active .hamburger-inner:before
{
	background-color: #fff;
}

.hamburger.is-active:hover, .hamburger:hover, .scrollbar-macosx:hover>.scroll-element .scroll-bar, .scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar
{
	opacity:1;
}

#menu-overlay
{
	position: absolute;
	top:calc(100%);
	left: 0;
	width: 100%;	
	z-index: 99999;	
	display: none;	
	background:var(--gray);
}

#menu-overlay .menu-overlay-wrap
{
	padding:2rem 0 3.2rem 0;
	background:var(--gray);
}

@media (min-width:768px)
{
	#menu-overlay .menu-overlay-wrap
	{
		padding: 3.2rem 4rem;
	}
}

#menu-overlay .langs
{
	margin-bottom:3rem;
}

#menu-overlay .langs li:first-child
{
	padding-left:0;
}

.menu-top--mobile
{
	font-size: 1.8rem;
	color: #36394A;
	margin:0 0 3rem 0;
}

.menu-top--mobile a
{
	text-decoration: none;
	position:relative;
	display:block;
	color:#fff;
}

.menu-top--mobile a:hover
{
	text-decoration:none;
	color:#fff;
}

.menu-top--mobile a span
{
	display:block;
	border-bottom:1px solid rgba(255,255,255,.5);
	padding:1rem 0;
}

.menu-top--mobile li
{
	margin:0;
	padding:0;
}

.menu-top--mobile li:last-child
{
	border:none;
}

.menu-top--mobile li:before
{
	display: none;
}

.menu-top--mobile > li > a:before
{
	position:absolute;
	left:0;
	top:1.4rem;
	font-size:2.2rem;
	line-height:2rem;
	color:rgba(255,255,255,.5);
}

.menu-top--mobile ul {
	display: none;
	padding: 1rem 0 2rem 0;
	font-size:1.5rem;
}

.menu-top--mobile .sub-menu-open {
	display: block;
}

.menu-top--mobile .menu-item-has-children>span {
	width: 4rem;
	height: 4rem;
	background:var(--blue) url(assets/images/chevron-2.svg) center center no-repeat;
	background-size: 3rem 3rem;
	display: inline-block;
	position: absolute;
	right: 0;
	top: .5rem;
	cursor: pointer;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.menu-top--mobile .sub-menu-open>span {
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.menu-top--mobile ul {
	margin-left: 1rem;
}

.menu-top--mobile ul ul {
	margin-left: 2rem;
}

.menu-top--mobile li:last-child ul:last-child {
	padding-bottom: 0rem;
}

#menu-overlay .container
{
	height: 100%;
}

#menu-overlay .scrollbar-macosx
{
	height: 100%;
}

.page-header .right
{
	margin-left:auto;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	flex-wrap:wrap;
}

.menu-top--desktop
{
	display:flex;
	flex-wrap:wrap;
	margin:0;
	justify-content:center;
}

.menu-top--desktop li
{
	padding:0;
}

.menu-top--desktop li:before
{
	display:none;
}

.menu-top--desktop > li
{
	margin:0 2.5rem;
}

.menu-top--desktop > li > a
{
	font-size:1.2rem;
	line-height:2.4rem;
	font-weight:400;
	color:#fff;
	text-transform:uppercase;
	display:inline-flex;
	align-items:center;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-decoration:none;
	letter-spacing:.1em;
	position:relative;
}

.menu-top--desktop a:hover,
.menu-top--desktop .current-menu-item a,
.menu-top--desktop .sfHover > a
{
	text-decoration:none;
	color:#fff;
}

.menu-top--desktop > li > a:after,
.menu-top--desktop .current-menu-item a:after
{
	content:'';
	position:absolute;
	left:0;
	width:0;
	bottom:-.2rem;
	height:.1rem;
	background:#fff;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.menu-top--desktop > li > a:hover:after
{
	width:100%;
}

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}

/* page content */

.page-content
{
	overflow:hidden;
	padding:14rem 0 12rem 0;
}

@media (min-width:992px)
{
	.page-content
	{
		padding:21rem 0 8rem 0;
	}
}

.single-oferty .page-content
{
	padding-top:7rem;
}

@media (min-width:768px)
{
	.single-oferty .page-content
	{
		padding-top:14rem;
	}
}

.content-block
{
	margin-bottom:8rem;
}

@media (min-width:992px)
{
	.content-block
	{
		margin-bottom:6rem;
	}
}

.content-block:last-child
{
	margin-bottom:0;
}

.block-type-1
{
	position:relative;
	color:#fff;
}

.block-type-1 .photo-bg
{
	position:absolute;
	top:0;
	left:0;
}

.block-type-1 .photo-bg:before
{
	content:'';
	width:100%;
	height:40%;
	position:absolute;
	top:0;
	left:0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#737373+0,000000+100&1+0,0+100 */
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.block-type-1 .photo-bg:after
{
	content:'';
	width:100%;
	height:40%;
	position:absolute;
	bottom:0;
	left:0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,737373+100&0+0,1+100 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.block-type-1 .container
{
	position:relative;
	z-index:10;
	min-height:100vh;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	flex-wrap:wrap;
	align-items:center;
	text-align:center;
	padding-bottom:5rem;
}

.block-type-1 .heading
{
	letter-spacing:.2em;
	margin-bottom:7rem;
}

.block-type-1 .text-block *
{
	font-weight:500;
	font-size:1.5rem;
	line-height:normal;
}

@media (min-width:768px)
{
	.block-type-1 .text-block *
	{
		font-size:2rem;
	}
}

.block-type-1 .text-block--main
{
	margin-bottom:4rem;
}

.block-type-2 .column--1
{
	margin-bottom:4rem;
}

@media (min-width:992px)
{
	.block-type-2 .column--1
	{
		margin-bottom:0;
	}
}

.block-type-3 
{
	background:var(--gray);
	padding:8rem 0;
	color:var(--beige);
}

.block-type-3 .box
{
	border-left:1px solid var(--beige);
	position:relative;
	height:100%;
	display:flex;
	padding:1.5rem 0 2.5rem 9rem;
}

.block-type-3 .box:before
{
	content:'';
	width:1.8rem;
	height:1.8rem;
	background:url(assets/images/icon-1.svg) center center no-repeat;
	background-size:1.8rem 1.8rem;
	position:absolute;
	left:3.5rem;
	top:50%;
	margin-top:-.9rem;
	overflow:hidden;
}

.block-type-4 .row
{
	align-items:flex-end;
}

@media (min-width:768px)
{
	.block-type-4 .person
	{
		margin-top:-3rem;
	}
}

.block-type-4 .person picture
{
	text-align:center;
	display:block;
}

.block-type-4 .person .bottom
{
	margin-top:auto;
	padding-bottom:5.5rem;
}

.block-type-4 .person .column--content
{
	display:flex;
	flex-direction:column;
	align-items:flex-start;	
	padding-top:4rem;
}

@media (min-width:768px)
{
	.block-type-4 .person .column--content
	{
		padding-top:0;
	}

	.block-type-4 .person:first-child .column--content
	{
		padding-top:10rem;
	}
}

.block-type-4 .heading--name
{
	margin-bottom:1rem;
}

.block-type-4 .position
{
	margin-bottom:3rem;
	font-weight:500;
	color:var(--beige);
}

.block-type-4 .contact-bar
{
	background:var(--gray);
	padding:3rem 0;
	color:var(--beige);
	text-align:center;
}

.block-type-4 .contact-bar .btn
{
	margin-top:2rem;
}

@media (min-width:768px)
{
	.block-type-4 .contact-bar
	{
		text-align:left;
	}

	.block-type-4 .contact-bar .btn
	{
		margin-top:0;
	}
}

.block-type-4 .contact-bar .row
{
	align-items:center;
}

.block-type-5
{
	background:rgba(48, 48, 48, .1);
	padding:4rem 0;
}

.block-type-5 .heading
{
	margin-bottom:2rem;
}

.block-type-5 .text-block--main
{
	margin-bottom:3rem;
}

.block-type-5 .slick-track
{
	display:flex !important;
}

.block-type-5 .slider-wrap
{
	margin:0 -1.5rem;
}

.block-type-5 .slider
{
	margin:0 -.5rem;
}

.block-type-5 .slide
{
	margin:0 .5rem;
	min-height:100%;
	height:auto;
	float:none;
}

@media (min-width:768px)
{
	.block-type-5 .slider-wrap
	{
		margin:0;
	}

	.block-type-5 .slider
	{
		margin:0 -1.5rem;
	}

	.block-type-5 .slide
	{
		padding:0 1.5rem;
	}
}

.block-type-5 .slider-wrap
{
	position:relative;
}

.block-type-5 .slider-arrow--prev,
.block-type-5 .slider-arrow--next
{
	width:2.4rem;
	height:2.4rem;
	cursor:pointer;
	background:url(assets/images/arrow-1.svg);
	background-size:2.4rem 2.4rem;
	position:absolute;
	top:50%;
	margin-top:-1.2rem;
	z-index:10;
}

.block-type-5 .slider-arrow--prev
{
	left:-3rem;
}

.block-type-5 .slider-arrow--next
{
	right:-3rem;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.row--offers > div
{
	margin-bottom:5rem;
}

.offer-box
{
	border:1px solid var(--gray);
	display:block;
	text-decoration:none;
	height:100%;
}

.offer-box:hover
{
	text-decoration:none;
	color:var(--gray);
}

.offer-box .image
{
	position:relative;
}

.offer-box .image .overlay
{
	background: rgba(48, 48, 48, .7);
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:2rem;
	color:#fff;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity:0;
}

.offer-box:hover .image .overlay
{
	opacity:1;
}

.offer-box .image .overlay p
{
	margin:0 0 1rem 0;
	font-size:1.2rem;
	line-height:1.8rem;
}

.offer-box .image .overlay .more
{
	display:inline-block;
	font-size:1.2rem;
	font-weight:500;
	position:relative;
	padding-right:2.5rem;
	text-transform:uppercase;	
}

.offer-box .image .overlay .more:after
{
	content:'';
	width:1.1rem;
	height:1.1rem;
	background:url(assets/images/chevron-1.svg);
	background-size:1.1rem 1.1rem;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-.6rem;
}

.offer-box .gray-bar
{
	background:var(--gray);
	padding:1rem 2rem;
	display:flex;
	color:#fff;
}

.offer-box .gray-bar > div
{
	font-size:1.5rem;
	font-weight:600;
	margin-right:2.5rem;	
}

.offer-box .gray-bar div:last-child
{
	margin:0;
}

.offer-box .gray-bar div span
{
	display:block;
	font-size:1rem;
	text-transform:uppercase;
	margin-bottom:.5rem;
}

.offer-box .gray-bar div img
{
	margin-top:-.3rem;
}

.offer-box .gray-bar .amenities
{
	position:relative;
}

.offer-box .gray-bar .amenities .tool-tip
{
	background:#fff;
	border: 1px solid var(--gray);
	width:24rem;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	position:absolute;
	bottom:100%;
	right:0;
	z-index:10;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity:0;
	pointer-events:none;
}

.offer-box .gray-bar .amenities:hover .tool-tip
{
	opacity:1;
}

.offer-box .gray-bar .amenities .tool-tip > div
{
	width:50%;
	padding:1rem 1rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	color:var(--gray);
	font-size:1.2rem;
	text-transform:uppercase;
	text-align:center;
}

.offer-box .gray-bar .amenities .tool-tip .icon
{
	width:2.4rem;
	height:2.4rem;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:.5rem;
}

.offer-box .content
{
	padding:2rem;
}

.offer-box .content .title
{
	font-size:1.4rem;
	font-weight:500;
	margin-bottom:.5rem;
}

.offer-box .content .location
{
	font-size:1.2rem;
	font-weight:300;
	margin-bottom:0;
	position:relative;
	padding-left:2rem;
}

.offer-box .content .location:before
{
	content:'';
	width:1.2rem;
	height:1.2rem;
	background:url(assets/images/icon-pin.svg) center center no-repeat;
	background-size:1.2rem 1.2rem;
	position:absolute;
	top:.4rem;
	left:0;
}

.slider-1-wrap
{
	position:relative;
}

.slider-1-wrap .slider-text
{
	position:absolute;
	bottom:10rem;
	left:0;
	width:100%;
	color:#fff;
	z-index:99;
	pointer-events:none;
	text-align:center;
}

.slider-1-wrap .slider-text .title
{
	font-size:2.4rem;
	margin-bottom:1rem;
}

.slider-1-wrap .slider-text .text
{
	font-size:1.8rem;
	margin-bottom:0;
}

.slider-1-wrap .slider-nav
{
	position:absolute;
	bottom:6rem;
	left:0;
	width:100%;
	z-index:99;
}

.slider-1-wrap .slider-nav ul
{
	margin:0;
	display:flex;
	justify-content:center;
}

.slider-1-wrap .slider-nav ul li
{
	padding:0;
	margin:0 .4rem;
}

.slider-1-wrap .slider-nav ul li:before
{
	display:none;
}

.slider-1-wrap .slider-nav ul li div
{
	width:1.2rem;
	height:1.2rem;
	border-radius:50%;
	background:rgba(255,255,255,.4);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	cursor:pointer;
}

.slider-1-wrap .slider-nav ul .slick-active div
{
	background:rgba(255,255,255,1);
}

.slider-1 .slide
{
	position:relative;
}

.slider-1 .slide:after
{
	content:'';
	width:100%;
	height:40%;
	position:absolute;
	bottom:0;
	left:0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,737373+100&0+0,1+100 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	opacity:.7;
}

.slider-1 img
{
	width:100%;
	height:calc(100vh - 14rem);
	object-fit:cover;
	object-position:center center;
}

.slider-2-wrap
{
	padding:2.5rem 0;
	background:var(--gray);
	margin-bottom:6.5rem;
}

.slider-2 .slide
{
	margin:0 1.1rem;
	cursor:pointer;
}

.slider-2 .slide img
{
	aspect-ratio: 16 / 9;
	object-fit:cover;
}

.single-offer-content .offer-info-box
{
	background:var(--gray);
	padding:2.5rem 2.5rem 3rem 2.5rem;
	margin-bottom:2.5rem;
	color:#fff;
	text-align:center;
}

.single-offer-content .offer-info-box .area
{
	position:relative;
	padding-top:4.5rem;
	font-size:3.6rem;
	font-weight:600;
	margin-bottom:2.5rem;
}

.single-offer-content .offer-info-box .area:before
{
	content:'';
	width:2.4rem;
	height:2.4rem;
	background:url(assets/images/icon-home.svg) center center no-repeat;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-1.2rem;
}

.single-offer-content .offer-info-box .desc
{
	font-size:2rem;
	margin:0;
}

.single-offer-content .address
{
	padding-top:3.5rem;
	font-size:2rem;
	margin-bottom:4rem;
	text-align:center;
	position:relative;
}

.single-offer-content .address:before
{
	content:'';
	width:2.4rem;
	height:2.4rem;
	background:url(assets/images/icon-pin.svg) center center no-repeat;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-1.2rem;
}

.single-offer-content .map
{
	margin-bottom:4rem;
}

.single-offer-content .map iframe
{
	max-width:100%;
	width:100%;
	height:31rem;
}

.single-offer-content .amenities
{
	display:flex;
	margin:0 -1rem;
	flex-wrap:wrap;
	margin-bottom:4rem;
}

.single-offer-content .amenities > div
{
	width:25%;
	padding:0 1rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	font-size:1.2rem;
	text-transform:uppercase;
	text-align:center;
}

.single-offer-content .amenities .icon
{
	width:2.4rem;
	height:2.4rem;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:1rem;
}

.single-offer-content .price
{
	padding-top:2.5rem;
	border-top:1px solid #000;
	font-size:2rem;
	font-weight:600;
	text-align:center;
	margin-bottom:6rem;
}

.single-offer-content .price span
{
	font-size:1.6rem;
	display:block;
	margin-bottom:1rem;
}

.single-offer-content .btn-wrap
{
	text-align:center;
}

/* END page content */

/* WPCF7 */

.contact-form label
{
	font-size:1.4rem;
	line-height:2rem;
	font-weight:500;
	color:var(--gray);
	margin-bottom:1rem;
	display:block;
}

.contact-form span
{
	display: block;
	position: relative;
}

.contact-form p
{
	margin-bottom: 1.5rem;
}

.contact-form input[type=text],
.contact-form input[type=email],
.contact-form textarea,
.contact-form select
{
	width: 100%;
	border: none;
	background: #F3F3F3;
	font-size:1.4rem;
	padding: .8rem;
	min-height:4rem;
	color:#8D8D8D;	
}

.contact-form textarea
{
	height: 10rem;
	resize: none;
	display: block;
}

@media (min-width:992px)
{
	.contact-form textarea
	{
		height: 14rem;
	}
}

.contact-form .submit
{
	text-align:center;
	margin:0;
}

@media (min-width:768px)
{
	.contact-form .submit
	{
		text-align:right;
	}
}

.contact-form .wpcf7-submit
{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:1.4rem;
	text-transform:uppercase;
	padding:1.2rem 8rem 1rem 8rem;
	text-decoration:none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	min-height:5rem;
	position:relative;
	border:none
	text-decoration:none;
	overflow:hidden;
	background:var(--gray);
	color:#fff;
}

.contact-form span
{
	display: block;
}

span.wpcf7-list-item
{
	margin: 0;
}

.wpcf7 form .wpcf7-response-output
{
	background:#fff;
}

span.wpcf7-not-valid-tip
{
	position: absolute;
	background:#f00;
	color:#fff;
	top:calc(100% + .5rem);
	left:0;
	padding: .7rem 1rem .5rem 1rem;
	color: #fff;
	font-size: 1.2rem;
	line-height:1.2rem;
	z-index:99;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

.contact-form .terms-info
{
	font-size:1.4rem;
	line-height:2rem;
	margin-bottom:3rem;
}

.wpcf7 form .wpcf7-response-output
{
	margin:3rem 0 0 0;
	padding:1.5rem 2rem;
	font-size:1.5rem;
	line-height:2rem;
}

/* END WPCF7 */


.page-footer
{
	padding:4rem 0;
	background:var(--gray);
	color:#fff;
}

.page-footer a,
.page-footer a:hover
{
	color:#fff;
	text-decoration:none;
}

.page-footer .column--1 ul
{
	margin:0;
}

.page-footer .column--1 ul li
{
	padding:0;
	text-transform:uppercase;
}

.page-footer .column--1 ul li:before
{
	display:none;
}

.page-footer .column--1 ul li:not(:last-child)
{
	margin-bottom:2rem;
}

.page-footer .page-logo
{
	margin-bottom:3rem;
	display:inline-block;
}

.page-footer p
{
	line-height:2.6rem;
}

/* MFP Popup */

.mfp-bg
{
	z-index:99999;
}

.mfp-wrap
{
	z-index:999999;
}

.popup
{
  width:calc(var(--container-width) - 3rem);
  max-width: 95%; 
  margin: 5rem auto;
  position: relative;
  z-index: 999999999; 
  background: #fff;
  color:#000;
  padding:10rem 2rem;
}

.popup-close
{
  position: absolute;
  right: 3rem;
  top: 3rem;
  width: 3rem;
  height: 3rem;
  background: url(assets/images/icon-close.svg);
  background-size: 3rem 3rem;
  cursor: pointer;
}

/* END MFP Popup */


/* Accordion */
.accordion .item
{
	background:#fff;
	padding:3.2rem;
	border-radius:2.4rem;
	position:relative;
	margin-bottom:1.6rem;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

@media (min-width:992px)
{
	.accordion .item
	{
		padding:6.4rem;
	}
}

.accordion--with-icon .item
{
	background:none;
	padding:2.4rem 0;
	border-top:1px solid #DFE1E7;
	border-radius:0;
	margin:0;
}

@media (min-width:992px)
{
	.accordion--with-icon .item
	{
		padding:3.2rem 0;
	}
}

.accordion .item .opener
{
	cursor:pointer;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	position:relative;
}

.accordion--with-icon .item .opener
{
	padding-left:5.2rem;
}

.accordion--with-icon .item .opener .icon
{
	position:absolute;
	top:-.1rem;
	left:0;
	width:3.2rem;
	height:3.2rem;
	display:flex;
	align-items:center;
	justify-content:center;
}

@media (min-width:1200px)
{
	.accordion--with-icon .item .opener .icon
	{
		top:-.2rem;
	}
}

@media (min-width:1400px)
{
	.accordion--with-icon .item .opener .icon
	{
		top:0;
	}
}

.accordion--with-icon .item .opener .icon img
{
	max-width:100%;
	max-height:100%;
}

.accordion--with-arrow .item .opener:after
{
	content:'';
	width:3.2rem;
	height:3.2rem;
	background:url(assets/images/chevron-1.svg) center center no-repeat;
	position:absolute;
	right:0;
	top:.1rem;
}

.accordion--with-arrow .item.open .opener:after
{
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.accordion .item .opener p
{
	margin:0;
	max-width:58rem;
}

.accordion .item .opener .title
{
	margin-bottom:2.4rem;
	display:block;
}

.accordion--with-icon .item .opener .title
{
	margin:0;
}

.accordion .item .opener .short-text
{
	display:block;
}

.accordion .item .opener .content
{
	width:50%;
}

.accordion .item .opener .btn
{
	margin:1.2rem 0 0 auto;
}

.accordion .item .content
{
	display:none;
	padding:3rem 0 0 0;
}

.accordion .item .content *:last-child
{
	margin-bottom:0;
}

/* END Accordion */

.eyebrow
{
	font-size:1.6rem;
	line-height:2.4rem;
	font-weight:700;
	color:var(--blue);
	margin-bottom:1.8rem;
}

@media (min-width:992px)
{
	.eyebrow
	{
		margin-bottom:2.4rem;
	}
}

.eyebrow span
{
	display:inline-flex;
	align-items:center;
	position:relative;
	background:#fff;
	border-radius:9999px;
	min-height:3.2rem;
	padding:.4rem 1.2rem .4rem 2.4rem;
	border:1px solid transparent;
}

.eyebrow--with-border span
{
	border:1px solid #DFE1E7;
}

.eyebrow span:before
{
	content:'';
	width:.6rem;
	height:.6rem;
	border-radius:50%;
	position:absolute;
	top:50%;
	margin-top:-.3rem;
	left:1.2rem;
	background:var(--blue);
}

.heading
{
	font-weight:700;
	color:var(--gray);
	margin-bottom:2rem;
	line-height:normal;
}

@media (min-width:992px)
{
	.heading
	{
		margin-bottom:4.8rem;
	}
}

@media (max-width:767px)
{
	.heading, h1, h2, h3, h4, h5, h6
	{
		hyphens: auto;
		hyphenate-limit-chars: auto;
		hyphenate-limit-lines: 2;
		-webkit-hyphens: auto;
		-webkit-hyphenate-limit-chars: auto 5;
		-webkit-hyphenate-limit-lines: 2;
		-ms-hyphens: auto;
		-ms-hyphenate-limit-chars: auto 5;
		-ms-hyphenate-limit-lines: 2;
	}
}

.heading--size-1
{
	font-size:3rem;
}

.heading--size-2
{
	font-size:3.2rem;
}

.heading--size-3
{
	font-size:2.8rem;
}

.heading--size-4
{
	font-size:2.4rem;
}

.heading--size-5
{
	font-size:2rem;
}

@media (min-width:992px)
{
	.heading--size-1
	{
		font-size:4rem;
	}

	.heading--size-2
	{
		font-size:3.6rem;
	}

	.heading--size-3
	{
		font-size:3.2rem;
	}

	.heading--size-4
	{
		font-size:2.8rem;
	}

	.heading--size-5
	{
		font-size:2.4rem;
	}
}

h1,h2,h3,h4,h5,h6
{
	color:var(--black);
	margin: 0 0 2.4rem 0;
	font-weight: 700;
	line-height: normal;
}

h1
{
	font-size:5rem;
	line-height:5rem;
}

h2
{
	font-size:4.2rem;
	line-height:4.2rem;
}

h3
{
	font-size:3.4rem;
	line-height:3.4rem;
}

h4
{
	font-size:2rem;
	line-height:2rem;
}

h5
{
	font-size:1.8rem;
	line-height:1.8rem;
}

@media (min-width:992px)
{
	h1
	{
		font-size:4rem;
	}

	h2
	{
		font-size:3.6rem;
	}

	h3
	{
		font-size:3.2rem;
	}

	h4
	{
		font-size:2.8rem;
	}

	h5
	{
		font-size:2.4rem;
	}
}

ul
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 2.5rem 0;
	line-height: 2rem;
}

@media (min-width:992px)
{
	ul
	{
		line-height: 2rem;
	}
}

ul li
{
	position:relative;
	padding-left:1.5rem;
}

ul li:before
{
	content:'';
	width:.4rem;
	height:.4rem;
	background:var(--gray);
	position:absolute;
	left:0;
	top:.7rem;
}

ol li
{
	padding-left:2rem;
	margin-bottom:1.6rem
}

ol li:last-child
{
	margin-bottom:0;
}

input:focus, textarea:focus
{
	outline: none;
}

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

.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.to-animate, .animate-block
{
	opacity: 0;
}

.text-color--white
{
	color:#fff;
}

.text-color--black
{
	color:var(--black);
}

.text-color--beige
{
	color:var(--beige);
}

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

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

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

.font-weight--300
{
	font-weight:300;
}

.font-weight--400
{
	font-weight:400;
}

.font-weight--500
{
	font-weight:500;
}

.font-weight--700
{
	font-weight:700;
}

.text-block > *:last-child
{
	margin-bottom:0;
}

.text-block--main
{
	margin-bottom:6rem;
}

.text-transform--uppercase
{
	text-transform:uppercase;
}

@media (min-width:992px)
{
	.row-gap--medium
	{
		margin-left:-3rem;
		margin-right:-3rem;
	}

	.row-gap--medium > div
	{
		padding-left:3rem;
		padding-right:3rem;
	}
}

.flex-justify--center
{
	justify-content:center;
}

.btn
{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-weight:400;
	font-size:2rem;
	padding:0 4rem 0 7rem;
	text-decoration:none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	border:1px solid #fff;
	min-height:5.6rem;
	position:relative;
	text-decoration:none;
	overflow:hidden;
	border-radius:0;
	text-transform:uppercase;
	letter-spacing:.2em;
}

.btn:hover
{
	text-decoration:none;
}

.btn--white
{
	color:#fff;
}

.btn--white.btn--home-icon:before
{
	content:'';
	width:3rem;
	height:3rem;
	background:url(assets/images/icon-home-white.svg);
	background-size:3rem 3rem;
	position:absolute;
	top:50%;
	margin-top:-1.5rem;
	left:2rem;
}

.btn--beige.btn--phone-icon
{
	border:1px solid var(--beige);
	color:var(--beige);
	font-size:1.4rem;
}

.btn--beige.btn--phone-icon:before
{
	content:'';
	width:1.6rem;
	height:1.6rem;
	background:url(assets/images/icon-contact.svg);
	background-size:1.6rem 1.6rem;
	position:absolute;
	top:50%;
	margin-top:-.8rem;
	left:3rem;
}

.btn--gray.btn--phone-icon
{
	border:1px solid var(--gray);
	color:#fff;
	font-size:1.4rem;
	background:var(--gray);
}

.btn--gray.btn--phone-icon:before
{
	content:'';
	width:1.6rem;
	height:1.6rem;
	background:url(assets/images/icon-contact-white.svg);
	background-size:1.6rem 1.6rem;
	position:absolute;
	top:50%;
	margin-top:-.8rem;
	left:3rem;
}

.btn--white:hover
{
	border:1px solid #fff;
}

.photo-bg
{
	width:100%;
	height:100%;
}

.photo-bg--cover
{
	background-size:cover;
	background-position:center center
}

.slick-track{ margin-left: 0; }

/**
* Fade-move animation for second dialog
*/

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;

-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
opacity: 0;

-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
opacity: 0;

-webkit-transition: opacity 0.3s ease-out; 
-moz-transition: opacity 0.3s ease-out; 
-o-transition: opacity 0.3s ease-out; 
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
}

.row-align-vertical--bottom
{
	align-items:flex-end;
}

.row-align-vertical--center
{
	align-items:center;
}

.wp-caption
{
	max-width:100%;
}

.wp-caption p
{
	font-size:1.2rem;
	line-height:1.8rem;
	padding-top:1rem;
	margin:0;
}

@media (min-width:1600px)
{
	.col-xxxl-8
	{
		width:66.66666667%;
	}

	.col-xxxl-6
	{
		width:50%;
	}

	.col-xxxl-4
	{
		width:33.33333333%;
	}

	.col-xxxl-3
	{
		width:25%;
	}

	.offset-xxxl-1
	{
		margin-left:8.33333333%;
	}

	.offset-xxxl-2
	{
		margin-left:16.66666667%;
	}
}

.made-by
{
	-webkit-transform: rotate(-90deg);  
	-moz-transform: rotate(-90deg); 
	-o-transform: rotate(-90deg); 
	transform: rotate(-90deg); 
	position: absolute; 
	right:-85px;
	width:200px;
	bottom: 170px; 
	z-index: 9999; 
	background:transparent; 
	padding: 1px 3px; 
	color: #000; 
	opacity: 0.5; 
	font-size: 10px; 
	text-decoration: none; text-transform: uppercase;
}

.gallery
{
	display:flex;
	flex-wrap:wrap;
	margin:0 -2rem !important;
}

.gallery .gallery-item
{
	float:none;
	padding:0 2rem;
	margin:0 0 4rem 0;
}

.gallery .gallery-item a
{
	display:block;
}

.gallery .gallery-item img
{
	border:none !important;
}

strong
{
	font-weight:600;
}

.phone,
.phone2,
.email
{
	padding-left:2.2rem;
	position:relative;
	display:block;
}

.phone:before
{
	content:'';
	width:1.6rem;
	height:1.6rem;
	background:url(assets/images/icon-phone.svg) center center no-repeat;
	background-size:1.6rem 1.6rem;
	position:absolute;
	left:0;
	top:.2rem;
}

.phone2:before
{
	content:'';
	width:1.7rem;
	height:1.7rem;
	background:url(assets/images/icon-phone2.svg) center center no-repeat;
	background-size:1.7rem 1.7rem;
	position:absolute;
	left:-.1rem;
	top:.2rem;
}

.email:before
{
	content:'';
	width:1.4rem;
	height:1.4rem;
	background:url(assets/images/icon-email.svg) center center no-repeat;
	background-size:1.4rem 1.4rem;
	position:absolute;
	left:0;
	top:.4rem;
}