#main 
	{
	padding: 0;
	}

 #bottom-bar
	{
	display: none !important;
	}


/*-------- FILTERS / SORT --------*/

 .fixed-buttons
	{
	position: absolute;
	top: 2px;
	left: 0;
	display: flex;
	z-index: 10;
	}

 .fixed-buttons .btn
	{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	padding: 0 22px 0 15px !important;
	font-size: 11px !important;
	z-index: 20;
	}

 .fixed-buttons .btn i
	{
	display: inline-flex;
	margin-right: 8px;
	font-size: 20px;
	}

 .fixed-buttons .btn.outline
	{
	background: #fff;
	border-color: #d2d2d2;
	color: #092044;
	*transition: border-color 0.2s ease;
	}
 .fixed-buttons .btn.outline:hover
	{
	*border-color: #092044;
	*color: #092044;
	}

 #sort
	{
	position: relative;
	display: inline-block;
	margin-left: 10px;
	}

 #sort .sort-list-wrap
	{
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 50px;
	width: 200px;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.3s ease;
	}
 #sort:hover .sort-list-wrap
	{
	opacity: 1;
	pointer-events: auto;
	z-index: 10;
	}

 #sort .sort-list
	{
	position: relative;
	padding: 10px 0;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 40px RGBA(0,0,0, 0.14);
	}
 #sort .sort-list:before
	{
	content: '';
	position: absolute;
	bottom: 100%;
	left: 48px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff;
	}

 #sort .sort-list span
	{
	display: block;
	padding: 10px 20px;
	font-size: 14px;
	cursor: pointer;
	}
 #sort .sort-list span:hover
	{
	background: #f4f4f4;
	color: #092044;
	}


/*-------- ITEMS --------*/

 #items
	{
	margin-top: 50px;
	}

 #items h2
	{
	font-size: 24px;
	}

 #items .list
	{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 40px;
	}

 #items .item
	{
	display: inline-block;
	width: 100%;
	box-shadow: 0 0 40px 0 rgba(0,0,0, 0.11);
	transition: box-shadow 0.2s ease;
	}

 #items .carousel .item
	{
	box-shadow: none !important;
	}

 #items .item .title
	{
	display: block;
	padding: 20px 5px;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	color: #000;
	}

 #items .photo
	{
	display: block;
	width: 100%;
	overflow: hidden;
	}

 #items .photo img
	{
	display: block;
	width: 100%;
	transition: transform 0.2s ease;
	}

 #items .item:hover
	{
	box-shadow: 0 0 40px 0 rgba(0,0,0, 0.2);
	}
 #items .photo:hover img
	{
	transform: scale(1.1);
	}

 #items .btn-wrap
	{
	text-align: center;
	}

 .bt
	{
	position: absolute;
	top: 40%;
	margin-top: -30px;
	display: inline-block;
	width: 60px;
	height: 60px;
	background: RGBA(9,32,68, 0.7);
	text-align: center;
	cursor: pointer;
	z-index: 50;
	transition: background 0.2s ease;
	}
 .bt:hover
	{
	background: RGB(9,32,68);
	}

 .bt.back
	{
	left: -30px;
	}
 .bt.next
	{
	right: -30px;
	}

 .bt:hover
	{
	fill: #67AD5C;
	}


/*-------- ITEM --------*/

 #top-title
	{
	margin-top: 50px;
	}

 #top-title .wrapper
	{
	display: flex;
	align-items: center;
	margin-bottom: 25px;
	}

 #top-title a
	{
	display: flex;
	align-items: center;
	}

 #top-title .title
	{
	margin-left: 20px;
	font-family: Unbounded;
	font-size: 20px;
	color: #081C2B;
	}

 #main-item .cols
	{
	display: flex;
	padding: 20px;
	background-color: #f6f6f6;
	}

 #main-item .photo
	{
	flex: 0 0 50%;
	max-width: 360px;
	}

 #main-item .photo img
	{
	display: block;
	width: 100%;
	}

 #main-item .data
	{
	margin-inline-start: 50px;
	}

 #main-item h1
	{
	margin: 14px 0 40px 0;
	text-align: start;
	}

 #main-item .text-wrap
	{
	position: relative;
	padding-top: 10px;
	padding-left: 40px;
	}
 #main-item .text-wrap:before
	{
	content: '';
	position: absolute;
	top: -25px;
	left: -20px;
	width: 50px;
	height: 50px;
	background: url('images/quote.svg') 0 0 no-repeat;
	background-size: 100% auto;
	}

 #main-item .text
	{
	display: -moz-box;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-moz-line-clamp: 6;
	*line-clamp: 6;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;

	line-height: 1.5;
	color: #444;
	}

 #main-item .text p
	{
	display: inline;
	margin: 0 0 10px 0;
	}

 #main-item .a
	{
	display: inline-block;
	margin-top: 6px;
	font-size: 14px;
	font-weight: 700;
	color: #54595f;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
	}

 #main-item .btn-less
	{
	display: none;
	}

 #main-item .text-wrap.open .text
	{
	display: block;
	}
 #main-item .text-wrap.open .btn-more
	{
	display: none;
	}
 #main-item .text-wrap.open .btn-less
	{
	display: inline-block;
	}

 #main-item .text-wrap.open .text p
	{
	display: block;
	}


/*-------- LIFESTYLE --------*/

 #lifestyle
	{
	margin: 80px 0;
	}

 #lifestyle h2
	{
	font-size: 24px;
	}

 #lifestyle .list
	{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 30px;
	}

 #lifestyle .lifestyle
	{
	display: inline-block;
	width: 100%;
	*box-shadow: 0 0 40px 0 rgba(0,0,0, 0.11);
	transition: box-shadow 0.2s ease;
	}

 #lifestyle .lifestyle .title
	{
	display: block;
	padding: 20px 5px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	color: #000;
	}

 #lifestyle .photo
	{
	display: block;
	width: 100%;
	overflow: hidden;
	}

 #lifestyle .photo img
	{
	display: block;
	width: 100%;
	transition: transform 0.2s ease;
	}

 #lifestyle .lifestyle:hover
	{
	*box-shadow: 0 0 40px 0 rgba(0,0,0, 0.2);
	}
 #lifestyle .photo:hover img
	{
	transform: scale(1.1);
	}


/*-------- PROJECTS --------*/

 #projects
	{
	margin: 60px 0;
	}

 #projects .title
	{
	position: relative;
	}

 #projects .sort
	{
	position: absolute;
	top: 0px;
	right: 0;
	font-size: 15px;
	line-height: 35px;
	color: #8b9aa1;
	cursor: pointer;
	user-select: none;
	}
 #projects .sort.active
	{
	font-weight: 700;
	color: #444;
	}

 #projects .sort .order
	{
	margin-inline-start: 10px;
	font-size: 16px;
	}

 #projects .grid
	{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 25px;
	}

 #projects .project
	{
	position: relative;
	display: block;
	background: #eee;
	}

 #projects .photo
	{
	position: relative;
	}

 #projects .photo:after
	{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-image: linear-gradient(180deg, transparent 53.26%, #000);
	}

 #projects img
	{
	display: block;
	width: 100%;
	}

 #projects .roi
	{
	position: absolute;
	top: 8px;
	right: 8px;
	padding: 10px 20px;
	background: #fff;
	font-weight: 600;
	color: #54595f;
	opacity: 0;
	transition: opacity 0.2s ease;
	}
 #projects .project:hover .roi
	{
	opacity: 1;
	}

 #projects .info
	{
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 20px;
	color: #fff;
	}

 #projects .info-2
	{
	position: absolute;
	left: 8px;
	right: 8px;
	bottom: 8px;
	padding: 20px;
	background: #fff;
	color: #54595f;
	z-index: 10;
	opacity: 0;
	transition: opacity 0.2s ease;
	}
 #projects .project:hover .info-2
	{
	opacity: 1;
	}

 #projects h4
	{
	margin: 10px 0 0 0;
	font-family: Unbounded;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.4;
	}

 #projects .units
	{
	display: inline-block;
	margin-bottom: 12px;
	padding: 4px 12px;
	font-size: 14px;
	line-height: 20px;
	color: #081c2b;
	background: #e9e9e9;
	}

 #projects .location
	{
	display: flex;
	align-items: center;
	font-size: 14px;
	}

 #projects .location svg
	{
	margin-inline-end: 5px;
	width: 20px;
	height: 20px;
	}

 #projects .text
	{
	margin: 8px 0;
	font-size: 12px;
	line-height: 18px;
	}

 #projects .project .btn
	{
	margin-top: 10px;
	width: 100%;
	}

 #projects .btn-wrap
	{
	text-align: center;
	}

 #projects .not-found
	{
	text-align: center;
	}


/*-------- INTEREST FORM --------*/

 #interest
	{
	padding: 80px 15px;
	background: url('images/form-bg.jpg') center top no-repeat;
	background-size: cover;
	}

 #interest .form
	{
	margin: 0 auto;
	padding: 35px;
	padding-top: 50px;
	width: 100%;
	max-width: 700px;
	background-color: #fff;
	text-align: center;
	}

 #interest h4
	{
	margin: 0 0 14px 0;
	font-family: Unbounded;
	font-size: 28px;
	font-weight: 400;
	color: #092044;
	}

 #interest h4 + div
	{
	margin-bottom: 26px;
	font-size: 14px;
	line-height: 1.6;
	color: #54595F;
	}

 #interest .grid
	{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 15px;
	}

 #interest .grid > div
	{
	display: flex;
	}

 #interest .field.short
	{
	margin-right: 8px;
	max-width: 90px;
	}

 #interest .terms
	{
	margin-left: auto;
	margin-right: auto;
	max-width: 460px;
	text-align: left;
	}

 #interest .terms label
	{
	font-size: 12px;
	line-height: 1.5;
	}

 #interest .error
	{
	margin: 14px 0;
	font-weight: 500;
	color: #cc4040;
	}

 #interest .btn-wrap
	{
	margin-top: 20px;
	text-align: center;
	}


/*-------- BUTTONS MOBILE --------*/

@media (max-width: 980px) 
 {
 .fixed-buttons
	{
	position: static;
	margin: 20px 0;
	}
 }

@media (max-width: 480px) 
 {
 .fixed-buttons
	{
	position: fixed;
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	margin: 0;
	padding: 6px 10px;
	background: #fff;
	justify-content: space-between;
	box-shadow: 0 0 40px 0 rgba(0,0,0, 0.15);
	z-index: 100;
	}

 .fixed-buttons .btn
	{
	flex-grow: 1;
	padding: 12px 6px !important;
	font-size: 11px !important;
	}

 .fixed-buttons .btn.outline
	{
	border-color: #092044;
	}

 #sort
	{
	display: inline-flex;
	flex-grow: 1;
	}

 #sort .sort-list-wrap
	{
	top: auto;
	left: auto;
	right: 0;
	bottom: 0;
	padding-top: 0;
	padding-bottom: 44px;
	}

 #sort .sort-list:before
	{
	bottom: auto;
	left: auto;
	top: 100%;
	right: 60px;
	border: 8px solid transparent;
	border-top: 8px solid #fff;
	}
 }


/*-------- ITEMS MOBILE --------*/

@media (max-width: 980px) 
 {
 #items h2
	{
	font-size: 20px;
	}

/*
 #items .list
	{
	margin: 0 -8px;
	}

 #items .list > div
	{
	padding: 0 8px 20px 8px;
	}
*/

 #items .list
	{
	grid-gap: 20px;
	}

 #items .item .title
	{
	padding: 14px 5px;
	}

 #items .bt
	{
	display: none;
	}
 }

@media (max-width: 480px) 
 {
 #items
	{
	margin-top: 30px;
	}

 #items h2
	{
	font-size: 18px;
	}

/*
 #items .list > div
	{
	min-width: 33%;
	padding: 0 5px 10px 5px;
	}
*/
 #items .list
	{
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px;
	}

 #items .item .title
	{
	padding: 10px 5px;
	font-size: 12px;
	}
 }


/*------ ITEM MOBILE ------*/

@media (max-width: 980px) 
 {
 #main-item h1
	{
	font-size: 30px;
	}

 #main-item .text-wrap
	{
	padding-left: 0px;
	}
 #main-item .text-wrap:before
	{
	top: -30px;
	left: 0px;
	width: 36px;
	height: 36px;
	}

 #main-item .text
	{
	font-size: 14px;
	}

 #main-item .data
	{
	margin-inline-start: 35px;
	}

 #main-item .photo
	{
	max-width: 300px;
	}
 }

@media (max-width: 768px) 
 {
 #top-title
	{
	margin-top: 30px;
	}

 #top-title .wrapper
	{
	margin-bottom: 10px;
	}

 #top-title .title
	{
	margin-left: 0;
	margin-inline-start: 10px;
	font-size: 18px;
	}

 #main-item 
	{
	padding: 0;
	}

 #main-item .cols
	{
	display: block;
	padding: 0;
	}

 #main-item .photo
	{
	position: relative;
	width: 100%;
	max-width: 100%;
	height: 0;
	padding-top: 50%;
	overflow: hidden;
	}

 #main-item .photo img
	{
	position: absolute;
	top:0; left:0; right:0; bottom:0;
	margin: auto;
	object-fit: cover;
	}

 #main-item .data
	{
	margin-inline-start: 0;
	padding: 20px;
	}

 #main-item h1
	{
	margin-top: 0;
	margin-bottom: 25px;
	font-size: 24px;
	}

 #main-item .text-wrap:before
	{
	top: -18px;
	width: 26px;
	height: 26px;
	}
 }


/*-------- LIFESTYLE MOBILE --------*/

@media (max-width: 980px) 
 {
 #lifestyle
	{
	margin: 60px 0;
	}

 #lifestyle h2
	{
	font-size: 20px;
	}

 #lifestyle .list
	{
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px;
	}

 #lifestyle .lifestyle .title
	{
	padding: 14px 5px;
	}

 #lifestyle .bt
	{
	display: none;
	}
 }

@media (max-width: 480px) 
 {
 #lifestyle
	{
	margin: 30px 0;
	}

 #lifestyle h2
	{
	font-size: 18px;
	}

 #lifestyle .list
	{
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px;
	}

 #lifestyle .lifestyle .title
	{
	padding: 10px 5px;
	font-size: 12px;
	}
 }


/*------ PROJECTS MOBILE ------*/

@media (max-width: 1400px) 
 {
 #projects .grid
	{
	grid-gap: 10px;
	}

 #projects h4
	{
	font-size: 18px;
	}
 }

@media (max-width: 980px) 
 {
 #projects
	{
	margin: 60px 0;
	}

 #projects .wrapper
	{
	max-width: 700px;
	}

 #projects .grid
	{
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
	}

 #projects h4
	{
	font-size: 22px;
	}

 #projects .roi
	{
	left: 8px;
	padding: 0;
	background: none;
	font-size: 15px;
	color: #fff;
	text-align: start;
	text-shadow: 1px 1px 2px RGBA(0,0,0, 0.3);
	opacity: 1;
	}
 }


@media (max-width: 768px) 
 {
 #projects
	{
	margin: 45px 0;
	}

 #projects .sort
	{
	position: static;
	display: block;
	margin: -10px 0 40px 0;
	text-align: center;
	line-height: 1;
	}

 #projects h4
	{
	font-size: 18px;
	}

 #projects .info-2
	{
	display: none;
	}
 }

@media (max-width: 480px) 
 {
 #projects
	{
	margin: 30px 0;
	}

 #projects .sort
	{
	margin-bottom: 25px;
	font-size: 14px;
	}

 #projects .grid
	{
	grid-gap: 10px;
	}

 #projects h4
	{
	margin-top: 5px;
	font-size: 16px;
	}

 #projects .location
	{
	font-size: 13px;
	}

 #projects .info
	{
	left: 10px;
	right: 10px;
	bottom: 10px;
	}

 #projects .roi
	{
	font-size: 13px;
	}
 }

@media (max-width: 360px) 
 {
 #projects .grid
	{
	grid-gap: 6px;
	}

 #projects .location svg
	{
	display: none;
	}
 }


/*-------- INTEREST FORM MOBILE --------*/

@media (max-width: 600px) 
 {
 #interest
	{
	padding: 40px 15px;
	}

 #interest .grid
	{
	grid-template-columns: repeat(1, 1fr);
	}

 #interest .btn
	{
	max-width: 100%;
	}
 }

@media (max-width: 480px) 
 {
 #interest .form
	{
	padding: 30px 20px 20px 20px;
	}

 #interest h4
	{
	font-size: 20px;
	}

 #interest .grid
	{
	grid-gap: 10px;
	}

 #interest .field.short
	{
	padding: 12px 10px;
	max-width: 70px;
	}
 }